/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 17, 2013 */
@font-face {
  font-family: 'barmeno';
  src: url("fonts/barmeno_regular-webfont.eot");
  src: url("fonts/barmeno_regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/barmeno_regular-webfont.woff") format("woff"), url("fonts/barmeno_regular-webfont.ttf") format("truetype"), url("fonts/barmeno_regular-webfont.svg#barmeno") format("svg");
  font-weight: normal;
  font-style: normal; }
input[type=text]:hover,
input[type=text]:active,
input[type=text] {
  outline: none; }

* {
  font-family: tahoma, arial, helvetica; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

body, html {
  padding: 0px;
  margin: 0; }

body, td, th, option, select, input, textarea {
  font-size: 13px;
  color: #676767; }
  @media screen and (max-width: 600px) {
    body, td, th, option, select, input, textarea {
      font-size: 14px; } }

body {
  background: #262626; }

#site {
  display: flex;
  flex-direction: column; }

.content {
  width: 1100px;
  margin: 0 auto; }
  @media screen and (max-width: 1100px) {
    .content {
      width: 100%; } }

/* DEFAULT */
ul {
  list-style: none;
  margin: 0;
  padding: 0; }

a {
  color: #f19211; }

input[type=submit],
a.button {
  line-height: 25px;
  padding: 0 8px;
  border: 0;
  border-radius: 3px;
  background: #4f4f4f;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  display: inline-block; }
  @media screen and (max-width: 600px) {
    input[type=submit],
    a.button {
      line-height: 30px; } }
  input[type=submit].orange,
  a.button.orange {
    background: #f19211; }

input[type=text],
textarea {
  border: 1px solid #f0f0f0;
  padding: 3px; }

/* SHADOW */
#shadow {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 5;
  transition: all .2s ease; }

#shadow, .shadow {
  display: none; }

/* Confim buy */
.confirm {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 5;
  transition: all .2s ease;
  align-items: center;
  justify-content: center; }
  .confirm .block {
    width: 700px;
    background: rgba(0, 0, 0, 0.3);
    padding: 15px; }
    .confirm .block .holder {
      background: #FFF;
      padding: 20px; }
      @media screen and (max-width: 600px) {
        .confirm .block .holder {
          padding: 12px; } }
      .confirm .block .holder h3 {
        margin: 0 0 20px;
        font-size: 16px;
        display: flex;
        align-items: center;
        color: #000; }
        .confirm .block .holder h3 span {
          color: #24a72a;
          font-size: 32px;
          margin-right: 10px; }
      .confirm .block .holder ul {
        display: flex; }
        @media screen and (max-width: 600px) {
          .confirm .block .holder ul {
            flex-direction: column; } }
        .confirm .block .holder ul li {
          width: 50%; }
          .confirm .block .holder ul li:nth-child(1) {
            padding-right: 10px; }
          .confirm .block .holder ul li:nth-child(2) {
            padding-left: 10px; }
          @media screen and (max-width: 600px) {
            .confirm .block .holder ul li {
              width: 100%; }
              .confirm .block .holder ul li:nth-child(1) {
                padding-right: 0px;
                padding-bottom: 30px; }
              .confirm .block .holder ul li:nth-child(2) {
                padding-left: 0px; } }
          .confirm .block .holder ul li h4 {
            margin: 0 0 3px;
            color: #000;
            font-size: 14px; }
          .confirm .block .holder ul li p {
            margin: 0 0 5px; }
  .confirm.load-save-config .block {
    display: flex;
    width: auto;
    max-width: 94%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 20px; }
    .confirm.load-save-config .block h2 {
      margin-bottom: 0;
      text-align: center;
      color: #f0f0f0;
      font-size: 17px; }
      @media screen and (max-width: 600px) {
        .confirm.load-save-config .block h2 {
          font-size: 15px; } }
  .confirm.error-config .block .holder h3 span {
    color: #81291c; }
  .confirm.error-config .block .holder .info {
    line-height: 20px;
    flex-direction: column;
    align-items: flex-start; }
    .confirm.error-config .block .holder .info a {
      margin-top: 12px; }

a.show-filter {
  display: none; }
  @media screen and (max-width: 600px) {
    a.show-filter {
      display: flex;
      align-items: center;
      text-decoration: none; }
      a.show-filter span {
        font-size: 18px;
        color: #676767;
        margin-right: 5px; } }

.filter {
  display: flex;
  width: 100%; }
  .filter .block {
    width: 100%; }
    .filter .block .holder {
      width: 100%; }
      .filter .block .holder a.close {
        display: none; }
      .filter .block .holder ul {
        display: flex;
        border-bottom: 5px solid #f19211;
        padding-bottom: 10px;
        width: 100%; }
        .filter .block .holder ul li {
          display: flex;
          flex-direction: column;
          padding-right: 10px;
          justify-content: flex-end; }
          .filter .block .holder ul li span {
            padding-bottom: 5px;
            font-weight: bold; }
          @media screen and (max-width: 600px) {
            .filter .block .holder ul li {
              padding-right: 0;
              padding-bottom: 10px; } }
  @media screen and (max-width: 600px) {
    .filter {
      display: none;
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      height: 100%;
      background: rgba(0, 0, 0, 0.8);
      z-index: 5;
      transition: all .2s ease;
      align-items: center;
      justify-content: center; }
      .filter .block {
        width: 700px;
        background: rgba(0, 0, 0, 0.3);
        padding: 15px; }
        .filter .block .holder {
          background: #FFF;
          padding: 20px; }
          .filter .block .holder h3 {
            margin: 0 0 20px;
            font-size: 16px;
            display: flex;
            align-items: center;
            color: #000; }
            .filter .block .holder h3 span {
              color: #24a72a;
              font-size: 32px;
              margin-right: 10px; }
          .filter .block .holder a.close {
            display: flex;
            float: right;
            text-decoration: none;
            color: #000;
            font-size: 22px; }
          .filter .block .holder ul {
            display: flex;
            flex-direction: column; }
            .filter .block .holder ul li {
              width: 100%; }
              .filter .block .holder ul li select, .filter .block .holder ul li input[type=text] {
                padding: 6px; }
              .filter .block .holder ul li h4 {
                margin: 0 0 3px;
                color: #000;
                font-size: 14px; }
              .filter .block .holder ul li p {
                margin: 0 0 5px; } }

a#mobile-menu-close {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 11;
  background: #000;
  color: #FFF;
  font-size: 32px;
  width: 60px;
  height: 60px;
  text-decoration: none;
  align-items: center;
  justify-content: center; }

/* MOBILE-MENU */
#mobile-menu {
  position: fixed;
  width: 500px;
  height: 100%;
  overflow: auto;
  top: 0;
  left: -100%;
  z-index: 10;
  background: #000;
  transition: all .2s ease;
  padding-top: 20px; }
  @media screen and (max-width: 600px) {
    #mobile-menu {
      width: 300px; } }
  #mobile-menu ul {
    float: left;
    width: 100%; }
    #mobile-menu ul li {
      float: left;
      width: 100%; }
      #mobile-menu ul li div {
        display: flex; }
      #mobile-menu ul li a {
        width: 100%;
        padding: 12px;
        font-size: 16px;
        border-bottom: 1px solid #3c3c3c;
        text-decoration: none;
        font-family: "barmeno";
        color: #a4a4a4; }
        #mobile-menu ul li a.arrow {
          padding: 0;
          color: #676767;
          font-size: 24px;
          display: flex;
          justify-content: center; }
          #mobile-menu ul li a.arrow span {
            display: flex;
            justify-content: center;
            align-self: center;
            width: 100%; }
          #mobile-menu ul li a.arrow span.up {
            display: none; }
          #mobile-menu ul li a.arrow.active {
            color: #f19211; }
            #mobile-menu ul li a.arrow.active span.up {
              display: flex; }
            #mobile-menu ul li a.arrow.active span.down {
              display: none; }
      #mobile-menu ul li.children a {
        width: calc(100% - $mobile-arrow-width); }
        #mobile-menu ul li.children a.arrow {
          width: 40px; }
      #mobile-menu ul li.children ul {
        display: none; }
        #mobile-menu ul li.children ul li a {
          width: 100%; }
        #mobile-menu ul li.children ul li.children a {
          width: calc(100% - $mobile-arrow-width); }
          #mobile-menu ul li.children ul li.children a.arrow {
            width: 40px; }
        #mobile-menu ul li.children ul li.children ul li a {
          width: 100%; }
        #mobile-menu ul li.children ul li.children ul li.children a {
          width: calc(100% - $mobile-arrow-width); }
          #mobile-menu ul li.children ul li.children ul li.children a.arrow {
            width: 40px; }
        #mobile-menu ul li.children ul li.children ul li.children ul li a {
          width: 100%; }
      #mobile-menu ul li.selected a, #mobile-menu ul li.active a {
        color: #f19211; }
      #mobile-menu ul li.selected ul, #mobile-menu ul li.active ul {
        display: block; }
        #mobile-menu ul li.selected ul li a, #mobile-menu ul li.active ul li a {
          color: #a4a4a4; }
        #mobile-menu ul li.selected ul li.selected a, #mobile-menu ul li.selected ul li.active a, #mobile-menu ul li.active ul li.selected a, #mobile-menu ul li.active ul li.active a {
          color: #f19211; }
        #mobile-menu ul li.selected ul li.selected ul, #mobile-menu ul li.selected ul li.active ul, #mobile-menu ul li.active ul li.selected ul, #mobile-menu ul li.active ul li.active ul {
          display: block; }
          #mobile-menu ul li.selected ul li.selected ul li a, #mobile-menu ul li.selected ul li.active ul li a, #mobile-menu ul li.active ul li.selected ul li a, #mobile-menu ul li.active ul li.active ul li a {
            color: #a4a4a4; }
          #mobile-menu ul li.selected ul li.selected ul li ul, #mobile-menu ul li.selected ul li.active ul li ul, #mobile-menu ul li.active ul li.selected ul li ul, #mobile-menu ul li.active ul li.active ul li ul {
            display: none; }
          #mobile-menu ul li.selected ul li.selected ul li.selected a, #mobile-menu ul li.selected ul li.selected ul li.active a, #mobile-menu ul li.selected ul li.active ul li.selected a, #mobile-menu ul li.selected ul li.active ul li.active a, #mobile-menu ul li.active ul li.selected ul li.selected a, #mobile-menu ul li.active ul li.selected ul li.active a, #mobile-menu ul li.active ul li.active ul li.selected a, #mobile-menu ul li.active ul li.active ul li.active a {
            color: #f19211; }
          #mobile-menu ul li.selected ul li.selected ul li.selected ul, #mobile-menu ul li.selected ul li.selected ul li.active ul, #mobile-menu ul li.selected ul li.active ul li.selected ul, #mobile-menu ul li.selected ul li.active ul li.active ul, #mobile-menu ul li.active ul li.selected ul li.selected ul, #mobile-menu ul li.active ul li.selected ul li.active ul, #mobile-menu ul li.active ul li.active ul li.selected ul, #mobile-menu ul li.active ul li.active ul li.active ul {
            display: block; }
            #mobile-menu ul li.selected ul li.selected ul li.selected ul li a, #mobile-menu ul li.selected ul li.selected ul li.active ul li a, #mobile-menu ul li.selected ul li.active ul li.selected ul li a, #mobile-menu ul li.selected ul li.active ul li.active ul li a, #mobile-menu ul li.active ul li.selected ul li.selected ul li a, #mobile-menu ul li.active ul li.selected ul li.active ul li a, #mobile-menu ul li.active ul li.active ul li.selected ul li a, #mobile-menu ul li.active ul li.active ul li.active ul li a {
              color: #a4a4a4; }
            #mobile-menu ul li.selected ul li.selected ul li.selected ul li.selected a, #mobile-menu ul li.selected ul li.selected ul li.selected ul li.active a, #mobile-menu ul li.selected ul li.selected ul li.active ul li.selected a, #mobile-menu ul li.selected ul li.selected ul li.active ul li.active a, #mobile-menu ul li.selected ul li.active ul li.selected ul li.selected a, #mobile-menu ul li.selected ul li.active ul li.selected ul li.active a, #mobile-menu ul li.selected ul li.active ul li.active ul li.selected a, #mobile-menu ul li.selected ul li.active ul li.active ul li.active a, #mobile-menu ul li.active ul li.selected ul li.selected ul li.selected a, #mobile-menu ul li.active ul li.selected ul li.selected ul li.active a, #mobile-menu ul li.active ul li.selected ul li.active ul li.selected a, #mobile-menu ul li.active ul li.selected ul li.active ul li.active a, #mobile-menu ul li.active ul li.active ul li.selected ul li.selected a, #mobile-menu ul li.active ul li.active ul li.selected ul li.active a, #mobile-menu ul li.active ul li.active ul li.active ul li.selected a, #mobile-menu ul li.active ul li.active ul li.active ul li.active a {
              color: #f19211; }
        #mobile-menu ul li.selected ul li ul, #mobile-menu ul li.active ul li ul {
          display: none; }
      #mobile-menu ul li ul li a {
        padding-left: 20px; }
      #mobile-menu ul li ul li ul li a {
        padding-left: 40px; }
      #mobile-menu ul li ul li ul li ul li a {
        padding-left: 60px; }

body.mobile-menu-open #shadow, body.mobile-menu-open a#mobile-menu-close {
  display: flex; }
body.mobile-menu-open #mobile-menu {
  left: 0; }

/* HEAD */
#head {
  width: 100%;
  background: #fadb1e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fadb1e 0%, #f2a113 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fadb1e 0%, #f2a113 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fadb1e 0%, #f2a113 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fadb1e', endColorstr='#f2a113',GradientType=0 );
  /* IE6-9 */
  	/*.search {
  		display: none; 
  
  		&.open {
  			display: flex; width: 100%; background: #85642a; padding: 24px; justify-content: center; margin: 24px 0;
  
  			form {
  				display: flex; flex-direction: space-between;width: 100%; max-width: 600px;
  
  				input { display: flex; flex-grow: 1; border: 0; padding: 12px; border: 0; }
  				span { display: flex; align-items: center; justify-content: center; width: 40px; margin-left: 12px; background: $grey-dark; color: #FFF; font-size: 20px; cursor: pointer; }
  			}
  		}
  	}*/ }
  @media screen and (max-width: 600px) {
    #head {
      height: 60px; } }
  #head .content {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    /*background: url(../images/bg_top.png) top center no-repeat; background-size: auto 100%;*/
    flex-wrap: wrap; }
    @media screen and (max-width: 1100px) {
      #head .content {
        padding: 10px 10px 0; } }
    @media screen and (max-width: 1000px) {
      #head .content {
        padding: 0; } }
    @media screen and (max-width: 600px) {
      #head .content {
        height: 100%;
        align-items: center; } }
    #head .content .top-bar {
      display: flex;
      justify-content: space-between;
      width: 100%; }
      @media screen and (max-width: 1000px) {
        #head .content .top-bar {
          display: none; } }
      #head .content .top-bar .usp {
        display: flex;
        align-items: center; }
        #head .content .top-bar .usp .trygg-ehandel {
          margin-right: 24px; }
          #head .content .top-bar .usp .trygg-ehandel img {
            width: 32px; }
        #head .content .top-bar .usp ul {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: flex-end; }
          #head .content .top-bar .usp ul li {
            display: flex;
            align-items: center;
            padding: 0;
            margin-right: 24px;
            color: #85642a;
            font-size: 11px; }
            #head .content .top-bar .usp ul li span {
              margin-right: 2px;
              color: #262626; }
      #head .content .top-bar .toplinks {
        display: flex;
        align-items: center; }
        #head .content .top-bar .toplinks ul {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: flex-end; }
          #head .content .top-bar .toplinks ul li {
            display: flex;
            padding: 0;
            /*border-right: 1px solid $orange-dark;*/ }
            #head .content .top-bar .toplinks ul li a {
              display: flex;
              color: #85642a;
              font-size: 11px;
              padding: 0 5px; }
            #head .content .top-bar .toplinks ul li:nth-last-child(1) {
              border: 0; }
              #head .content .top-bar .toplinks ul li:nth-last-child(1) a {
                padding-right: 0; }
        #head .content .top-bar .toplinks a.btn {
          display: inline-block;
          margin-left: 20px;
          padding: 8px 12px;
          background: #262626;
          color: #FFF;
          text-decoration: none;
          font-family: "barmeno";
          font-size: 13px;
          white-space: nowrap; }
    #head .content .center-block {
      display: flex;
      align-items: center;
      width: 100%;
      padding: 24px 0 12px; }
      @media screen and (max-width: 1000px) {
        #head .content .center-block {
          width: auto;
          padding: 0 0 0 12px; } }
      #head .content .center-block .logo {
        display: flex;
        height: 50px;
        align-items: center;
        width: 33%; }
        @media screen and (max-width: 1000px) {
          #head .content .center-block .logo {
            width: auto; } }
        #head .content .center-block .logo a {
          display: flex;
          height: 100%;
          align-items: center; }
          #head .content .center-block .logo a img {
            display: flex;
            max-height: 100%; }
            #head .content .center-block .logo a img.mobile {
              display: none; }
            @media screen and (max-width: 1000px) {
              #head .content .center-block .logo a img.tablet {
                display: none; }
              #head .content .center-block .logo a img.mobile {
                display: flex;
                margin-top: 4px; } }
      #head .content .center-block .search {
        display: flex;
        width: 34%;
        justify-content: center; }
        @media screen and (max-width: 1000px) {
          #head .content .center-block .search {
            display: none; } }
        #head .content .center-block .search form {
          display: flex;
          flex-direction: space-between;
          width: 100%;
          background: #FFF; }
          #head .content .center-block .search form input {
            display: flex;
            order: 2;
            flex-grow: 1;
            border: 0;
            padding: 12px 12px 12px 0;
            border: 0;
            background: none; }
          #head .content .center-block .search form span {
            display: flex;
            order: 1;
            align-items: center;
            justify-content: center;
            width: 40px;
            color: #262626;
            font-size: 20px;
            cursor: pointer; }
      #head .content .center-block .right {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 33%; }
        @media screen and (max-width: 1000px) {
          #head .content .center-block .right {
            display: none; } }
        #head .content .center-block .right .icons {
          display: flex;
          align-items: center; }
          #head .content .center-block .right .icons .cart,
          #head .content .center-block .right .icons .prov,
          #head .content .center-block .right .icons .search-icon {
            display: flex;
            margin-left: 24px; }
            #head .content .center-block .right .icons .cart a,
            #head .content .center-block .right .icons .prov a,
            #head .content .center-block .right .icons .search-icon a {
              display: flex;
              position: relative;
              color: #262626;
              text-decoration: none; }
              #head .content .center-block .right .icons .cart a span.icon,
              #head .content .center-block .right .icons .prov a span.icon,
              #head .content .center-block .right .icons .search-icon a span.icon {
                font-size: 32px; }
              #head .content .center-block .right .icons .cart a span.amount,
              #head .content .center-block .right .icons .prov a span.amount,
              #head .content .center-block .right .icons .search-icon a span.amount {
                position: absolute;
                display: flex;
                align-items: center;
                justify-content: center;
                top: -5px;
                right: -4px;
                width: 16px;
                height: 16px;
                background: #f19211;
                color: #FFF;
                font-size: 9px;
                border-radius: 10px; }
            #head .content .center-block .right .icons .cart.search-icon a span.icon,
            #head .content .center-block .right .icons .prov.search-icon a span.icon,
            #head .content .center-block .right .icons .search-icon.search-icon a span.icon {
              font-size: 28px; }
            #head .content .center-block .right .icons .cart.prov,
            #head .content .center-block .right .icons .prov.prov,
            #head .content .center-block .right .icons .search-icon.prov {
              display: none; }
              #head .content .center-block .right .icons .cart.prov.show,
              #head .content .center-block .right .icons .prov.prov.show,
              #head .content .center-block .right .icons .search-icon.prov.show {
                display: flex; }
              #head .content .center-block .right .icons .cart.prov a span.icon,
              #head .content .center-block .right .icons .prov.prov a span.icon,
              #head .content .center-block .right .icons .search-icon.prov a span.icon {
                font-size: 42px; }
              #head .content .center-block .right .icons .cart.prov a span.amount,
              #head .content .center-block .right .icons .prov.prov a span.amount,
              #head .content .center-block .right .icons .search-icon.prov a span.amount {
                top: 0; }
    #head .content div#show-mobile-menu {
      display: none;
      order: 4; }
      @media screen and (max-width: 1000px) {
        #head .content div#show-mobile-menu {
          display: flex;
          align-items: center; } }
      #head .content div#show-mobile-menu a {
        display: flex;
        color: #000;
        font-size: 24px;
        padding: 0px 10px;
        text-decoration: none;
        align-items: center;
        border-left: 1px solid #f8d11e; }
        #head .content div#show-mobile-menu a.btn-book {
          border: 0;
          padding-left: 0;
          font-size: 20px; }
        #head .content div#show-mobile-menu a.btn-book-text {
          border: 0;
          padding: 6px 8px;
          font-size: 11px;
          background: #262626;
          margin-right: 10px;
          color: #FFF;
          border-radius: 3px; }
          @media screen and (max-width: 600px) {
            #head .content div#show-mobile-menu a.btn-book-text {
              display: none; } }
        #head .content div#show-mobile-menu a.search {
          border: 0;
          font-size: 20px; }
        #head .content div#show-mobile-menu a.checkout, #head .content div#show-mobile-menu a.prov {
          display: none; }
          @media screen and (max-width: 1000px) {
            #head .content div#show-mobile-menu a.checkout, #head .content div#show-mobile-menu a.prov {
              display: flex;
              position: relative; } }
          #head .content div#show-mobile-menu a.checkout span.icon-shopping-cart, #head .content div#show-mobile-menu a.checkout span.icon-grid, #head .content div#show-mobile-menu a.prov span.icon-shopping-cart, #head .content div#show-mobile-menu a.prov span.icon-grid {
            font-size: 22px; }
            @media screen and (max-width: 1000px) {
              #head .content div#show-mobile-menu a.checkout span.icon-shopping-cart, #head .content div#show-mobile-menu a.checkout span.icon-grid, #head .content div#show-mobile-menu a.prov span.icon-shopping-cart, #head .content div#show-mobile-menu a.prov span.icon-grid {
                font-size: 22px; } }
          #head .content div#show-mobile-menu a.checkout span.icon-grid, #head .content div#show-mobile-menu a.prov span.icon-grid {
            font-size: 24px; }
          #head .content div#show-mobile-menu a.checkout span.amount, #head .content div#show-mobile-menu a.prov span.amount {
            position: absolute;
            top: -5px;
            right: 5px;
            width: 15px;
            line-height: 15px;
            text-align: center;
            background: #f19211;
            color: #FFF;
            font-size: 9px;
            padding: 0 3px;
            border-radius: 10px; }
        #head .content div#show-mobile-menu a#show-mobile-menu-link {
          font-size: 32px;
          border: 0;
          padding: 0;
          background: rgba(0, 0, 0, 0.1);
          color: #000;
          margin: 0 10px 0 10px; }
  #head div#area-menu {
    margin-top: 20px;
    width: 100%; }
    @media screen and (max-width: 1000px) {
      #head div#area-menu {
        display: none; } }
    #head div#area-menu ul {
      display: flex; }
      #head div#area-menu ul li {
        display: flex; }
        #head div#area-menu ul li a {
          display: flex;
          padding: 0 20px;
          line-height: 44px;
          font-size: 18px;
          background: #85642a;
          color: #f19211;
          font-family: "barmeno";
          text-decoration: none; }
        #head div#area-menu ul li.active a, #head div#area-menu ul li.selected a {
          background: #262626;
          color: #FFF; }

.search-mobile {
  display: none; }
  @media screen and (max-width: 1000px) {
    .search-mobile.open {
      display: flex;
      width: 100%; }
      .search-mobile.open .search {
        display: flex;
        width: 100%;
        background: #262626;
        padding: 24px;
        justify-content: center; }
        .search-mobile.open .search form {
          display: flex;
          flex-direction: space-between;
          width: 100%;
          max-width: 600px; }
          .search-mobile.open .search form input {
            display: flex;
            flex-grow: 1;
            border: 0;
            padding: 12px;
            border: 0;
            /*1px solid $grey-border;*/ }
          .search-mobile.open .search form span {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            margin-left: 12px;
            background: #f19211;
            color: #FFF;
            font-size: 20px; } }

.mobile-book {
  display: none; }
  @media screen and (max-width: 1000px) {
    .mobile-book {
      display: flex; }
      .mobile-book a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        background: #f0f0f0;
        padding: 10px;
        font-size: 11px;
        color: #000;
        text-decoration: none; }
        .mobile-book a h5 {
          margin: 0 0 2px;
          font-size: 12px; }
        .mobile-book a span {
          background: #f19211;
          color: #FFF;
          padding: 6px 8px;
          border-radius: 3px;
          font-size: 12px;
          font-weight: bold; } }

/* MENU */
#menu {
  width: 100%;
  background: #262626;
  min-height: 44px; }
  @media screen and (max-width: 1000px) {
    #menu {
      display: none; } }
  #menu .content ul li {
    float: left;
    border-right: 1px solid #3c3c3c; }
    #menu .content ul li a {
      float: left;
      padding: 0 20px;
      line-height: 44px;
      font-size: 18px;
      color: #a4a4a4;
      text-decoration: none;
      font-family: "barmeno";
      transition: ease .2s; }
      #menu .content ul li a:hover {
        color: #FFF; }
    #menu .content ul li.active a, #menu .content ul li.selected a {
      background: #262626;
      color: #FFF; }

/* CONTENT */
#content {
  width: 100%;
  background: white;
  padding: 25px 0; }
  @media screen and (max-width: 1000px) {
    #content {
      padding: 24px 0; } }
  @media screen and (max-width: 600px) {
    #content {
      padding: 12px 0; } }
  #content .content {
    display: flex;
    flex-wrap: wrap; }
    #content .content #breadcrumb {
      flex-basis: 100%;
      margin-bottom: 12px; }
      @media screen and (max-width: 1000px) {
        #content .content #breadcrumb {
          padding-left: 20px;
          margin-bottom: 0px; } }
      @media screen and (max-width: 600px) {
        #content .content #breadcrumb {
          padding-left: 0px;
          margin-bottom: 0px; } }
      #content .content #breadcrumb ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
        @media screen and (max-width: 600px) {
          #content .content #breadcrumb ul {
            justify-content: center;
            margin-bottom: 12px; } }
        #content .content #breadcrumb ul li {
          margin-right: 8px; }
          #content .content #breadcrumb ul li:nth-last-child(1) {
            margin-right: 0; }
          #content .content #breadcrumb ul li.slash {
            font-size: 11px; }
          #content .content #breadcrumb ul li a {
            font-size: 14px;
            text-decoration: none;
            color: #676767;
            font-family: "barmeno"; }
            @media screen and (max-width: 600px) {
              #content .content #breadcrumb ul li a {
                font-size: 12px; } }
    #content .content #submenu {
      flex-basis: 19%;
      display: none; }
      @media screen and (max-width: 1000px) {
        #content .content #submenu {
          display: none; } }
      #content .content #submenu .menu ul {
        background: #f0f0f0;
        padding: 10px;
        display: flex;
        flex-direction: column; }
        #content .content #submenu .menu ul li {
          margin: 8px 0; }
          #content .content #submenu .menu ul li a {
            color: #000;
            font-weight: bold;
            text-decoration: none;
            padding-left: 16px;
            font-size: 12px; }
          #content .content #submenu .menu ul li.selected a, #content .content #submenu .menu ul li.active a {
            color: #f19211; }
          #content .content #submenu .menu ul li.children a {
            background: url(../images/submenu_plus.png) left center no-repeat; }
          #content .content #submenu .menu ul li.children.selected a, #content .content #submenu .menu ul li.children.active a {
            background-image: url(../images/submenu_minus.png); }
          #content .content #submenu .menu ul li.children.selected ul li a, #content .content #submenu .menu ul li.children.active ul li a {
            background: none; }
          #content .content #submenu .menu ul li.children ul {
            padding: 10px 0 10px 6px; }
            #content .content #submenu .menu ul li.children ul li {
              margin: 0;
              border-left: 1px dotted #5c5c5c; }
              #content .content #submenu .menu ul li.children ul li.last {
                border: 0; }
                #content .content #submenu .menu ul li.children ul li.last div:before {
                  border-width: 0 0 1px 1px; }
              #content .content #submenu .menu ul li.children ul li div {
                display: flex; }
                #content .content #submenu .menu ul li.children ul li div:before {
                  content: "";
                  width: 8px;
                  height: 11px;
                  display: flex;
                  border: 1px dotted #5c5c5c;
                  border-width: 0 0 1px 0; }
              #content .content #submenu .menu ul li.children ul li a {
                display: flex;
                background: none;
                font-weight: normal;
                padding: 4px 0 4px 4px;
                color: #5c5c5c; }
              #content .content #submenu .menu ul li.children ul li.selected a, #content .content #submenu .menu ul li.children ul li.active a {
                color: #f19211;
                background: none; }
              #content .content #submenu .menu ul li.children ul li.children ul {
                padding: 5px 0 10px 20px; }
                #content .content #submenu .menu ul li.children ul li.children ul li a {
                  color: #5c5c5c; }
                #content .content #submenu .menu ul li.children ul li.children ul li.selected a, #content .content #submenu .menu ul li.children ul li.children ul li.active a {
                  color: #f19211; }
                #content .content #submenu .menu ul li.children ul li.children ul li div:before {
                  border-width: 0 0 1px 0; }
                #content .content #submenu .menu ul li.children ul li.children ul li.last {
                  border: 0; }
                  #content .content #submenu .menu ul li.children ul li.children ul li.last div:before {
                    border-width: 0 0 1px 1px; }
      #content .content #submenu ul.media-images {
        display: flex;
        flex-direction: column;
        margin-top: 20px; }
        #content .content #submenu ul.media-images li {
          width: 100%;
          height: 160px;
          background-size: cover;
          margin-bottom: 10px;
          display: flex;
          align-items: flex-end;
          flex-direction: colum; }
          #content .content #submenu ul.media-images li a {
            text-decoration: none;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: flex-end;
            flex-direction: colum; }
          #content .content #submenu ul.media-images li .desc {
            background: #000;
            width: 100%;
            padding: 5px 10px;
            margin-bottom: 5px;
            color: #FFF;
            font-size: 11px; }
            #content .content #submenu ul.media-images li .desc h5 {
              margin: 0;
              color: #f19211;
              font-size: 13px;
              font-family: "barmeno"; }
    #content .content #main {
      flex-basis: 100%; }
      @media screen and (max-width: 1000px) {
        #content .content #main {
          flex-basis: 100%;
          padding: 20px; } }
      @media screen and (max-width: 600px) {
        #content .content #main {
          padding: 0px 12px;
          width: 100%; } }
      #content .content #main h1 {
        font-size: 22px;
        font-weight: bold;
        color: #000;
        margin: 24px 0 20px; }
      #content .content #main .flash {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px; }
        #content .content #main .flash span {
          background: #CC0000;
          color: #FFF;
          font-weight: bold;
          padding: 10px; }
          #content .content #main .flash span.ok {
            background: #24a72a; }

/* FOOT */
#brands {
  width: 100%;
  padding: 30px 0 15px;
  background: #FFF; }
  #brands .content {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1000px) {
      #brands .content {
        flex-direction: column;
        align-items: center; } }
    #brands .content ul.brands {
      display: flex;
      justify-content: center; }
      @media screen and (max-width: 1000px) {
        #brands .content ul.brands {
          width: 100%; } }
      @media screen and (max-width: 600px) {
        #brands .content ul.brands {
          flex-wrap: wrap; } }
      #brands .content ul.brands li {
        padding-right: 20px;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 600px) {
          #brands .content ul.brands li {
            padding: 5px 5px; } }
    #brands .content .payment {
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media screen and (max-width: 1000px) {
        #brands .content .payment {
          flex-direction: row;
          padding-top: 15px; } }
      @media screen and (max-width: 600px) {
        #brands .content .payment {
          flex-direction: column; } }
      #brands .content .payment ul {
        display: flex;
        align-items: center; }
        #brands .content .payment ul li {
          padding: 0 5px; }

/* FOOT */
#foot {
  width: 100%; }
  #foot .content {
    padding: 32px 0 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    		/*ul.menu {
    			display: flex; flex-wrap: wrap;
    			li {
    				display: flex; flex-direction: column; padding-right: 40px;
    
    				@media screen and (max-width: $tablet-width) {
    					width: 33.3%; padding-right: 0; margin-bottom: 24px;
    				}
    			
    				h4 {
    					color: $orange; margin: 0; font-size: 12px;
    
    					a { text-decoration: none; }
    			
    				}
    
    				ul {
    					display: flex; flex-direction: column;
    					li {
    						padding-right: 0px; margin-bottom: 0; width: 100%;
    
    						@media screen and (max-width: $tablet-width) {
    							padding: 2px 0;
    						}
    
    						a {
    							color: $grey-light; line-height: 16px; font-size: 11px;
    						}
    					}
    				}
    			}
    		}*/ }
    @media screen and (max-width: 1000px) {
      #foot .content {
        padding: 24px 12px; } }
    #foot .content .trygg-ehandel {
      margin-top: 48px; }
      @media screen and (max-width: 600px) {
        #foot .content .trygg-ehandel {
          display: none; } }
    #foot .content h3 {
      color: #FFF;
      font-size: 13px;
      margin: 0 0 5px; }
      #foot .content h3 a {
        color: #FFF;
        text-decoration: none; }
      @media screen and (max-width: 600px) {
        #foot .content h3 {
          font-size: 15px; } }
    #foot .content .info {
      display: flex;
      color: #a4a4a4;
      line-height: 18px;
      flex-wrap: wrap;
      width: 40%;
      padding: 0;
      border: 0; }
      @media screen and (max-width: 1000px) {
        #foot .content .info {
          width: 100%;
          flex-direction: column;
          margin-top: 20px;
          padding-left: 0; } }
      #foot .content .info .desc {
        margin-bottom: 24px; }
      #foot .content .info .contact {
        width: 50%; }
    #foot .content .menys {
      display: flex;
      justify-content: space-between;
      width: 40%; }
      @media screen and (max-width: 1000px) {
        #foot .content .menys {
          width: 100%;
          margin-top: 24px; }
          #foot .content .menys .foot-menu {
            width: 33.3%; }
          #foot .content .menys .sociala-medier {
            width: 33.3%;
            margin-top: 0; } }
    #foot .content .contact {
      width: 50%; }
      #foot .content .contact a.phone {
        text-decoration: none;
        color: #a4a4a4; }
    #foot .content .sociala-medier {
      display: flex;
      color: #a4a4a4;
      line-height: 18px;
      flex-direction: column;
      width: 20%; }
      @media screen and (max-width: 600px) {
        #foot .content .sociala-medier {
          width: 100%;
          flex-direction: column;
          margin-top: 20px;
          padding-left: 0; } }
      #foot .content .sociala-medier h3 {
        color: #FFF;
        font-size: 13px;
        margin: 0 0 5px; }
        @media screen and (max-width: 600px) {
          #foot .content .sociala-medier h3 {
            font-size: 15px; } }
      #foot .content .sociala-medier ul li {
        margin-bottom: 8px; }
        #foot .content .sociala-medier ul li a {
          display: flex;
          align-items: center;
          color: #a4a4a4;
          text-decoration: none; }
          #foot .content .sociala-medier ul li a span {
            color: #f19211;
            margin-right: 8px;
            font-size: 16px; }
    #foot .content div.payment {
      width: 50%; }
      @media screen and (max-width: 1000px) {
        #foot .content div.payment {
          width: 100%;
          display: flex;
          justify-content: center;
          order: 4;
          margin-top: 24px; } }
      #foot .content div.payment img {
        width: 100%; }
        @media screen and (max-width: 1000px) {
          #foot .content div.payment img {
            max-width: 300px; } }
    #foot .content div.foot-menu {
      display: flex;
      flex-direction: column;
      width: 25%; }
      #foot .content div.foot-menu ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column; }
        #foot .content div.foot-menu ul li {
          margin: 0 24px 4px 0; }
          #foot .content div.foot-menu ul li a {
            text-decoration: none; }

/* Std. sida */
#content #main div.page {
  display: flex;
  flex-direction: column; }
  #content #main div.page.campaign-icon {
    margin-top: 32px; }
  #content #main div.page.image {
    height: 300px;
    background-position: center center;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: center;
    margin-bottom: 48px; }
    #content #main div.page.image div.campaign {
      position: absolute;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      left: 40px;
      top: 24px;
      z-index: 5;
      background-position: center center;
      background-size: cover;
      width: 160px;
      height: 160px;
      transform: rotate(-10deg); }
      @media screen and (max-width: 1000px) {
        #content #main div.page.image div.campaign {
          left: 18px;
          top: 12px;
          width: 92px;
          height: 92px; } }
      #content #main div.page.image div.campaign .big {
        color: #FFF;
        font-size: 48px;
        line-height: 48px;
        font-family: "barmeno"; }
        @media screen and (max-width: 1000px) {
          #content #main div.page.image div.campaign .big {
            font-size: 32px;
            line-height: 32px; } }
      #content #main div.page.image div.campaign .small {
        color: #FFF;
        max-width: 70%;
        font-size: 14px;
        text-align: center;
        font-style: italic; }
        @media screen and (max-width: 1000px) {
          #content #main div.page.image div.campaign .small {
            display: none; } }
    #content #main div.page.image div.image-shadow {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      align-items: center;
      justify-content: center; }
      #content #main div.page.image div.image-shadow h1 {
        color: #FFF;
        font-family: "barmeno";
        font-size: 32px;
        margin-bottom: 12px; }
        @media screen and (max-width: 600px) {
          #content #main div.page.image div.image-shadow h1 {
            font-size: 24px; } }
      #content #main div.page.image div.image-shadow .ingress {
        font-weight: normal;
        font-size: 14px;
        color: #FFF;
        font-weight: normal;
        width: 100%;
        max-width: 650px;
        text-align: center;
        padding: 0 32px;
        margin-bottom: 0; }
  #content #main div.page .ingress {
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 18px; }
  #content #main div.page .text {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 600px) {
      #content #main div.page .text {
        padding: 0 12px; } }
    #content #main div.page .text p {
      margin: 0 0 16px;
      line-height: 1.4; }
    #content #main div.page .text h2 {
      color: #000;
      font-size: 18px;
      margin: 16px 0 8px 0; }
    #content #main div.page .text span.icon-file-pdf {
      color: #81291c;
      font-size: 14px; }

/* Konfigurationer */
body.tpl-campaigns .boxes {
  margin: 30px 0 60px; }
  body.tpl-campaigns .boxes ul {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    body.tpl-campaigns .boxes ul li {
      display: flex;
      width: 25%;
      height: 200px;
      padding: 0 20px 20px 0;
      position: relative; }
      @media screen and (max-width: 600px) {
        body.tpl-campaigns .boxes ul li {
          width: 50%;
          height: 160px; } }
      body.tpl-campaigns .boxes ul li a {
        display: flex;
        width: 100%;
        height: 100%;
        text-decoration: none;
        background-position: center center;
        background-size: cover;
        width: 100%;
        height: 100%; }
        body.tpl-campaigns .boxes ul li a .hover {
          display: flex;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.4);
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          body.tpl-campaigns .boxes ul li a .hover h3 {
            color: #FFF;
            font-size: 22px;
            padding: 0 10px;
            font-weight: bold;
            margin: 0 0 10px;
            text-align: center; }
            @media screen and (max-width: 600px) {
              body.tpl-campaigns .boxes ul li a .hover h3 {
                font-size: 16px; } }
          body.tpl-campaigns .boxes ul li a .hover span {
            color: #FFF; }
      body.tpl-campaigns .boxes ul li.no-image a {
        border: 1px solid #3c3c3c; }
        body.tpl-campaigns .boxes ul li.no-image a .hover {
          background: #FFF; }
          body.tpl-campaigns .boxes ul li.no-image a .hover h3, body.tpl-campaigns .boxes ul li.no-image a .hover span {
            color: #f19211; }

div.sub-pages {
  margin-bottom: 48px;
  display: flex;
  position: relative;
  overflow: auto; }
  div.sub-pages ul {
    display: flex;
    justify-content: center;
    padding: 0 16px;
    flex-wrap: wrap;
    width: 100%; }
    @media screen and (max-width: 1000px) {
      div.sub-pages ul {
        padding: 0 12px; } }
    div.sub-pages ul li {
      display: flex;
      margin: 16px; }
      @media screen and (max-width: 1000px) {
        div.sub-pages ul li {
          width: 33.3%;
          margin: 16px 0; } }
      div.sub-pages ul li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        width: 120px; }
        @media screen and (max-width: 1000px) {
          div.sub-pages ul li a {
            width: 100%; } }
        div.sub-pages ul li a .image {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 120px;
          height: 120px;
          border: 1px solid #a4a4a4;
          border-radius: 120px;
          transition: ease .5s;
          overflow: hidden;
          /*&:hover {
          	padding: 8px;
          }*/ }
          @media screen and (max-width: 1000px) {
            div.sub-pages ul li a .image {
              width: 72px;
              height: 72px; } }
          div.sub-pages ul li a .image img {
            width: 100%; }
        div.sub-pages ul li a span {
          color: #000;
          margin-top: 12px;
          text-align: center; }
          @media screen and (max-width: 1000px) {
            div.sub-pages ul li a span {
              font-size: 12px; } }

body.tpl-campaigns .configs,
body.tpl-configs .configs {
  display: flex; }
  @media screen and (max-width: 1000px) {
    body.tpl-campaigns .configs,
    body.tpl-configs .configs {
      padding: 0 24px; } }
  @media screen and (max-width: 600px) {
    body.tpl-campaigns .configs,
    body.tpl-configs .configs {
      padding: 0 12px; } }
  body.tpl-campaigns .configs ul,
  body.tpl-configs .configs ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0; }
    body.tpl-campaigns .configs ul li,
    body.tpl-configs .configs ul li {
      display: flex;
      width: calc(33.3% - 24px);
      border: 1px solid #ddd;
      border: 0;
      margin: 0 36px 48px 0; }
      @media screen and (max-width: 600px) {
        body.tpl-campaigns .configs ul li,
        body.tpl-configs .configs ul li {
          width: calc(50% - 12px);
          margin: 0 24px 48px 0; }
          body.tpl-campaigns .configs ul li:nth-child(2n),
          body.tpl-configs .configs ul li:nth-child(2n) {
            margin-right: 0; } }
      @media screen and (min-width: 600px) {
        body.tpl-campaigns .configs ul li:nth-child(3n),
        body.tpl-configs .configs ul li:nth-child(3n) {
          margin-right: 0; } }
      body.tpl-campaigns .configs ul li.row,
      body.tpl-configs .configs ul li.row {
        display: flex; }
      body.tpl-campaigns .configs ul li a,
      body.tpl-configs .configs ul li a {
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: space-between;
        text-decoration: none; }
        body.tpl-campaigns .configs ul li a .top,
        body.tpl-configs .configs ul li a .top {
          display: flex;
          flex-direction: column; }
          body.tpl-campaigns .configs ul li a .top .img,
          body.tpl-configs .configs ul li a .top .img {
            display: flex;
            width: 100%;
            height: 200px;
            margin-bottom: 12px;
            align-items: center;
            justify-content: center;
            overflow: hidden; }
            body.tpl-campaigns .configs ul li a .top .img img,
            body.tpl-configs .configs ul li a .top .img img {
              width: 100%; }
            body.tpl-campaigns .configs ul li a .top .img.config-type-2 img, body.tpl-campaigns .configs ul li a .top .img.config-type-1 img, body.tpl-campaigns .configs ul li a .top .img.config-type-3 img, body.tpl-campaigns .configs ul li a .top .img.config-type-5 img, body.tpl-campaigns .configs ul li a .top .img.config-202 img, body.tpl-campaigns .configs ul li a .top .img.config-1875 img,
            body.tpl-configs .configs ul li a .top .img.config-type-2 img,
            body.tpl-configs .configs ul li a .top .img.config-type-1 img,
            body.tpl-configs .configs ul li a .top .img.config-type-3 img,
            body.tpl-configs .configs ul li a .top .img.config-type-5 img,
            body.tpl-configs .configs ul li a .top .img.config-202 img,
            body.tpl-configs .configs ul li a .top .img.config-1875 img {
              width: auto;
              max-height: 100%;
              max-width: 100%; }
          body.tpl-campaigns .configs ul li a .top .info,
          body.tpl-configs .configs ul li a .top .info {
            display: flex;
            justify-content: space-between;
            width: 100%;
            color: #676767; }
            body.tpl-campaigns .configs ul li a .top .info .article,
            body.tpl-configs .configs ul li a .top .info .article {
              padding: 0;
              display: flex;
              flex-direction: column;
              align-items: flex-start; }
              body.tpl-campaigns .configs ul li a .top .info .article h3,
              body.tpl-configs .configs ul li a .top .info .article h3 {
                color: black;
                margin: 5px 0 10px;
                font-size: 15px; }
                @media screen and (max-width: 600px) {
                  body.tpl-campaigns .configs ul li a .top .info .article h3,
                  body.tpl-configs .configs ul li a .top .info .article h3 {
                    font-size: 16px; } }
              body.tpl-campaigns .configs ul li a .top .info .article .discount,
              body.tpl-configs .configs ul li a .top .info .article .discount {
                margin: 10px 0 15px; }
                body.tpl-campaigns .configs ul li a .top .info .article .discount img,
                body.tpl-configs .configs ul li a .top .info .article .discount img {
                  height: 22px;
                  margin-right: 5px; }
                body.tpl-campaigns .configs ul li a .top .info .article .discount h4,
                body.tpl-configs .configs ul li a .top .info .article .discount h4 {
                  font-size: 14px; }
                  @media screen and (max-width: 600px) {
                    body.tpl-campaigns .configs ul li a .top .info .article .discount h4,
                    body.tpl-configs .configs ul li a .top .info .article .discount h4 {
                      font-size: 15px; } }
              body.tpl-campaigns .configs ul li a .top .info .article .desc,
              body.tpl-configs .configs ul li a .top .info .article .desc {
                margin-bottom: 20px; }
              @media screen and (max-width: 600px) {
                body.tpl-campaigns .configs ul li a .top .info .article a,
                body.tpl-configs .configs ul li a .top .info .article a {
                  display: none; } }
            @media screen and (max-width: 600px) {
              body.tpl-campaigns .configs ul li a .top .info .files,
              body.tpl-configs .configs ul li a .top .info .files {
                padding-left: 20px;
                padding-top: 20px; } }
            body.tpl-campaigns .configs ul li a .top .info .files h5,
            body.tpl-configs .configs ul li a .top .info .files h5 {
              margin: 0 0 10px;
              font-size: 12px; }
              @media screen and (max-width: 600px) {
                body.tpl-campaigns .configs ul li a .top .info .files h5,
                body.tpl-configs .configs ul li a .top .info .files h5 {
                  font-size: 14px; } }
            body.tpl-campaigns .configs ul li a .top .info .files ul,
            body.tpl-configs .configs ul li a .top .info .files ul {
              list-style: circle;
              padding-left: 15px; }
              body.tpl-campaigns .configs ul li a .top .info .files ul li,
              body.tpl-configs .configs ul li a .top .info .files ul li {
                border: 0;
                padding: 5px 0; }
        body.tpl-campaigns .configs ul li a .foot,
        body.tpl-configs .configs ul li a .foot {
          display: flex;
          flex-direction: column;
          align-items: flex-start; }
          body.tpl-campaigns .configs ul li a .foot span,
          body.tpl-configs .configs ul li a .foot span {
            padding: 10px 12px;
            border: 0;
            border-radius: 0px;
            background: #f19211;
            color: #FFF;
            font-weight: bold;
            text-decoration: none;
            display: inline-block; }

body.tpl-campaigns .discount,
body.tpl-configs .discount,
body.tpl-config .discount {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin: 0 0 20px;
  background: #f0f0f0;
  padding: 10px; }
  body.tpl-campaigns .discount img,
  body.tpl-configs .discount img,
  body.tpl-config .discount img {
    margin-right: 10px; }
  body.tpl-campaigns .discount h4,
  body.tpl-configs .discount h4,
  body.tpl-config .discount h4 {
    color: #d40000;
    font-size: 18px;
    font-family: "barmeno";
    font-weight: bold;
    margin: 0; }
    body.tpl-campaigns .discount h4 span,
    body.tpl-configs .discount h4 span,
    body.tpl-config .discount h4 span {
      color: #000;
      font-family: "barmeno";
      font-weight: normal; }
  body.tpl-campaigns .discount .expired_date,
  body.tpl-configs .discount .expired_date,
  body.tpl-config .discount .expired_date {
    margin-top: 2px;
    font-size: 11px; }

body.tpl-config .discount {
  flex-direction: row;
  align-items: center; }

/* Konfigurator */
body.tpl-config {
  /* Special for gardinlangd */ }
  body.tpl-config #foot {
    padding-bottom: 100px; }
  body.tpl-config #main {
    position: relative; }
  body.tpl-config .info {
    display: flex;
    border: 1px dotted #9e9e9e;
    padding: 20px 10px;
    justify-content: flex-start;
    border-width: 1px 0; }
    @media screen and (max-width: 600px) {
      body.tpl-config .info {
        align-items: center; } }
    body.tpl-config .info .img {
      width: 250px;
      order: 1; }
      @media screen and (max-width: 600px) {
        body.tpl-config .info .img {
          width: 30%; } }
      body.tpl-config .info .img img {
        width: 100%; }
    body.tpl-config .info .article {
      padding: 10px 0 0 20px;
      width: 400px;
      order: 2; }
      @media screen and (max-width: 600px) {
        body.tpl-config .info .article {
          font-size: 12px;
          padding-top: 0;
          width: 70%; } }
  body.tpl-config .help-info {
    float: left;
    width: 100%;
    padding: 10px;
    border-bottom: 1px dotted #9e9e9e; }
    body.tpl-config .help-info .icon-help {
      background: #f19211;
      color: #FFF;
      padding: 3px;
      font-size: 10px;
      border-radius: 20px; }
    @media screen and (max-width: 600px) {
      body.tpl-config .help-info {
        padding: 10px 0; } }
  body.tpl-config.tpl-config-1405 .soladmin-config .fabric-engine .list a .image {
    height: 160px; }
  body.tpl-config .soladmin-config {
    float: left;
    width: 100%; }
    body.tpl-config .soladmin-config .values,
    body.tpl-config .soladmin-config .row-help {
      float: left;
      width: 100%;
      padding: 10px;
      border-bottom: 1px dotted #9e9e9e; }
      @media screen and (max-width: 600px) {
        body.tpl-config .soladmin-config .values,
        body.tpl-config .soladmin-config .row-help {
          padding: 10px 0; } }
    body.tpl-config .soladmin-config .values .head {
      float: left;
      padding: 5px 0 0;
      width: 100%;
      text-decoration: none;
      font-weight: bold;
      font-size: 14px;
      color: #262626;
      margin: 0 0 5px; }
      body.tpl-config .soladmin-config .values .head .desc {
        display: inline-block; }
      body.tpl-config .soladmin-config .values .head .arrow {
        float: right;
        font-weight: normal;
        font-size: 14px; }
      body.tpl-config .soladmin-config .values .head .help {
        display: inline;
        margin-left: 5px; }
        body.tpl-config .soladmin-config .values .head .help .icon-help {
          background: #f19211;
          color: #FFF;
          padding: 3px;
          font-size: 10px;
          border-radius: 20px; }
        body.tpl-config .soladmin-config .values .head .help .info {
          display: none;
          margin-top: 10px; }
          body.tpl-config .soladmin-config .values .head .help .info .body {
            float: left;
            position: relative;
            width: 100%;
            border: 1px solid #f19211;
            background: #fffcf2; }
            body.tpl-config .soladmin-config .values .head .help .info .body .close_help {
              position: absolute;
              right: 10px;
              top: 10px;
              text-decoration: none;
              font-size: 22px; }
            body.tpl-config .soladmin-config .values .head .help .info .body .text {
              float: left;
              width: 100%;
              padding: 20px;
              font-weight: normal;
              font-size: 13px; }
              body.tpl-config .soladmin-config .values .head .help .info .body .text h4 {
                margin: 0 0 10px;
                font-size: 14px; }
          body.tpl-config .soladmin-config .values .head .help .info .help_foot {
            float: left;
            width: 100%;
            height: 20px;
            background: url(../images/bg_help_foot.png) left top no-repeat; }
    body.tpl-config .soladmin-config .values .options {
      float: left;
      width: 100%; }
      body.tpl-config .soladmin-config .values .options input {
        width: auto;
        color: #f19211;
        border: 1px solid #dddddd;
        padding: 3px 2px;
        font-size: 15px; }
        body.tpl-config .soladmin-config .values .options input.amount {
          width: 50px; }
      body.tpl-config .soladmin-config .values .options select {
        padding: 3px 2px; }
      body.tpl-config .soladmin-config .values .options .binding-image {
        display: flex;
        justify-content: space-between;
        margin-top: 16px; }
        body.tpl-config .soladmin-config .values .options .binding-image .value-image {
          order: 2;
          margin-left: 64px; }
          @media screen and (max-width: 600px) {
            body.tpl-config .soladmin-config .values .options .binding-image .value-image img {
              max-width: 100px; } }
        body.tpl-config .soladmin-config .values .options .binding-image .binding-values {
          order: 1; }
    body.tpl-config .soladmin-config .values .value {
      float: left;
      width: 100%;
      margin-bottom: 5px;
      background: none;
      border: 0; }
      body.tpl-config .soladmin-config .values .value:hover {
        background: #eaeaea; }
      body.tpl-config .soladmin-config .values .value.disabled {
        color: #bbb;
        font-style: italic; }
        body.tpl-config .soladmin-config .values .value.disabled label {
          cursor: default; }
      body.tpl-config .soladmin-config .values .value .option {
        float: left;
        width: 100%;
        padding: 0;
        background: #f7f7f7;
        border: 1px solid #CCC;
        border-radius: 3px; }
      body.tpl-config .soladmin-config .values .value .option-holder {
        float: left;
        width: 100%;
        background: #f7f7f7; }
      body.tpl-config .soladmin-config .values .value.active {
        color: #FFF; }
        body.tpl-config .soladmin-config .values .value.active .desc {
          color: #676767; }
        body.tpl-config .soladmin-config .values .value.active .option {
          background: #262626;
          border-color: #000; }
      body.tpl-config .soladmin-config .values .value input {
        display: inline;
        margin: 0; }
        body.tpl-config .soladmin-config .values .value input[type="radio"] {
          margin-top: 1px;
          margin-right: 5px; }
      body.tpl-config .soladmin-config .values .value label {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 7px 10px 7px 5px;
        cursor: pointer; }
      body.tpl-config .soladmin-config .values .value .price-add {
        margin-left: 10px; }
      body.tpl-config .soladmin-config .values .value .values {
        background: #FFF;
        border: 1px solid #f7f7f7;
        border-radius: 0 0 3px 3px;
        padding: 20px 30px; }
        @media screen and (max-width: 600px) {
          body.tpl-config .soladmin-config .values .value .values {
            padding: 10px 15px; } }
        body.tpl-config .soladmin-config .values .value .values .head {
          font-size: 13px;
          margin: 0; }
        body.tpl-config .soladmin-config .values .value .values .value {
          width: auto;
          margin-right: 10px;
          border-radius: 3px;
          color: #676767; }
          body.tpl-config .soladmin-config .values .value .values .value.active {
            background: #262626;
            border-color: #000;
            color: #FFF; }
    body.tpl-config .soladmin-config .values div.error {
      float: left;
      clear: both;
      width: 100%;
      margin-top: 10px;
      padding: 10px;
      background: #CC0000;
      color: #FFF; }
    body.tpl-config .soladmin-config .values div.price {
      float: left;
      clear: both;
      width: 100%;
      margin-top: 10px; }
      body.tpl-config .soladmin-config .values div.price input {
        width: 100px; }
    body.tpl-config .soladmin-config .values .options-no-children .value {
      width: auto;
      margin: 0 5px 5px 0;
      background: #f7f7f7;
      border: 1px solid #CCC;
      border-radius: 3px; }
      body.tpl-config .soladmin-config .values .options-no-children .value .option {
        background: none;
        border: 0; }
      body.tpl-config .soladmin-config .values .options-no-children .value.active {
        background: #262626;
        border-color: #000;
        color: #FFF; }
      body.tpl-config .soladmin-config .values .options-no-children .value.disabled:hover {
        background: #f7f7f7; }
      body.tpl-config .soladmin-config .values .options-no-children .value.value-image .option label {
        padding: 7px 5px;
        justify-content: center; }
        body.tpl-config .soladmin-config .values .options-no-children .value.value-image .option label.image {
          padding-bottom: 0; }
        body.tpl-config .soladmin-config .values .options-no-children .value.value-image .option label img {
          max-width: 120px; }
    body.tpl-config .soladmin-config .header {
      float: left;
      width: 100%;
      background: #262626;
      color: #FFF;
      padding: 10px;
      font-weight: bold; }
    body.tpl-config .soladmin-config input.fabric {
      float: left; }
    body.tpl-config .soladmin-config .no-fabric,
    body.tpl-config .soladmin-config .no-fabric_night,
    body.tpl-config .soladmin-config .no-fabric_day,
    body.tpl-config .soladmin-config .no-fabric_front {
      display: none;
      float: left;
      margin-left: 10px;
      font-weight: bold;
      color: #CC0000; }
    body.tpl-config .soladmin-config .fabric-thumb {
      float: left;
      color: #676767; }
      body.tpl-config .soladmin-config .fabric-thumb .image {
        float: left;
        width: 200px;
        padding: 5px;
        border: 1px solid #DDD; }
        body.tpl-config .soladmin-config .fabric-thumb .image img {
          float: left;
          width: 100%;
          margin-bottom: 5px; }
    body.tpl-config .soladmin-config .fabric-engine {
      float: left;
      width: 100%;
      margin: 5px 0 0; }
      body.tpl-config .soladmin-config .fabric-engine .loading {
        float: left;
        width: 100%;
        text-align: center;
        padding: 20px 0; }
      body.tpl-config .soladmin-config .fabric-engine .list {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: 300px;
        overflow: auto;
        border: 1px solid #ddd; }
        body.tpl-config .soladmin-config .fabric-engine .list a {
          padding: 10px;
          width: 20%;
          border: 1px solid #ddd;
          border-width: 0 1px 1px 0; }
          @media screen and (max-width: 600px) {
            body.tpl-config .soladmin-config .fabric-engine .list a {
              width: 50%; } }
          body.tpl-config .soladmin-config .fabric-engine .list a .image {
            float: left;
            width: 100%;
            height: 50px;
            overflow: hidden; }
            body.tpl-config .soladmin-config .fabric-engine .list a .image img {
              width: 100%; }
          body.tpl-config .soladmin-config .fabric-engine .list a span {
            float: left;
            color: #262626;
            text-decoration: none;
            font-weight: bold;
            margin-top: 2px; }
      body.tpl-config .soladmin-config .fabric-engine .filter .block .holder ul {
        padding: 10px 0; }
      body.tpl-config .soladmin-config .fabric-engine input[type=submit] {
        color: #FFF;
        border: 0;
        padding: 0 8px;
        font-size: 13px; }
      @media screen and (max-width: 600px) {
        body.tpl-config .soladmin-config .fabric-engine .header {
          display: flex;
          justify-content: space-between; }
          body.tpl-config .soladmin-config .fabric-engine .header a.show-filter {
            color: #FFF; }
            body.tpl-config .soladmin-config .fabric-engine .header a.show-filter span {
              color: #f19211; }
        body.tpl-config .soladmin-config .fabric-engine input[type=submit] {
          padding: 0;
          font-size: 15px; } }
  body.tpl-config div.fabric_day_night {
    float: left;
    width: 100%;
    margin-bottom: 10px; }
    body.tpl-config div.fabric_day_night label {
      float: left;
      width: 100%;
      font-weight: bold;
      margin-bottom: 3px; }
  body.tpl-config .config-header {
    float: left;
    width: 100%;
    background: #262626;
    color: #FFF;
    padding: 10px;
    font-weight: bold; }
  body.tpl-config .soladmin-config-price {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 20px;
    background: #fffcf2;
    border: 1px solid #fbdeb7; }
    body.tpl-config .soladmin-config-price .holder {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      body.tpl-config .soladmin-config-price .holder .content {
        justify-content: space-between;
        align-items: center;
        padding: 20px 10px; }
        body.tpl-config .soladmin-config-price .holder .content .price-holder {
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          align-items: flex-end; }
          body.tpl-config .soladmin-config-price .holder .content .price-holder h2 {
            margin: 0;
            font-size: 15px;
            color: #262626; }
            body.tpl-config .soladmin-config-price .holder .content .price-holder h2 span {
              color: #b50101;
              font-size: 20px; }
          body.tpl-config .soladmin-config-price .holder .content .price-holder .ord-price {
            display: none; }
        body.tpl-config .soladmin-config-price .holder .content .loading {
          display: none; }
      body.tpl-config .soladmin-config-price .holder .shadow {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        background: #000;
        display: flex;
        align-items: center;
        justify-content: center; }
        body.tpl-config .soladmin-config-price .holder .shadow.shadow-default {
          display: none; }
  body.tpl-config .config-data-summery {
    float: left;
    width: 100%;
    border: 1px solid #f19211;
    margin-top: 30px; }
    body.tpl-config .config-data-summery .head {
      float: left;
      width: 100%;
      background: #f19211;
      padding: 10px;
      color: #FFF;
      font-size: 13px;
      font-weight: bold; }
    body.tpl-config .config-data-summery .data {
      float: left;
      width: 100%;
      padding: 10px;
      background: #fffcf2; }
      body.tpl-config .config-data-summery .data ul.config-info {
        float: left;
        width: 70%;
        list-style: none;
        margin: 0 0 10px;
        padding: 0; }
        body.tpl-config .config-data-summery .data ul.config-info li {
          float: left;
          width: 50%;
          margin: 0 0 5px; }
          @media screen and (max-width: 600px) {
            body.tpl-config .config-data-summery .data ul.config-info li {
              width: 100%; } }
          body.tpl-config .config-data-summery .data ul.config-info li span {
            font-weight: bold;
            color: #000; }
      body.tpl-config .config-data-summery .data .price {
        float: left;
        width: 100%;
        border-top: 1px solid #fbdeb7;
        padding: 10px;
        position: relative; }
        body.tpl-config .config-data-summery .data .price .shadow {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          text-align: center;
          padding-top: 30px;
          background: #000; }
        body.tpl-config .config-data-summery .data .price .campaign {
          float: right;
          width: 50%;
          text-align: center;
          padding-top: 20px; }
          @media screen and (max-width: 600px) {
            body.tpl-config .config-data-summery .data .price .campaign {
              width: 100%; } }
        body.tpl-config .config-data-summery .data .price .buy_holder {
          float: right;
          width: 50%;
          margin-top: 40px; }
          @media screen and (max-width: 600px) {
            body.tpl-config .config-data-summery .data .price .buy_holder {
              width: 100%;
              display: flex;
              justify-content: space-between; } }
          body.tpl-config .config-data-summery .data .price .buy_holder .price_buy {
            float: right; }
            @media screen and (max-width: 600px) {
              body.tpl-config .config-data-summery .data .price .buy_holder .price_buy {
                order: 2; } }
            body.tpl-config .config-data-summery .data .price .buy_holder .price_buy input[type=button] {
              margin-left: 20px;
              cursor: pointer;
              background: #f19211;
              border: 0;
              color: #FFF;
              border-radius: 3px;
              padding: 9px 20px;
              font-size: 16px;
              font-weight: bold; }
          body.tpl-config .config-data-summery .data .price .buy_holder .price_amount {
            float: right;
            margin-right: 40px; }
            body.tpl-config .config-data-summery .data .price .buy_holder .price_amount input {
              color: #f19211;
              border: 1px solid #ddd;
              padding: 3px 2px;
              margin-top: 10px; }
            @media screen and (max-width: 600px) {
              body.tpl-config .config-data-summery .data .price .buy_holder .price_amount {
                order: 1;
                margin-right: 0; } }
      body.tpl-config .config-data-summery .data .price_info {
        float: left;
        width: 45%;
        background: #FFF;
        border: 1px solid #fbdeb7;
        border-radius: 5px;
        padding: 10px; }
        @media screen and (max-width: 600px) {
          body.tpl-config .config-data-summery .data .price_info {
            width: 100%; } }
        body.tpl-config .config-data-summery .data .price_info table {
          border-collapse: collapse;
          width: 100%; }
        body.tpl-config .config-data-summery .data .price_info th,
        body.tpl-config .config-data-summery .data .price_info td {
          border-bottom: 1px dotted #9e9e9e;
          padding: 4px 0;
          text-align: left; }
        body.tpl-config .config-data-summery .data .price_info th {
          color: #262626; }
        body.tpl-config .config-data-summery .data .price_info td {
          text-align: right; }
          body.tpl-config .config-data-summery .data .price_info td.price_head {
            text-align: left;
            font-size: 15px;
            font-weight: bold;
            color: #262626;
            border: 0; }
          body.tpl-config .config-data-summery .data .price_info td.total_price {
            color: #b50101;
            font-size: 20px;
            font-weight: bold;
            border: 0; }
      body.tpl-config .config-data-summery .data .price_svea {
        float: left;
        width: 100%;
        margin-top: 5px; }
        body.tpl-config .config-data-summery .data .price_svea .payment-list {
          display: none;
          margin-top: 20px;
          padding: 10px;
          color: #002c50;
          background: #dceef6;
          border: 1px solid #002c50; }
          body.tpl-config .config-data-summery .data .price_svea .payment-list h3 {
            margin-top: 0; }
          body.tpl-config .config-data-summery .data .price_svea .payment-list img {
            width: 80px;
            margin-bottom: 5px; }
          body.tpl-config .config-data-summery .data .price_svea .payment-list ul {
            list-style: circle;
            padding-left: 20px;
            margin: 10px 0; }

/* STARTSIDAN */
body.tpl-dshome_startpage #content #submenu,
body.tpl-startpage #content #submenu {
  display: none; }
body.tpl-dshome_startpage #content #breadcrumb,
body.tpl-startpage #content #breadcrumb {
  display: none; }
body.tpl-dshome_startpage #content #main,
body.tpl-startpage #content #main {
  flex-basis: 100%;
  padding: 0px 0; }
  body.tpl-dshome_startpage #content #main .campaign,
  body.tpl-startpage #content #main .campaign {
    float: left;
    width: 100%;
    height: 350px;
    margin: 0 0 32px;
    /*.campaign .slides .pages ul { width: 100%; margin: 0; height: 100%; }
    .campaign .slides .pages li.page { height: 117px; }
    .campaign .slides .pages li.active,
    .campaign .slides .pages li { float: left; width: 100%; height: 80px; }
    .campaign .slides .pages li.active { left: -10px; position: relative; }
    .campaign .slides .pages li a { float: left; width: 100%; height: 100%; }
    .campaign .slides .pages li a .thumbnail { width: 100%; margin: 10px 0 0 0; text-align: center; height: 100%; }
    .campaign .slides .pages li.active a .thumbnail { margin-left: 10px; }
    .campaign .slides .pages li a .thumbnail img { max-width: 100%; }*/ }
    @media screen and (max-width: 1000px) {
      body.tpl-dshome_startpage #content #main .campaign,
      body.tpl-startpage #content #main .campaign {
        height: auto; } }
    body.tpl-dshome_startpage #content #main .campaign .slideshow,
    body.tpl-startpage #content #main .campaign .slideshow {
      float: left;
      width: calc(100% - 335px);
      height: 100%;
      overflow: hidden;
      position: relative; }
      @media screen and (max-width: 1000px) {
        body.tpl-dshome_startpage #content #main .campaign .slideshow,
        body.tpl-startpage #content #main .campaign .slideshow {
          width: 100%;
          height: 350px; } }
      @media screen and (max-width: 600px) {
        body.tpl-dshome_startpage #content #main .campaign .slideshow,
        body.tpl-startpage #content #main .campaign .slideshow {
          height: 260px; } }
      body.tpl-dshome_startpage #content #main .campaign .slideshow .slide,
      body.tpl-startpage #content #main .campaign .slideshow .slide {
        float: left;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: none;
        background-size: cover;
        background-position: center center; }
        body.tpl-dshome_startpage #content #main .campaign .slideshow .slide a,
        body.tpl-startpage #content #main .campaign .slideshow .slide a {
          position: absolute;
          width: 100%;
          height: 100%; }
        body.tpl-dshome_startpage #content #main .campaign .slideshow .slide.s_1,
        body.tpl-startpage #content #main .campaign .slideshow .slide.s_1 {
          display: block; }
        body.tpl-dshome_startpage #content #main .campaign .slideshow .slide .description,
        body.tpl-startpage #content #main .campaign .slideshow .slide .description {
          position: absolute;
          width: 80%;
          bottom: 25px;
          left: 0;
          background: #000;
          display: flex; }
          @media screen and (max-width: 600px) {
            body.tpl-dshome_startpage #content #main .campaign .slideshow .slide .description,
            body.tpl-startpage #content #main .campaign .slideshow .slide .description {
              width: 90%; } }
          body.tpl-dshome_startpage #content #main .campaign .slideshow .slide .description span,
          body.tpl-startpage #content #main .campaign .slideshow .slide .description span {
            padding: 15px;
            color: #FFF;
            font-size: 12px;
            line-height: 15px; }
            @media screen and (max-width: 600px) {
              body.tpl-dshome_startpage #content #main .campaign .slideshow .slide .description span,
              body.tpl-startpage #content #main .campaign .slideshow .slide .description span {
                font-size: 13px;
                line-height: 18px; } }
            body.tpl-dshome_startpage #content #main .campaign .slideshow .slide .description span h3,
            body.tpl-startpage #content #main .campaign .slideshow .slide .description span h3 {
              color: #f19211;
              font-size: 14px;
              font-family: 'barmeno';
              margin: 0 0 3px;
              line-height: 15px; }
    body.tpl-dshome_startpage #content #main .campaign .slides,
    body.tpl-startpage #content #main .campaign .slides {
      float: right;
      width: 335px;
      height: 100%; }
      @media screen and (max-width: 1000px) {
        body.tpl-dshome_startpage #content #main .campaign .slides,
        body.tpl-startpage #content #main .campaign .slides {
          width: 100%;
          height: auto; } }
      body.tpl-dshome_startpage #content #main .campaign .slides .pages,
      body.tpl-startpage #content #main .campaign .slides .pages {
        float: left;
        width: 100%;
        height: 100%;
        position: relative; }
        body.tpl-dshome_startpage #content #main .campaign .slides .pages ul,
        body.tpl-startpage #content #main .campaign .slides .pages ul {
          position: relative;
          list-style: none;
          margin: 15px 0;
          padding: 0; }
          @media screen and (max-width: 1000px) {
            body.tpl-dshome_startpage #content #main .campaign .slides .pages ul,
            body.tpl-startpage #content #main .campaign .slides .pages ul {
              margin: 0; } }
          body.tpl-dshome_startpage #content #main .campaign .slides .pages ul li.page,
          body.tpl-startpage #content #main .campaign .slides .pages ul li.page {
            float: left;
            width: 100%;
            width: 356px;
            height: 84px;
            position: relative; }
            @media screen and (max-width: 1000px) {
              body.tpl-dshome_startpage #content #main .campaign .slides .pages ul li.page,
              body.tpl-startpage #content #main .campaign .slides .pages ul li.page {
                width: 50%; } }
            @media screen and (max-width: 600px) {
              body.tpl-dshome_startpage #content #main .campaign .slides .pages ul li.page,
              body.tpl-startpage #content #main .campaign .slides .pages ul li.page {
                width: 100%;
                height: auto;
                padding: 10px; } }
          body.tpl-dshome_startpage #content #main .campaign .slides .pages ul li.active,
          body.tpl-startpage #content #main .campaign .slides .pages ul li.active {
            background: url(../images/marker_slideshow.png) no-repeat;
            left: -10px; }
            @media screen and (max-width: 1000px) {
              body.tpl-dshome_startpage #content #main .campaign .slides .pages ul li.active,
              body.tpl-startpage #content #main .campaign .slides .pages ul li.active {
                background: #000;
                left: 0; } }
            body.tpl-dshome_startpage #content #main .campaign .slides .pages ul li.active a .thumbnail,
            body.tpl-startpage #content #main .campaign .slides .pages ul li.active a .thumbnail {
              margin-left: 30px; }
              @media screen and (max-width: 1000px) {
                body.tpl-dshome_startpage #content #main .campaign .slides .pages ul li.active a .thumbnail,
                body.tpl-startpage #content #main .campaign .slides .pages ul li.active a .thumbnail {
                  margin-left: 24px; } }
              @media screen and (max-width: 600px) {
                body.tpl-dshome_startpage #content #main .campaign .slides .pages ul li.active a .thumbnail,
                body.tpl-startpage #content #main .campaign .slides .pages ul li.active a .thumbnail {
                  margin-left: 0; } }
          body.tpl-dshome_startpage #content #main .campaign .slides .pages ul li a .thumbnail,
          body.tpl-startpage #content #main .campaign .slides .pages ul li a .thumbnail {
            float: left;
            width: 90px;
            height: 56px;
            overflow: hidden;
            margin: 10px 0 0 20px; }
            @media screen and (max-width: 600px) {
              body.tpl-dshome_startpage #content #main .campaign .slides .pages ul li a .thumbnail,
              body.tpl-startpage #content #main .campaign .slides .pages ul li a .thumbnail {
                margin: 0;
                padding-right: 10px;
                width: 30%; } }
            body.tpl-dshome_startpage #content #main .campaign .slides .pages ul li a .thumbnail img,
            body.tpl-startpage #content #main .campaign .slides .pages ul li a .thumbnail img {
              max-width: 100%; }
          body.tpl-dshome_startpage #content #main .campaign .slides .pages ul li a h3,
          body.tpl-startpage #content #main .campaign .slides .pages ul li a h3 {
            float: left;
            margin: 10px 0 0 10px;
            padding: 0;
            color: #FFF;
            width: 205px;
            font-size: 12px;
            line-height: 15px; }
            @media screen and (max-width: 600px) {
              body.tpl-dshome_startpage #content #main .campaign .slides .pages ul li a h3,
              body.tpl-startpage #content #main .campaign .slides .pages ul li a h3 {
                margin: 0;
                width: 70%;
                font-size: 14px; } }
          body.tpl-dshome_startpage #content #main .campaign .slides .pages ul li a span,
          body.tpl-startpage #content #main .campaign .slides .pages ul li a span {
            float: left;
            margin: 3px 0 0 10px;
            color: #a4a4a4;
            width: 205px; }
            @media screen and (max-width: 600px) {
              body.tpl-dshome_startpage #content #main .campaign .slides .pages ul li a span,
              body.tpl-startpage #content #main .campaign .slides .pages ul li a span {
                width: 70%;
                margin: 0;
                padding-top: 3px;
                font-size: 12px; } }
  body.tpl-dshome_startpage #content #main .campaign-image,
  body.tpl-startpage #content #main .campaign-image {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 400px;
    background-size: cover;
    background-position: center center;
    margin: 0 0 32px; }
    body.tpl-dshome_startpage #content #main .campaign-image div.campaign,
    body.tpl-startpage #content #main .campaign-image div.campaign {
      position: absolute;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      left: 40px;
      top: 24px;
      z-index: 5;
      background-position: center center;
      background-size: cover;
      width: 160px;
      height: 160px;
      transform: rotate(-10deg); }
      @media screen and (max-width: 1000px) {
        body.tpl-dshome_startpage #content #main .campaign-image div.campaign,
        body.tpl-startpage #content #main .campaign-image div.campaign {
          left: 18px;
          top: 12px;
          width: 92px;
          height: 92px; } }
      body.tpl-dshome_startpage #content #main .campaign-image div.campaign .big,
      body.tpl-startpage #content #main .campaign-image div.campaign .big {
        color: #FFF;
        font-size: 48px;
        line-height: 48px;
        font-family: "barmeno"; }
        @media screen and (max-width: 1000px) {
          body.tpl-dshome_startpage #content #main .campaign-image div.campaign .big,
          body.tpl-startpage #content #main .campaign-image div.campaign .big {
            font-size: 32px;
            line-height: 32px; } }
      body.tpl-dshome_startpage #content #main .campaign-image div.campaign .small,
      body.tpl-startpage #content #main .campaign-image div.campaign .small {
        color: #FFF;
        max-width: 70%;
        font-size: 14px;
        text-align: center;
        font-style: italic; }
        @media screen and (max-width: 1000px) {
          body.tpl-dshome_startpage #content #main .campaign-image div.campaign .small,
          body.tpl-startpage #content #main .campaign-image div.campaign .small {
            display: none; } }
    body.tpl-dshome_startpage #content #main .campaign-image a,
    body.tpl-startpage #content #main .campaign-image a {
      text-decoration: none;
      color: #FFF; }
    body.tpl-dshome_startpage #content #main .campaign-image .description,
    body.tpl-startpage #content #main .campaign-image .description {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 1000px) {
        body.tpl-dshome_startpage #content #main .campaign-image .description,
        body.tpl-startpage #content #main .campaign-image .description {
          padding: 0 12px; } }
      body.tpl-dshome_startpage #content #main .campaign-image .description h2,
      body.tpl-startpage #content #main .campaign-image .description h2 {
        font-family: Barmeno;
        font-weight: normal;
        font-size: 34px;
        margin: 0 0 8px; }
      body.tpl-dshome_startpage #content #main .campaign-image .description .ingress,
      body.tpl-startpage #content #main .campaign-image .description .ingress {
        font-size: 16px;
        text-align: center; }
      body.tpl-dshome_startpage #content #main .campaign-image .description span.btn,
      body.tpl-startpage #content #main .campaign-image .description span.btn {
        display: flex;
        padding: 10px 12px;
        border: 0;
        border-radius: 0px;
        background: #f19211;
        color: #FFF;
        font-weight: bold;
        text-decoration: none;
        margin-top: 32px; }
  body.tpl-dshome_startpage #content #main .sub-pages,
  body.tpl-startpage #content #main .sub-pages {
    display: flex;
    width: 100%; }
  body.tpl-dshome_startpage #content #main .info,
  body.tpl-startpage #content #main .info {
    display: flex;
    width: 100%; }
    @media screen and (max-width: 1100px) {
      body.tpl-dshome_startpage #content #main .info,
      body.tpl-startpage #content #main .info {
        flex-direction: column; } }
    body.tpl-dshome_startpage #content #main .info .page,
    body.tpl-startpage #content #main .info .page {
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media screen and (max-width: 1000px) {
        body.tpl-dshome_startpage #content #main .info .page,
        body.tpl-startpage #content #main .info .page {
          padding: 0 12px; } }
      body.tpl-dshome_startpage #content #main .info .page h1,
      body.tpl-startpage #content #main .info .page h1 {
        font-size: 28px;
        text-align: center; }
      body.tpl-dshome_startpage #content #main .info .page .text,
      body.tpl-startpage #content #main .info .page .text {
        text-align: center; }
        body.tpl-dshome_startpage #content #main .info .page .text p,
        body.tpl-startpage #content #main .info .page .text p {
          font-size: 16px;
          line-height: 24px; }
  body.tpl-dshome_startpage #content #main div.review,
  body.tpl-startpage #content #main div.review {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 48px 0;
    width: 100%;
    background: #FFF;
    border: 1px solid #f0f0f0;
    padding: 32px 0 48px; }
    @media only screen and (max-width: 600px) {
      body.tpl-dshome_startpage #content #main div.review,
      body.tpl-startpage #content #main div.review {
        border-width: 1px 0; } }
    body.tpl-dshome_startpage #content #main div.review .average,
    body.tpl-startpage #content #main div.review .average {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap; }
      body.tpl-dshome_startpage #content #main div.review .average span,
      body.tpl-startpage #content #main div.review .average span {
        color: #f8d11e;
        font-size: 24px;
        margin: 0 1px; }
        body.tpl-dshome_startpage #content #main div.review .average span.average,
        body.tpl-startpage #content #main div.review .average span.average {
          color: #000;
          margin-left: 24px; }
        body.tpl-dshome_startpage #content #main div.review .average span.amount,
        body.tpl-startpage #content #main div.review .average span.amount {
          width: 100%;
          color: #000;
          font-size: 14px;
          font-style: italic;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 8px; }
          body.tpl-dshome_startpage #content #main div.review .average span.amount a,
          body.tpl-startpage #content #main div.review .average span.amount a {
            text-decoration: none; }
        body.tpl-dshome_startpage #content #main div.review .average span div.google_review_info,
        body.tpl-startpage #content #main div.review .average span div.google_review_info {
          position: relative; }
          body.tpl-dshome_startpage #content #main div.review .average span div.google_review_info .icon-info,
          body.tpl-startpage #content #main div.review .average span div.google_review_info .icon-info {
            color: #676767;
            font-size: 14px;
            margin-left: 4px; }
          body.tpl-dshome_startpage #content #main div.review .average span div.google_review_info div,
          body.tpl-startpage #content #main div.review .average span div.google_review_info div {
            display: none;
            position: absolute;
            bottom: 110%;
            right: 0;
            width: 160px;
            border: 1px solid #676767;
            padding: 4px;
            background: #FFF;
            font-size: 11px;
            font-style: normal; }
          body.tpl-dshome_startpage #content #main div.review .average span div.google_review_info:hover div,
          body.tpl-startpage #content #main div.review .average span div.google_review_info:hover div {
            display: block; }
    body.tpl-dshome_startpage #content #main div.review ul,
    body.tpl-startpage #content #main div.review ul {
      display: flex;
      list-style: none;
      padding: 0;
      margin: 32px 0 0;
      flex-direction: row; }
      @media only screen and (max-width: 600px) {
        body.tpl-dshome_startpage #content #main div.review ul,
        body.tpl-startpage #content #main div.review ul {
          flex-direction: column;
          padding: 0 12px; } }
      body.tpl-dshome_startpage #content #main div.review ul li,
      body.tpl-startpage #content #main div.review ul li {
        width: 300px;
        padding: 24px;
        border: 1px solid #f0f0f0;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin: 0 12px; }
        @media only screen and (max-width: 1000px) {
          body.tpl-dshome_startpage #content #main div.review ul li,
          body.tpl-startpage #content #main div.review ul li {
            width: calc(33.3% - 24px); } }
        @media only screen and (max-width: 600px) {
          body.tpl-dshome_startpage #content #main div.review ul li,
          body.tpl-startpage #content #main div.review ul li {
            width: 100%;
            margin: 0 0 12px; } }
        body.tpl-dshome_startpage #content #main div.review ul li a,
        body.tpl-startpage #content #main div.review ul li a {
          display: flex;
          align-items: center;
          flex-direction: column;
          text-decoration: none;
          color: #676767; }
          body.tpl-dshome_startpage #content #main div.review ul li a .desc,
          body.tpl-startpage #content #main div.review ul li a .desc {
            font-style: italic;
            font-size: 15px;
            text-align: center; }
          body.tpl-dshome_startpage #content #main div.review ul li a .author,
          body.tpl-startpage #content #main div.review ul li a .author {
            display: none; }
          body.tpl-dshome_startpage #content #main div.review ul li a .grade,
          body.tpl-startpage #content #main div.review ul li a .grade {
            margin-bottom: 12px; }
          body.tpl-dshome_startpage #content #main div.review ul li a span,
          body.tpl-startpage #content #main div.review ul li a span {
            color: #f8d11e;
            margin: 0 1px;
            font-size: 18px; }
  body.tpl-dshome_startpage #content #main div.selected-pages,
  body.tpl-startpage #content #main div.selected-pages {
    margin-bottom: 48px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 48px; }
    @media only screen and (max-width: 600px) {
      body.tpl-dshome_startpage #content #main div.selected-pages,
      body.tpl-startpage #content #main div.selected-pages {
        padding-bottom: 24px; } }
    body.tpl-dshome_startpage #content #main div.selected-pages h2,
    body.tpl-startpage #content #main div.selected-pages h2 {
      color: #000;
      text-align: center;
      font-size: 24px;
      margin-bottom: 32px; }
    body.tpl-dshome_startpage #content #main div.selected-pages ul,
    body.tpl-startpage #content #main div.selected-pages ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media only screen and (max-width: 1000px) {
        body.tpl-dshome_startpage #content #main div.selected-pages ul,
        body.tpl-startpage #content #main div.selected-pages ul {
          padding: 0 12px; } }
      body.tpl-dshome_startpage #content #main div.selected-pages ul li,
      body.tpl-startpage #content #main div.selected-pages ul li {
        display: flex;
        width: calc(33.333% - 12px); }
        @media only screen and (max-width: 600px) {
          body.tpl-dshome_startpage #content #main div.selected-pages ul li,
          body.tpl-startpage #content #main div.selected-pages ul li {
            width: 100%;
            margin-bottom: 24px; } }
        body.tpl-dshome_startpage #content #main div.selected-pages ul li a,
        body.tpl-startpage #content #main div.selected-pages ul li a {
          text-decoration: none;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-between;
          color: #676767; }
        body.tpl-dshome_startpage #content #main div.selected-pages ul li .image,
        body.tpl-startpage #content #main div.selected-pages ul li .image {
          width: 100%;
          height: 250px;
          background-size: cover;
          background-position: center center; }
        body.tpl-dshome_startpage #content #main div.selected-pages ul li h4,
        body.tpl-startpage #content #main div.selected-pages ul li h4 {
          margin: 16px 0 8px;
          font-size: 17px;
          color: #000;
          text-align: center; }
        body.tpl-dshome_startpage #content #main div.selected-pages ul li .desc,
        body.tpl-startpage #content #main div.selected-pages ul li .desc {
          text-align: center; }
        body.tpl-dshome_startpage #content #main div.selected-pages ul li span.btn,
        body.tpl-startpage #content #main div.selected-pages ul li span.btn {
          padding: 10px 12px;
          border-radius: 0px;
          background: #f19211;
          color: #FFF;
          font-weight: bold;
          text-decoration: none;
          display: flex;
          margin-top: 18px; }
  body.tpl-dshome_startpage #content #main div.products h2,
  body.tpl-startpage #content #main div.products h2 {
    color: #000;
    text-align: center;
    font-size: 24px; }

/* VAVAR / LAMELLER */
body.tpl-fabrics .block {
  display: flex;
  justify-content: space-between; }
  body.tpl-fabrics .block .page {
    width: calc(100% - 200px); }
  body.tpl-fabrics .block .free_sample {
    width: 200px; }
body.tpl-fabrics .fabric-list {
  margin-top: 30px; }
  @media screen and (max-width: 600px) {
    body.tpl-fabrics .fabric-list {
      margin-top: 10px; } }
  body.tpl-fabrics .fabric-list ul {
    display: flex;
    flex-wrap: wrap; }
    body.tpl-fabrics .fabric-list ul li {
      display: flex;
      flex-basis: 25%;
      flex-direction: column;
      padding: 10px;
      justify-content: space-between;
      border: 1px solid #f0f0f0;
      border-width: 0 1px 1px 0; }
      body.tpl-fabrics .fabric-list ul li:nth-child(4n) {
        border-right: 0; }
      @media screen and (max-width: 600px) {
        body.tpl-fabrics .fabric-list ul li {
          flex-basis: 50%;
          padding: 10px 10px 10px 0; }
          body.tpl-fabrics .fabric-list ul li:nth-child(2n) {
            border-right: 0;
            padding: 10px 0px 10px 10px; } }
      body.tpl-fabrics .fabric-list ul li .image {
        height: 60px;
        overflow: hidden; }
        body.tpl-fabrics .fabric-list ul li .image img {
          max-width: 100%; }
      body.tpl-fabrics .fabric-list ul li .info {
        font-size: 11px; }
        @media screen and (max-width: 600px) {
          body.tpl-fabrics .fabric-list ul li .info {
            font-size: 13px; } }
        body.tpl-fabrics .fabric-list ul li .info a {
          text-decoration: none; }
        body.tpl-fabrics .fabric-list ul li .info h3 {
          margin: 10px 0 0px;
          color: #000;
          font-size: 11px; }
          @media screen and (max-width: 600px) {
            body.tpl-fabrics .fabric-list ul li .info h3 {
              font-size: 13px; } }
        body.tpl-fabrics .fabric-list ul li .info span {
          color: #676767; }
        body.tpl-fabrics .fabric-list ul li .info ul {
          margin-top: 20px;
          align-items: center;
          justify-content: space-between; }
          body.tpl-fabrics .fabric-list ul li .info ul li {
            padding: 0;
            border: 0; }
            body.tpl-fabrics .fabric-list ul li .info ul li a {
              border: 1px solid #4f4f4f;
              color: #4f4f4f;
              padding: 5px 10px;
              border-radius: 3px;
              white-space: nowrap; }
            body.tpl-fabrics .fabric-list ul li .info ul li.sample a {
              border: 1px solid #f19211;
              color: #f19211; }
            @media screen and (max-width: 600px) {
              body.tpl-fabrics .fabric-list ul li .info ul li {
                flex-basis: auto; }
                body.tpl-fabrics .fabric-list ul li .info ul li a {
                  font-size: 11px;
                  padding: 5px; } }

/* DS on tour */
body.tpl-contact .image-shadow .button,
body.tpl-dsontour .image-shadow .button,
body.tpl-homevisit_campaign .image-shadow .button {
  margin-top: 24px; }
body.tpl-contact .button,
body.tpl-dsontour .button,
body.tpl-homevisit_campaign .button {
  padding: 10px 20px; }
body.tpl-contact #main form,
body.tpl-dsontour #main form,
body.tpl-homevisit_campaign #main form {
  width: 400px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap; }
body.tpl-contact #main .field,
body.tpl-dsontour #main .field,
body.tpl-homevisit_campaign #main .field {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
  width: 100%;
  padding-right: 10px; }
  body.tpl-contact #main .field.zipcode,
  body.tpl-dsontour #main .field.zipcode,
  body.tpl-homevisit_campaign #main .field.zipcode {
    width: 30%; }
  body.tpl-contact #main .field.city,
  body.tpl-dsontour #main .field.city,
  body.tpl-homevisit_campaign #main .field.city {
    width: 70%; }
  body.tpl-contact #main .field label,
  body.tpl-dsontour #main .field label,
  body.tpl-homevisit_campaign #main .field label {
    font-weight: bold;
    padding-bottom: 2px; }
  body.tpl-contact #main .field .error,
  body.tpl-dsontour #main .field .error,
  body.tpl-homevisit_campaign #main .field .error {
    display: none;
    color: #81291c;
    font-weight: bold;
    padding-top: 3px; }
body.tpl-contact #main .ds-confirm,
body.tpl-dsontour #main .ds-confirm,
body.tpl-homevisit_campaign #main .ds-confirm {
  display: none; }
body.tpl-contact #main .page,
body.tpl-dsontour #main .page,
body.tpl-homevisit_campaign #main .page {
  align-items: center; }
body.tpl-contact #main .text h2,
body.tpl-dsontour #main .text h2,
body.tpl-homevisit_campaign #main .text h2 {
  text-align: center; }
body.tpl-contact #main .text ul,
body.tpl-dsontour #main .text ul,
body.tpl-homevisit_campaign #main .text ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  justify-content: center; }
  body.tpl-contact #main .text ul li,
  body.tpl-dsontour #main .text ul li,
  body.tpl-homevisit_campaign #main .text ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    width: 20%; }
    @media screen and (max-width: 1000px) {
      body.tpl-contact #main .text ul li,
      body.tpl-dsontour #main .text ul li,
      body.tpl-homevisit_campaign #main .text ul li {
        width: 33.3%; } }
    @media screen and (max-width: 600px) {
      body.tpl-contact #main .text ul li,
      body.tpl-dsontour #main .text ul li,
      body.tpl-homevisit_campaign #main .text ul li {
        width: 50%; } }
    body.tpl-contact #main .text ul li h3,
    body.tpl-dsontour #main .text ul li h3,
    body.tpl-homevisit_campaign #main .text ul li h3 {
      margin: 8px 0 0;
      font-size: 14px;
      font-weight: normal; }
    body.tpl-contact #main .text ul li img,
    body.tpl-dsontour #main .text ul li img,
    body.tpl-homevisit_campaign #main .text ul li img {
      max-width: 100%;
      height: auto !important; }

.free_sample {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
  .free_sample div.text {
    background: #000;
    font-family: "barmeno";
    color: #FFF;
    padding: 0px 10px;
    line-height: 30px;
    border-radius: 3px; }
    .free_sample div.text span {
      color: #f19211;
      font-family: "barmeno"; }
  .free_sample div.arrow {
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #000;
    width: 0;
    height: 0;
    margin-right: 20px;
    margin-top: -12px; }

body.fabric #content #main {
  display: flex; }
  @media screen and (max-width: 600px) {
    body.fabric #content #main {
      flex-direction: column; } }
  body.fabric #content #main .left {
    width: 75%;
    border-right: 1px solid #f0f0f0;
    padding-right: 20px; }
    @media screen and (max-width: 600px) {
      body.fabric #content #main .left {
        width: 100%;
        border: 0;
        padding: 0; } }
    body.fabric #content #main .left h1 {
      margin-bottom: 3px; }
    body.fabric #content #main .left h2 {
      margin: 0 0 20px;
      font-size: 13px;
      font-weight: normal; }
    body.fabric #content #main .left .block {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 600px) {
        body.fabric #content #main .left .block {
          flex-direction: column; } }
      body.fabric #content #main .left .block .info {
        width: 60%;
        padding-right: 50px; }
        @media screen and (max-width: 600px) {
          body.fabric #content #main .left .block .info {
            width: 100%;
            padding: 0;
            order: 2; } }
        body.fabric #content #main .left .block .info h3 {
          margin: 30px 0 3px;
          font-size: 14px;
          color: #000; }
        body.fabric #content #main .left .block .info .buy-options {
          border: 1px solid #f19211;
          background: #fffcf2;
          padding: 15px; }
          body.fabric #content #main .left .block .info .buy-options ul li {
            padding: 2px 0; }
            body.fabric #content #main .left .block .info .buy-options ul li a {
              text-decoration: none;
              display: flex;
              align-items: center; }
              body.fabric #content #main .left .block .info .buy-options ul li a span {
                color: #f19211;
                font-size: 16px; }
              @media screen and (max-width: 600px) {
                body.fabric #content #main .left .block .info .buy-options ul li a {
                  background: #676767;
                  color: #FFF;
                  padding: 10px;
                  border-radius: 3px;
                  font-weight: bold; }
                  body.fabric #content #main .left .block .info .buy-options ul li a span {
                    color: #FFF; } }
      body.fabric #content #main .left .block .image {
        max-width: 40%;
        display: flex;
        flex-direction: column;
        padding: 0 20px 0 0;
        align-items: flex-end; }
        @media screen and (max-width: 600px) {
          body.fabric #content #main .left .block .image {
            width: 100%;
            max-width: 100%;
            order: 1;
            padding: 0 0 30px;
            align-items: flex-start; } }
        body.fabric #content #main .left .block .image .img {
          border: 1px solid #f0f0f0;
          padding: 5px;
          display: flex;
          margin-bottom: 5px; }
          body.fabric #content #main .left .block .image .img img {
            max-width: 100%; }
        body.fabric #content #main .left .block .image a {
          display: flex;
          align-items: center;
          text-decoration: none;
          width: 100%;
          padding: 5px 0; }
          body.fabric #content #main .left .block .image a span {
            margin-right: 5px;
            color: #676767; }
    body.fabric #content #main .left .data {
      margin-top: 30px; }
      body.fabric #content #main .left .data h3 {
        background: #000;
        color: #FFF;
        padding: 10px;
        font-size: 13px; }
      body.fabric #content #main .left .data table {
        width: 100%;
        border-collapse: collapse; }
        body.fabric #content #main .left .data table tr th, body.fabric #content #main .left .data table tr td {
          text-align: left;
          border-bottom: 1px dotted #f0f0f0;
          padding: 6px 10px; }
        body.fabric #content #main .left .data table tr th {
          color: #000; }
  body.fabric #content #main .right {
    width: 25%;
    padding: 0  0 0 20px; }
    @media screen and (max-width: 600px) {
      body.fabric #content #main .right {
        width: 100%;
        padding: 30px 0 0; } }
    body.fabric #content #main .right h4 {
      border-bottom: 4px solid #f19211;
      margin: 0 0 0px;
      padding-bottom: 5px;
      font-size: 14px;
      color: #000; }
    body.fabric #content #main .right ul {
      display: flex;
      flex-direction: column; }
      @media screen and (max-width: 600px) {
        body.fabric #content #main .right ul {
          flex-direction: row;
          flex-wrap: wrap; } }
      body.fabric #content #main .right ul li {
        display: flex;
        flex-direction: column; }
        @media screen and (max-width: 600px) {
          body.fabric #content #main .right ul li {
            width: 50%;
            overflow: hidden;
            padding-right: 5px; }
            body.fabric #content #main .right ul li:nth-child(2n) {
              padding: 0 0 0 5px; } }
        body.fabric #content #main .right ul li a {
          text-decoration: none; }
        body.fabric #content #main .right ul li h5 {
          margin: 10px 0 5px;
          font-weight: normal; }
        body.fabric #content #main .right ul li .image {
          width: 100%;
          height: 30px;
          overflow: hidden; }
          body.fabric #content #main .right ul li .image img {
            min-width: 100%; }

ul.products {
  display: flex;
  flex-wrap: wrap; }
  ul.products li {
    width: 20%;
    padding: 16px;
    border: 1px solid #f0f0f0;
    border-width: 0 1px 1px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    ul.products li:nth-child(5n) {
      border-right: 0; }
    @media screen and (max-width: 1000px) {
      ul.products li {
        width: 50%; }
        ul.products li:nth-child(4n) {
          border-right: 1px; }
        ul.products li:nth-child(2n) {
          border-right: 0; } }
    ul.products li .top {
      display: flex;
      padding-bottom: 20px; }
      ul.products li .top .image {
        display: flex;
        width: 100%; }
        ul.products li .top .image a {
          display: flex;
          justify-content: center;
          width: 100%; }
          ul.products li .top .image a img {
            max-width: 100%; }
    ul.products li .foot {
      display: flex;
      flex-direction: column; }
      ul.products li .foot h3 {
        font-size: 12px;
        margin: 0 0 3px; }
        ul.products li .foot h3 a {
          color: #000;
          text-decoration: none; }
      ul.products li .foot .article-number {
        margin-top: 2px; }
      ul.products li .foot .ingress {
        display: none; }
      ul.products li .foot .price {
        color: #81291c;
        font-weight: bold;
        margin-top: 15px; }
      ul.products li .foot form {
        display: flex;
        justify-content: space-between;
        margin-top: 15px; }
        ul.products li .foot form .amount input {
          width: 50px; }

body.tpl-webshop_start #content #main,
body.tpl-products #content #main,
body.product #content #main {
  /*margin-top: 24px;*/ }

body.tpl-webshop_start #content #main .page-search,
body.tpl-products #content #main .page-search {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px; }
  @media screen and (max-width: 600px) {
    body.tpl-webshop_start #content #main .page-search,
    body.tpl-products #content #main .page-search {
      flex-direction: column; } }
  body.tpl-webshop_start #content #main .page-search .page,
  body.tpl-products #content #main .page-search .page {
    padding-right: 50px; }
    @media screen and (max-width: 600px) {
      body.tpl-webshop_start #content #main .page-search .page,
      body.tpl-products #content #main .page-search .page {
        padding-right: 0; } }
    body.tpl-webshop_start #content #main .page-search .page h2,
    body.tpl-products #content #main .page-search .page h2 {
      background: #FFF;
      padding: 0; }
body.tpl-webshop_start #content #main h2,
body.tpl-products #content #main h2 {
  background: #000;
  color: #FFF;
  padding: 10px;
  font-size: 15px; }
body.tpl-webshop_start #content #main .subpage,
body.tpl-products #content #main .subpage {
  display: flex;
  flex-direction: column; }
  body.tpl-webshop_start #content #main .subpage .button,
  body.tpl-products #content #main .subpage .button {
    margin-top: 10px;
    align-self: flex-end; }

/* Produkt-sidan */
@media screen and (max-width: 600px) {
  body.product #content #main {
    display: flex;
    flex-direction: column; } }
body.product #content #main .images {
  float: left;
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  @media screen and (max-width: 600px) {
    body.product #content #main .images {
      width: 100%;
      float: unset;
      display: flex;
      justify-content: center; } }
  body.product #content #main .images .image {
    width: 100%;
    display: none;
    text-align: center; }
    @media screen and (max-width: 600px) {
      body.product #content #main .images .image {
        width: 50%; } }
    body.product #content #main .images .image.image-1 {
      display: flex;
      justify-content: center;
      align-items: flex-start; }
    body.product #content #main .images .image img {
      max-width: 100%; }
  body.product #content #main .images .thumbnails {
    width: 100%;
    display: flex;
    margin-top: 10px;
    justify-content: center;
    align-items: center; }
    body.product #content #main .images .thumbnails li {
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      border: 1px solid #CCC;
      margin: 0 5px; }
      body.product #content #main .images .thumbnails li img {
        max-width: 100%;
        max-height: 100%; }
body.product #content #main .buy {
  float: right;
  width: 40%;
  padding-left: 40px;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 600px) {
    body.product #content #main .buy {
      float: unset;
      width: 100%;
      padding-left: 0;
      padding-top: 40px; } }
  body.product #content #main .buy .options h3 {
    color: #000;
    font-size: 13px;
    border-bottom: 3px solid #f19211;
    padding-bottom: 5px;
    margin: 0 0 10px; }
  body.product #content #main .buy .options ul {
    width: 100%;
    margin-bottom: 20px; }
    body.product #content #main .buy .options ul li {
      padding: 10px;
      border-bottom: 1px solid #f0f0f0; }
      body.product #content #main .buy .options ul li label {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        body.product #content #main .buy .options ul li label .check {
          display: flex;
          align-items: center; }
          body.product #content #main .buy .options ul li label .check input {
            margin: 0 5px 0 0; }
        body.product #content #main .buy .options ul li label .price {
          font-weight: normal;
          font-size: 13px;
          padding: 0; }
  body.product #content #main .buy .ingress {
    padding-bottom: 20px; }
  body.product #content #main .buy .price {
    font-size: 17px;
    font-weight: bold;
    color: #81291c;
    padding-bottom: 20px; }
  body.product #content #main .buy .article-number {
    font-size: 11px;
    padding-bottom: 20px; }
  body.product #content #main .buy form input[type=text] {
    width: 50px;
    padding: 5px; }
  body.product #content #main .buy form .checkout {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #f0f0f0;
    padding: 10px; }
    body.product #content #main .buy form .checkout .amount {
      margin-right: 20px; }
      body.product #content #main .buy form .checkout .amount label {
        font-weight: bold; }
body.product #content #main .description {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 50px;
  line-height: 18px; }
  body.product #content #main .description h2 {
    color: #000;
    font-size: 15px;
    border-bottom: 3px solid #f19211;
    padding-bottom: 5px;
    margin: 0 0 10px; }
  body.product #content #main .description .desc h2 {
    border: 0;
    font-size: 14px;
    margin: 15px 0; }
  body.product #content #main .description .desc ul {
    list-style: square;
    padding-left: 20px;
    margin: 10px 0; }
    body.product #content #main .description .desc ul li {
      padding: 2px 0; }

/* KASSAN */
body.checkout #content #submenu {
  display: none; }
body.checkout #content #main {
  flex-basis: 100%;
  padding: 20px 0; }
  @media screen and (max-width: 1000px) {
    body.checkout #content #main {
      padding: 24px; } }
  body.checkout #content #main form.mobile {
    display: none; }
  @media screen and (max-width: 600px) {
    body.checkout #content #main {
      padding: 20px 10px; }
      body.checkout #content #main form.no-mobile {
        display: none; }
      body.checkout #content #main form.mobile {
        display: block; } }
  body.checkout #content #main .desc {
    margin-bottom: 20px; }
  body.checkout #content #main table.list {
    border-collapse: collapse;
    width: 100%; }
    body.checkout #content #main table.list thead th {
      border-bottom: 4px solid #f19211; }
    body.checkout #content #main table.list th, body.checkout #content #main table.list td {
      text-align: left;
      padding: 10px 10px; }
      body.checkout #content #main table.list th.r, body.checkout #content #main table.list td.r {
        text-align: right; }
      body.checkout #content #main table.list th input.amount, body.checkout #content #main table.list td input.amount {
        width: 50px;
        padding: 5px; }
      body.checkout #content #main table.list th.delete a, body.checkout #content #main table.list td.delete a {
        font-size: 18px;
        text-decoration: none; }
      body.checkout #content #main table.list th.discount, body.checkout #content #main table.list td.discount {
        color: #CC0000;
        font-weight: bold; }
    body.checkout #content #main table.list tr.r-data td {
      padding-bottom: 0; }
    body.checkout #content #main table.list tbody td.name {
      font-weight: bold; }
      body.checkout #content #main table.list tbody td.name a {
        font-weight: normal;
        padding-top: 2px; }
    body.checkout #content #main table.list tbody td.data-row {
      display: flex;
      flex-direction: column; }
    body.checkout #content #main table.list tbody tr td {
      vertical-align: top;
      border-bottom: 1px solid #a4a4a4; }
      body.checkout #content #main table.list tbody tr td div.config-data {
        display: none;
        margin-top: 10px; }
        body.checkout #content #main table.list tbody tr td div.config-data table {
          width: auto; }
          body.checkout #content #main table.list tbody tr td div.config-data table td {
            padding: 5px 20px 5px 5px;
            border-bottom: 1px solid #f0f0f0;
            font-weight: normal; }
    body.checkout #content #main table.list tfoot {
      background: #f8d11e; }
      body.checkout #content #main table.list tfoot th, body.checkout #content #main table.list tfoot td {
        color: #81291c;
        padding: 5px 10px; }
      body.checkout #content #main table.list tfoot th {
        border-top: 1px solid #81291c;
        padding: 10px; }
      body.checkout #content #main table.list tfoot tr.discount td.r {
        color: red; }
  body.checkout #content #main div.code {
    padding: 20px 10px 10px 10px;
    border-width: 1px 0; }
    body.checkout #content #main div.code div.info {
      display: flex;
      flex-direction: column;
      border: 1px solid #f0f0f0;
      padding: 12px; }
      body.checkout #content #main div.code div.info div.terms {
        font-style: italic;
        margin-top: 4px; }
      body.checkout #content #main div.code div.info a {
        margin-top: 12px; }
    body.checkout #content #main div.code div.discount_code {
      position: relative;
      border: 1px solid #3c3c3c;
      background: #f0f0f0;
      padding: 12px;
      margin-top: 4px;
      display: none; }
      body.checkout #content #main div.code div.discount_code.open {
        display: flex; }
      body.checkout #content #main div.code div.discount_code form {
        display: flex;
        align-items: center; }
        body.checkout #content #main div.code div.discount_code form input {
          padding: 4px; }
        body.checkout #content #main div.code div.discount_code form a.button {
          margin-left: 8px; }
      body.checkout #content #main div.code div.discount_code div.error {
        margin-top: 4px;
        color: #81291c;
        display: none; }
      body.checkout #content #main div.code div.discount_code div.loader {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        align-items: center;
        justify-content: center; }
  body.checkout #content #main form.mobile ul {
    border-top: 1px solid #f0f0f0; }
  body.checkout #content #main form.mobile li {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #f0f0f0;
    padding: 10px; }
    body.checkout #content #main form.mobile li div.name {
      display: flex;
      flex-direction: column;
      position: relative;
      font-weight: bold;
      margin-bottom: 10px; }
      body.checkout #content #main form.mobile li div.name a {
        font-weight: normal; }
      body.checkout #content #main form.mobile li div.name a.delete {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 18px;
        text-decoration: none; }
    body.checkout #content #main form.mobile li div.price {
      font-size: 12px;
      font-weight: bold;
      text-align: right; }
      body.checkout #content #main form.mobile li div.price.discount {
        color: #CC0000; }
      body.checkout #content #main form.mobile li div.price div.ord-price {
        font-size: 11px;
        text-decoration: line-through;
        font-weight: normal;
        color: #676767; }
    body.checkout #content #main form.mobile li div.price-info {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      body.checkout #content #main form.mobile li div.price-info .price {
        font-size: 14px; }
  body.checkout #content #main form.mobile div.config-data {
    display: none;
    margin-top: 10px; }
    body.checkout #content #main form.mobile div.config-data table {
      width: auto; }
      body.checkout #content #main form.mobile div.config-data table td {
        padding: 5px 20px 5px 5px;
        border-bottom: 1px solid #f0f0f0;
        font-weight: normal; }
  body.checkout #content #main form.mobile div.total {
    padding: 10px;
    display: flex;
    justify-content: flex-end; }
    body.checkout #content #main form.mobile div.total td.r, body.checkout #content #main form.mobile div.total th.r {
      text-align: right; }
    body.checkout #content #main form.mobile div.total th {
      font-size: 15px;
      padding-top: 10px;
      color: #000; }
    body.checkout #content #main form.mobile div.total td.vat-info {
      font-size: 12px; }
  body.checkout #content #main div.notice {
    margin-top: 10px;
    padding: 10px 0 10px 10px;
    border: 1px solid #a4a4a4;
    border-width: 1px 0;
    display: flex;
    flex-direction: column; }
  body.checkout #content #main div.information {
    display: flex;
    justify-content: space-between;
    padding: 10px; }
    @media screen and (max-width: 600px) {
      body.checkout #content #main div.information {
        flex-direction: column; } }
    body.checkout #content #main div.information form.settings label {
      display: block;
      font-weight: bold;
      margin-top: 10px;
      padding-bottom: 3px; }
    body.checkout #content #main div.information form.settings textarea {
      width: 300px;
      height: 100px; }
    body.checkout #content #main div.information form.settings input[type=text] {
      width: 200px; }
    body.checkout #content #main div.information form.settings input[type=submit] {
      display: block;
      margin-top: 20px;
      background: #f19211;
      padding: 8px 20px;
      font-size: 15px; }
    body.checkout #content #main div.information div.svea-payment {
      max-width: 300px;
      background: #dceef6;
      padding: 20px;
      border: 1px solid #002c50;
      color: #002c50; }
      @media screen and (max-width: 600px) {
        body.checkout #content #main div.information div.svea-payment {
          max-width: 100%;
          margin-top: 20px; } }
      body.checkout #content #main div.information div.svea-payment h3 {
        margin-top: 0; }
      body.checkout #content #main div.information div.svea-payment ul {
        list-style: circle;
        padding-left: 20px;
        margin: 10px 0; }

/* Betalning */
body.payment {
  background: #FFF; }
  body.payment #head,
  body.payment #menu,
  body.payment #foot,
  body.payment #brands,
  body.payment #breadcrumb,
  body.payment #content .content #submenu {
    display: none; }
  body.payment #content .content {
    justify-content: center; }
    body.payment #content .content #main {
      width: 100%;
      padding: 20px;
      text-align: center; }
      @media screen and (max-width: 600px) {
        body.payment #content .content #main {
          padding: 12px; } }
      body.payment #content .content #main div.logo {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
        align-items: center; }
        body.payment #content .content #main div.logo img {
          max-width: 300px; }
        body.payment #content .content #main div.logo .part-of {
          display: flex;
          align-items: center;
          margin-top: 20px;
          font-size: 10px;
          text-transform: uppercase; }
          body.payment #content .content #main div.logo .part-of img {
            margin: 0 0 0 5px;
            width: auto;
            height: 20px; }

/* Vavprov */
body.order-prov .list {
  border-collapse: collapse; }
  body.order-prov .list td, body.order-prov .list th {
    text-align: left;
    padding: 5px 20px 5px 5px;
    border-bottom: 1px solid #f0f0f0; }
  body.order-prov .list img {
    max-height: 60px; }
  body.order-prov .list a {
    text-decoration: none;
    font-size: 18px; }
body.order-prov label {
  display: block;
  font-weight: bold;
  padding: 10px 0 2px; }
body.order-prov input[type=text], body.order-prov textarea {
  width: 300px; }
body.order-prov textarea {
  height: 80px; }
body.order-prov input[type=submit] {
  margin-top: 20px; }
body.order-prov #form_error {
  margin-bottom: 20px;
  font-weight: bold;
  color: #81291c; }
  body.order-prov #form_error ul {
    list-style: circle;
    padding-left: 20px;
    font-weight: normal;
    color: #000; }

/* Inspiration */
body.tpl-gallery #content #main .gallery ul {
  display: flex;
  flex-wrap: wrap; }
  body.tpl-gallery #content #main .gallery ul li {
    border: 1px solid #f0f0f0;
    margin: 0 10px 10px 0;
    padding: 5px; }
    body.tpl-gallery #content #main .gallery ul li a {
      display: flex; }
body.tpl-gallery #content #main h3 {
  color: #000;
  font-size: 14px;
  margin: 20px 0 10px; }
body.tpl-gallery #content #main h2 {
  background: #000;
  color: #FFF;
  font-size: 13px;
  margin: 40px 0 10px;
  padding: 10px; }

/* Inspirations */
body.tpl-movies #content #main .player-holder {
  display: flex;
  width: 100%;
  padding: 20px;
  background: #f0f0f0;
  flex-direction: column;
  align-items: center; }
  @media screen and (max-width: 600px) {
    body.tpl-movies #content #main .player-holder {
      padding: 12px; } }
  body.tpl-movies #content #main .player-holder h2 {
    color: #000;
    margin-top: 0; }
    @media screen and (max-width: 600px) {
      body.tpl-movies #content #main .player-holder h2 {
        font-size: 15px; } }
  body.tpl-movies #content #main .player-holder .player {
    width: 560px;
    height: 315px; }
    @media screen and (max-width: 600px) {
      body.tpl-movies #content #main .player-holder .player {
        width: 100%;
        height: 200px; } }
body.tpl-movies #content #main .productlist {
  display: flex;
  width: 100%;
  flex-direction: column; }
  body.tpl-movies #content #main .productlist h2 {
    background: #000;
    color: #FFF;
    padding: 10px;
    font-size: 13px; }
  body.tpl-movies #content #main .productlist ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row; }
    body.tpl-movies #content #main .productlist ul li {
      width: 33.3%;
      padding: 0 20px 20px 0; }
      @media screen and (max-width: 600px) {
        body.tpl-movies #content #main .productlist ul li {
          width: 50%;
          padding: 0 5px 10px 0; }
          body.tpl-movies #content #main .productlist ul li:nth-child(2n) {
            padding: 0 0 10px 5px; } }
      body.tpl-movies #content #main .productlist ul li .thumbnail {
        max-width: 100%; }
        body.tpl-movies #content #main .productlist ul li .thumbnail img {
          width: 100%; }
      body.tpl-movies #content #main .productlist ul li h3 {
        font-size: 14px; }
        body.tpl-movies #content #main .productlist ul li h3 a {
          text-decoration: none;
          color: #000; }

/* Inspirations */
body.tpl-image_gallery #content #main div.images {
  width: 100%; }
  body.tpl-image_gallery #content #main div.images ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    body.tpl-image_gallery #content #main div.images ul li {
      display: flex;
      margin: 0 5px 5px 0; }
      body.tpl-image_gallery #content #main div.images ul li.img-height {
        width: 200px;
        height: 250px; }
        @media screen and (max-width: 600px) {
          body.tpl-image_gallery #content #main div.images ul li.img-height {
            width: calc(33% - 5px);
            height: 150px; } }
      body.tpl-image_gallery #content #main div.images ul li.img-width {
        width: 405px;
        height: 250px; }
        @media screen and (max-width: 600px) {
          body.tpl-image_gallery #content #main div.images ul li.img-width {
            width: calc(67% - 5px);
            height: 150px; } }
      body.tpl-image_gallery #content #main div.images ul li a {
        display: flex;
        background-position: center center;
        background-size: cover;
        width: 100%;
        height: 100%; }

/* Social plugin */
.social-plugin h3 {
  font-size: 13px;
  margin: 0 0 10px;
  padding-bottom: 3px;
  border-bottom: 4px solid #5d6ba0;
  color: #000; }
.social-plugin ul {
  margin-top: 20px; }
  .social-plugin ul li {
    padding-bottom: 5px; }

/* Sokresultat */
body.search-result #content #breadcrumb {
  display: none; }
body.search-result #content h1 {
  font-family: Barmeno;
  text-align: center; }
body.search-result #content .search {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 24px 0 32px; }
  body.search-result #content .search form {
    display: flex;
    flex-direction: space-between;
    width: 100%;
    max-width: 600px; }
    body.search-result #content .search form input {
      display: flex;
      flex-grow: 1;
      border: 0;
      padding: 12px;
      border: 1px solid #f0f0f0; }
    body.search-result #content .search form span {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      margin-left: 12px;
      background: #262626;
      color: #FFF;
      font-size: 20px;
      cursor: pointer; }
body.search-result #content ul.tabs {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
  background: #262626; }
  body.search-result #content ul.tabs li {
    display: flex; }
    body.search-result #content ul.tabs li a {
      display: flex;
      border: 1px solid #f0f0f0;
      padding: 8px 12px;
      border-bottom: 0;
      text-decoration: none;
      color: #676767;
      transition: ease .2; }
    body.search-result #content ul.tabs li.active a {
      background: #262626;
      color: #FFF;
      border-color: #262626; }
  body.search-result #content ul.tabs li {
    border-right: 1px solid #3c3c3c; }
    body.search-result #content ul.tabs li a {
      border: 0;
      color: #a4a4a4;
      font-weight: bold;
      padding: 12px 16px;
      font-family: barmeno;
      font-size: 15px;
      font-weight: normal; }
    body.search-result #content ul.tabs li.active {
      color: #FFF; }
body.search-result #content .tab {
  display: none; }
  body.search-result #content .tab.open {
    display: flex;
    width: 100%; }
  body.search-result #content .tab ul.products {
    width: 100%; }
  body.search-result #content .tab#pages ul {
    display: flex;
    flex-direction: column; }
    body.search-result #content .tab#pages ul li {
      display: flex;
      border-bottom: 1px solid #f0f0f0;
      padding: 16px; }
      body.search-result #content .tab#pages ul li a {
        display: flex;
        flex-direction: column;
        text-decoration: none;
        color: #676767; }
        body.search-result #content .tab#pages ul li a h4 {
          margin: 0 0 4px;
          color: #f19211;
          font-size: 16px; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?750utl");
  src: url("fonts/icomoon.eot?750utl#iefix") format("embedded-opentype"), url("fonts/icomoon.woff2?750utl") format("woff2"), url("fonts/icomoon.ttf?750utl") format("truetype"), url("fonts/icomoon.woff?750utl") format("woff"), url("fonts/icomoon.svg?750utl#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-facebook:before {
  content: "\ea90"; }

.icon-instagram:before {
  content: "\ea92"; }

.icon-twitter:before {
  content: "\ea96"; }

.icon-youtube:before {
  content: "\ea9d"; }

.icon-tune:before {
  content: "\e429"; }

.icon-view_headline:before {
  content: "\e8ee"; }

.icon-view_list:before {
  content: "\e8ef"; }

.icon-view_module:before {
  content: "\e8f0"; }

.icon-warning:before {
  content: "\e900"; }

.icon-chevron-down:before {
  content: "\e901"; }

.icon-chevron-small-down:before {
  content: "\e902"; }

.icon-chevron-small-left:before {
  content: "\e903"; }

.icon-chevron-small-right:before {
  content: "\e904"; }

.icon-chevron-small-up:before {
  content: "\e905"; }

.icon-chevron-up:before {
  content: "\e906"; }

.icon-download:before {
  content: "\e907"; }

.icon-save:before {
  content: "\e908"; }

.icon-trash:before {
  content: "\e909"; }

.icon-add-user:before {
  content: "\e90a"; }

.icon-area-graph:before {
  content: "\e90b"; }

.icon-bar-graph:before {
  content: "\e90c"; }

.icon-check:before {
  content: "\e90d"; }

.icon-cross:before {
  content: "\e90e"; }

.icon-cup:before {
  content: "\e90f"; }

.icon-cw:before {
  content: "\e910"; }

.icon-erase:before {
  content: "\e911"; }

.icon-export:before {
  content: "\e912"; }

.icon-grid:before {
  content: "\e913"; }

.icon-heart-outlined:before {
  content: "\e914"; }

.icon-compare_arrows:before {
  content: "\e915"; }

.icon-heart:before {
  content: "\e916"; }

.icon-help-with-circle:before {
  content: "\e917"; }

.icon-help:before {
  content: "\e918"; }

.icon-home:before {
  content: "\e919"; }

.icon-info-with-circle:before {
  content: "\e91a"; }

.icon-info:before {
  content: "\e91b"; }

.icon-location-pin:before {
  content: "\e91c"; }

.icon-mail:before {
  content: "\e91d"; }

.icon-menu:before {
  content: "\e91e"; }

.icon-message:before {
  content: "\e91f"; }

.icon-minus:before {
  content: "\e920"; }

.icon-phone:before {
  content: "\e921"; }

.icon-plus:before {
  content: "\e922"; }

.icon-print:before {
  content: "\e923"; }

.icon-shopping-cart:before {
  content: "\e924"; }

.icon-squared-minus:before {
  content: "\e925"; }

.icon-squared-plus:before {
  content: "\e926"; }

.icon-star-outlined:before {
  content: "\e927"; }

.icon-star:before {
  content: "\e928"; }

.icon-sweden:before {
  content: "\e929"; }

.icon-thumbs-down:before {
  content: "\e92a"; }

.icon-thumbs-up:before {
  content: "\e92b"; }

.icon-typing:before {
  content: "\e92c"; }

.icon-user:before {
  content: "\e92d"; }

.icon-users:before {
  content: "\e92e"; }

.icon-flickr:before {
  content: "\e92f"; }

.icon-calendar:before {
  content: "\e953"; }

.icon-search:before {
  content: "\e986"; }

.icon-file-pdf:before {
  content: "\eadf"; }

/*# sourceMappingURL=style.css.map */