html { font-size: 16px; }
p { font-size: 16px; line-height: 23px; color: #333; letter-spacing: 0.2 }



/** #0 MAIN STRUCTURE **/

@media (min-width: 768px) {
  #wrapper.container-fluid { padding-left: 60px; padding-right: 60px; }
  #wrapper.container-fluid>div.row { margin-left: -60px; margin-right: -60px; }
  #wrapper.container-fluid>div.row>div[class*="col-"] { padding-left: 60px; padding-right: 60px }

 .label.label-grey { font-weight:600; font-size: 80%; color: #4a4a52; line-height: 31px; background-color: #e4e4e4; padding: .5em .6em .4em; border-radius: .25em; letter-spacing: 0.2px; }

} 


/** #1 UTILITY CLASSES **/

.btn-outline-secondary {
  color: #000;
  background:transparent;
  border-color: #848484;
}

@media screen and (min-width: 992px)  {
  .mobile-break { display: none; }
}

.display-flex {
  display: flex;
}

.flex-flow-wrap-row {
  flex-flow: wrap row;
}

.background-muted { background-color: #e4e4e4 }

.mobile-spacing-20 {
  height:20px;
}

@media screen and (min-width:992px) {
  .mobile-spacing-20 {
    height:0;
  }
}

.border-bottom-orange {
   border-bottom: 3px solid #de5e39;
}

.border-top-orange {
   border-top: 3px solid #de5e39;
}

.label.label-grey     { font-weight:400; font-size: 72%; color: #4a4a52; line-height: 31px; background-color: #e4e4e4; padding: .5em .8em .3em; border-radius: .25em; letter-spacing: 0.2px; }
.label.label-red      { background-color: #de5e39; font-weight: normal; padding: .4em .5em .2em; letter-spacing: 0.2px;}
.label.label-green    { background-color: #598f48; font-weight: normal; padding: .4em .5em .2em; letter-spacing: 0.2px;}

.label.label-green-offer  { font-size:83%; background-color: #598f48; font-weight: normal; padding: .5em .5em .4em; letter-spacing: 0.2px;}

.frontpage-email-signup-text h2 { font-size:21px; line-height: 27px; }

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

.text-left {
  text-align: left;
}

.font-size-large {
  font-size:45px;

}

.font-size-medium {
  font-size:18px;
}

.margin-auto {
  margin: 0 auto;
}

.margin-remove {
  margin:0 !important;
}

.margin-top-remove {
  margin-top: 0 !important;
}

.margin-top-large {
  margin-top:30px;
}

.margin-top-medium {
  margin-top:20px;
}

.margin-top-small {
  margin-top:10px;
}

.margin-bottom-large {
  margin-bottom: 30px;
}

.margin-bottom-medium {
  margin-bottom:20px;
}

.margin-bottom-small {
  margin-bottom:10px;
}

.margin-right-small {
  margin-right:10px;
}

.padding-right-medium {
  padding-right: 20px;
}

.padding-right-large {
  padding-right: 30px;
}

.padding-right-small {
  padding-right: 10px;
}

.margin-left-remove {
  margin-left:0 !important;
}

.padding-left-large {
  padding-left: 30px;
}

.padding-left-small {
  padding-left:10px;
}

.padding-left-xsmall {
  padding-left:5px;
}

.padding-left-remove {
  padding-left:0 !important;
}

.padding-top-remove {
  padding-top:0 !important;
}

.padding-top-large {
  padding-top:30px;
}

.padding-top-medium {
  padding-top:20px;
}

.padding-top-small {
  padding-top:10px;
}

.padding-bottom-small {
  padding-bottom:10px;
}

.padding-bottom-large {
  padding-bottom:30px;
}

.padding-bottom-medium {
  padding-bottom:20px;
}

.padding-small {
  padding: 5px;
}

.padding-medium {
  padding: 20px;
}

.padding-large {
  padding: 30px !important;
}

@media all and (min-width: 992px) {
  .padding-small {
    padding:10px;
  }

  .padding-medium {
    padding:25px 25px 25px 25px
  }
}

.padding-remove {
  padding: 0 !important;
}

.padding-remove-left {
  padding-left: 0 !important;
}

.list-style-none {
  list-style:none;
}


@media all and (max-width: 992px ) {
  .desktop-only {
    display: none;
  }
}


header {
  background-color:#de5e39;
  border-bottom: 3px solid #c35838;
}

#main-header {
  height: 70px;
  display:none;
}

@media all and (min-width: 1050px) {
  #main-header {
    display:block;
  }
  #mobile-header {
    display:none;
  }
}

#main-header .header_logo img{width: 213px;} /* mobil logo-bredd */


#main-header .header_logo{
  text-align: right;
  margin-top:20px;
}


/** MAIN MENU **/


#main-menu-container {
  height:47px;
  position:static;
}

#main-menu {
}

#main-menu {
  list-style-type:none;
/*  margin-left: 120px; */
}

#main-menu li.menu-item {
  padding: 24px 5px 16px 5px;
  float:left;
}

@media all and (min-width: 1200px) {
  #main-menu li.menu-item {
    padding: 24px 15px 23px 15px;
    float:left;
  }
}

#main-menu li.menu-item:hover {
  /* background-color:#c35838;*/
  cursor:pointer;
}

#main-menu li.menu-item>a {
  text-transform: none;
  padding: 0 1rem;
  color:#fff;
  font-weight:600;
  font-size:16px;
  letter-spacing: 0.8px;
  font-family:'Ubuntu',sans-serif;
}

#main-menu .menu-item.has-subitems>a:after {
    content: '\25BE';
    padding-left:4px;
}

.main-menu-stores-title {
  text-align: center;
}

.main-menu-all-stores-link {
    text-align: center;  
    padding-top: 30px;
}

.main-menu-all-stores-link a {
    text-align: center;
    color: #0052cd;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.7px;
}


.submenu-container {
  padding: 40px 50px 40px 130px;
  display: none;
  position:absolute;
  cursor:auto;
  left: 0;
  top:70;
  z-index: 2;
  width: 100%;
  min-height: 300px;
  background-color:#fff;
  border-bottom: 3px solid #eee;
}

.submenu-container h2 {
     color: #333;
    font-size: 21px;
    letter-spacing: 0.7px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 600;
}

.submenu-container ul {
  list-style-type: none;
  letter-spacing: 0.7px;
}

.submenu-container ul li {
  padding:5px 0;
}
/** END MAIN HEADER **/



.header_search{
    padding-left: 15px;
    height: 44px;
    margin-top: 12px;
    /* max-width:560px; */
}

.header_search .input-group {
  height: 100%;
  width: 100%;
}

.search_field{
  font-family:'AvenirNextLTPro',sans-serif;
  height:100%;
  font-size: 15px;
  padding: 3px 0px 0px 14px;
  border: none;
  -webkit-appearance: none;
  -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 4px;
  box-sixing:border-box;
  font-weight: 500;
  letter-spacing: 0px

}

.search_field:focus
{
  outline: none;
  border: none;
}

.search_field_button
{
  height: 100%;
  font-size: 15px;
  padding: 3px 18px 0 18px;
  font-weight: 500;
  background: #e6e6e6;
  color: #000;
  -webkit-appearance: none;
  -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
  border:none;
    cursor: pointer;
    font-family: 'AvenirNextLTPro';
  transition:background 50ms;
  box-sixing:border-box;
  vertical-align:top;
  letter-spacing: 0px;
  border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.search_field_button:hover{
  background:#d9d9d9;
}

.ui-menu-item-wrapper {
  display:table;
  : hidden;
    width: 100%;
    color: #222;
    text-decoration: none;
}



.search-itemgroup-header {
  padding: 20px 10px 10px 15px;
  /*border-top: 1px solid #f5f5f5;*/
  font-size: 14px;
  font-family:'AvenirNextLTPro',Arial,sans-serif;
  letter-spacing: 0.4px;
  /*background-color: #f3f3f3;*/
  margin-bottom: 5px;
  color:#5f5f5f;
}

.search-item-thumb {
  width:67px;
  height: 60px;
  line-height: 24px;
  display: table-cell;
  vertical-align: middle;
}

.search-item-thumb-image {
  overflow: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
    width: 55px;
    height: 55px;
    padding: 1px;
    border: 1px solid #e7e7e7;
    border-radius: 0;
    background-color: #fff;
    padding:1px;
    line-height: 45px;
    text-align: center;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
}

.search-item-thumb-image img {
  height: auto;
  vertical-align: middle;
    max-width: 45px;
    max-height: 45px;
}

.search-item-text {
  font-family:'AvenirNextLTPro',Arial,sans-serif;
  display: table-cell;
    padding: .25em;
    letter-spacing: 0.4px;
    text-align: left;
    vertical-align: middle;
    line-height: 23px;
}

.search-item-title {
  font-size: 14px;
  font-weight: 600;
}

p.search-item-title:first-letter {
  /*text-transform:uppercase;*/
}

.search-item-desc {
  font-size: 12px;
}




/** 
 *
 * MOBILE HEADER
 *
 **/


#mobile-header {
  height: 65px;
}

#mobile-header .container-fluid .row {
  margin-top:12px;
}



#mobile-header .header_logo, #mobile-header .header_search, #mobile-header .mobile-menu-button {
  height:40px;
}

#mobile-header .header_logo a img {
  height: 28px;
}


#mobile-header .header_logo {
  float:left;
  width:16%;
  padding:6px 15px;
  text-align: center; 
}


#mobile-header .header_search {
  margin-top: 0;
  width: 70%;
  float:left;
  z-index:3;
}



#mobile-header .search_field {
  padding:4px 10px 0px 10px;
  height:40px;
  border-radius: 3px
}

#mobile-header .search_field_button {
  height: 40px;
  letter-spacing: 0.5px;
}

.mobile-menu-button {
  width:11%;
  cursor: pointer;
    box-sizing: border-box;
    float: right;
}

.mobile-menu-button-container {
    transition: background .1s, color .1s;
    display: block;
    position: relative;
    height: 40px;
    min-width: 40px;
    line-height: 40px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}

.mobile-menu-button .hamburger {
  transition-duration: .3s;
    position: absolute;
    height: 4px;
    width: 26px;
    background-color: #fff;
    border-radius: 6px;
    left: 50%;
    top: 50%;
    margin-top: -2px;
    margin-left: -17px;
}

.mobile-menu-button .hamburger span {
  position: absolute;
}

.mobile-menu-button .hamburger span:nth-child(1) {
  left: 0;
    width: 26px;
    height: 4px;
    background-color: #fff;
    top: -8px;
    border-radius: 6px;
    transition-duration: .3s;
}

.mobile-menu-button .hamburger span:nth-child(2) {
  left: 0;
    background-color: #fff;
    width: 26px;
    transition-duration: .3s;
    top: 8px;
    height: 4px;
    border-radius: 6px;
}


.mobile-menu-button .hamburger.is-active {  
  transition-duration: .3s;
    background: transparent;
}

.mobile-menu-button .hamburger.is-active span:nth-child(1) {
  -ms-transform: rotate(45deg) scaleX(1.15) translate(6px, 7px);
    transform: rotate(45deg) scaleX(1.15) translate(6px, 7px);
}

.mobile-menu-button .hamburger.is-active span:nth-child(2) {
    -ms-transform: rotate(-45deg) scaleX(1.15) translate(4px, -4px);
    transform: rotate(-45deg) scaleX(1.15) translate(4px, -4px);
}

#mobile-menu {
  display: none;
  z-index: 3;
    width: 0;
    position: fixed;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
    top:0;
    right: 0;
    bottom:0;
    left:0;
    height: 100%;
    background-color: #de5e39;
}

.mobile-menu-container ul a li {
  padding: 0 0.3rem;
  color:#fff;
  font-weight:600;
  font-size:15px;
}

.mobile-menu-container>ul>a>li {
  font-size:18px;
  font-weight:600;

}

.mobile-menu-container>ul>a>li>span.caret { 
    margin-top:6px;
    border-top: 8px dashed;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    float:right;
}

.mobile-menu-container ul {
  list-style-type:none;
}

.mobile-menu-container ul a li {
  padding: 12px 12px 12px 15px;
  border-bottom:1px solid #ea6f4b;
}

.mobile-menu-container ul a:last-child li {
  border-bottom:0;
}


#mobile-menu.active {
  display: block;
  width: 100%;
}


#wrapper {
    background-color: #f1f1f1;
  -webkit-transition: right .25s ease-out;
    -o-transition: right .25s ease-out;
    transition: right .25s ease-out;
/*
  position:relative;
  width:1000px;
  margin:26px auto 0 auto;
*/
}

#frontpage-popular-container {
  text-align: center;
}

#frontpage-popular-container>h2 {
  padding:20px 0;
}


#nyhetsbrev {
  position:relative;
  width:920px;
  margin:auto;
  background:url(/images/layout/nyhetsbrev_bg.gif) repeat-x;
  height:43px;
  border:1px solid #ccc;
  border-bottom:0;
  margin-top:20px;
  font-size:12px;
}

#nyhetsbrev.mobil {
  width:550px;
}

#nyhetsbrev img {
  margin-right:10px;
  padding-left:20px;
  margin-top:15px;
}
#nyhetsbrev form {
  display:inline;
  margin-left:15px;
}
#nyhetsbrev form .skicka {
  border:0px;
  background:url(/images/layout/skicka.gif);
  width:53px;
  height:23px;
  margin-left:10px;
  cursor:pointer;
}
#nyhetsbrev form .epost {
  width:210px;
  font-size:11px;
  margin-bottom:0px;
  padding:4px;
}
#header {
  /*position:relative;*/
  /*border-top:5px solid #9f1000;*/
  /*border-bottom:5px solid #e95216;*/
  /*height:100px;*/
  color:#ffdaab;
  font-size:14px;
  font-weight:bold;
  line-height: 19px;
}
#header > div{
  background:url(/images/layout/top_bg.gif) repeat-x;
}

#header a {
  color:#ffdaab;
  text-decoration: underline;
}

.headercontent{
  margin:20px 0 0 25px;
}





.header_search.withresults{
  /*border-radius: 4px 4px 4px 0;*/
}


.top_searches{
  width: 345px;
  text-align: center;
  margin-top: 11px;
  float: right;
}
.top_searches a{
  margin: 0 3px;
  color:#0052cd;
}

.search_ajax_wrapper{
  position: relative;
  /*margin-right:62px; */
}
.search_ajax
{
  font-weight:400;
  color:#000;
  width: 100%;
  position: absolute;
  /*left:409px;*/
  top:40px;
  display: none;
  z-index: 10;
  background-color: #fff;
  border-radius:0 0 4px 4px;
  overflow:hidden;
  padding-bottom: 7px;
/*  border-bottom: 1px solid #7F5C5C;
  border-left: 1px solid #7F5C5C;
  border-right: 1px solid #7F5C5C;
*/
  -webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0 2px 1px 1px rgba(0,0,0,0.3);


}

.search_proposal
{
  line-height: 22px;
  display: block;
  text-align: left;
  padding:7px 5px 7px 15px;
  font-size: 17px;
  display: inherit;
  transition:background 50ms;
  cursor: pointer;
  text-transform: capitalize;
} 

.search_proposal.hover
{
  background: #efefef;  
}

.no_results
{
  font-size: 28px;
  color: #007DCD;
  font-weight: bold;
  margin-left: 15px;
  margin-top: 15px;
}

#header #meny {
  position:absolute;
  top:27px;
  left:455px;
  background:url(/images/layout/top_buttons_bg.gif) no-repeat;
  width:400px;
  height:34px;
  padding-top:15px;
  padding-left:17px;
} 
#header #meny a {
  text-decoration:none;
  color:#8c3a00;
  font-size:18px;
  margin-right:33px;
}
#hajen {
  /*position:absolute;*/
  /*right:-7px;*/
  float:right;
  background:url(/images/layout/hajen.gif);
  width:138px;
  height:119px;
  margin-top:-24px;
  margin-right:-24px;
}

#featured{
  /*border-bottom: 5px solid #E95216;*/
  text-align:center;
  font-size:0;
}
#featured > a > img{
  width: 100%;
}
.feature-wrapper{
  padding-bottom:0;
}
#featured .feature{
  /*display:inline-block;*/
  /*width:214px;*/
  min-height:191px;
  margin:0 6% 6% 0;
  padding:22px 24px;
  border:1px solid #E4E4E4;
  vertical-align:top;
  background-color:#fff;
}

.general-feature {
  background: #fff;
  float:left;
  display:table;
  margin: 0 6% 6% 0; 
  padding: 15px 28px 15px 28px; 
  border: 1px solid #E4E4E4;
  height: 120px;
  width: 47%;
}


.general-feature .logo {
  text-align:center;
  display:table-cell;
  vertical-align:middle; 
  margin:15px 0;
}

.general-feature .logo a img {
  max-width:100%;
  max-height:85px;
}

#featured .feature img{
  max-width: 214px;
}

#featured .feature-odd {
  margin-right:0px;
}

.feature-wrapper .feature-odd {
  margin-right:0px;
}


#featured .logo {
  margin-bottom:20px;
  height:38px;
}
#featured .logo img{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);  
  max-width:75%;
  max-height:100%;
}
#featured .feature a{
  font-size:15px;
  font-weight:500;
  text-decoration:none;
  line-height: 21px;
  color:#000;
}


#contentrightwrapp {
  padding:0 20px;
  /*float:left;*/
  /*width:291px;*/
  /*margin-left:-1px;*/
  /*display:inline;*/
}
#erbjudandenlist {
  position:relative;
  height:245px;
}
  .contentbottom {
    /*position:relative;*/
    height:50px;
    /*margin: 0 -15px;*/

  }
  .contentbottom2 {
    position:relative;
    border-right:0px;
    /*width:717px;*/
    margin-top:0px;
    z-index:1;
  }
  #contentbottom2.mobil
  {
    width:100%;
    height:420px;
  }


/*  .merchant,#contentright {
    margin-right:-15px;
    padding-bottom:50px;
    margin-bottom:-20px;
    
  } */
  .erbjudanden {
    margin:22px 10px !important;
    margin-left:17px;
    list-style-type: none;
  }
  .erbjudanden li {
    padding-bottom:8px;
    font-size:13px;
    line-height: 22px;
  }
  .erbjudanden li a {
    color:#0052cd;
    text-decoration:none;
    z-index:10;
    line-height: 37px;
    font-size: 1.35em;

  }
  .erbjudandewrapp {
    height:99px;
    border-bottom:1px solid #b8b8b8;
    padding-top:15px;
    padding-bottom:15px;
    margin:0px;
    font-size:13px;
  }
  .erbjudandewrapp2 {
    max-width: 1000px;
    overflow:hidden;
    display:table;
    border-bottom:1px solid #E5E5E5;
    /*border-right:1px solid #e95216;*/
    padding: 20px 30px 20px 15px;
    /*font-size:12px;*/
    /*margin:0 -15px 0 -15px;*/
  }
  .erbjudande {
    line-height:17px;
    margin:0px;
    padding:0px;
    display:table-cell;
    margin-top:10px;
    vertical-align: middle;
  }
  .cleardiv {
    clear: both;
  }
  .erbjudandewrapp2 .erbjudande {
    /*width:620px;*/
    margin-top:0px;
  }
  .erbjudandenummer {
    /*float:left;*/
    font-size:54px;
    color:#c6c6c6;
    font-weight:bold;
    /*z-index:10;*/
    padding-top:15px;
        padding-right: 25px;
        padding-left: 10px;
    display:table-cell;
    vertical-align: middle;
  }

  #sidaright {
    float:right;
    width:338px;
    margin-top:4px;
    margin-right:10px;
    display:inline;
  }

  .text-uppercase {
    text-transform: uppercase;
  }

  .erbjudande_heading
  {
    clear: both;
    display: block;
  }
  .erbjudande_heading h2
  {
    float: left;  
  }

  a:hover, a:focus {
      color: #23527c;
      text-decoration: none;
  }

  h4 a{
    font-size:12px;
    color:#0052cd;
    font-weight:normal;
  }
  a.larger {
    font-size:18px;
    font-weight: medium;
    margin:0px;
    padding:0px;
  }

.footer {
  font-size:15px;
  color:#333;
  padding-top:30px;
  margin-bottom:20px;
  font-family: 'AvenirNextLTPro';
  line-height: 24px;
}
.footer a {
  color:#333;
}

span.copyright {
  margin-top:30px !important;
}

.fliktopwrapp_avskiljare{ 
}

div.butikinfoleft
{
  margin-left:20px;
  margin-top:20px;
  margin-bottom:20px;
  float:left;
  display:inline-block;
  text-align:center;
}

div.butikinfomid
{
  width:52%;
  margin-left:25px;
  margin-top:20px;
  margin-bottom:20px;
  display:inline-block;
  line-height:17px;
}

div.butikinforight
{
  width:24%;
  margin-right:5px;
  margin-top:20px;
  margin-bottom:20px;
  float:right;
  display:inline-block;
  line-height:19px;
}

p.alltid
{
  margin-bottom:6px;
  line-height:15px; 
}
img.butikinforesize{
    width:150px;
    height: auto;
    max-height:200px;
  margin-bottom:3px;
}

div.butikinforubrik{
  color: #000;
  font-size:15px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom:5px;
  font-weight: 600;

}

div.tipsarubrik{
  color: #000;
  font-size:12px;
  font-family: Arial;
  margin-bottom:8px;
  font-weight: 400;

}


div.fliktop h1
{
  font-size: 11px;
  color: #fff;
}

div.fliktop{
  background:url(/images/layout/top_flik_bg_left.gif) no-repeat top left;
  display: block;
  float: left;
  font-size:11px;
  font-weight:bold;
  height:23px;
  padding-left: 11px;
  text-decoration: none;
  color:#FFF;
}

div.fliktop span{
  background: url(/images/layout/top_flik_bg_right.gif) no-repeat top right;
  display: block;
  padding-top: 4px;
  padding-bottom:13px;
  padding-right:11px;
}

/* Flikar subtop */
#fliksubtopwrapp, .fliksubtopwrapp{ 
  left:16px;
  margin-top:0px;
  position:relative;
}
.contentbottom .fliksubtopwrapp{ 
  height:0px;
}
a.fliksubtop, .fliksubtopwrapp div{
  font-family:Verdana;
  background: url(/images/layout/subtop_flik_bg_left.gif) no-repeat top left ;
  float: left;
  font-size:11px;
  font-weight:bold;
  height:24px;
  padding-left: 8px;
  text-decoration: none;
  color:#e95216;
  margin-right:4px;
  z-index:10;
}

a.fliksubtop span, .fliksubtopwrapp div span{
  background: url(/images/layout/subtop_flik_bg_right.gif) no-repeat top right;
  display: block;
  padding-top: 7px;
  padding-bottom:4px;
  padding-right:8px;
}

.sida h1{
  line-height:110%;
  /*float:left;*/
  /*width:600px;*/
}

.kategori {
  position:relative;
  float: left;
  color:#e24101;
  font-size:10px;
  padding-top: 3px;
  margin-left: 7px;
  bottom:2px;
  left:0px;
  font-weight:bold;
}
.banner {
  padding:5px;
  margin-bottom:10px;
  border:1px solid #ccc;
}
ul.highlights {
  list-style:url(/images/layout/dubbelpil_stor.gif) circle;
  margin-left:21px;
  margin-top:11px;
  margin-bottom:18px;
}
ul.highlights li {
  margin-bottom:4px;  
}
.pagination {
  margin-top:25px;
  margin-bottom:5px;
  font-size:13px;
  letter-spacing:2px;
}
.pagination a strong {
  font-weight:bold;
  font-size:13px;
  letter-spacing:0px;
}
.pagination img {
  vertical-align:middle;
  margin-left:7px;
  margin-right:7px;
}
.taggmoln {
  /*position:relative;*/
  /*text-align:left;*/
  padding:20px 10px 20px 10px;
  left:7px;
  font-size:13px;
  line-height:20px;
}
.taggmoln a {
  color:#0052cd;
  text-decoration:none;
  font-family:arial;
  font-weight:normal;
  font-size: 1.3em;
  margin-right:10px;
  line-height: 30px;
}

.taggmolnkat{
  font-size: 1.3em;
  font-weight:bold;
  text-decoration:underline; 
  display: block;
    margin-top: -20px;

}

#tipsaruta {
  margin:27px;
  margin-top:17px; 
  font-size:12px;
  line-height:19px;
}
#tipsaruta strong {
  font-size:11px;
  font-weight:bold; 
}
#tipsaruta #vanster a {
  margin-right:11px;
  font-weight:bold;
  font-size:11px; 
}
#tipsaruta #vanster {
  float:left; 
  width:412px;
  display:inline;
  margin-top:22px;
}
#tipsaruta #hoger {
  float:left; 
  width:412px;
  display:inline;
  margin-top:22px;
  margin-left:56px;
}

#tipsaruta input {
  padding:4px;
  margin-top:2px;
}
.graruta {
  background:#f6f6f6;
  border:1px solid #d3d3d3;
  color:#444;
  padding:11px;
  margin-top:2px;
}
input .skicka {
  font-size:11px;
  padding:2px;
  margin-top:11px;
  cursor:pointer;
}
#tipsaruta label {
  margin-right:10px;
}
#tipsaruta .note, #tipsaruta .note a {
  color:#444;
  line-height:15px;
  font-size:11px;
  margin-top:14px;
}

.erbjudandebox.mobil{
  float:none;
  display:inline-block;
  width:90%;
}

.erbjudandebox {
  margin-bottom: 10px;
  margin-left:5px;
}

.erbjudandebox.l2{
  margin-bottom:0;
}

.erbjudandebox.c1{
  /*margin-right:30px;*/
}

.erbjudandebox .link {
  /*margin-top: 17px;*/
  /*position: relative;*/
  /*top: 26px;*/
  /*left:20px;*/
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.erbjudandebox a {
  font-size:15px;
  text-decoration:none;
}

.erbjudandebox img {
  display: none;
}

.erbboxwrap {
  /*margin-left:27px;*/
  margin-top:16px;
}
#sortera {
  position:relative;
  top:-5px;
  font-family:Arial;
  font-size:11px;
  text-align:right;
  margin-bottom:-8px;
}
#sortera a {
  font-family:Arial;
  font-size:11px;
  margin-left:5px;
}
#sortera .vald {
  text-decoration:none;
  color:#000;
}
.rosta a  {
  text-decoration:none;
}
.rosta {
  position:absolute;
  font-size:10px;
  color:#006699;
  margin-top:28px;
}
.erbjudandewrapp2 .rosta {
  margin-top:18px;
}
.rosta_top {
  position:relative;
    margin-top: 11px;
  background:url(/images/layout/rosta_bg_top.gif) repeat-x;
  border:1px solid #ccc;
  height:21px;
  padding-right:4px;
}
.rosta_bottom {
  background:url(/images/layout/rosta_bg_bottom.gif) repeat-x;
  height:20px;
  padding-right:4px;
}
.rosta img {
  margin-top:4px;
}
.rosta_top div {
  top:-3px;
  right:3px;
  display:inline;
  position:relative;
}
.rosta_bottom div {
  top:-2px;
  right:3px;
  display:inline;
  position:relative;
}
.rostahoriz a {
  text-decoration:none;
}
  .rostahoriz {
    width:45px;
    height:21px;
    border:1px solid #ccc;
    background:url(/images/layout/rosta_bg_horiz.gif) repeat-x;
    font-size:10px;
    color:#006699;
    margin-top:8px;
  }

.rostahoriz .minus {
    margin-top:-15px; 
    margin-left:54px; 
    display:block;
  }
.rostahoriz .plus {
    margin-top:1px; 
    margin-left:8px;
    display:block;
  }
.rostahoriz img {
    top:3px;
    display:inline;
    position:relative;
    padding: 0;
    margin: 0;
  }

.beskrivning
{
  font-size:14px;
  color:#333;
  line-height:145%;
}


.read-more-faded {
  display: none;
}

.rabattkod_button
{
  float: right;
  background-color: #ffd8b2;
  font-weight: bold;
  color: #573119;
  display: inline;
  padding: 0 10px;
  margin-left: 3px;
  font-size: 14px;
  line-height: 28px;
  cursor: pointer;
  text-align: center;
  z-index: 14000;
}
.rabattkod_button.mobil
{
  float:none;
  display:inline-block;
  width:100%;
  height:35px;
  line-height:35px;
  padding:0;
  margin:0;
}

.rabattkod_info
{
  width: 365px;
  min-height: 20px;
  margin-right: 2px;
  float: left;
  background-color: #fff;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  padding: 11px 11px;
  display: inline;
}
.rabattkod_info.mobil
{
  width:98%;  
}

.rabattkod_highlight
{
  float: left; 
  border: 1px solid #ff7701; 
  background-color: #fff; 
  margin: 10px 0;
  cursor: pointer;
}
.rabattkod_highlight.mobil
{
  float:none;
  display:inline-block;
  width:480px;
}

div.rabattkod_text
{
  width: auto;
  text-align: center;
  margin: 8px 2px 0px 2px;
  display: inline;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left:5px;
  padding-right:5px;
  border: 2px dashed #A9A9A9;
  font-size: 16px;
  font-weight: bold;
  float: left;
  cursor: text;
}

div.rabattkod_text_mobil
{
  width: auto;
  text-align: center;
  margin: 8px 3px 0px 0px;
  /*margin-left:4%;
  margin-right:4%;
  margin-bottom:6px;
  display:inline-block;
  */
  float:left;
  display: inline;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left:5px;
  padding-right:5px;
  border: 2px dashed #A9A9A9;
  font-size: 16px;
  font-weight: bold;
  cursor: text;
}

.rabattkod_button img
{
  height: 15px;
  vertical-align: text-bottom;
}

.kampanj_tooltip
{
  position: absolute;
  
  border: 1px solid red;
  padding: 3px 8px;
  background-color: #ff8f5b;
}


  .similiar_tags
  {
    /*margin-left: 25px;*/
    margin-top: 15px;
    margin-bottom: 0;
    font-size:15px;
  }
  
hr.list_item_divider
{
  background-color: #b8b8b8;
}

.blog_list_item
{
  margin: 15px;
}

  .blog_list_item h2 a
  {
    font-size: 30px;
    color: #0435b2;
  }
  
  .blog_list_item .head_data
  {
    margin-top: 5px;
    font-size: 11px;
    color: #2f2e2e;
  }
  
  .blog_list_item .head_data a
  {
    text-decoration: none;
    color: #0435b2;
  }
  
  .blog_list_item .content
  {
    font-size: 12px;
    margin: 8px 0;
    line-height: 20px;
  }
  
  .blog_list_item .content img
  {
    border: #e95216 solid 1px;
  }

.newsletter
{
  margin: 0.5em 1em 1.1em 1em;
  font-size: 13px;
  color: #2f2e2e;
}

.newsletter_container
{
  margin-bottom: 0.7em;
  line-height: 1.5em;
}

  .newsletter_container .email_field
  {
    width: 15em;
    height: 25px;
    border: 1px solid #abadb3;
    padding: 0.2em;
    font-size: 12px;
    display: inline;
  }
  
  .newsletter_container .email_field:focus
  {
    outline: none;
  }
  
  .newsletter_container .email_submit
  {
    height: 25px;
    background-color: #ededed;
    border: none;
    color: #4f4f4f;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #cccccc;
    font-size: 12px;
    font-weight: bold;
    padding: 0.3em;
    display: inline;
  }

.spacer{
  clear: both;
}

.hlextra{
  font-size:17px;
  color: #000;
  display:block;
  line-height: 24px;
  margin-bottom:9px;
  font-weight:500;
  
}


hlextra:after{
  content:"\a";
  white-space: pre;
}

div.offercontent{

}

.offercontent h1.larger{
  margin:10px 0 6px 0;
}
.offercontent .offer{
}



.butik-top .logo-container {
  width: 70px;
  background-color: #ffffff;
}




.butik-top {
  overflow: auto
}

.butik-top .beskrivning-container {
  display: none;
}

.offercontent .merchant{
  text-align:center;
  padding:45px 0 20px 0;
  margin-top:-20px;
}
.merchant .bordbox{
  /*position:absolute;*/
  /*top:0;*/
  /*left:-1px;*/
  /*height:100%;*/
  /*border-left:1px solid #f8cbb9;*/
}

.butik-top .logo {
  text-align: center;
}

.butik-top .logo img{
  max-width: 100%;
}

.butik-top-meta {
  font-size: 13px;
  margin-bottom: 3px;
}

.butik-top-meta .separator {
  padding-left: 3px;
    padding-right: 3px;
}



#featured.butik-featured .logo {
  margin-bottom:20px;
}

#featured.butik-featured {
  margin-left:0 !important;
  margin-right: 0 !important;
}

#featured.butik-featured .feature-wrapper {
  padding-top:0;
}

#featured.butik-featured .feature {
  min-height: 120px;
}



.merchant .share{
  display:inline-block;
}

.gillabutik {
  font-size:15px;
  margin-bottom:7px;
}

.rapporterakod {
  font-size:15px;
  line-height:20px;
}

.merchant .share.g{
  width:60px;
  margin-left:11px;
}


.extradescription .viewport{
  color:#333;
  line-height:22px;
  text-align:left;
}

.extradescription .viewport.more{
  overflow:hidden;
  /*height:369px;*/
}

.extradescription .extra.hidden{
  display:none;
}

#showextra{
  margin-top:15px;
  text-align:center;
  cursor:pointer;
  color:#0052CD;
  display:none;
}
#showextra:hover{
  text-decoration:underline;
}
.kategoritext{
  padding-top:30px;
  padding-bottom:30px;
  /*width:920px;*/
  /*padding:30px;*/
  /*margin:0 auto;*/
  color:#333;
  font-size:0;
  border-bottom: 3px solid #E95216;
}

.kategoritext .left{
  font-size:20px;
  margin-bottom:30px;
  font-weight:600;
  line-height:21px;
  display:block;
  /*width:160px;*/
  text-align:center;
  font-family: 'AvenirNextLTPro';

}



.kategoritext .left img{
  display:block;
  margin:0 auto 30px auto;
}

.kategoritext .right{
  display:block;
  /*width:730px;*/
  margin-left:20px;
  margin-right:20px;
  vertical-align:top;
  font-size:16px;
  line-height:22px;
  font-family: 'AvenirNextLTPro';
}



.popular-category-stores{
  overflow: auto;
    padding-bottom: 40px;
  line-height: 23px;
}

.popular-category-stores a {
    padding: 3px 0;
  font-size:15px;
  display: block;
  color: #333;
  text-decoration:none;
}


.offerpop{
  display:inline-block;
  text-align:center;
  background:#fff;
  -webkit-border-radius:5px;
  overflow:auto;
  overflow-x:hidden;
  overflow-y:auto;
  box-shadow: 0 2px 2px #696969;
  font-size:16px;
  /*height:50%;*/
  width:96%;
  height:98%;
  padding-top:30px;
  padding-bottom:30px;
  /*min-height:340px;*/
  /*min-width:300px;
  max-height:800px;
  max-width:600px;*/
} 

.offerpoplink{
  margin:2em 0;
}

.offerexpiry{
  font-size: 0.8em;
  padding-top: 5px;
}

.offerpopcode-instruction{
  font-size: 0.8em;
  padding-top: 5px;
}

.offerpoplink a{
  max-width:95%;
  display:inline-block;
  background-color:#808080;
  color:#fff;
  padding: 0.7em 1.5em 0.5em 1.5em;
  border-radius: 3px;
  text-decoration:none;
  font-size:15px;
}


.offerpopvote {  
    margin-top: 3.5em;
    margin-bottom: 2.5em;
    font-size: 1em;
    text-align: center;
}

.offerpopvote p.remember-to-read {
  font-size: 0.8em;
  margin-bottom: 15px;
}

.pop-email-signup-terms {
  padding-left: 3px;
  font-size: 11px;
  color: #333;
  padding-right: 3px;
  text-align: center;
}

@media all and (min-width: 768px) {
  .offerpop {
    width: 50%;

  }

   .offerpop h2 {
    font-size: 18px;
    padding-bottom: 7px;

  }

  .offerpopprompt {
    font-size: 1.3em;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 55px;
  }

  span.copyright {

      padding-right: 20px;
 }

}

.popup_visible {transition: all 0.3s;}

.offerpopclosecontainer{
  position:absolute;
  right:0;
  top:0;
  display:table;
}

.offerpopclose{
  display:table-cell;
  vertical-align:middle;
  font-size:1.7em;
  height:1.1em;
  width:1.1em;
  cursor:pointer;
  color:#333;
  padding:0px 8px 7px 7px;
  font-family: verdana;
}

.offerpopprompt{
  margin-top: 45px;
  padding:0 20px;
  margin-bottom:20px;
  /*font-size:1.05em;
  font-weight:500;*/
  color:#575757;
}

.offerpopspace{
  height:0.9em;
}

.offerpopcode-table {
  margin: 0.7em auto;
  display:table;
  border:1px solid #848484;
  border-radius:3px;
}

.offerpopcode{
  display:table-cell;
  font-size:1.5em;
  font-weight:700;
  cursor:pointer;
  padding:0.5em 1em;
}

.offerpopcode-copy-button {
  font-size: 13px;
  font-weight: bold;
  background: #808080;
  vertical-align: middle;
  color: #fff;
  padding: 1em;
  display: table-cell;
  cursor: pointer;
}

.offerpopinstructions{
  margin-bottom: 10px
}


.butik-top-text {
  padding-left:20px;
}

@media all and (max-device-width: 769px) {

.butik-top-text {
  padding-left:10px;
}

}




.offerpopinstructions{
  padding:0 2em;
  color:#575757;
  font-size:0.9em;
  line-height: 110%;
}

}

.offerpopdiv{
  height:1px;
  background:#A1A1A1;
  margin-bottom:1.2em;
}

.offerpopsub{
  display:table;
  table-layout:fixed;
  font-size:1em;
  width:100%;
}
.offerpoplogo{
  padding-top:20px;
  width:40%;
  margin:0 auto;
}

.offerpoplogo img{
  max-height:2.3em;
  max-width:90%;

}

.offerpoptext{
  display:table-cell;
  vertical-align:middle;
  text-align:left;
  padding:9px 30px 0px 11px;
  width:70%;
  color:#333;
}
.offerpoptext .smallbr{
  height:0.2em;
}

.offerpoptextextra{
  font-weight:700;
}

.offerpoptextsmall{
  font-size:0.8em;
}

.offerpop-newsletter-container {
  background:#f0f0f0; 
  padding:20px 30px 20px 30px;

}


.offerpop-newsletter-container h2 { font-size:16px; }

@media all and (min-device-width: 769px) {

.offerpop-newsletter-container h2 { font-size:22px; }


}

.offerpop-newsletter-container #mc_embed_signup .mc-field-group input.email { width:80%; }

.email-signup-terms { padding-bottom: 3%; font-size: 11px; color: #333; }
.email-signupterms a { display:inline-block; }
/*
@media all and (max-device-width: 700px) {
  .offerpopcode{margin:0.7em 0;}
  .offerpoplink{margin:1.2em 0;}
  .offerpopdiv{margin-bottom:0.7em; }
  .offerpopsub, .offerpoplogo, .offerpoptext{
    display:block;
    text-align:center;
    padding:20px;
    width:initial;
  }
  .offerpoptext{
    text-align:left;
  }
  .offerpoplogo{
    margin-bottom:0em;
  }
  .offerpopsub{
    padding:0 1em;
    padding-top:15px;
    line-height: 105%;
    font-size:0.9em;
  }
}*/


.offeraction{
  cursor:pointer;
}


.offercode{
  font-size:16px;
  white-space:normal;
  color:#000;
}


.offerbutton-simple, .offerbutton-over{
  background:#FFD8B2;
  transition:background 200ms;
}

.offerbutton-simple{
  padding:0;
  text-align:center;
}
.offerbutton-simple:hover, .offerbutton-over:hover{
  background:#FFB892;
}

.offerbox-disabled {
  border:1px solid #c0c0c0 !important;
  background: #e4e4e4 !important;
}

.offerbox-disabled .display-table {
  table-layout: fixed;
}

.offerbox-disabled .offerbutton,.offerbox-disabled .offerbutton:hover,.offerbox-disabled .offercode {
  background:#e4e4e4 !important;
  text-align: right;
  padding-right: 17px;
  display:table-cell;
}

.offerbox-disabled .offerbutton, .offerbox-disabled .offercode span {

    /*text-decoration:line-through !important;*/
    color:#777 !important;
    margin-top:10px;
}

.offerbox-disabled .offercode span {
    word-break: break-word;  
}

.offerbox-disabled .offerbutton-over {
  background: #ccc;
}

.offerbox-disabled .offertext span{
  color:#777 !important;
}



.content-pad{
  padding:0px;
}
.content-topmarg{
  overflow: auto;
  margin-bottom:25px;
  margin-top:25px;
}

.content-marg{
  margin:10px 0 30px 0;
}
.registry-icon{
  float:left;
  width:50%;
  margin-bottom:23px;
  text-align:center;
}
.gseparator{
  height:1px;
  background:#B8B8B8;
  margin-top:10px;
  margin:0px -15px 0px -15px;
} 
h2.registry-section-header{
  color:#333;
  font-size:18px;
  font-weight:500;
}
.registry-segment{
  line-height: 25px;
}
.registry-segment a, .registry-index a {
  font-size: 1.1em;
  color: #333;
  text-decoration:none;
}
.registry-segment a{
  display:block;
  margin:10px 10px 10px 0;
}


.registry-index{
  text-align:left;
/*  margin:20px 0 35px -7px;*/
  line-height: 40px;
}
.registry-index a{
  text-transform:uppercase;
  margin:3px 12px 0 0;
  border:1px solid transparent;
}
.registry-index a.selected{
  border-color:#000;
}
.colheader{
  font-weight:500;
  text-align:center;
  font-size:14px;
  color:#444444;
  margin-top:45px;
  /* background-color: #F9F9F9;*/
  border-bottom: 1px solid #E5E5E5;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding-top:11px;
  padding-bottom:8px;
  
  margin-left:-15px;
  margin-right:-15px;

}



/* Boostrap nya ändringar */

.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
} // ellipsis visas inte då text är högerställd
a.ellipsis,span.ellipsis{
  display:inline-block !important;
}



/* Mobil utanför @media */
.footer-row span, .footer-row a{text-align:left;display:block;}


.content{
  margin-bottom:20px;
}


.offerbox{
  border:2px solid #ffc893;
  margin:0 0 20px 0;
  text-align: left;
  background-color:#fff;
}

.offerbox:last-child {
  margin:0;
}

.offertext{
  padding:15px 15px 15px 15px;
  color:#555;
  font-size: 13px;
  line-height:18px;
}

.offertext.with-logo {
  padding:15px 15px 15px 0px;
}

@media all and (min-device-width: 769px) {

.offertext{
  padding:20px 15px 20px 17px;
  color:#555;
  font-size: 13px;
  line-height:18px;
}

}

.meta {
  margin-bottom:5px;
}

.icon-check {
  width:14px;
  margin-right: 1px;
}

.meta div{
  position:relative;
  overflow: auto;
}

.exklusiv {
  font-size: 13px;
  padding-right:4px;
  color: #de5e39;
  font-weight: 600;
}

.desc {
  padding-right:3px;
}

.villkor .show-more {
  white-space: nowrap;
  cursor: pointer;
  border: none;
  color: #4a4a4a;
}

.show-more .caret-custom { }

.villkor .show-more .caret {
  width: auto;
  height: auto;
}

.villkor .longtext, .villkor .show-more {
  font-size: 13px;
}

.aktuella-titel {
  padding-top: 30px;
  text-align:center;
}

@media all and (min-width: 992px) {
  .aktuella-titel {
    text-align:left;
    padding-top: 30px;
    font-size: 16px;
  }

}

  .beskrivning {
    overflow: hidden;
    padding-top: 6px;
  }


.utgangna-titel {
  padding-top: 35px;
  text-align: center;
}

@media all and (min-width: 992px) {
  .utgangna-titel {
    text-align:left;
    font-size: 16px;
  }
}

.show-more, .butik-top-show-more {
  touch-action: none;
  white-space:nowrap;
    cursor:pointer;
    border: none;
    color: #428bca;
}


.longtext {
  padding-top:7px;
  display:none;
}

.offercode, .offerbutton{
  vertical-align:middle;
  text-align:center;
  /*padding:0 10px;*/
  font-weight:700;
  font-size:15px;
  position:relative;
  color:#451B00;
}

.offerbutton-over{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-align:center;
  padding-top:12px;
}

.offercode span, .offerbutton span{
  display:inline-block;
  border: 2px dashed #A9A9A9;
  padding: 5px 10px 2px 10px;
  margin-bottom:10px;

}
.offerbutton-simple{padding:13px 10px 10px 10px;}

.offerlogo {
  text-align: center;
  padding:10px 5px 15px 5px;
  height: 45px;
  margin-top: 10px;
}

.offerlogo img {
  height: 100%;
}

/* apassning av erbjudande-box över mobil */
@media (min-width: 768px) {


  .contentbottom2{
    margin-left:10px;
  }



  .offerbox{
    display:table;
    width:100%; 
  }

  .offerlogo {
    width: 13%;
    height: 70px;
    vertical-align: middle;
    padding:10px 30px 15px 30px;
  }

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

  .offertext{
    display:table-cell;
    width:73%;
    height:50px;
  }

  .offertext.with-logo {
    width:68%;
    padding:38px 15px 38px 0px;
  }

  .offerbutton{
    text-align:right;
  }
  .offerbutton-simple{
    text-align:center;
  }
  .offercode, .offerbutton, .offerlogo{
    display:table-cell;
  }

  .offerbox-disabled .offercode span {
      word-break: normal;  
  }

  .offerbutton-over{
    width:81%;
    text-align:left;
    padding-top:0px;
  }

  .offerbutton-over .prompt{
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    left:10px;
    width:100%;
    height:1em;
    line-height: 100%;
    z-index:1;
    white-space:pre;
    overflow:hidden;
    text-align: center;
  }

  .offercode span, .offerbutton span{
    padding: 8px 5px 5px 5px;
    margin-bottom:0px;
    margin-top:0px;
  }

  .foldtop{
    position:absolute;
    top:0;
    right:-19px;
    width:0;
    height:0; 
    border: 10px solid #ffe5cc;
    border-color: transparent transparent #ffe5cc #ffe5cc;
    border-bottom-left-radius:3px;
  }

  /*
  .anim{
    transition:all 200ms !important;
    -moz-transition: all 200ms, right 150ms !important;
  }

  .offerbutton-over:hover .anim{
    transition:all 200ms !important;
    -moz-transition: all 200ms, right 250ms !important; 
  }

  .offerbutton-over:hover{
    width:65%
  }

  
  .offerbutton-over:hover .foldtop{
    border-width:10px;
    right:-27px;
  }
  */

  .foldbot{
    position:absolute;
    right:-38px;
    bottom:0;
    width:0;
    height: 100%;
    border-style:solid;
    border-width:20px 20px 0;
    border-color: transparent transparent #FFD8B2 #FFD8B2;
    transition:border-color 200ms;
  }


  .offerbutton-over:hover .foldbot{
    height: 100%;
    /*right:-47px; */
    border-width:20px 20px 0;
    border-color: transparent transparent #FFB892 #FFB892;
  } 
  

  .colheader{
    text-align:center;
    padding-left:25px;
    padding-right:25px;
    font-size:19px;
  

  }


.erbjudandebox {
  /*float:left;*/
  /*width:625px;*/
  height:69px;
  margin:0 0 0px 0;
  display:table;
}

.erbjudandebox img {
  margin-right:18px;  
  display: table-cell;
  width:70px;
  height:54px;
  margin-top: 4px;
}


}

.footer-row span, .footer-row a{display:inline-block;}
.footer-row a { margin-right:15px; }

/* större än mobile */
@media (min-width: 768px) {
  .header_logo img{max-width: 100%;}
  body{margin:0;}

  
  .search_field{font-size: 17px;font-weight: 500;}
  .contentbottom{margin:0;}
  


#frontpage-popular-container>h2 {
  text-align: left;
  font-size:20px;
  font-weight: 600;
  padding:20px 0 17px 0;

}

  #featured .logo {
    margin-bottom:29px;
    margin-top: 17px;
  }

  #featured.butik-featured {
    margin-left:0 !important;
    margin-right: 0 !important;
  }

  #featured.butik-featured .logo {
    margin-bottom:15px;
    margin-top: 15px;
  }

  #featured.butik-featured .feature {
    margin-bottom:20px;
  }

  #featured .feature a{
    font-family:'AvenirNextLTPro',Arial,sans-serif;
    font-size:17px;
    line-height: 24px;
    color:#333333;
    font-weight: 600;
  }

  #featured .feature{
    width: 24%;
    margin: 0 1% 0 0;
    padding:18px 15px 15px 15px;
  }

  .general-feature.feature {
    display:table;
    margin-right: 4%; 
    margin-bottom:20px; 
    padding: 15px 28px 15px 28px; 
    width: 22%;
  }

  #featured .feature-4 {
    margin-right:0;
  }

  .general-feature.feature-4 {
    margin-right:0;
  }

  .taggmoln a {
    font-size: 13px;
    line-height: 23px;
  }

  .taggmoln {
    padding:10px;
  }

  .erbjudanden {
    margin:12px 10px !important;
  }

  .erbjudanden li a {
    line-height: 15px;
    font-size: 13px;
  }

  .kategoritext .left{
    font:20px 'AvenirNextLTPro';
    line-height:20px;
    font-weight: bold;
  }

  .kategoritext .right{
    font:15px 'AvenirNextLTPro';
    line-height:22px;
  }

  .extradescription{
    font-family:'AvenirNextLTPro';
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.2;
    color: #333;
  }

  .hlextra{
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
  }

  .similiar_tags{
    font-size:12px;
  }

  .offercontent .merchant{
  padding:25px 0 20px 0;
  }


  h1.larger{
    font-size:25px;
    line-height: 30px;
  }

  .beskrivning{
    line-height:160%;
    font-size:13px;
  }
 

.erbjudandebox a{
  font-size:14px;
  text-decoration:none;
}

.erbjudandebox img {
  margin-right:18px;
  width: 79px;
    height: 61px;
    margin-top: 4px;
}

.registry-segment{
  margin: 13px 0;
  line-height: 19px;
}

.registry-segment a, .registry-index a {
  font-size:16px;
  color: #333;
  text-decoration:none;
}

h1.larger2 {
  font-size:28px;
  margin-bottom:5px;
  margin-top:10px;
  }

.content-topmarg {
   margin-bottom: 25px;
   margin-top: 0px;
}

.content-pad {
  padding: 0px 5px;
}

.taggmolnkat{
  font-size: 13px;
  font-weight:bold;
  text-decoration:underline; 
  margin-top:-10px; 
}

.registry-icon {
  float: left;
  width: 14.285%;
  margin-bottom: 23px;
  text-align: center;
}

.registry-index{
  text-align:left;
/*  margin:20px 0 75px -7px;*/
}

.gillabutik {

font-size:11px;

}

.rapporterakod {

font-size:12px;
line-height:17px;

}

}


/* endast tablet */
@media (min-width: 768px) and (max-width: 991px) {
  .header_logo img{max-width: 300px;} /* mobil logo-bredd */

  .search_field{font-size: 16px;}


.feature-wrapper{
  padding-bottom:0;
  } 

body {
  margin: 0;
  }

.container {
  width: 100%;
  }


.feature-wrapper {
    border: 0px;
  }

}


@media (min-width: 1200px) {
  .container {
    width: 1170px; /* 1170px */
  }

}


@media (min-width: 1440px) {
  .container {
      width: 1340px;
  }
}



/** MODS FOR EXISTING PLUGINS/LIBS **/



.ui-menu .ui-state-active,
.ui-menu .ui-widget-content .ui-state-active,
.ui-menu .ui-widget-header .ui-state-active,
.ui-menu a.ui-button:active,
.ui-menu .ui-button:active,
.ui-menu .ui-button.ui-state-active:hover{
  background-color:#f5f5f5 !important;
  border-left:1px solid #c5c5c5 !important;
  border-right:1px solid #f5f5f5 !important;
  border-top:1px solid #fff !important;
  border-bottom: 1px solid #fff !important;
  color:#000 !important;
  overflow: hidden !important;
  padding: 3px 5px 5px 15px !important; 
}


.ui-menu.ui-widget-content .ui-state-disabled {
  opacity:1 !important;
}


.ui-menu.ui-widget-content {
  /*display: block !important;*/
  padding-bottom: 15px;
  top:50px !important;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  /*-webkit-box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.5);*/
}

#mobile-header.mobile-search-open {
  padding: 0 15px;
}

#mobile-header.mobile-search-open .header_logo {
  display: none !important;
} 

#mobile-header.mobile-search-open .mobile-menu-button {
  display: none !important;
} 

#mobile-header.mobile-search-open .header_search {
  padding-left: 0;
  width: 100%;
}

#mobile-header.mobile-search-open .search_field {
  /*border:1px solid #c5c5c5;*/
  border-bottom:0;
}


@media screen and (max-width: 992px) {
  .ui-menu.ui-widget-content {
    border: inherit;
    border-top: 1px solid #e0e0e0;
    -webkit-box-shadow: 0px 4px 8px -1px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 4px 8px -1px rgba(0,0,0,0.24);
    box-shadow: 0px 4px 8px -1px rgba(0,0,0,0.24);
    left:15px !important;
  }
}


.ui-menu-item-wrapper {
  padding:3px 5px 5px 15px !important; 
  /*text-transform: capitalize;*/
}


/* UI TABS */

.ui-tabs {
  border:0 !important;
}

#tabs .ui-tabs-nav {
  background:none;
  border:0;
}

#tabs .ui-tabs-panel {
  border:1px solid #ececec;
  border-width: thin;
}

#tabs .ui-tabs-tab.ui-tabs-active {
  background-color:#fff !important;
  border-left:1px solid #ececec !important;
  border-right:1px solid #ececec !important;
  border-top:1px solid #ececec !important;  
  border-bottom: 0 !important;
}

#tabs {
  font-family:inherit !important;
}

#tabs a {
  color:#000 !important;
  outline-color: transparent !important;
}

#tabs .offerbox {
  border:1px solid #ececec;
}

/* COOKIE CONSENT */

.cc-window  {
  padding:10px 15px !important;
  border-top:1px solid #d2d2d2 !important;
  background:#efefef !important;
}

.cc-message {
  color:#000 !important;
  font-size: 15px !important;
}

.cc-link {
  color:#000 !important;
  text-decoration: underline !important;
}


.cc-link:hover {
  text-decoration:underline !important;
}


.cc-dismiss {
  color:#fff !important;
  background-color:#d06444 !important;
}

.cc-dismiss:hover {
  background-color:#d06444 !important;
}


.cc-floating {
  max-width: none !important;
}

.cc-floating.cc-bottom {
  bottom: 0 !important;
} 


@media all and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-message {
    font-size:13px !important;
    line-height:16px !important;
  }
}



.js-globalpopup {
  cursor:pointer;
}

@media screen and (min-width: 768px) {

  .info-puffar-row {
    padding-left:50px; 
    padding-right:50px
  }

}


@media screen and (min-width: 992px) {

  .info-puffar-row {
    padding-left:100px; 
    padding-right:100px
  }
  
}



.info-puffar-large {
  font-size:40px;
  margin-top: 60px;
    margin-bottom: 12px;
    line-height: 23px;
    font-weight: 600;
}

@media screen and (min-width: 768px) {

  .info-puffar-large {
  font-size:50px;
  margin-top: 60px;
    margin-bottom: 16px;
    line-height: 23px;
    font-weight: 600;
}

}

.info-puffar-text {
  font-size:15px;
}

@media screen and (min-width: 768px) {

  .info-puffar-text {
  font-size:17px;

}

}





/***
 *
 * New offer boxes
 *
 *****/

.display-table {
  display: table;
}

.display-table-cell {
  display: table-cell;
}


.offerbox2 {
  width: 100%;
  border:2px solid #ffc893;
  margin:0 0 20px 0;
  background-color:#fff;
}

.offerbox2 .display-table {
  width: 100%
}

.offerlogo2 {
    text-align: center;
    padding: 0 20px;
    width: 25%;
    height: 70px;
    vertical-align: middle;
}

@media (min-width: 768px) {

  .offerlogo2 {
      width: 14%;
      height: 70px;
      vertical-align: middle;
      padding: 10px 30px 15px 30px;
  }

  .offerbox2 .offertext.with-logo {
    width:60%;
    padding:25px 15px 25px 0px;
  }

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

.rsaquo {
  font-size: 15px;
  padding: 0px 3px;
  height: 22px; 
  color: #969696;
  font-weight: 500;
}

.pointer {
  cursor: pointer;
}

.card {/* border:1px solid #e4e4e4;*/ width: 100%; background: #fff; margin-bottom:30px; box-shadow:0 1px 3px 0 #ccc; }
.card.card-red { border-top: 3px solid #de5f3b; }
.card.card-transparent { background: transparent; border:0; box-shadow: none}
.card .card-body { padding: 20px }

.card-header { padding: 20px 20px 0 20px; font-weight: 400; font-size: 21px; }

.breadcrumb { background:transparent; font-size:12px; padding:0; margin:10px 0;letter-spacing: 0.2px; }
.breadcrumb a { color: #333; }
.breadcrumb > li + li:before {  content: ">"; padding: 0 5px 0 3px; color: #a1a1a1; }

.store-screenshot {  border: 1px solid #e3e3e3; }

ul.store-benefits li { font-size:14px; padding-bottom: 5px}
ul.store-benefits li:last-child { padding-bottom: 0  }

ul.store-meta { padding: 20px 0; list-style: none }
ul.store-meta li {margin-bottom: 5px;}

ul.related-stores { list-style: none; }
ul.related-stores li { margin-bottom: 25px; }
ul.related-stores li:last-child { margin-bottom: 0px; }
ul.related-stores li a { overflow: hidden; display: table;}
ul.related-stores li a h3{ font-size: 16px; color:#333; font-weight: 400; padding-bottom: 0px;}
ul.related-stores li div.circular-image { border:1px solid #e3e3e3; display: table-cell; background: #fff; border-radius: 100%; height: 70px; width: 70px; vertical-align: middle; text-align: center}
ul.related-stores li div.circular-image img { max-width:45px}
ul.related-stores li div.store-name { display: table-cell; vertical-align: middle; padding-left: 12px;padding-bottom: 0px;}

@media screen and (min-width: 768px) {


  ul.related-stores li { margin-bottom: 40px; }

  ul.related-stores li a h3 { font-weight: 300;margin-bottom: 25px; padding-bottom:0px;}

  ul.related-stores li div.circular-image { border:1px solid #e3e3e3; display: table-cell; background: #fff; border-radius: 100%; height: 70px; width: 70px; vertical-align: middle; text-align: center}
  ul.related-stores li div.circular-image img { max-width:45px}

  ul.related-stores li div.store-name { display: table-cell; vertical-align: middle; padding-left: 12px;}

  ul.store-benefits li { font-size:17px;}

.card { margin-bottom:50px;}

}


.offer-puff span { font-weight: 700; font-size: 27px; line-height: 30px; }

.offer-puff span.line0,.offer-puff span.line1 {
  display: block;
  margin: 0 auto;
}

/** #99 HOMEPAGE **/

  .frontpage-header-container { margin-top: 30px; margin-bottom: 30px; }
  .frontpage-title { font-size: 21px; font-weight: 700; letter-spacing: 0px; line-height: 27px;}
  .frontpage-subtitle { font-size: 14px; letter-spacing: 0.2px; margin-top: 4px; }
  .frontpage-header-speech-bubble { padding: 0; margin-top:30px; }
  .frontpage-header-speech-bubble .read-more-faded { cursor:pointer; display: block; bottom: 0; text-align: center; width: 100%; position: absolute; padding:30px 0 0 0; background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1);}
  .frontpage-header-speech-bubble .show-button:before { content: ""; background: url(/images/arrow_expand.svg) no-repeat; background-size: 19px auto; height: 17px; width: 17px; display: inline-block; overflow: hidden; margin-right: 4px; background-position-x: right; }
  .frontpage-header-speech-bubble .show-button { display: flex; cursor:pointer; }
  .frontpage-header-speech-bubble .hide-button { display: none; cursor:pointer; }
  .frontpage-header-speech-bubble { padding:15px; color:#333;text-align: left; border: 1px solid #dedede; border-top-right-radius: 35px; border-bottom-left-radius: 35px; background: white; }
  .frontpage-header-text { margin-bottom: 5px; max-height: 200px; overflow: hidden; letter-spacing: 0.2px; line-height: 22px; font-size: 15px; }

/** Latest offers **/

  .latest-offers-container {  order:1; margin: 0 auto; width:100%; margin-bottom: 30px; background: #e4e4e4; padding: 20px 0; }
  .latest-offers-right-column { display: none; }
  /*.latest-offers-content { padding: 20px 0; }*/
  .latest-offers-right-column h2 { visibility: hidden; }
  ul.latest-offers { list-style: none; }
  ul.latest-offers li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
  ul.latest-offers li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0 }
  ul.latest-offers li a { overflow: hidden; display: table; width: 100%}
  ul.latest-offers li a h3 { font-size: 15px; color: #333; font-weight: 600; letter-spacing: 0px;line-height: 21px; }
  ul.latest-offers li div.offer-title { display: table-cell; vertical-align: middle; padding: 0 12px 0 10px;}
  ul.latest-offers .thumbnail-image { border:1px solid #de5e39; display: table-cell; background: #fff; height: 70px;  width: 70px; vertical-align: middle; text-align: center;border-radius: 6px;}
  ul.latest-offers .thumbnail-image img { width: 70%;  }
  ul.latest-offers .latest-offer-label { display: table-cell;vertical-align: middle; text-align: right;  }
  .latest-offers-show-more { cursor:pointer; margin:20px 0 0 5px; color: #333;text-align: center;font-style: 12px;letter-spacing: 1px;text-transform: uppercase;}

/** Email signup **/

.frontpage-email-signup { padding-top: 20px; padding-bottom: 20px; margin-bottom: 30px }
.frontpage-email-signup .frontpage-email-signup-text { padding-bottom: 20px }
.frontpage-email-signup-card-mobile-hidden { display: none }


/** Puffar **/

  .puffar-container { order:0; margin: 0 auto; max-width: 100%; margin-bottom:30px;}
  .puff-inspo-container { text-align: left; border: 1px solid #d4d4d4; background: #fff; max-width: 100%;}
  .puff-inspo-container .puff-inspo-image a img { max-width: 100%;}
  .puff-inspo-container .puff-inspo-meta { -webkit-display: flex; -moz-display: flex; display: flex; -flex-align-items: center; -moz-align-items: center; align-items:center; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content:space-between; height: 80px; padding: 0 20px }

  .puff-inspo-container .puff-inspo-meta .puff-inspo-logo { padding-right: 20px}
  .puff-inspo-container .puff-inspo-meta .puff-inspo-logo a img { max-width: 80px; }

  .puff-inspo-container .puff-inspo-meta .puff-inspo-title { -webkit-flex-grow:2; -moz-flex-grow:2; flex-grow: 2; }
  .puff-inspo-container .puff-inspo-meta .puff-inspo-title h2 { margin: 0; font-size: 17px; font-weight: 700; line-height: 25px; }

  .puff-inspo-container .puff-inspo-meta .puff-inspo-cta { }
  .puff-inspo-container .puff-inspo-meta .puff-inspo-cta a:hover { background:#e47c30; } 
  .puff-inspo-container .puff-inspo-meta .puff-inspo-cta a { padding: 2px 22px 0 22px; height: 32px; background: #ec873d; border-radius: 21px; -webkit-display: flex; -moz-display: flex; display: flex; -flex-align-items: center; -moz-align-items: center; align-items:center; }
  .puff-inspo-container .puff-inspo-meta .puff-inspo-cta a h3 { font-size:15px; color:#fff; margin: 0 auto; text-align:center;letter-spacing: 0.3px;font-weight: 600;  }

  /** Homepage carousel **/

  .slick-slide { height: auto !important }


  /** Homepage toplist **/
  .top-list-container { margin: 0 0px 30px 0; }
  .offerbox-top-list { align-items: center; -moz-align-items: center;  -webkit-align-items: center; width: 100%; padding-bottom:20px; margin-bottom:20px; border-bottom: 3px solid #ddd;border-bottom-style: double;}
  .offerbox-top-list.last { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
  .offerbox-top-list-puff { display: none;}
  .offerbox-top-list-puff .offer-puff {font-size: 32px; font-weight:bold; margin: 0 auto; text-align: center; width: 75px; height: 75px; background-color: #e4e4e4;  display: flex; align-items: center; justify-content: center; border-radius: 50px;}
  .offerbox-top-list-puff .offer-puff-1,.offerbox-top-list-puff .offer-puff-2,.offerbox-top-list-puff .offer-puff-3 { font-size: 47px; color: #de5e39; }

/*  .offerbox-top-list-puff .discount-type-0 span { font-size: 19px } */

  .offerbox-top-list-logo-container { flex-basis: auto; -moz-flex-basis: auto; -webkit-flex-basis: auto; }
  .offerbox-top-list-logo { margin: 0 auto; text-align: center; width: 70px; height: 70px; display: flex; align-items: center; -moz-align-items: center;  -webkit-align-items: center; background: #fff; border:1px solid #de5e39;border-radius: 6px; }
  .offerbox-top-list-logo a img { width: 70% }
  .offerbox-top-list-title { flex-grow: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; padding:0 0 0 10px; }
  .offerbox-top-list-title .hlextra { font-size: 16px; font-weight: 600;line-height: 22px; }
  .offerbox-top-list-title .slutdatum { font-size: 12px; color:#4a4a4a; }
  .offerbox-top-list-button { display: none; align-items: center;  -moz-align-items: center;  -webkit-align-items: center; flex-basis: 20%; -webkit-flex-basis: 20%; -moz-flex-basis: 20%; }

  .latest-stores { margin-bottom: 30px }

  div.footer-container { padding: 20px 0px; }
  .footer-ingress { flex-flow: row wrap; display: flex; align-items: center; }
  .footer-ingress h2 { font-size: 19px; margin-top: 10px; line-height: 24px; letter-spacing: 0.2px; text-align: center; }
  .footer-text h3 { font-size: 17px; letter-spacing: 0.2; margin-bottom: 12px; }
  .footer-text p { font-size: 16px; line-height: 23px; letter-spacing: 0.2; color:#333;}
  .footer-quick-facts { flex-flow: wrap row; display: flex; flex-direction: column; justify-content: space-evenly; margin-top: 25px; }
  .footer-quick-facts-circle { align-items: center; margin: 0 auto; display: flex; background: #d06444; border-radius: 100%; width: 150px; height: 150px; margin-bottom: 20px}
  .footer-quick-facts-circle h2 { flex-grow: 1; margin:0; line-height: 1.4; font-size: 31px; color:#fff; }
  .footer-quick-facts-circle small { display: block; font-size: 15px; color:#fff; font-weight: normal;}
  .footer-faq h2 { font-size:19px; line-height:26px;}
  
  @media (min-width: 768px) {

    .frontpage-title { font-size: 25px; letter-spacing: 0.2px; line-height: 39px;}

    .owl-item { min-width: 294px; }

    .breadcrumb { background:transparent; font-size:13px; padding:0; margin:15px 0;letter-spacing: 0.2px; }
    .breadcrumb > li + li:before {  content: ">"; padding: 0 5px 0 3px; color: #a1a1a1; }
    .breadcrumb a { color: #585858; }

    .frontpage-email-signup .frontpage-email-signup-text h2 { font-size:27px;font-weight: 700;letter-spacing: 0.5px;margin-bottom: 20px; }
    .frontpage-email-signup .frontpage-email-signup-text p { font-size:16px;line-height:23px;letter-spacing: 0.2px; }

    .frontpage-email-signup { margin-bottom: 30px; padding-top: 30px; padding-bottom: 30px;}
    .frontpage-email-signup .frontpage-email-signup-text { padding-right: 60px; padding-bottom: 0; padding-top:20px;}
    .frontpage-email-signup-card-mobile-hidden { display: block }
  
    .puff-inspo-row { margin: 0; }
    .puffar-container { margin: 0 auto 60px auto; }
    .puff-inspo-container .puff-inspo-meta .puff-inspo-title h2 { margin: 0; font-size: 20px; font-weight: 700; line-height: 24px; }

    .latest-offers-container { background: transparent; padding: 0; padding-left: 45px; padding-right: 45px; }
    .latest-offers-container { margin: 0 auto; background: inherit; }
    .latest-offers-right-column { display: block !important; margin-bottom: 30px }
    .latest-offers-right-column h2 { display: block; visibility: hidden; }
    .latest-offers { padding: 20px; background: #e4e4e4; }
    .latest-offers-show-more { display: none }
    ul.latest-offers li a h3 { font-size: 16px; letter-spacing: 0.2px;line-height: 22px; }
      
    .top-list-container { margin: 0 30px 60px 0px; }
    .offerbox-top-list-button { display: block;  }
    .offerbox-top-list-puff { display: block; padding-right: 20px;}
    .offerbox-top-list-title { padding: 0 17px; }
    .offerbox-top-list-title .hlextra { font-size: 19px; font-weight: 600;line-height: 29px; }
    .offerbox-top-list-title .slutdatum { font-size: 13px; color:#4a4a4a; }
    .offerbox-top-list-logo { margin: 0 auto; text-align: center; width: 95px; height: 95px; display: flex; align-items: center; -moz-align-items: center;  -webkit-align-items: center; background: #fff; border:1px solid #de5e39; }



     div.footer-container { padding: 40px 0; } 
    .footer-ingress {  background-color: #d2e0d7; padding: 30px 20px 15px 20px; border-radius: 10px; }
    .footer-ingress h2 { font-size: 28px; margin-top:0; line-height: 36px; letter-spacing: 0.2px; }
    .footer-quick-facts-circle h2 { font-size:35px; line-height: 1.3 }
    .footer-quick-facts-circle small { display: block; font-size: 15px; }
    .footer-quick-facts { flex-direction: row; justify-content: space-evenly;}
    .footer-text h3 { font-size: 21px; letter-spacing: 0.2;margin-bottom: 10px; }
    .footer-text p { font-size: 16px; line-height: 23px; letter-spacing: 0.2; color:#333;}
    .footer-faq h2 { font-size:28px; text-align:center; }

  }

  @media (min-width: 992px) {
    .puffar-container {max-width: 1280px}
    .footer-quick-facts { margin-top: 0; }
    .frontpage-header-speech-bubble .show-button, .frontpage-header-speech-bubble .hide-button { display: none; }
  }

  @media (min-width: 1050px) {
    .frontpage-title-container { width: 25%; }
    .frontpage-title { font-size: 32px; letter-spacing: 0.2px; line-height: 39px;}
    .frontpage-header-container { margin-top: 60px; margin-bottom: 60px }
    .frontpage-header-container > div.col-xs-12 { display:flex; align-items: center }
    .frontpage-header-speech-bubble { width: 75%; }
    .frontpage-header-speech-bubble { padding: 0 15px; margin-top:0px; }
    .frontpage-header-text { max-height: inherit; padding: 33px 25px 33px 25px; max-width: 920px; line-height: 24px; font-size: 16px; border-top-right-radius: 70px; border-bottom-left-radius: 70px;}
    .frontpage-header-text p { line-height: 25px; font-size: 16px;}

  } 


/** #98 STORE PAGE **/

.store-header-container, .store-content, .store-sidebar { padding-left: 0; padding-right: 0 }


.store-header-container { display: flex; margin-bottom: 15px; flex-flow: wrap row; }
.store-header-container p { font-size: 14px; line-height: 21px;letter-spacing: 0.3px; }
.store-header-title-offer-count p { font-size: 13px; }
.store-header-logo-container { background: #fff; padding: 20px 10px 20px 15px; display: flex; justify-content:left; align-items: center; text-align: center;  }
.store-header-logo-container .logo { display: flex; align-items: center; width: 60px; height: 60px;  border: 1px solid #f05329; border-radius: 6px}
.store-header-logo-container .logo img { width: 80%; margin: 0 auto; }


.store-header-title-container { background: #fff; padding: 20px 0; display: flex; flex-direction: column; justify-content: space-evenly; flex-grow: 1;  }
.store-header-title-container h1 { font-size: 17px; font-weight: 700; margin: 0;letter-spacing: 0.2px; }
.store-header-title-container h1 span { display: block; font-size: 15px; font-weight: 500; line-height: 33px; }
.store-header-subscribe-container { padding:0; display: flex; justify-content: center; align-items: center; background: #fff; }
.store-header-subscribe-container .store-subscribe-mobile { padding:5px 6px 2px 6px; color: #fff; background: #de5d39; width: 65px; font-size: 14px;margin-top: 0px;letter-spacing: 0.3px;font-weight: 500; }
.store-subscribe-popup { width:50%; padding: 20px; background: #fff; min-width:300px; max-height:800px; max-width:600px; }
.store-subscribe-popup .close { line-height: 10px }
  

.store-header-benefits-container { padding: 15px 15px 10px 15px; }
.store-header-benefits-container ul.store-benefits li  { float: left; padding: 0 10px 3px 0; }
.store-header-benefits-container ul.store-benefits li i.icon { float: left; line-height:19px; }
.store-header-benefits-container ul.store-benefits li i.icon:before { margin-right: 5px; list-style:none; width: 1em; text-align: center; display: inline-block; }
.store-header-benefits-container ul.store-benefits li p { float:left;font-size: 14px;font-weight:500;letter-spacing: 0.3px;text-transform: none; }

.store-header-text-container div.store-header-text-content { position: relative; overflow: hidden; max-height: 80px; margin-bottom: 5px}
.store-header-text-container .read-more-faded { cursor:pointer; display: block; bottom: 0; text-align: center; width: 100%; position: absolute; padding:30px 0 0 0; background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1);}
.store-header-text-container p.show-button:before { content: ""; background: url(/images/arrow_expand.svg) no-repeat; background-size: 19px auto; height: 17px; width: 17px; display: inline-block; overflow: hidden; margin-right: 4px; background-position-x: right; }
.store-header-text-container .show-button { display: flex; cursor:pointer; }
.store-header-text-container .hide-button { display: none; cursor:pointer; }

.store-content .active-offers-container { padding: 15px; }
.store-content .active-offers-container h2 { font-size: 17px;font-weight: 600; }

.store-content .about-store-container { padding: 15px; width: 100%; background: #fff; margin-bottom: 30px; box-shadow: 0 1px 3px 0 #ccc; }
.store-content #extradesc p { font-size: 16px; line-height: 23px; letter-spacing: 0.2; color: #333; }
.store-content #extradesc h4 b { font-weight: 600; }

.offerbox-store {  background: #fff; display: flex; flex-wrap: wrap; align-items: center; -moz-align-items: center;  -webkit-align-items: center; width: 100%; padding:20px 15px 23px 15px; margin-top:20px; border: 1px solid #de5d39; }
.offerbox-store.last { margin-bottom: 20px; }
.offerbox-store.first { margin-top: 0; }
.offerbox-store-puff { display: none;}
.offerbox-store-title { flex-grow: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; padding:0px; }
.offerbox-store-title .hlextra { font-size: 18px; font-weight: 600;line-height: 25px; }
.offerbox-store-title .slutdatum { font-size: 13px; color:#4a4a4a; }
.offerbox-store-title .villkor { color:#4a4a4a }
.offerbox-store-button { display: block; align-items: center;  -moz-align-items: center;  -webkit-align-items: center; flex-basis: 100%; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; }
.offerbox-store-button button.offer-button-red { text-transform: uppercase; margin:15px 0 0 0; }

.store-sidebar .store-sidebar-guide .card-header { background: #4c4c4c; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.store-sidebar .store-sidebar-guide .card-header h3 { font-size: 16px; font-weight:600; color: #fff; padding: 12px 10px 10px 10px;text-align: center; }
.store-sidebar .store-sidebar-guide ol.guide { list-style: none; list-style-position: inside; }
.store-sidebar .store-sidebar-guide ol.guide li { display: flex;align-items: center;font-size: 15px;padding: 20px 10px;background: #e4e4e4;counter-increment: item;border-bottom: 1px solid #ccc;line-height: 21px;}
.store-sidebar .store-sidebar-guide ol.guide li:last-child { border-bottom: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.store-sidebar .store-sidebar-guide ol.guide li:before { margin: 0 15px 0 5px; content: counter(item); background: #e4e4e4; color: #4c4c4c; font-size: 28px;font-weight: 800;text-align: center;display: block;float: left;}

.store-sidebar .card { padding: 15px; }
.store-sidebar .card.card-transparent { padding: 0 15px; }
.store-expired-offers { padding: 15px; margin-bottom: 30px; }
.store-expired-offers-no-active { margin: 0 15px 30px 15px; }

.rating-container {
  position:relative;
  overflow: auto
}

.rating-container .rating-text {
  float: left;
  margin-top: 2px;
  display: none;
  font-size: 18px;
  font-weight: bold;
  padding-right: 10px;
}

#rateYo {
  float: left;
}

.rating-container .no_votes {
  display: none;
  float: left;
  padding-left: 8px;
  font-size: 14px;
  color: #4a4a4a;
  margin-top: 5px
}

.rating-container .counter {
    margin-top: 4px;
    float: left;
    display: none;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    display: none;
    line-height: 6px;
    text-align: center;
    margin-left: 10px;
    min-width: 20px;
    padding: 2px;
}
  
.rating-container .counter:before {
    border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    content: "";
    display: block;
    height: 0;
    left: -7px;
    margin-top: -5px;
    position: relative;
    top: 50%;
    width: 0;
}

.stats-box {
  width:100%; 
  font-size:13px; 
  color: #4a4a4a;
}

.stats-box tr td {
  padding: 4px
}

.stats-box .stats-box-data {
  text-align: left
}

.stats-box .stats-box-label {
  padding-left: 0;
  width: 130px;
  vertical-align: top;
}

@media (min-width: 768px) {
  .stats-box-label { width: 115px; }
  .store-header-container p { font-size: 14px; line-height: 21px;} 
  .store-expired-offers { padding: 0 }
  .store-expired-offers-no-active { margin: 0 0 30px 0; }
  .butik-top .logo-container { width: 100%; }
  .butik-top-meta p { font-size:13px;line-height: 19px; }
  p.butik-top-offercount { font-size: 15px;font-weight: 500;margin-bottom: 10px; }
}

@media (min-width: 992px) {

  .store-header-container, .store-content, .store-sidebar, .store-expired-offers { padding-left: 15px; padding-right: 15px }
  .store-header-container { margin-bottom: 30px; }

  .store-header-logo-container { background:#e0e0e0;padding:30px 20px 30px 20px; border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
  .store-header-logo-container .logo { background: #fff; display: flex; width: 100px; height: 100px; align-items: center; border: 1px solid #f05329; }
  .store-header-title-container { background: #e0e0e0; width: auto;}

  .store-header-title-container .store-header-title-offer-count { display: none; }
  .store-header-title-container h1 { font-size: 30px; line-height: 30px;font-weight: 700; }
  .store-header-title-container h1 span { font-size: 16px; font-weight: 400 }
  .store-header-title-container .store-subscribe-desktop { padding:5px 12px 4px 12px; color: #fff; background: #de5d39; width: 90px; font-size: 14px;margin-top: 0px;letter-spacing: 0.5px;font-weight: 400; }
  .store-header-benefits-container { padding: 10px 65px 10px 15px; background: #e0e0e0; align-items: center; justify-content: flex-end; display: flex; border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
  .store-header-benefits-container ul.store-benefits li  { float: left; padding: 0 20px 3px 0; }
  .store-header-benefits-container ul.store-benefits li i.icon:before { margin: 0 auto; font-size:40px; clear: both; display: block; }
  .store-header-benefits-container ul.store-benefits li i.icon{float:none; width:90px; line-height:1;}
  .store-header-benefits-container ul.store-benefits li:last-child { padding-right: 0px; }
  .store-header-benefits-container ul.store-benefits li p { float:none; font-size: 14px; width: 90px; text-align: center; line-height: 19px;margin-top: 12px;text-transform: none;letter-spacing: 0.5px; }


  .store-header-text-container .read-more-faded {  }
  .store-header-text-container .show-button { padding-left:30px; }
  .store-header-text-container .hide-button { padding-left:30px; }
  .store-header-text-container div.store-header-text-content {max-height: 80px; margin-top: 25px;margin-bottom: 5px;}
  .store-header-text-container div.store-header-text-content p { font-size: 15px;line-height: 23px;padding:0px 30px 0px 30px;}


  .store-content .active-offers-container { padding: 0 20px 20px 20px; }
  .store-content .active-offers-container h2 { font-size: 25px;font-weight: 700;letter-spacing: 0.2px; margin-top:0; margin-bottom: 20px; }

  .store-content .card.card-transparent { padding:0; }

  .store-content #extradesc p { font-size: 15px; line-height: 22px; letter-spacing: 0.2; color: #333; }

  .offerbox-store { flex-wrap: nowrap; padding:20px 30px 20px 20px;}
  .offerbox-store-puff { display: block; padding-right: 0px; }
  .offerbox-store-puff .offer-puff { color: #000; overflow: hidden; line-height: 26px;  border-radius: 6px; margin: 0 auto; text-align: center; width:125px;height:95px;background-color: #e4e4e4;vertical-align: middle; display: flex; align-items: center;}
  .offerbox-store-puff .offer-puff span { font-weight: 700; font-size: 27px; line-height: 32px; }
  .offerbox-store-puff .offer-puff.discount-type-0 span.line0 {  font-size: 22px; font-weight: 700; } /* Default */
  .offerbox-store-puff .offer-puff.discount-type-1 span.line0 {  font-size: 35px; font-weight: 700; } /* Belopp */
  .offerbox-store-puff .offer-puff.discount-type-2 span.line0 {  font-size: 35px; font-weight: 700; } /* % */

  .offerbox-store-title { padding: 0 40px 0 20px; }
  .offerbox-store-title .hlextra { font-size: 19px; font-weight: 600;line-height: 29px; }
  .offerbox-store-title .slutdatum { font-size: 13px; }
  .offerbox-store-logo { margin: 0 auto; text-align: center; width: 95px; height: 95px; display: flex; align-items: center; -moz-align-items: center;  -webkit-align-items: center; background: #fff; border:1px solid #de5e39; }
  .offerbox-store-button { flex-basis: 20%; -webkit-flex-basis: 20%; -moz-flex-basis: 20%; }
  .offerbox-store-button button.offer-button-red { margin:0; letter-spacing: 1px;}

  .store-sidebar .card.card-transparent { padding: 0px; }

  .store-sidebar .store-sidebar-guide .card-header h3 { font-size: 15px; letter-spacing:0.5px; color: #fff; padding: 10px 10px 8px 15px;text-align: left; }
  .store-sidebar .store-sidebar-guide ol.guide li { display: flex; align-items: center; font-size: 13px; padding: 15px 20px 15px 10px; background: #e4e4e4; counter-increment: item; border-bottom: 1px solid #ccc;line-height: 19px; }
  .store-sidebar .store-sidebar-guide ol.guide li:last-child { border-bottom: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
  .store-sidebar .store-sidebar-guide ol.guide li:before {  margin: 0 15px 0 5px; content: counter(item); background: #e4e4e4; color: #aaa; font-size: 25; font-weight:800; text-align: center; display: block; float: left}


  .store-content, .store-expired-offers { width: 77%; }
  .store-sidebar { width: 23%; }
  #frontpage-popular-container { text-align: left; }
  #contentright .colheader{ margin-top: 18px; }
  .merchant,#contentrightwrapp{ margin-right:-15px; }
  .merchant{ background-color: #fff; }
  .taggmoln,#erbjudandenlist{ /*margin-left:15px;*/ }
  #featured .feature{ /*border-right:1px solid #E4E4E4;*/ padding:15px 15px 15px 15px; }
  .feature-wrapper{ padding-bottom: 0; margin-bottom: 0; }
}


@media (min-width: 1050px) {
  .store-header-benefits-container ul.store-benefits li  { padding: 0 30px 3px 0; }
  .store-header-benefits-container ul.store-benefits li i.icon:before { font-size:50px; }

}


/** Standard Mailchimp styling from default css **/
#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup input {text-indent: 2%; border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup div.response {float left; margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}


/** Email signup **/

#mc_embed_signup form{padding: 0 } 
#mc_embed_signup .mc-field-group {width: 100%; text-align:center;} 
#mc_embed_signup .mc-field-group input {  padding:8px 5px; font-size: 14px; display:inline-block; width:100%;  } 
#mc_embed_signup .button { width: 100%; background: #de5e39; height: 40px; font-weight: 500; line-height: inherit;letter-spacing: 0.2px;} 
#mc_embed_signup .button:hover { background: #BB4226;}
#mc_embed_signup .mc-field-group .button { width: 50px; background: #de5e39; height: 38px; font-weight: 500; line-height: inherit; border: 0 none; border-radius: 4px; color: #FFFFFF; display: inline-block; font-size: 14px; margin: 0; text-align: center; text-decoration: none; vertical-align: top;   } 

#mc_embed_signup label.error { font-weight: normal; color:#dd0000; font-size: 11px; }

#mc-embedded-subscribe-form-popup label.error { text-align:center;  }


#mc_embed_signup-inline form {padding: 0 } 
#mc_embed_signup-inline .mc-field-group {width: 100%} 
#mc_embed_signup-inline .mc-field-group input {  padding:9px 5px; font-size: 14px; border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } 
#mc_embed_signup-inline .button:hover { background: #BB4226;}

#response-inline { padding-top: 5px; }

.response-popup {
  text-align: center;
  font-size: 12px;
  margin-top: 5px;
}

.offer-campaign-tab {
  display: none;
}


@media (min-width: 768px) {
  
.offer-campaign-tab {
  display: block;
  background: #de5e39;
  width: 130px;
  color: #fff;
  padding: 8px 10px 4px 10px;
  text-align: center;
  letter-spacing: 1.2px;
  font-size: 12px;
}

}

.offerbox.campaign {
  border:2px solid #de5e39 !important;
}

.offerbox.campaign .offerbutton-simple, .offerbox.campaign .offerbutton-over {
  color: #fff !important;
  background: #de5e39 !important;
}

.offerbox.campaign .offerbutton-over .foldbot {
  border-color: transparent transparent #de5e39 #de5e39 !important;
}

.offerbox-card { border:3px solid #de5e39; min-height: 335px }
.offerbox-card { padding: 20px; margin-bottom: 30px}
.offerbox-card .puff-inspo-meta { text-align: center; }
.offerbox-card .puff-inspo-image { text-align: center; }
.offerbox-card .puff-inspo-image a img { max-width: 75%; max-height: 100px }
.offerbox-card .slutdatum { font-size: 13px; padding-bottom: 10px; }
.offerbox-card button { color:#fff; font-weight: 600; background: #de5e39; border:0; padding: 10px 30px; font-size: 15px; }
.offerbox-card.campaign { border:3px solid #de5e39; } /* BLACK FRIDAY */

button.offer-button-red {
    width: 100%;
    background: #de5e39;
    height: 40px;
    letter-spacing: 0.5px;
    line-height: 14px;
    clear: both;
    border: 0 none;
    border-radius: 4px;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    margin: 0 5px 10px 0;
    padding: 1px 22px 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    text-transform: uppercase;
}

button.offer-button-red:hover { background: #BB4226; }

@media (min-width: 992px) {

button.offer-button-red {
    width: 100%;
    background: #de5e39;
    height: 45px;
    letter-spacing: 0.5px;
    line-height: 14px;
    clear: both;
    border: 0 none;
    border-radius: 6px;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    margin: 0 5px 10px 0;
    padding: 3px 22px 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
}
}