@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap");
/* Colors */
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #CCC;
  opacity: 1;
  /* Firefox */ }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #CCC; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #CCC; }

textarea:focus, input:focus {
  outline: none; }

a.icon-btn {
  display: flex;
  width: 38px;
  height: 38px;
  color: #1E2648;
  font-size: 38px; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?m3zy8p");
  src: url("fonts/icomoon.eot?m3zy8p#iefix") format("embedded-opentype"), url("fonts/icomoon.woff2?m3zy8p") format("woff2"), url("fonts/icomoon.ttf?m3zy8p") format("truetype"), url("fonts/icomoon.woff?m3zy8p") format("woff"), url("fonts/icomoon.svg?m3zy8p#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-anleggsdekk:before {
  content: "\e900"; }

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

.icon-dekkreparasjon:before {
  content: "\e902"; }

.icon-kjetting:before {
  content: "\e903"; }

.icon-varebildekk:before {
  content: "\e904"; }

.icon-ikon_tire_repair:before {
  content: "\e905"; }

.icon-arrow-right:before {
  content: "\e906"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-service-247:before {
  content: "\e917"; }

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

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

.icon-sound:before {
  content: "\e91a"; }

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

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

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

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

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

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

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

.icon-arrow-right-circle:before {
  content: "\e922"; }

.icon-arrow-left-circle:before {
  content: "\e923"; }

.icon-one-circle:before {
  content: "\e924"; }

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

.icon-two-circle:before {
  content: "\e926"; }

.icon-3-circle:before {
  content: "\e927"; }

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

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

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

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

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

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

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

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

.icon-ac-service:before {
  content: "\e930"; }

.icon-tractor-tire:before {
  content: "\e931"; }

.icon-rims:before {
  content: "\e932"; }

.icon-winter:before {
  content: "\e933"; }

.icon-scooter-tire:before {
  content: "\e934"; }

.icon-ikonoljebyte:before {
  content: "\e935"; }

.icon-ikondckskifte:before {
  content: "\e936"; }

.icon-ikonhjulinstllningar:before {
  content: "\e937"; }

.icon-ikonmcdck:before {
  content: "\e938"; }

.icon-ikontpms:before {
  content: "\e939"; }

.icon-tire:before {
  content: "\e93a"; }

.icon-wheel:before {
  content: "\e93b"; }

.icon-tire-hotel:before {
  content: "\e93f"; }

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

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

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

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

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

input[type=radio] {
  -webkit-appearance: radio; }

input[type=checkbox] {
  -webkit-appearance: checkbox; }

html {
  font-size: 15px;
  height: 100%; }

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

body {
  font-family: "Barlow", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  background: #FFF;
  color: #000; }
  @media only screen and (max-width: 1000px) {
    body {
      padding-top: 56px; } }
  @media only screen and (min-width: 1000px) {
    body {
      font-size: 18px;
      padding-top: 70px; } }

textarea,
input[type=text] {
  font-family: "Barlow", sans-serif;
  font-size: 13px; }

textarea {
  padding: 5px; }

a {
  text-decoration: none;
  color: #000; }

ul {
  list-style-position: inside; }

label.btn,
span.btn,
a.btn,
input[type=submit],
input[type=button] {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 12px 24px;
  border: 1px solid #1E2648;
  color: #000;
  background: #FFF;
  font-size: 14px;
  border-radius: 5px;
  font-weight: 600;
  line-height: auto; }
  @media only screen and (min-width: 1000px) {
    label.btn,
    span.btn,
    a.btn,
    input[type=submit],
    input[type=button] {
      font-size: 16px;
      padding: 12px 24px 13px; } }
  label.btn.btn-blue,
  span.btn.btn-blue,
  a.btn.btn-blue,
  input[type=submit].btn-blue,
  input[type=button].btn-blue {
    background: #1E2648;
    color: #FFF;
    border-color: #1E2648; }
  label.btn.btn-yellow,
  span.btn.btn-yellow,
  a.btn.btn-yellow,
  input[type=submit].btn-yellow,
  input[type=button].btn-yellow {
    background: #FFCC00;
    color: #FFF;
    border-color: #FFCC00;
    color: #000; }
    label.btn.btn-yellow:hover,
    span.btn.btn-yellow:hover,
    a.btn.btn-yellow:hover,
    input[type=submit].btn-yellow:hover,
    input[type=button].btn-yellow:hover {
      background: #f9c700;
      color: #000; }
    label.btn.btn-yellow.disabled,
    span.btn.btn-yellow.disabled,
    a.btn.btn-yellow.disabled,
    input[type=submit].btn-yellow.disabled,
    input[type=button].btn-yellow.disabled {
      background: #fff2bf;
      border-color: #fff2bf;
      color: #7f795f;
      cursor: default; }
  label.btn.btn-green,
  span.btn.btn-green,
  a.btn.btn-green,
  input[type=submit].btn-green,
  input[type=button].btn-green {
    background: #C7D64F;
    color: #FFF;
    border-color: #C7D64F; }
  label.btn.btn-dark-green,
  span.btn.btn-dark-green,
  a.btn.btn-dark-green,
  input[type=submit].btn-dark-green,
  input[type=button].btn-dark-green {
    background: #4B8D5A;
    color: #FFF;
    border-color: #4B8D5A; }
    label.btn.btn-dark-green:hover,
    span.btn.btn-dark-green:hover,
    a.btn.btn-dark-green:hover,
    input[type=submit].btn-dark-green:hover,
    input[type=button].btn-dark-green:hover {
      background: #3e7d4c; }
  label.btn:hover,
  span.btn:hover,
  a.btn:hover,
  input[type=submit]:hover,
  input[type=button]:hover {
    background: #1E2648;
    color: #FFF; }
  label.btn.disabled,
  span.btn.disabled,
  a.btn.disabled,
  input[type=submit].disabled,
  input[type=button].disabled {
    background: #F7F7F7;
    border-color: #CCC;
    color: #CCC; }
  label.btn.btn-icon,
  span.btn.btn-icon,
  a.btn.btn-icon,
  input[type=submit].btn-icon,
  input[type=button].btn-icon {
    padding-left: 16px; }
    label.btn.btn-icon span,
    span.btn.btn-icon span,
    a.btn.btn-icon span,
    input[type=submit].btn-icon span,
    input[type=button].btn-icon span {
      color: #1E2648;
      margin-right: 8px; }
  label.btn.btn-small,
  span.btn.btn-small,
  a.btn.btn-small,
  input[type=submit].btn-small,
  input[type=button].btn-small {
    font-size: 12px;
    padding: 8px 12px; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  /* Hide default HTML checkbox */
  /* The slider */ }
  .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e5daac;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px; }
    .switch .slider:before {
      position: absolute;
      content: "";
      height: 26px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
      border-radius: 50%; }
  .switch input:checked + .slider {
    background-color: #FFCC00; }
  .switch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3; }
  .switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }

h1 {
  color: #000;
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 12px; }
  @media only screen and (min-width: 1000px) {
    h1 {
      font-size: 38px; } }

h2 {
  font-size: 25px; }
  @media only screen and (min-width: 1000px) {
    h2 {
      font-size: 32px; } }

h2,
h3,
h4,
h5 {
  font-weight: 600;
  margin: 0; }

.container {
  width: 100%;
  max-width: 100%; }
  @media only screen and (min-width: 1300px) {
    .container {
      width: 1300px; } }
  .container.image-bg {
    background-size: cover;
    background-position: center center;
    margin: 16px 0 32px; }
    @media only screen and (min-width: 1300px) {
      .container.image-bg {
        min-height: 400px;
        margin-top: 0; } }
    .container.image-bg .shadow-overlay {
      display: flex;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      justify-content: flex-start;
      align-items: center; }
      @media only screen and (min-width: 1000px) {
        .container.image-bg .shadow-overlay {
          justify-content: center; } }
      .container.image-bg .shadow-overlay .left h1, .container.image-bg .shadow-overlay .left .ingress, .container.image-bg .shadow-overlay .left .last-apply {
        color: #FFF !important; }
      .container.image-bg .shadow-overlay .left .ingress {
        padding-top: 12px !important; }

.flash {
  width: 100%;
  display: flex; }
  .flash span {
    width: 100%;
    text-align: center;
    padding: 20px 10px;
    background: #C7D64F;
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
    font-family: "Barlow", sans-serif; }
    .flash span.error {
      background: #CC0000; }

/* Campaign */
.contractor-campaign {
  display: none;
  justify-content: center;
  background: #F7F7F7; }
  @media only screen and (min-width: 1300px) {
    .contractor-campaign {
      display: flex; } }
  .contractor-campaign .container {
    padding: 12px 0;
    text-align: center;
    font-weight: 600;
    font-size: 14px; }

/* Undermeny-cover */
div.submenu-cover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(0, 0, 0, 0.8);
  display: none; }

body.submenu_open div.submenu-cover {
  display: block; }

/* HEADER */
.header {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-bottom: 1px solid #F0F0F0;
  z-index: 5;
  background: #FFF; }
  @media only screen and (max-width: 1000px) {
    .header {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 3;
      height: 56px; } }
  @media only screen and (min-width: 1000px) {
    .header {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 3;
      height: 70px; } }
  .header .container {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    min-height: 100%; }
    @media only screen and (min-width: 1300px) {
      .header .container {
        padding: 0; } }
    .header .container .left {
      display: flex;
      align-items: center; }
      .header .container .left a.show-mobile-menu {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #1E2648;
        font-size: 24px;
        margin-right: 16px; }
        @media only screen and (min-width: 1000px) {
          .header .container .left a.show-mobile-menu {
            display: none; } }
      .header .container .left a.logo {
        display: flex;
        align-items: center;
        padding: 8px 0; }
        .header .container .left a.logo img {
          height: 36px; }
          @media only screen and (min-width: 1300px) {
            .header .container .left a.logo img {
              height: 50px; } }
      .header .container .left.b2b a.logo img {
        height: auto;
        width: 60px; }
        @media only screen and (min-width: 1300px) {
          .header .container .left.b2b a.logo img {
            height: 50px;
            width: auto; } }
      .header .container .left.b2b img.b2b-webshop {
        width: 60px;
        margin-left: 12px; }
        @media only screen and (min-width: 1300px) {
          .header .container .left.b2b img.b2b-webshop {
            height: 40px;
            width: auto;
            margin-left: 32px; } }
    .header .container .right {
      display: flex;
      align-items: center; }
      .header .container .right a {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: bold;
        color: #000; }
        .header .container .right a.show-top-contractor {
          font-size: 12px;
          font-weight: normal; }
          .header .container .right a.show-top-contractor div {
            order: 1;
            margin-right: 8px;
            display: flex;
            flex-direction: column; }
          .header .container .right a.show-top-contractor span.icon-pin-empty {
            order: 2; }
        @media only screen and (min-width: 1000px) {
          .header .container .right a {
            font-size: 17px;
            font-weight: 600; } }
        .header .container .right a.find-contractor span {
          margin-left: 8px;
          font-size: 26px;
          color: #1E2648; }
        @media only screen and (min-width: 1000px) {
          .header .container .right a.find-contractor {
            display: none; } }
        .header .container .right a.cart-empty span.dot {
          display: none; }
        .header .container .right a span.dot {
          left: unset;
          right: 21px; }
      .header .container .right .cart {
        margin-left: 8px; }
      .header .container .right .menu {
        display: none; }
        @media only screen and (min-width: 1000px) {
          .header .container .right .menu {
            display: flex; }
            .header .container .right .menu ul {
              list-style: none;
              padding: 0;
              margin: 0;
              display: flex; }
              .header .container .right .menu ul li {
                display: flex;
                padding: 0 0 0 28px; }
                .header .container .right .menu ul li a {
                  display: flex;
                  align-items: center; }
                  .header .container .right .menu ul li a span {
                    margin-left: 4px; }
                  .header .container .right .menu ul li a span.icon-arrow-up {
                    display: none; }
                  .header .container .right .menu ul li a.btn-book, .header .container .right .menu ul li a.btn-webshop {
                    padding: 8px 24px 8px 18px;
                    background: #1E2648;
                    color: #FFF; }
                    .header .container .right .menu ul li a.btn-book:hover, .header .container .right .menu ul li a.btn-webshop:hover {
                      color: #FFF; }
                    .header .container .right .menu ul li a.btn-book div, .header .container .right .menu ul li a.btn-webshop div {
                      display: flex;
                      align-items: center;
                      text-decoration: none; }
                      .header .container .right .menu ul li a.btn-book div span, .header .container .right .menu ul li a.btn-webshop div span {
                        font-size: 24px;
                        margin-right: 8px;
                        padding-bottom: 2px; }
                    .header .container .right .menu ul li a.btn-book.btn-book div span, .header .container .right .menu ul li a.btn-webshop.btn-book div span {
                      padding-bottom: 0; }
                .header .container .right .menu ul li.open a span.icon-arrow-up {
                  display: flex; }
                .header .container .right .menu ul li.open a span.icon-arrow-down {
                  display: none; }
                .header .container .right .menu ul li.selected div, .header .container .right .menu ul li.active div {
                  text-decoration: underline; }
                .header .container .right .menu ul li.last {
                  padding-left: 12px; } }
  .header .sub-menu {
    display: none; }
    @media only screen and (min-width: 1000px) {
      .header .sub-menu {
        position: absolute;
        left: 0;
        top: 100%;
        background: #FFF;
        width: 100%;
        justify-content: center;
        border: 1px solid #EAEAEA;
        border-width: 1px 0;
        z-index: 5;
        /*box-shadow: 0 10px 10px #CCC;*/
        /* Special om services */ }
        .header .sub-menu .container {
          padding: 48px 0;
          /* If brands in the menu */ }
          .header .sub-menu .container a.submenu_cross {
            position: absolute;
            right: 24px;
            top: 12px; } }
    @media only screen and (min-width: 1000px) and (max-width: 1300px) {
      .header .sub-menu .container {
        padding: 48px 24px; } }
    @media only screen and (min-width: 1000px) {
          .header .sub-menu .container ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            width: 100%; }
            .header .sub-menu .container ul li {
              padding: 0 48px 24px 0;
              width: 25%; }
              .header .sub-menu .container ul li a {
                font-weight: 600;
                display: flex;
                align-items: center; }
                .header .sub-menu .container ul li a span[class^="icon-"] {
                  font-size: 32px;
                  margin-right: 12px; }
              .header .sub-menu .container ul li ul {
                display: flex;
                margin-top: 8px;
                flex-direction: column; }
                .header .sub-menu .container ul li ul li {
                  display: flex;
                  padding: 0 24px 0 0;
                  width: 100%; }
                  .header .sub-menu .container ul li ul li a {
                    display: flex;
                    font-weight: normal;
                    padding: 8px 0;
                    border-bottom: 1px solid #EAEAEA;
                    width: 100%; }
          .header .sub-menu .container.brands ul {
            width: 75%;
            padding-right: 32px; }
            .header .sub-menu .container.brands ul li {
              width: 25%; }
              .header .sub-menu .container.brands ul li ul {
                width: 100%;
                padding-right: 0; }
                .header .sub-menu .container.brands ul li ul li {
                  width: 100%;
                  padding-right: 0px; }
          .header .sub-menu .container.brands div.brands {
            width: 25%;
            border-left: 1px solid #EAEAEA;
            padding-left: 32px; }
            .header .sub-menu .container.brands div.brands h4 {
              margin-bottom: 24px; }
            .header .sub-menu .container.brands div.brands ul {
              width: 100%;
              padding-right: 0; }
              .header .sub-menu .container.brands div.brands ul li {
                width: 50%;
                padding: 0 8px 8px 0;
                display: flex; }
                .header .sub-menu .container.brands div.brands ul li a {
                  width: 100%;
                  height: 80px;
                  display: flex;
                  border: 1px solid #EAEAEA;
                  padding: 12px;
                  align-items: center;
                  justify-content: center; }
                  .header .sub-menu .container.brands div.brands ul li a img {
                    max-width: 100%; }
        .header .sub-menu.sub-menu-services ul li {
          width: 25%; } }

.second-menu .top-contractor-info,
.header .top-contractor-info,
.checkout-head .top-contractor-info {
  position: relative; }
  @media only screen and (min-width: 1000px) {
    .second-menu .top-contractor-info,
    .header .top-contractor-info,
    .checkout-head .top-contractor-info {
      display: none; } }
  .second-menu .top-contractor-info span,
  .header .top-contractor-info span,
  .checkout-head .top-contractor-info span {
    font-size: 28px;
    color: #1E2648; }
    .second-menu .top-contractor-info span.icon-cross,
    .header .top-contractor-info span.icon-cross,
    .checkout-head .top-contractor-info span.icon-cross {
      font-size: 16px;
      color: #000; }
  .second-menu .top-contractor-info span.dot,
  .header .top-contractor-info span.dot,
  .checkout-head .top-contractor-info span.dot {
    position: absolute;
    left: -1px;
    top: 1px;
    width: 8px;
    height: 8px;
    background: #C7D64F;
    border-radius: 10px; }
  .second-menu .top-contractor-info .info,
  .header .top-contractor-info .info,
  .checkout-head .top-contractor-info .info {
    display: none;
    position: absolute;
    z-index: 5;
    right: 0;
    top: 100%;
    background: #FFF;
    padding: 16px;
    flex-direction: column;
    align-items: flex-end;
    width: 260px;
    box-shadow: 0 3px 6px #D5D5D5; }
    .second-menu .top-contractor-info .info h4,
    .second-menu .top-contractor-info .info .address,
    .second-menu .top-contractor-info .info .contact,
    .second-menu .top-contractor-info .info .open,
    .header .top-contractor-info .info h4,
    .header .top-contractor-info .info .address,
    .header .top-contractor-info .info .contact,
    .header .top-contractor-info .info .open,
    .checkout-head .top-contractor-info .info h4,
    .checkout-head .top-contractor-info .info .address,
    .checkout-head .top-contractor-info .info .contact,
    .checkout-head .top-contractor-info .info .open {
      width: 100%; }
    .second-menu .top-contractor-info .info h4,
    .header .top-contractor-info .info h4,
    .checkout-head .top-contractor-info .info h4 {
      margin: 0 0 4px;
      font-size: 16px;
      padding-right: 32px; }
    .second-menu .top-contractor-info .info .address,
    .header .top-contractor-info .info .address,
    .checkout-head .top-contractor-info .info .address {
      margin-bottom: 16px;
      font-weight: normal; }
    .second-menu .top-contractor-info .info ul.contact,
    .header .top-contractor-info .info ul.contact,
    .checkout-head .top-contractor-info .info ul.contact {
      list-style: none;
      padding: 0;
      margin: 0 0 12px; }
      .second-menu .top-contractor-info .info ul.contact li,
      .header .top-contractor-info .info ul.contact li,
      .checkout-head .top-contractor-info .info ul.contact li {
        display: flex;
        margin-bottom: 2px; }
        .second-menu .top-contractor-info .info ul.contact li a,
        .header .top-contractor-info .info ul.contact li a,
        .checkout-head .top-contractor-info .info ul.contact li a {
          display: flex;
          align-items: center;
          margin-bottom: 4px;
          font-size: 14px;
          font-weight: 600; }
          .second-menu .top-contractor-info .info ul.contact li a span,
          .header .top-contractor-info .info ul.contact li a span,
          .checkout-head .top-contractor-info .info ul.contact li a span {
            font-size: 32px;
            margin-right: 4px; }
          .second-menu .top-contractor-info .info ul.contact li a.phone-jour div,
          .header .top-contractor-info .info ul.contact li a.phone-jour div,
          .checkout-head .top-contractor-info .info ul.contact li a.phone-jour div {
            display: flex;
            flex-direction: column;
            font-weight: normal; }
            .second-menu .top-contractor-info .info ul.contact li a.phone-jour div b,
            .header .top-contractor-info .info ul.contact li a.phone-jour div b,
            .checkout-head .top-contractor-info .info ul.contact li a.phone-jour div b {
              font-weight: 600; }
    .second-menu .top-contractor-info .info .open h5,
    .header .top-contractor-info .info .open h5,
    .checkout-head .top-contractor-info .info .open h5 {
      font-size: 14px;
      margin: 0 0 4px; }
    .second-menu .top-contractor-info .info .open ul,
    .header .top-contractor-info .info .open ul,
    .checkout-head .top-contractor-info .info .open ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .second-menu .top-contractor-info .info .open ul li,
      .header .top-contractor-info .info .open ul li,
      .checkout-head .top-contractor-info .info .open ul li {
        display: flex;
        margin-bottom: 2px;
        justify-content: space-between;
        color: #000; }
        .second-menu .top-contractor-info .info .open ul li.today,
        .header .top-contractor-info .info .open ul li.today,
        .checkout-head .top-contractor-info .info .open ul li.today {
          font-weight: bold; }
        .second-menu .top-contractor-info .info .open ul li span,
        .header .top-contractor-info .info .open ul li span,
        .checkout-head .top-contractor-info .info .open ul li span {
          font-size: 14px;
          color: #000; }
    .second-menu .top-contractor-info .info .open .desc,
    .header .top-contractor-info .info .open .desc,
    .checkout-head .top-contractor-info .info .open .desc {
      margin-top: 4px;
      font-size: 13px; }
    .second-menu .top-contractor-info .info a.btn,
    .header .top-contractor-info .info a.btn,
    .checkout-head .top-contractor-info .info a.btn {
      width: 100%;
      margin-top: 12px;
      color: #1E2648; }

/* seconed-menu only desktop */
.second-menu {
  display: none; }
  @media only screen and (min-width: 1000px) {
    .second-menu {
      display: flex;
      background: #1E2648;
      width: 100%;
      justify-content: center;
      border-bottom: 1px solid #2e3859; }
      .second-menu .container {
        padding: 12px 0;
        display: flex;
        justify-content: space-between; } }
    @media only screen and (min-width: 1000px) and (max-width: 1300px) {
      .second-menu .container {
        padding: 12px 24px; } }
  @media only screen and (min-width: 1000px) {
        .second-menu .container .supporting {
          display: flex;
          align-items: center; }
          .second-menu .container .supporting a {
            color: #FFF;
            display: flex; }
            .second-menu .container .supporting a ul {
              display: flex;
              margin: 0;
              padding: 0;
              list-style: none;
              align-items: center; }
              .second-menu .container .supporting a ul li {
                display: flex;
                margin-right: 12px;
                font-size: 10px;
                text-transform: uppercase; }
                .second-menu .container .supporting a ul li img.bris {
                  height: 16px; }
                .second-menu .container .supporting a ul li img.handboll {
                  height: 20px; }
        .second-menu .container .right-box {
          display: flex; }
          .second-menu .container .right-box > ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex; }
            .second-menu .container .right-box > ul li {
              padding-left: 24px; }
              .second-menu .container .right-box > ul li a {
                color: #FFF;
                font-size: 13px; }
                .second-menu .container .right-box > ul li a div {
                  display: flex;
                  align-items: center; }
                  .second-menu .container .right-box > ul li a div span {
                    margin-right: 8px;
                    font-size: 20px; }
          .second-menu .container .right-box .top-contractor-info {
            display: flex;
            margin-left: 40px; }
            .second-menu .container .right-box .top-contractor-info a {
              display: flex;
              align-items: center;
              color: #FFF;
              font-size: 14px;
              font-weight: 600; }
              .second-menu .container .right-box .top-contractor-info a span {
                font-size: 20px;
                color: #FFF;
                font-size: 24px;
                margin-right: 4px; }
              .second-menu .container .right-box .top-contractor-info a span.dot {
                display: none; }
            .second-menu .container .right-box .top-contractor-info .info span {
              color: #1E2648; }
            .second-menu .container .right-box .top-contractor-info .info a {
              color: #000; }
              .second-menu .container .right-box .top-contractor-info .info a.btn:hover {
                color: #FFF; }
          .second-menu .container .right-box .cart {
            display: flex;
            align-items: center;
            margin-left: 24px; }
            .second-menu .container .right-box .cart a span {
              color: #FFF;
              font-size: 24px; }
            .second-menu .container .right-box .cart a.cart-empty span.dot {
              display: none; } }

/* Menu + filter popup */
div.cover-popup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: #1E2648;
  background-image: url(../images/road.png);
  background-size: 250%;
  background-position: bottom -30% left 70%;
  background-repeat: no-repeat;
  overflow: auto;
  flex-direction: column;
  justify-content: space-between; }
  @media only screen and (min-width: 1000px) {
    div.cover-popup {
      background: rgba(0, 0, 0, 0.5);
      align-items: center;
      justify-content: center; } }
  div.cover-popup form {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    justify-content: space-between; }
    @media only screen and (min-width: 1000px) {
      div.cover-popup form {
        background: #1E2648;
        min-height: unset;
        width: 100%;
        max-width: 600px; } }
  div.cover-popup .top .info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 24px;
    border-bottom: 1px solid #2e3859;
    color: #FFF; }
    div.cover-popup .top .info .contractor {
      color: #818589;
      font-size: 15px;
      text-transform: uppercase;
      font-weight: bold; }
    div.cover-popup .top .info a.hide-mobile-menu, div.cover-popup .top .info a.hide-filter, div.cover-popup .top .info a.hide-discount-code, div.cover-popup .top .info a.hide-share-popup {
      color: #FFF;
      font-size: 24px; }
  div.cover-popup .foot {
    padding: 8px 24px 40px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    div.cover-popup .foot a.btn {
      width: 100%;
      background: none;
      border-color: #FFF; }
      div.cover-popup .foot a.btn span {
        margin-left: 4px; }
    div.cover-popup .foot a.clear {
      color: #FFF;
      margin-top: 8px; }
  div.cover-popup.mobile-menu .main-menu {
    width: 100%;
    padding: 0 24px; }
    div.cover-popup.mobile-menu .main-menu ul {
      display: flex;
      flex-direction: column;
      list-style: none;
      padding: 0;
      margin: 0;
      width: 100%; }
      div.cover-popup.mobile-menu .main-menu ul li {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        border-bottom: 1px solid #2e3859; }
        div.cover-popup.mobile-menu .main-menu ul li a {
          color: #FFF;
          font-size: 22px;
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          font-weight: 600;
          padding: 16px 0; }
          div.cover-popup.mobile-menu .main-menu ul li a.link {
            width: 80%; }
          div.cover-popup.mobile-menu .main-menu ul li a.toggle {
            width: 20%;
            justify-content: flex-end; }
            div.cover-popup.mobile-menu .main-menu ul li a.toggle span {
              font-size: 16px; }
            div.cover-popup.mobile-menu .main-menu ul li a.toggle span.icon-arrow-up {
              display: none; }
          div.cover-popup.mobile-menu .main-menu ul li a.link span.extra-name {
            width: 100%;
            font-size: 13px;
            font-weight: normal; }
        div.cover-popup.mobile-menu .main-menu ul li.no-children a.link {
          width: 100%;
          justify-content: space-between; }
          div.cover-popup.mobile-menu .main-menu ul li.no-children a.link span {
            font-size: 16px;
            display: none; }
            div.cover-popup.mobile-menu .main-menu ul li.no-children a.link span.extra-name {
              font-size: 13px; }
        div.cover-popup.mobile-menu .main-menu ul li ul {
          display: none; }
          div.cover-popup.mobile-menu .main-menu ul li ul li {
            border: 0; }
            div.cover-popup.mobile-menu .main-menu ul li ul li a {
              font-size: 14px;
              font-weight: normal;
              padding: 4px 0; }
            div.cover-popup.mobile-menu .main-menu ul li ul li ul li a {
              padding-left: 16px; }
        div.cover-popup.mobile-menu .main-menu ul li.active > a.toggle span.icon-arrow-up {
          display: flex; }
        div.cover-popup.mobile-menu .main-menu ul li.active > a.toggle span.icon-arrow-down {
          display: none; }
        div.cover-popup.mobile-menu .main-menu ul li.active > ul {
          display: flex;
          padding-bottom: 16px; }
  div.cover-popup.mobile-menu a.icon {
    border-color: #FFF;
    color: #FFF; }
  div.cover-popup.mobile-menu h5 {
    margin: 0 0 4px;
    font-size: 16px;
    color: #FFF; }
  div.cover-popup.mobile-menu .contact {
    width: 100%;
    padding: 32px 24px; }
    div.cover-popup.mobile-menu .contact .open-hours ul {
      width: 100%;
      list-style: none;
      margin: 0;
      padding: 0; }
      div.cover-popup.mobile-menu .contact .open-hours ul li {
        color: #FFF; }
    div.cover-popup.mobile-menu .contact .open-hours div.desc {
      margin-top: 8px;
      color: #FFF;
      font-size: 13px;
      font-style: italic; }
    div.cover-popup.mobile-menu .contact .contact-ways {
      display: flex;
      flex-direction: column;
      padding-top: 16px; }
      div.cover-popup.mobile-menu .contact .contact-ways .buttons {
        display: flex; }
        div.cover-popup.mobile-menu .contact .contact-ways .buttons a {
          margin-right: 8px; }
  div.cover-popup.mobile-menu .foot {
    width: 100%;
    padding: 0 24px; }
    div.cover-popup.mobile-menu .foot ul {
      width: 100%;
      padding: 16px 0;
      border-top: 1px solid #2e3859;
      display: flex;
      justify-content: center;
      list-style: none;
      margin: 0; }
      div.cover-popup.mobile-menu .foot ul li {
        margin: 0 4px; }
        div.cover-popup.mobile-menu .foot ul li a.icon-btn {
          border-color: #FFF;
          color: #FFF; }
  div.cover-popup.filter ul.fields {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column; }
    div.cover-popup.filter ul.fields li {
      border-bottom: 1px solid #2e3859;
      padding: 16px 24px; }
      div.cover-popup.filter ul.fields li h3 {
        color: #FFF;
        font-size: 17px;
        margin: 0; }
      div.cover-popup.filter ul.fields li.type-checkbox .buttons {
        display: flex;
        flex-wrap: wrap;
        margin-top: 12px; }
        div.cover-popup.filter ul.fields li.type-checkbox .buttons label {
          display: flex;
          position: relative; }
          div.cover-popup.filter ul.fields li.type-checkbox .buttons label span {
            display: flex;
            border: 1px solid #FFF;
            border-radius: 3px;
            margin: 0 8px 8px 0;
            padding: 4px 8px;
            color: #FFF;
            font-size: 13px;
            font-weight: 600; }
            div.cover-popup.filter ul.fields li.type-checkbox .buttons label span:hover {
              cursor: pointer; }
          div.cover-popup.filter ul.fields li.type-checkbox .buttons label input {
            position: absolute;
            opacity: 0.001; }
            div.cover-popup.filter ul.fields li.type-checkbox .buttons label input:checked + span {
              background: #FFF;
              color: #000; }
      div.cover-popup.filter ul.fields li.type-radio a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #FFF; }
        div.cover-popup.filter ul.fields li.type-radio a div div {
          font-size: 16px;
          font-weight: 600; }
        div.cover-popup.filter ul.fields li.type-radio a span {
          color: #FFF;
          font-size: 24px; }
          div.cover-popup.filter ul.fields li.type-radio a span.icon-arrow-up {
            display: none; }
      div.cover-popup.filter ul.fields li.type-radio .values {
        display: none;
        flex-direction: column;
        margin-top: 16px; }
        div.cover-popup.filter ul.fields li.type-radio .values label {
          position: relative; }
          div.cover-popup.filter ul.fields li.type-radio .values label span {
            color: #FFF; }
          div.cover-popup.filter ul.fields li.type-radio .values label input {
            position: absolute;
            opacity: 0.001; }
      div.cover-popup.filter ul.fields li.type-radio.open a span.icon-arrow-down {
        display: none; }
      div.cover-popup.filter ul.fields li.type-radio.open a span.icon-arrow-up {
        display: flex; }
      div.cover-popup.filter ul.fields li.type-radio.open .values {
        display: flex; }
      div.cover-popup.filter ul.fields li.type-size .size {
        display: flex;
        align-items: center;
        margin-top: 12px; }
        div.cover-popup.filter ul.fields li.type-size .size div {
          margin-right: 4px;
          color: #FFF; }
          div.cover-popup.filter ul.fields li.type-size .size div select {
            display: flex;
            border: 1px solid #FFF;
            border-radius: 3px;
            padding: 4px 8px;
            color: #FFF;
            font-size: 13px;
            background: none; }
  div.cover-popup.discount-code ul.fields {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column; }
    div.cover-popup.discount-code ul.fields li {
      border-bottom: 1px solid #2e3859;
      padding: 16px 24px; }
      div.cover-popup.discount-code ul.fields li h3 {
        color: #FFF;
        font-size: 17px;
        margin: 0 0 4px; }
      div.cover-popup.discount-code ul.fields li input[type=text] {
        width: 100%;
        padding: 16px;
        border: 1px solid #2e3859; }
  div.cover-popup.buy-terms .article {
    background: #FFF;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; }
    @media only screen and (min-width: 1000px) {
      div.cover-popup.buy-terms .article {
        max-width: 800px;
        max-height: 90%; } }
    div.cover-popup.buy-terms .article .top {
      background: #1E2648; }
      div.cover-popup.buy-terms .article .top .info .contractor {
        color: #FFF; }
      div.cover-popup.buy-terms .article .top a.hide-buy-terms {
        color: #FFF; }
    div.cover-popup.buy-terms .article .article-content {
      padding: 24px;
      overflow: auto; }
      div.cover-popup.buy-terms .article .article-content .ingress {
        margin-bottom: 24px; }
    div.cover-popup.buy-terms .article .foot {
      padding: 12px 24px; }
      div.cover-popup.buy-terms .article .foot a.btn {
        background: #1E2648; }
  div.cover-popup.addon-popup, div.cover-popup.webshop-article-popup {
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center; }
    div.cover-popup.addon-popup .content, div.cover-popup.webshop-article-popup .content {
      background: #FFF;
      width: calc(100% - 32px);
      height: auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 32px; }
      @media only screen and (min-width: 1000px) {
        div.cover-popup.addon-popup .content, div.cover-popup.webshop-article-popup .content {
          width: auto; } }
      div.cover-popup.addon-popup .content span, div.cover-popup.webshop-article-popup .content span {
        margin-bottom: 12px;
        color: #C7D64F;
        font-size: 48px; }
      div.cover-popup.addon-popup .content h3, div.cover-popup.webshop-article-popup .content h3 {
        text-align: center;
        font-size: 20px; }
      div.cover-popup.addon-popup .content ul, div.cover-popup.webshop-article-popup .content ul {
        list-style: none;
        margin: 24px 0 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        width: 100%; }
        @media only screen and (min-width: 1000px) {
          div.cover-popup.addon-popup .content ul, div.cover-popup.webshop-article-popup .content ul {
            flex-direction: row;
            width: auto; } }
        div.cover-popup.addon-popup .content ul li, div.cover-popup.webshop-article-popup .content ul li {
          padding-bottom: 8px; }
          @media only screen and (min-width: 1000px) {
            div.cover-popup.addon-popup .content ul li, div.cover-popup.webshop-article-popup .content ul li {
              padding: 0 4px; } }

div.shadow-popup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  overflow: auto;
  align-items: center;
  justify-content: center; }
  div.shadow-popup.open {
    display: flex; }
  div.shadow-popup div.body {
    display: flex;
    flex-direction: column;
    background: #FFF;
    box-shadow: 0 0 40px #000;
    border-radius: 2px;
    width: calc(100% - 24px);
    max-height: calc(100% - 24px);
    padding: 24px;
    position: relative;
    overflow: auto; }
    div.shadow-popup div.body a.close {
      position: absolute;
      right: 20px;
      top: 16px; }
    div.shadow-popup div.body h3 {
      text-align: center;
      margin-bottom: 8px; }
    @media only screen and (min-width: 1000px) {
      div.shadow-popup div.body {
        width: 700px;
        padding: 40px; } }
    div.shadow-popup div.body .contractor-search-small {
      border: 0;
      margin: 0;
      width: 100%;
      padding: 0; }

/* MOBILE MENY */
body.menu-open,
body.disable-scroll {
  overflow: hidden; }
  body.menu-open.menu-open .mobile-menu,
  body.disable-scroll.menu-open .mobile-menu {
    display: flex; }

/* Karta */
.map iframe {
  width: 100%;
  height: 100%; }

/* Foot */
div.footer {
  margin-top: 48px; }
  div.footer .pages {
    display: flex;
    justify-content: center;
    background: #F7F7F7; }
    @media only screen and (min-width: 1000px) {
      div.footer .pages {
        background: #FFF; }
        div.footer .pages .container {
          border-top: 1px solid #EAEAEA; } }
    div.footer .pages ul {
      list-style: none;
      padding: 0;
      margin: 0;
      width: 100%; }
      @media only screen and (min-width: 1000px) {
        div.footer .pages ul {
          display: flex; } }
      div.footer .pages ul li {
        width: 100%; }
        div.footer .pages ul li a {
          display: flex;
          padding: 12px 24px;
          border-bottom: 1px solid #F0F0F0;
          font-size: 12px; }
          @media only screen and (min-width: 1000px) {
            div.footer .pages ul li a {
              border-bottom: 0;
              font-size: 15px;
              justify-content: center;
              padding: 24px 0;
              font-weight: 600;
              text-decoration: underline; } }
  div.footer .social-media {
    display: flex;
    justify-content: center;
    background: #F7F7F7;
    padding: 24px 0; }
    div.footer .social-media .container {
      display: flex;
      flex-direction: column; }
      @media only screen and (min-width: 1000px) {
        div.footer .social-media .container {
          justify-content: space-between;
          flex-direction: row; } }
      div.footer .social-media .container div.address {
        font-size: 14px;
        padding: 0 24px 24px; }
        @media only screen and (min-width: 1000px) {
          div.footer .social-media .container div.address {
            padding: 0; } }
      div.footer .social-media .container a ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        display: flex;
        justify-content: center; }
        @media only screen and (min-width: 1000px) {
          div.footer .social-media .container a ul {
            justify-content: flex-end; } }
        div.footer .social-media .container a ul li {
          margin: 0 4px; }
          div.footer .social-media .container a ul li span {
            font-size: 38px; }
            @media only screen and (min-width: 1000px) {
              div.footer .social-media .container a ul li span {
                font-size: 42px; } }
  div.footer .copy {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    background: #F7F7F7;
    font-size: 11px;
    padding: 12px 24px;
    background: #1E2648;
    color: #FFF;
    flex-direction: column; }
    @media only screen and (min-width: 1000px) {
      div.footer .copy {
        flex-direction: row; }
        div.footer .copy div.address,
        div.footer .copy div.rights {
          margin-left: 4px; } }

/* startpage */
body.startpage {
  /* Om valt verkstad */
  /* Book popup */ }
  body.startpage .main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    /* Vald verkstad */
    /* products */
    /* Sok verkstad */
    /* Nyheter */
    /* Services */
    /* Artikel */ }
    body.startpage .main .campaign {
      display: flex;
      justify-content: center;
      width: 100%;
      background-image: url(../images/road.png);
      background-color: #1E2648;
      background-position: right -209px top -82px;
      background-size: 175%;
      background-repeat: no-repeat;
      color: #FFF;
      padding: 16px 0; }
      @media only screen and (min-width: 1000px) {
        body.startpage .main .campaign {
          display: none; } }
      body.startpage .main .campaign.link {
        padding: 0; }
      body.startpage .main .campaign a {
        width: 100%;
        padding: 16px 0;
        text-align: center;
        color: #FFF;
        font-size: 16px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center; }
        body.startpage .main .campaign a span {
          margin-left: 4px; }
    body.startpage .main .hero-holder {
      display: flex;
      width: 100%;
      min-height: 520px; }
      body.startpage .main .hero-holder ul.heroes {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%; }
        @media only screen and (min-width: 1000px) {
          body.startpage .main .hero-holder ul.heroes {
            display: flex; } }
        body.startpage .main .hero-holder ul.heroes li {
          display: flex;
          background-position: center center;
          background-size: cover;
          flex-basis: 100%; }
          body.startpage .main .hero-holder ul.heroes li > a {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
            color: #FFF;
            width: 100%;
            background: rgba(0, 0, 0, 0.24);
            padding: 48px 24px 120px; }
            @media only screen and (min-width: 1000px) {
              body.startpage .main .hero-holder ul.heroes li > a {
                padding: 48px 48px 120px; } }
            body.startpage .main .hero-holder ul.heroes li > a h2 {
              text-align: center;
              margin-bottom: 24px;
              font-size: 28px; }
            body.startpage .main .hero-holder ul.heroes li > a span.btn {
              background: none;
              border-color: #FFF;
              color: #FFF; }
              body.startpage .main .hero-holder ul.heroes li > a span.btn:hover {
                background: #FFF;
                color: #1E2648; }
      body.startpage .main .hero-holder .swiper {
        display: flex;
        min-height: 520px; }
        @media only screen and (min-width: 1000px) {
          body.startpage .main .hero-holder .swiper {
            display: none; } }
        body.startpage .main .hero-holder .swiper .swiper-wrapper .swiper-slide {
          height: 100%;
          display: flex;
          background-position: center center;
          background-size: cover;
          flex-basis: 100%; }
          body.startpage .main .hero-holder .swiper .swiper-wrapper .swiper-slide > a {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
            color: #FFF;
            width: 100%;
            background: rgba(0, 0, 0, 0.24);
            padding: 48px 24px 120px; }
            @media only screen and (min-width: 1000px) {
              body.startpage .main .hero-holder .swiper .swiper-wrapper .swiper-slide > a {
                padding: 48px 48px 120px; } }
            body.startpage .main .hero-holder .swiper .swiper-wrapper .swiper-slide > a h2 {
              text-align: center;
              margin-bottom: 24px;
              font-size: 28px; }
            body.startpage .main .hero-holder .swiper .swiper-wrapper .swiper-slide > a span.btn {
              background: none;
              border-color: #FFF;
              color: #FFF; }
              body.startpage .main .hero-holder .swiper .swiper-wrapper .swiper-slide > a span.btn:hover {
                background: #FFF;
                color: #1E2648; }
      body.startpage .main .hero-holder ul.heroes div.search-holder,
      body.startpage .main .hero-holder .swiper div.search-holder {
        display: flex;
        padding: 48px 48px 64px;
        width: 100%;
        justify-content: center; }
        body.startpage .main .hero-holder ul.heroes div.search-holder h3,
        body.startpage .main .hero-holder .swiper div.search-holder h3 {
          color: #FFF;
          text-align: center;
          font-size: 28px;
          margin-bottom: 24px; }
        body.startpage .main .hero-holder ul.heroes div.search-holder .reg-number,
        body.startpage .main .hero-holder .swiper div.search-holder .reg-number {
          justify-content: flex-end; }
          body.startpage .main .hero-holder ul.heroes div.search-holder .reg-number form,
          body.startpage .main .hero-holder .swiper div.search-holder .reg-number form {
            width: 100%; }
            body.startpage .main .hero-holder ul.heroes div.search-holder .reg-number form .step-1,
            body.startpage .main .hero-holder .swiper div.search-holder .reg-number form .step-1 {
              align-items: center; }
            body.startpage .main .hero-holder ul.heroes div.search-holder .reg-number form .regnr-field,
            body.startpage .main .hero-holder .swiper div.search-holder .reg-number form .regnr-field {
              border-width: 0;
              max-width: 300px;
              margin-bottom: 12px; }
              body.startpage .main .hero-holder ul.heroes div.search-holder .reg-number form .regnr-field input,
              body.startpage .main .hero-holder ul.heroes div.search-holder .reg-number form .regnr-field a.clear-regnr,
              body.startpage .main .hero-holder .swiper div.search-holder .reg-number form .regnr-field input,
              body.startpage .main .hero-holder .swiper div.search-holder .reg-number form .regnr-field a.clear-regnr {
                background: rgba(0, 0, 0, 0.4); }
              body.startpage .main .hero-holder ul.heroes div.search-holder .reg-number form .regnr-field input,
              body.startpage .main .hero-holder .swiper div.search-holder .reg-number form .regnr-field input {
                color: #FFF; }
            body.startpage .main .hero-holder ul.heroes div.search-holder .reg-number form a.regnr-info,
            body.startpage .main .hero-holder .swiper div.search-holder .reg-number form a.regnr-info {
              background: rgba(255, 255, 255, 0.7);
              width: auto; }
        body.startpage .main .hero-holder ul.heroes div.search-holder .size-search,
        body.startpage .main .hero-holder .swiper div.search-holder .size-search {
          justify-content: flex-end; }
          body.startpage .main .hero-holder ul.heroes div.search-holder .size-search form,
          body.startpage .main .hero-holder .swiper div.search-holder .size-search form {
            width: 100%; }
            body.startpage .main .hero-holder ul.heroes div.search-holder .size-search form div.size div span,
            body.startpage .main .hero-holder .swiper div.search-holder .size-search form div.size div span {
              color: #FFF; }
            body.startpage .main .hero-holder ul.heroes div.search-holder .size-search form div.size div select,
            body.startpage .main .hero-holder .swiper div.search-holder .size-search form div.size div select {
              background: rgba(0, 0, 0, 0.4);
              color: #FFF; }
            body.startpage .main .hero-holder ul.heroes div.search-holder .size-search form div.size div.dia-short,
            body.startpage .main .hero-holder ul.heroes div.search-holder .size-search form div.size div.slash,
            body.startpage .main .hero-holder .swiper div.search-holder .size-search form div.size div.dia-short,
            body.startpage .main .hero-holder .swiper div.search-holder .size-search form div.size div.slash {
              color: #FFF; }
        body.startpage .main .hero-holder ul.heroes div.search-holder .model-search,
        body.startpage .main .hero-holder .swiper div.search-holder .model-search {
          justify-content: flex-end; }
          body.startpage .main .hero-holder ul.heroes div.search-holder .model-search form,
          body.startpage .main .hero-holder .swiper div.search-holder .model-search form {
            width: 100%; }
            body.startpage .main .hero-holder ul.heroes div.search-holder .model-search form .step-1,
            body.startpage .main .hero-holder .swiper div.search-holder .model-search form .step-1 {
              display: flex;
              align-items: center; }
        body.startpage .main .hero-holder ul.heroes div.search-holder .search-options,
        body.startpage .main .hero-holder .swiper div.search-holder .search-options {
          height: 24px; }
          @media only screen and (min-width: 1000px) {
            body.startpage .main .hero-holder ul.heroes div.search-holder .search-options,
            body.startpage .main .hero-holder .swiper div.search-holder .search-options {
              width: auto; } }
          body.startpage .main .hero-holder ul.heroes div.search-holder .search-options a,
          body.startpage .main .hero-holder .swiper div.search-holder .search-options a {
            padding: 2px 0px;
            background: none;
            white-space: nowrap;
            color: #FFF; }
            @media only screen and (min-width: 1000px) {
              body.startpage .main .hero-holder ul.heroes div.search-holder .search-options a,
              body.startpage .main .hero-holder .swiper div.search-holder .search-options a {
                padding: 2px 12px; } }
        body.startpage .main .hero-holder ul.heroes div.search-holder span.btn,
        body.startpage .main .hero-holder ul.heroes div.search-holder input[type="submit"],
        body.startpage .main .hero-holder .swiper div.search-holder span.btn,
        body.startpage .main .hero-holder .swiper div.search-holder input[type="submit"] {
          background: none;
          border-color: #FFF;
          width: auto; }
          body.startpage .main .hero-holder ul.heroes div.search-holder span.btn:hover:not(.disabled),
          body.startpage .main .hero-holder ul.heroes div.search-holder input[type="submit"]:hover:not(.disabled),
          body.startpage .main .hero-holder .swiper div.search-holder span.btn:hover:not(.disabled),
          body.startpage .main .hero-holder .swiper div.search-holder input[type="submit"]:hover:not(.disabled) {
            background: #FFF;
            color: #1E2648; }
          body.startpage .main .hero-holder ul.heroes div.search-holder span.btn.disabled,
          body.startpage .main .hero-holder ul.heroes div.search-holder input[type="submit"].disabled,
          body.startpage .main .hero-holder .swiper div.search-holder span.btn.disabled,
          body.startpage .main .hero-holder .swiper div.search-holder input[type="submit"].disabled {
            cursor: default;
            border-color: #999; }
            body.startpage .main .hero-holder ul.heroes div.search-holder span.btn.disabled div.loader,
            body.startpage .main .hero-holder ul.heroes div.search-holder input[type="submit"].disabled div.loader,
            body.startpage .main .hero-holder .swiper div.search-holder span.btn.disabled div.loader,
            body.startpage .main .hero-holder .swiper div.search-holder input[type="submit"].disabled div.loader {
              display: none; }
            body.startpage .main .hero-holder ul.heroes div.search-holder span.btn.disabled.loading span,
            body.startpage .main .hero-holder ul.heroes div.search-holder input[type="submit"].disabled.loading span,
            body.startpage .main .hero-holder .swiper div.search-holder span.btn.disabled.loading span,
            body.startpage .main .hero-holder .swiper div.search-holder input[type="submit"].disabled.loading span {
              display: none; }
            body.startpage .main .hero-holder ul.heroes div.search-holder span.btn.disabled.loading div.loader,
            body.startpage .main .hero-holder ul.heroes div.search-holder input[type="submit"].disabled.loading div.loader,
            body.startpage .main .hero-holder .swiper div.search-holder span.btn.disabled.loading div.loader,
            body.startpage .main .hero-holder .swiper div.search-holder input[type="submit"].disabled.loading div.loader {
              display: flex; }
        body.startpage .main .hero-holder ul.heroes div.search-holder .step-2 h3,
        body.startpage .main .hero-holder .swiper div.search-holder .step-2 h3 {
          order: 1; }
        body.startpage .main .hero-holder ul.heroes div.search-holder .step-2 ul,
        body.startpage .main .hero-holder .swiper div.search-holder .step-2 ul {
          order: 2; }
          body.startpage .main .hero-holder ul.heroes div.search-holder .step-2 ul li label,
          body.startpage .main .hero-holder .swiper div.search-holder .step-2 ul li label {
            background: none;
            border-color: #FFF;
            color: #FFF; }
            body.startpage .main .hero-holder ul.heroes div.search-holder .step-2 ul li label:hover,
            body.startpage .main .hero-holder .swiper div.search-holder .step-2 ul li label:hover {
              background: #FFF;
              color: #1E2648; }
        body.startpage .main .hero-holder ul.heroes div.search-holder .step-2 a.back,
        body.startpage .main .hero-holder .swiper div.search-holder .step-2 a.back {
          color: #FFF;
          order: 3;
          margin-top: 24px; }
    body.startpage .main .hero {
      display: flex;
      width: 100%;
      min-height: 520px;
      align-items: center;
      justify-content: center;
      background-size: cover;
      background-position: center center; }
      body.startpage .main .hero .container {
        padding: 24px 24px; }
        body.startpage .main .hero .container h1, body.startpage .main .hero .container .ingress {
          color: #FFF; }
      body.startpage .main .hero .headers {
        color: #FFF;
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
        @media only screen and (min-width: 1000px) {
          body.startpage .main .hero .headers {
            max-width: 800px; } }
        body.startpage .main .hero .headers h1 {
          font-size: 36px;
          font-weight: 700;
          line-height: 1.3;
          color: #FFF;
          margin: 0; }
          @media only screen and (min-width: 1000px) {
            body.startpage .main .hero .headers h1 {
              font-size: 42px; } }
        body.startpage .main .hero .headers div.ingress {
          font-size: 16px;
          color: #FFF;
          margin-bottom: 8px;
          font-weight: 600; }
          body.startpage .main .hero .headers div.ingress p {
            margin: 0; }
          @media only screen and (min-width: 1000px) {
            body.startpage .main .hero .headers div.ingress {
              /*display: none;*/ } }
        body.startpage .main .hero .headers div.btns {
          margin-top: 48px; }
          @media only screen and (min-width: 1000px) {
            body.startpage .main .hero .headers div.btns {
              display: flex;
              order: 3; } }
          body.startpage .main .hero .headers div.btns a.btn {
            background: none;
            border-color: #FFF;
            color: #FFF;
            margin: 0 8px; }
            body.startpage .main .hero .headers div.btns a.btn:hover {
              background: #1E2648;
              border-color: #1E2648; }
      body.startpage .main .hero div.webshop-search {
        border-top: 0;
        align-items: flex-start;
        padding: 32px 0 0;
        width: 100%; }
        @media only screen and (min-width: 1000px) {
          body.startpage .main .hero div.webshop-search {
            max-width: 470px; } }
        body.startpage .main .hero div.webshop-search div.reg-number {
          align-items: flex-start; }
        body.startpage .main .hero div.webshop-search form {
          width: 100%; }
        body.startpage .main .hero div.webshop-search div.regnr-info {
          display: none;
          background: #F7F7F7;
          padding: 8px 16px;
          font-size: 13px;
          align-items: center;
          width: 100%;
          margin: 8px 0; }
          body.startpage .main .hero div.webshop-search div.regnr-info span.image {
            display: flex;
            padding-right: 16px; }
            body.startpage .main .hero div.webshop-search div.regnr-info span.image img {
              height: 32px; }
          body.startpage .main .hero div.webshop-search div.regnr-info .size {
            display: none; }
        body.startpage .main .hero div.webshop-search div.form-error {
          display: none;
          align-items: center;
          padding: 8px 12px;
          margin-bottom: 8px;
          background: #CC0000;
          color: #FFF; }
          body.startpage .main .hero div.webshop-search div.form-error span {
            margin-right: 4px;
            font-size: 14px; }
          body.startpage .main .hero div.webshop-search div.form-error div {
            font-size: 13px; }
        body.startpage .main .hero div.webshop-search div.search-buttons {
          display: flex;
          width: 100%; }
          body.startpage .main .hero div.webshop-search div.search-buttons ul {
            display: flex;
            flex-direction: column;
            list-style: none;
            margin: 0;
            padding: 0;
            width: 100%; }
            @media only screen and (min-width: 1000px) {
              body.startpage .main .hero div.webshop-search div.search-buttons ul {
                flex-direction: row;
                justify-content: space-between; } }
            body.startpage .main .hero div.webshop-search div.search-buttons ul li {
              display: flex;
              width: 100%;
              margin-bottom: 8px; }
              @media only screen and (min-width: 1000px) {
                body.startpage .main .hero div.webshop-search div.search-buttons ul li {
                  width: 32%; } }
              body.startpage .main .hero div.webshop-search div.search-buttons ul li .btn {
                background: #4B8D5A;
                color: #FFF;
                border: 0; }
                body.startpage .main .hero div.webshop-search div.search-buttons ul li .btn.disabled {
                  cursor: default;
                  opacity: 0.75; }
                body.startpage .main .hero div.webshop-search div.search-buttons ul li .btn:hover:not(.disabled) {
                  background: #3e7d4c; }
        body.startpage .main .hero div.webshop-search ul.search-options li a {
          color: #FFF; }
        body.startpage .main .hero div.webshop-search div.model-search {
          width: 100%; }
        body.startpage .main .hero div.webshop-search div.size-search {
          width: 100%; }
          body.startpage .main .hero div.webshop-search div.size-search div.size div span {
            color: #FFF; }
          body.startpage .main .hero div.webshop-search div.size-search div.size div select {
            color: #FFF; }
          body.startpage .main .hero div.webshop-search div.size-search div.size div option {
            color: #000; }
          body.startpage .main .hero div.webshop-search div.size-search div.size div.slash, body.startpage .main .hero div.webshop-search div.size-search div.size div.dia-short {
            color: #FFF; }
    body.startpage .main div.buttons {
      display: flex;
      width: 100%;
      justify-content: center;
      padding: 16px 0; }
      @media only screen and (min-width: 1000px) {
        body.startpage .main div.buttons {
          border-bottom: 1px solid #F0F0F0; } }
      @media only screen and (min-width: 1000px) {
        body.startpage .main div.buttons.buttons-no-shop {
          display: none; } }
      body.startpage .main div.buttons ul {
        display: flex;
        justify-content: center;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        /*@media only screen and (max-width: $mobile-width) {*/
        padding: 0 24px;
        /*}*/ }
        body.startpage .main div.buttons ul li {
          flex-grow: 1;
          /*@media only screen and (max-width: $mobile-width) {*/
          padding: 0px 8px;
          /*}*/ }
          @media only screen and (min-width: 1000px) {
            body.startpage .main div.buttons ul li {
              flex-grow: 0; } }
          body.startpage .main div.buttons ul li a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            padding: 16px 0;
            /*@media only screen and (max-width: $mobile-width) {*/
            border: 1px solid #1E2648;
            width: auto;
            padding: 12px 16px;
            border-radius: 5px;
            /*}*/ }
            @media only screen and (min-width: 1000px) {
              body.startpage .main div.buttons ul li a {
                width: 200px; } }
            body.startpage .main div.buttons ul li a span.txt {
              text-decoration: underline;
              margin-right: 4px;
              font-size: 14px;
              font-weight: 600; }
            body.startpage .main div.buttons ul li a span.icon-arrow-right {
              font-size: 15px; }
            body.startpage .main div.buttons ul li a:hover {
              background: #1E2648;
              color: #FFF; }
            body.startpage .main div.buttons ul li a span.txt {
              text-decoration: none; }
    body.startpage .main div.shop {
      width: 100%;
      display: flex;
      justify-content: center; }
      body.startpage .main div.shop .container {
        padding: 40px 24px 68px;
        display: flex;
        flex-direction: column;
        align-items: center; }
        @media only screen and (min-width: 1000px) {
          body.startpage .main div.shop .container {
            padding: 40px 0 68px; } }
        body.startpage .main div.shop .container .article {
          display: flex;
          flex-direction: column;
          align-items: center; }
          body.startpage .main div.shop .container .article h2, body.startpage .main div.shop .container .article h1 {
            margin: 0 0 12px;
            text-align: center;
            font-size: 32px; }
          body.startpage .main div.shop .container .article .text {
            text-align: center; }
            @media only screen and (min-width: 1000px) {
              body.startpage .main div.shop .container .article .text {
                width: 60%; } }
            body.startpage .main div.shop .container .article .text img {
              max-width: 100%; }
        body.startpage .main div.shop .container .boxes {
          display: flex;
          flex-wrap: wrap;
          border-top: 1px solid #F0F0F0;
          margin-top: 24px;
          padding-top: 24px; }
          @media only screen and (min-width: 1000px) {
            body.startpage .main div.shop .container .boxes {
              justify-content: center; } }
        body.startpage .main div.shop .container div.contact-settings {
          width: 100%;
          border-top: 1px solid #F0F0F0;
          margin-top: 24px;
          padding-top: 24px;
          display: flex;
          flex-direction: column;
          align-items: center; }
          @media only screen and (min-width: 1000px) {
            body.startpage .main div.shop .container div.contact-settings {
              width: 60%; } }
          body.startpage .main div.shop .container div.contact-settings h3 {
            text-align: center;
            color: #7C7C7C;
            font-size: 22px;
            margin-bottom: 12px; }
          body.startpage .main div.shop .container div.contact-settings ul {
            display: flex;
            flex-direction: column;
            list-style: none;
            margin: 0;
            padding: 0; }
            body.startpage .main div.shop .container div.contact-settings ul li.address {
              margin-bottom: 24px;
              display: flex;
              justify-content: center; }
              body.startpage .main div.shop .container div.contact-settings ul li.address a {
                display: flex;
                align-items: center;
                font-weight: 600;
                font-size: 18px; }
                body.startpage .main div.shop .container div.contact-settings ul li.address a span {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  width: 30px;
                  height: 30px;
                  font-size: 20px;
                  margin-right: 10px;
                  border: 1px solid #000;
                  border-radius: 100px; }
                body.startpage .main div.shop .container div.contact-settings ul li.address a div {
                  width: calc(100% - 40px); }
            body.startpage .main div.shop .container div.contact-settings ul li.buttons {
              margin-bottom: 12px; }
              body.startpage .main div.shop .container div.contact-settings ul li.buttons ul {
                display: flex;
                list-style: none;
                margin: 0;
                padding: 0;
                align-items: center; }
                @media only screen and (min-width: 1000px) {
                  body.startpage .main div.shop .container div.contact-settings ul li.buttons ul {
                    flex-direction: row; } }
                body.startpage .main div.shop .container div.contact-settings ul li.buttons ul li {
                  margin-bottom: 12px; }
                  @media only screen and (min-width: 1000px) {
                    body.startpage .main div.shop .container div.contact-settings ul li.buttons ul li {
                      padding: 0 24px; } }
                  body.startpage .main div.shop .container div.contact-settings ul li.buttons ul li a {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-weight: 600;
                    font-size: 18px; }
                    body.startpage .main div.shop .container div.contact-settings ul li.buttons ul li a span {
                      font-size: 40px;
                      margin-right: 4px; }
                    body.startpage .main div.shop .container div.contact-settings ul li.buttons ul li a img.miljofyrtarn {
                      height: 60px; }
            body.startpage .main div.shop .container div.contact-settings ul li.request {
              display: flex;
              justify-content: center;
              align-items: center; }
        body.startpage .main div.shop .container div.contact {
          width: 100%;
          border-top: 1px solid #F0F0F0;
          margin-top: 24px;
          padding-top: 24px;
          display: flex;
          flex-direction: column;
          align-items: center; }
          @media only screen and (min-width: 1000px) {
            body.startpage .main div.shop .container div.contact {
              width: 60%; } }
          body.startpage .main div.shop .container div.contact div {
            width: 100%; }
            body.startpage .main div.shop .container div.contact div h3 {
              margin-bottom: 8px; }
            body.startpage .main div.shop .container div.contact div ul {
              display: flex;
              flex-wrap: wrap;
              list-style: none;
              margin: 0;
              padding: 0; }
              body.startpage .main div.shop .container div.contact div ul li {
                display: flex;
                margin-bottom: 8px;
                width: 50%;
                align-items: flex-start;
                /*@media only screen and (min-width: $mobile-width) {
                	width: 100%;
                }*/ }
                body.startpage .main div.shop .container div.contact div ul li.map {
                  padding-bottom: 16px;
                  order: 1; }
                body.startpage .main div.shop .container div.contact div ul li ul {
                  display: flex; }
                  body.startpage .main div.shop .container div.contact div ul li ul li {
                    margin-right: 0px;
                    width: auto; }
                    body.startpage .main div.shop .container div.contact div ul li ul li a span.icon {
                      font-size: 38px; }
                body.startpage .main div.shop .container div.contact div ul li.buttons {
                  order: 3; }
                body.startpage .main div.shop .container div.contact div ul li.jour {
                  order: 6;
                  /*@media only screen and (min-width: $mobile-width) {
                  	order: 4; margin-bottom: 12px;
                  }*/ }
                body.startpage .main div.shop .container div.contact div ul li.request {
                  order: 2;
                  /*@media only screen and (min-width: $mobile-width) {
                  	order: 5;
                  }*/ }
                  body.startpage .main div.shop .container div.contact div ul li.request a span {
                    margin-right: 4px; }
        body.startpage .main div.shop .container div.review {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: 48px;
          width: 100%; }
          @media only screen and (min-width: 1000px) {
            body.startpage .main div.shop .container div.review {
              width: 60%; } }
          body.startpage .main div.shop .container div.review .average {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap; }
            body.startpage .main div.shop .container div.review .average span {
              color: #FFCC00;
              font-size: 24px;
              margin: 0 1px; }
              body.startpage .main div.shop .container div.review .average span.average {
                color: #000;
                margin-left: 24px;
                font-weight: 600; }
              body.startpage .main div.shop .container div.review .average span.amount {
                width: 100%;
                color: #000;
                font-size: 16px;
                font-style: italic;
                display: flex;
                align-items: center;
                justify-content: center; }
              body.startpage .main div.shop .container div.review .average span div.google_review_info {
                position: relative; }
                body.startpage .main div.shop .container div.review .average span div.google_review_info .icon-info {
                  color: #7C7C7C;
                  font-size: 14px;
                  margin-left: 4px; }
                body.startpage .main div.shop .container div.review .average span div.google_review_info div {
                  display: none;
                  position: absolute;
                  bottom: 110%;
                  right: 0;
                  width: 160px;
                  border: 1px solid #7C7C7C;
                  padding: 4px;
                  background: #FFF;
                  font-size: 11px;
                  font-style: normal; }
                body.startpage .main div.shop .container div.review .average span div.google_review_info:hover div {
                  display: block; }
          body.startpage .main div.shop .container div.review ul {
            display: flex;
            list-style: none;
            padding: 0;
            margin: 32px 0 0;
            flex-direction: column; }
            @media only screen and (min-width: 1000px) {
              body.startpage .main div.shop .container div.review ul {
                flex-direction: row; } }
            body.startpage .main div.shop .container div.review ul li {
              width: 100%;
              padding: 24px;
              border: 1px solid #F0F0F0;
              display: flex;
              align-items: center;
              flex-direction: column;
              margin-bottom: 12px; }
              @media only screen and (min-width: 1000px) {
                body.startpage .main div.shop .container div.review ul li {
                  max-width: 300px;
                  margin: 0 12px; } }
              body.startpage .main div.shop .container div.review ul li a {
                display: flex;
                align-items: center;
                flex-direction: column; }
                body.startpage .main div.shop .container div.review ul li a .desc {
                  font-style: italic;
                  font-size: 15px;
                  text-align: center; }
                body.startpage .main div.shop .container div.review ul li a .author {
                  display: none; }
                body.startpage .main div.shop .container div.review ul li a .grade {
                  margin-bottom: 12px; }
                body.startpage .main div.shop .container div.review ul li a span {
                  color: #FFCC00;
                  margin: 0 1px; }
    body.startpage .main div.banner .container {
      display: flex;
      justify-content: center;
      padding: 32px 24px;
      flex-direction: column; }
      body.startpage .main div.banner .container a {
        display: flex;
        margin-bottom: 16px;
        justify-content: center; }
      @media only screen and (min-width: 1000px) {
        body.startpage .main div.banner .container {
          padding: 32px 0;
          					                 /*flex-direction: row;
          
          					a {
          						margin: 0 8px;
          					}*/ } }
      body.startpage .main div.banner .container img {
        max-width: 100%; }
        body.startpage .main div.banner .container img.desktop {
          display: none; }
      @media only screen and (min-width: 1000px) {
        body.startpage .main div.banner .container img.desktop {
          display: block; }
        body.startpage .main div.banner .container img.mobile {
          display: none; } }
    body.startpage .main .tires {
      background: #F7F7F7;
      width: 100%;
      display: flex;
      justify-content: center; }
      @media only screen and (min-width: 1000px) {
        body.startpage .main .tires div.product-list {
          padding: 42px 0 68px; } }
    body.startpage .main div.search-contractor {
      width: 100%;
      display: flex;
      justify-content: center; }
      body.startpage .main div.search-contractor .container {
        padding: 42px 24px 68px; }
        @media only screen and (min-width: 1000px) {
          body.startpage .main div.search-contractor .container {
            padding: 42px 0 68px; } }
        body.startpage .main div.search-contractor .container h2 {
          text-align: center;
          margin: 0 0 4px; }
        body.startpage .main div.search-contractor .container .ingress {
          text-align: center; }
        body.startpage .main div.search-contractor .container .buttons {
          list-style: none;
          margin: 20px 0 0;
          padding: 0;
          width: 100%;
          display: flex;
          justify-content: space-between; }
          @media only screen and (min-width: 1000px) {
            body.startpage .main div.search-contractor .container .buttons {
              justify-content: center; }
              body.startpage .main div.search-contractor .container .buttons .btn {
                margin: 0 12px; } }
          body.startpage .main div.search-contractor .container .buttons li {
            margin: 0; }
            body.startpage .main div.search-contractor .container .buttons li .btn-blue span {
              color: #FFF; }
            body.startpage .main div.search-contractor .container .buttons li a.btn {
              /* Special i mobilen */ }
              @media only screen and (max-width: 1000px) {
                body.startpage .main div.search-contractor .container .buttons li a.btn {
                  padding: 8px; } }
              body.startpage .main div.search-contractor .container .buttons li a.btn span {
                font-size: 22px;
                margin-right: 4px; }
        body.startpage .main div.search-contractor .container .map {
          width: 100%;
          height: 440px;
          margin-top: 32px;
          background-position: center center;
          background-size: cover; }
        body.startpage .main div.search-contractor .container a.map-image {
          display: flex;
          width: 100%;
          height: 440px;
          margin-top: 32px;
          background-position: center center;
          background-size: cover; }
    body.startpage .main div.news {
      display: flex;
      justify-content: center;
      width: 100%;
      padding: 16px 0; }
      body.startpage .main div.news h2 {
        width: 100%;
        text-align: center;
        margin: 0 0 16px; }
      body.startpage .main div.news ul {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0; }
        body.startpage .main div.news ul li {
          width: 100%;
          padding: 0 24px;
          display: flex;
          flex-direction: column;
          margin-bottom: 24px; }
          @media only screen and (min-width: 1000px) {
            body.startpage .main div.news ul li {
              width: 50%; }
              body.startpage .main div.news ul li:nth-child(2), body.startpage .main div.news ul li:nth-child(4), body.startpage .main div.news ul li:nth-child(6), body.startpage .main div.news ul li:nth-child(8) {
                padding: 0 12px 0 0; }
              body.startpage .main div.news ul li:nth-child(3), body.startpage .main div.news ul li:nth-child(5), body.startpage .main div.news ul li:nth-child(7), body.startpage .main div.news ul li:nth-child(9) {
                padding: 0 0 0 12px; } }
          body.startpage .main div.news ul li a {
            display: flex;
            flex-direction: column;
            background: #F7F7F7;
            height: 100%; }
            body.startpage .main div.news ul li a .img {
              width: 100%;
              height: 200px;
              background-size: cover;
              background-position: center center; }
              @media only screen and (min-width: 1000px) {
                body.startpage .main div.news ul li a .img {
                  height: 300px; } }
            body.startpage .main div.news ul li a .info {
              padding: 32px 52px;
              display: flex;
              flex-direction: column;
              align-items: center; }
              body.startpage .main div.news ul li a .info h3 {
                font-size: 25px;
                margin: 0;
                text-align: center;
                font-weight: 600; }
              body.startpage .main div.news ul li a .info .description {
                padding-top: 16px;
                text-align: center;
                font-weight: 300; }
              body.startpage .main div.news ul li a .info span.btn {
                margin-top: 28px; }
            body.startpage .main div.news ul li a span.btn {
              margin-top: 16px; }
          body.startpage .main div.news ul li:nth-child(1) {
            padding: 0; }
            @media only screen and (min-width: 1000px) {
              body.startpage .main div.news ul li:nth-child(1) {
                width: 100%; } }
            body.startpage .main div.news ul li:nth-child(1) a {
              position: relative;
              background: none; }
              body.startpage .main div.news ul li:nth-child(1) a .img {
                position: absolute;
                z-index: -1;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%; }
              body.startpage .main div.news ul li:nth-child(1) a .info {
                padding: 98px 52px; }
                body.startpage .main div.news ul li:nth-child(1) a .info h3 {
                  font-size: 28px;
                  font-weight: bold;
                  color: #FFF; }
                body.startpage .main div.news ul li:nth-child(1) a .info .description {
                  padding-top: 16px;
                  color: #FFF;
                  text-align: center; }
                body.startpage .main div.news ul li:nth-child(1) a .info span.btn {
                  background: none;
                  color: #FFF;
                  border-color: #FFF; }
                  body.startpage .main div.news ul li:nth-child(1) a .info span.btn:hover {
                    background: #1E2648;
                    border-color: #1E2648; }
    body.startpage .main div.services {
      display: flex;
      width: 100%;
      justify-content: center; }
      body.startpage .main div.services .container {
        padding: 42px 24px 68px; }
        @media only screen and (min-width: 1000px) {
          body.startpage .main div.services .container {
            padding: 42px 0 68px;
            display: flex;
            flex-direction: column;
            align-items: center; } }
        body.startpage .main div.services .container h2 {
          width: 100%;
          text-align: center;
          margin: 0 0 8px; }
        body.startpage .main div.services .container .service-list {
          width: 100%; }
          body.startpage .main div.services .container .service-list .desc {
            width: 100%;
            text-align: center;
            margin: 0 0 24px; }
          @media only screen and (min-width: 1000px) {
            body.startpage .main div.services .container .service-list ul.list-icon {
              /*width: 600px;*/ } }
        body.startpage .main div.services .container .list {
          width: 100%;
          display: flex;
          overflow: auto;
          align-items: flex-start;
          -ms-overflow-style: none;
          scrollbar-width: none; }
          body.startpage .main div.services .container .list ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex; }
            @media only screen and (min-width: 1000px) {
              body.startpage .main div.services .container .list ul {
                width: 100%;
                justify-content: space-between; } }
            body.startpage .main div.services .container .list ul li {
              display: flex;
              flex-shrink: 0;
              width: 300px;
              padding-right: 32px; }
              @media only screen and (min-width: 1000px) {
                body.startpage .main div.services .container .list ul li {
                  padding: 0; } }
              body.startpage .main div.services .container .list ul li a {
                display: flex;
                flex-direction: column;
                justify-content: space-between; }
                body.startpage .main div.services .container .list ul li a .top h3 {
                  font-size: 16px;
                  margin-bottom: 8px; }
                body.startpage .main div.services .container .list ul li a img {
                  max-width: 100%;
                  margin-top: 32px; }
              @media only screen and (min-width: 1000px) {
                body.startpage .main div.services .container .list ul li:nth-child(4), body.startpage .main div.services .container .list ul li:nth-child(5) {
                  display: none; } }
          body.startpage .main div.services .container .list::-webkit-scrollbar {
            display: none; }
        body.startpage .main div.services .container .dots {
          width: 100%;
          margin-top: 24px;
          display: flex;
          justify-content: center; }
          @media only screen and (min-width: 1000px) {
            body.startpage .main div.services .container .dots {
              display: none; } }
          body.startpage .main div.services .container .dots ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            align-items: flex-start; }
            body.startpage .main div.services .container .dots ul li {
              margin: 0 4px; }
              body.startpage .main div.services .container .dots ul li a {
                display: flex;
                width: 8px;
                height: 8px;
                background: #D5D5D5;
                border-radius: 8px; }
              body.startpage .main div.services .container .dots ul li.active a {
                background: #585858; }
        body.startpage .main div.services .container a.btn {
          display: none; }
          @media only screen and (min-width: 1000px) {
            body.startpage .main div.services .container a.btn {
              display: flex;
              margin-top: 48px; } }
    body.startpage .main .foot-article {
      display: flex;
      justify-content: center; }
      body.startpage .main .foot-article .container {
        background: #F7F7F7;
        padding: 24px 24px; }
        @media only screen and (min-width: 1000px) {
          body.startpage .main .foot-article .container {
            padding: 48px 64px; } }
        body.startpage .main .foot-article .container .text {
          display: flex;
          flex-direction: column;
          align-items: center; }
          body.startpage .main .foot-article .container .text h2, body.startpage .main .foot-article .container .text p {
            text-align: center;
            font-weight: 300; }
  body.startpage.contractor .hero .headers h1 {
    order: 1; }
  body.startpage.contractor .hero .headers div.ingress {
    order: 2;
    margin: 12px 0 0;
    font-weight: normal;
    font-size: 15px; }
  body.startpage.book-popup-open div.book-popup {
    display: flex; }
    body.startpage.book-popup-open div.book-popup form .top a.hide-book-popup {
      width: auto;
      color: #FFF; }
    body.startpage.book-popup-open div.book-popup form .top .desc {
      color: #FFF;
      padding: 24px 24px 24px;
      text-align: center; }
    body.startpage.book-popup-open div.book-popup form .foot a.btn {
      color: #FFF; }

/* Sok verkstad */
@media only screen and (min-width: 1000px) {
  body.search-contractors {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    		/*.header,
    		.second-menu { flex-grow: 0; flex-shrink: 0; }
    		.main { flex-grow: 1; }
    
    		.footer { display: none; }*/ } }
@media only screen and (min-width: 1000px) {
  body.search-contractors.result {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    body.search-contractors.result .header,
    body.search-contractors.result .second-menu {
      flex-grow: 0;
      flex-shrink: 0; }
    body.search-contractors.result .main {
      flex-grow: 1; }
    body.search-contractors.result .footer {
      display: none; } }
body.search-contractors.filter-open div.filter {
  display: flex; }
body.search-contractors .main {
  display: flex;
  width: 100%;
  flex-direction: column; }
  @media only screen and (min-width: 1000px) {
    body.search-contractors .main {
      flex-direction: row;
      flex-wrap: wrap; } }
  body.search-contractors .main .b2b-info {
    display: flex;
    width: 100%;
    justify-content: center;
    background: #F7F7F7; }
    body.search-contractors .main .b2b-info div {
      padding: 24px 24px;
      text-align: center; }
      @media only screen and (min-width: 1000px) {
        body.search-contractors .main .b2b-info div {
          padding: 24px 0; } }
      body.search-contractors .main .b2b-info div img {
        max-width: 100%; }
  body.search-contractors .main .map {
    width: 100%;
    height: 400px; }
    @media only screen and (min-width: 1000px) {
      body.search-contractors .main .map {
        order: 2;
        height: auto;
        width: 50%; } }
  @media only screen and (min-width: 1000px) {
    body.search-contractors .main .page {
      order: 1;
      width: 50%;
      display: flex;
      align-items: flex-end;
      flex-direction: column; } }
  body.search-contractors .main .page .search-container {
    padding: 28px 16px 0; }
    @media only screen and (min-width: 1000px) {
      body.search-contractors .main .page .search-container {
        /*padding: 64px 64px 0 0; width: 650px;*/
        padding: 64px 64px 0 64px;
        width: 100%; } }
    body.search-contractors .main .page .search-container .search-info {
      font-size: 13px;
      padding-bottom: 24px; }
    body.search-contractors .main .page .search-container .error {
      display: flex;
      align-items: center;
      background: #F7F7F7;
      padding: 12px;
      font-size: 13px;
      margin-bottom: 24px; }
      body.search-contractors .main .page .search-container .error span.icon-info {
        margin-right: 12px;
        font-size: 18px;
        color: #CC0000; }
        @media only screen and (min-width: 1000px) {
          body.search-contractors .main .page .search-container .error span.icon-info {
            margin-right: 8px; } }
    body.search-contractors .main .page .search-container .search-form {
      padding-bottom: 32px; }
      body.search-contractors .main .page .search-container .search-form div {
        border-bottom: 2px solid #F0F0F0; }
        body.search-contractors .main .page .search-container .search-form div form {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          body.search-contractors .main .page .search-container .search-form div form input[type=text] {
            border: 0;
            width: calc(100% - 32px);
            padding: 8px 0;
            font-size: 16px;
            font-weight: 600; }
            @media only screen and (min-width: 1000px) {
              body.search-contractors .main .page .search-container .search-form div form input[type=text] {
                padding: 16px 0; } }
          body.search-contractors .main .page .search-container .search-form div form span {
            width: 24px;
            color: #1E2648;
            display: flex;
            justify-content: center;
            font-size: 24px;
            margin-right: 8px; }
            body.search-contractors .main .page .search-container .search-form div form span.icon-search {
              color: #7C7C7C; }
        @media only screen and (min-width: 1000px) {
          body.search-contractors .main .page .search-container .search-form div.find-location {
            margin-top: 12px; } }
        body.search-contractors .main .page .search-container .search-form div.find-location a {
          display: flex;
          align-items: center;
          width: 100%;
          padding: 8px 0;
          font-size: 16px;
          font-weight: 600; }
          @media only screen and (min-width: 1000px) {
            body.search-contractors .main .page .search-container .search-form div.find-location a {
              padding: 12px 0; } }
  @media only screen and (min-width: 1000px) {
    body.search-contractors .main .all-shops {
      order: 3;
      width: 100%;
      display: flex;
      align-items: flex-end;
      flex-direction: column; } }
@media only screen and (min-width: 1000px) {
  body.search-contractors.result .main {
    height: 100%;
    overflow: hidden; }
    body.search-contractors.result .main .page {
      overflow: auto;
      height: 100%; }
      body.search-contractors.result .main .page .search-result-container {
        padding: 0;
        display: flex;
        flex-direction: column;
        width: 100%; }
        body.search-contractors.result .main .page .search-result-container .result {
          display: flex; } }
body.search-contractors .address-info {
  display: flex;
  border-bottom: 1px solid #F7F7F7;
  justify-content: flex-end;
  flex-shrink: 0; }
  body.search-contractors .address-info div.content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    @media only screen and (min-width: 1000px) {
      body.search-contractors .address-info div.content {
        /*max-width: 650px;*/ } }
    body.search-contractors .address-info div.content .search-address {
      padding: 12px 24px;
      display: flex;
      align-items: center;
      color: #CCC;
      font-size: 16px;
      font-weight: 600; }
      body.search-contractors .address-info div.content .search-address span {
        margin-right: 8px;
        color: #1E2648; }
    body.search-contractors .address-info div.content a {
      display: flex;
      align-items: center;
      padding: 12px 24px;
      color: #1E2648;
      font-size: 16px;
      font-weight: 600; }
      body.search-contractors .address-info div.content a span {
        margin-right: 8px; }
body.search-contractors .result {
  width: 100%; }
  body.search-contractors .result ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap; }
    body.search-contractors .result ul li {
      display: flex;
      width: 100%;
      justify-content: flex-end; }
      body.search-contractors .result ul li:nth-child(2n) {
        background: #F7F7F7; }
      body.search-contractors .result ul li div.content {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        padding: 16px 24px;
        /* Desktop */ }
        @media only screen and (min-width: 1000px) {
          body.search-contractors .result ul li div.content {
            /*max-width: 650px;*/ } }
        body.search-contractors .result ul li div.content .info {
          display: flex;
          flex-wrap: wrap;
          width: 100%; }
        body.search-contractors .result ul li div.content h3 {
          width: 100%;
          margin: 0 0 8px;
          font-size: 22px; }
        body.search-contractors .result ul li div.content div.address,
        body.search-contractors .result ul li div.content div.open-hours,
        body.search-contractors .result ul li div.content div.contact,
        body.search-contractors .result ul li div.content div.service {
          width: 50%;
          display: flex;
          flex-direction: column;
          align-items: flex-start; }
          body.search-contractors .result ul li div.content div.address h4,
          body.search-contractors .result ul li div.content div.open-hours h4,
          body.search-contractors .result ul li div.content div.contact h4,
          body.search-contractors .result ul li div.content div.service h4 {
            margin: 0 0 8px;
            font-size: 16px; }
        body.search-contractors .result ul li div.content div.open-hours li {
          padding: 4px 0; }
          body.search-contractors .result ul li div.content div.open-hours li:nth-child(2n) {
            background: none; }
        body.search-contractors .result ul li div.content div.open-hours .desc {
          margin-top: 4px;
          font-size: 13px;
          font-style: italic; }
        body.search-contractors .result ul li div.content div.contact {
          padding-top: 16px; }
          @media only screen and (min-width: 1000px) {
            body.search-contractors .result ul li div.content div.contact {
              width: calc(100% - 160px); } }
          @media only screen and (min-width: 1000px) {
            body.search-contractors .result ul li div.content div.contact ul {
              display: flex; } }
          body.search-contractors .result ul li div.content div.contact ul li {
            width: auto;
            padding: 0; }
            @media only screen and (min-width: 1000px) {
              body.search-contractors .result ul li div.content div.contact ul li:nth-child(1) {
                margin-right: 16px; } }
            body.search-contractors .result ul li div.content div.contact ul li:nth-child(2n) {
              background: none; }
            body.search-contractors .result ul li div.content div.contact ul li a {
              color: #1E2648;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 40px; }
              body.search-contractors .result ul li div.content div.contact ul li a div {
                display: none; }
                @media only screen and (min-width: 1000px) {
                  body.search-contractors .result ul li div.content div.contact ul li a div {
                    display: flex;
                    font-size: 15px; } }
        body.search-contractors .result ul li div.content div.service {
          padding-top: 16px;
          justify-content: center; }
          body.search-contractors .result ul li div.content div.service a {
            color: #C7D64F;
            font-size: 16px;
            font-weight: 600;
            display: flex;
            align-items: center; }
            body.search-contractors .result ul li div.content div.service a div {
              text-decoration: underline; }
            body.search-contractors .result ul li div.content div.service a span {
              margin-left: 4px;
              transition: transform .15s ease-out; }
          body.search-contractors .result ul li div.content div.service.open a span {
            transform: rotate(180deg); }
        body.search-contractors .result ul li div.content div.services {
          display: none; }
          body.search-contractors .result ul li div.content div.services ul {
            margin: 12px 0; }
            body.search-contractors .result ul li div.content div.services ul li {
              width: 50%;
              justify-content: flex-start;
              background: #FFF;
              align-items: center;
              padding: 4px 0; }
              body.search-contractors .result ul li div.content div.services ul li span {
                margin-right: 8px;
                font-size: 24px; }
        body.search-contractors .result ul li div.content a.select {
          color: #C7D64F;
          font-size: 16px;
          font-weight: 600;
          margin-top: 20px;
          display: flex;
          align-items: center; }
          body.search-contractors .result ul li div.content a.select span {
            text-decoration: underline; }
            body.search-contractors .result ul li div.content a.select span.icon-arrow-right {
              text-decoration: none;
              padding-left: 0px;
              font-size: 13px; }
            body.search-contractors .result ul li div.content a.select span.icon-arrow-right-circle {
              display: none; }
        body.search-contractors .result ul li div.content ul.buttons {
          padding-top: 16px;
          display: flex;
          width: 100%; }
          body.search-contractors .result ul li div.content ul.buttons li {
            padding: 0 4px 0 0;
            width: 50%;
            flex-direction: column;
            background: none; }
            body.search-contractors .result ul li div.content ul.buttons li h4 {
              margin: 0;
              font-size: 16px;
              font-weight: 600; }
            body.search-contractors .result ul li div.content ul.buttons li:nth-last-child(1) {
              padding: 0 0 0 4px; }
        @media only screen and (min-width: 1000px) {
          body.search-contractors .result ul li div.content .info {
            order: 1;
            width: calc(100% - 160px);
            padding-right: 48px; }
          body.search-contractors .result ul li div.content ul.buttons {
            order: 2;
            width: 160px;
            flex-direction: column;
            padding-top: 0; }
            body.search-contractors .result ul li div.content ul.buttons li {
              width: 100%;
              padding: 0 0 8px; }
              body.search-contractors .result ul li div.content ul.buttons li:nth-last-child(1) {
                padding: 0 0 8px; }
          body.search-contractors .result ul li div.content div.service {
            order: 3;
            width: 100%; }
          body.search-contractors .result ul li div.content .services {
            order: 4;
            width: 100%; }
          body.search-contractors .result ul li div.content .contact {
            order: 5; }
          body.search-contractors .result ul li div.content a.select {
            order: 6;
            width: 160px;
            justify-content: flex-end;
            color: #1E2648;
            margin-top: 16px; }
            body.search-contractors .result ul li div.content a.select span.icon-arrow-right {
              display: none; }
            body.search-contractors .result ul li div.content a.select span.icon-arrow-right-circle {
              display: flex;
              margin-left: 8px;
              font-size: 40px;
              text-decoration: none; } }

/* Services */
body.services .block-bottom .container {
  padding: 0; }
  @media only screen and (min-width: 1000px) {
    body.services .block-bottom .container {
      padding: 0 24px; } }
  body.services .block-bottom .container .service-list {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-top: 1px solid #EAEAEA;
    padding-top: 44px; }
    body.services .block-bottom .container .service-list h2 {
      margin-bottom: 8px; }
    body.services .block-bottom .container .service-list .desc {
      margin-bottom: 16px; }
    body.services .block-bottom .container .service-list ul.list-icon {
      width: 100%; }
      @media only screen and (min-width: 1000px) {
        body.services .block-bottom .container .service-list ul.list-icon {
          /*width: 600px;*/ } }
body.services .block-bottom .contact {
  padding: 24px;
  width: 100%;
  display: flex;
  justify-content: center; }
  body.services .block-bottom .contact .container h3 {
    margin-bottom: 24px;
    color: #888888;
    font-size: 25px; }
    @media only screen and (min-width: 1000px) {
      body.services .block-bottom .contact .container h3 {
        text-align: center;
        font-size: 32px; } }
  body.services .block-bottom .contact .container ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column; }
    @media only screen and (min-width: 1000px) {
      body.services .block-bottom .contact .container ul {
        flex-direction: row;
        justify-content: center; } }
    body.services .block-bottom .contact .container ul li {
      display: flex;
      align-items: center;
      margin-bottom: 12px; }
      @media only screen and (min-width: 1000px) {
        body.services .block-bottom .contact .container ul li {
          padding: 0 24px;
          margin-bottom: 0; } }
      body.services .block-bottom .contact .container ul li a {
        display: flex;
        align-items: center;
        font-weight: 600;
        font-size: 16px; }
        body.services .block-bottom .contact .container ul li a span {
          margin-right: 4px; }
        @media only screen and (min-width: 1000px) {
          body.services .block-bottom .contact .container ul li a {
            font-size: 20px; } }
      body.services .block-bottom .contact .container ul li span {
        font-size: 32px; }
        @media only screen and (min-width: 1000px) {
          body.services .block-bottom .contact .container ul li span {
            font-size: 40px; } }
body.services .block-bottom .webshop-search {
  border: 0;
  padding: 12px 24px; }
  body.services .block-bottom .webshop-search .contractor-search-small {
    width: 100%;
    border-width: 1px;
    margin: 0;
    padding: 16px 24px;
    /* Desktop */ }
    body.services .block-bottom .webshop-search .contractor-search-small h3 {
      display: inline-block;
      text-align: center;
      font-size: 18px; }
      @media only screen and (min-width: 1000px) {
        body.services .block-bottom .webshop-search .contractor-search-small h3 {
          font-size: 22px; } }
    @media only screen and (min-width: 1000px) {
      body.services .block-bottom .webshop-search .contractor-search-small {
        width: 40%;
        padding: 24px; } }

body .main .breadcrumb {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 16px 0; }
  @media only screen and (max-width: 1300px) {
    body .main .breadcrumb {
      padding: 16px 24px 0; } }
  body .main .breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap; }
    body .main .breadcrumb ul li a {
      display: flex;
      align-items: center;
      font-size: 14px;
      color: #7C7C7C; }
      body .main .breadcrumb ul li a span {
        padding: 0 8px;
        font-size: 12px; }

/* Sida */
body.page .main .block-top {
  display: flex;
  justify-content: center; }
  body.page .main .block-top .left {
    padding: 24px 24px 24px; }
    @media only screen and (min-width: 1000px) {
      body.page .main .block-top .left {
        padding: 48px 0;
        display: flex;
        flex-direction: column;
        align-items: center; }
        body.page .main .block-top .left .ingress {
          text-align: center;
          max-width: 700px;
          font-size: 24px;
          color: #888888;
          padding-top: 36px; } }
    body.page .main .block-top .left .ingress p {
      margin: 0; }
  body.page .main .block-top .img {
    width: 100%; }
    body.page .main .block-top .img img {
      max-width: 100%; }
body.page .main .block-bottom {
  display: flex;
  flex-direction: column;
  align-items: center; }
  body.page .main .block-bottom .webshop-search {
    border: 0;
    padding: 12px 24px; }
    body.page .main .block-bottom .webshop-search .contractor-search-small {
      width: 100%;
      border-width: 1px;
      margin: 0;
      padding: 16px 24px;
      /* Desktop */ }
      body.page .main .block-bottom .webshop-search .contractor-search-small h3 {
        display: inline-block;
        text-align: center;
        font-size: 18px; }
        @media only screen and (min-width: 1000px) {
          body.page .main .block-bottom .webshop-search .contractor-search-small h3 {
            font-size: 22px; } }
      @media only screen and (min-width: 1000px) {
        body.page .main .block-bottom .webshop-search .contractor-search-small {
          width: 40%;
          padding: 24px; } }
  body.page .main .block-bottom .product-list {
    margin-top: 32px; }
  @media only screen and (min-width: 1000px) {
    body.page .main .block-bottom .complete-wheels .container {
      width: 1000px; } }
  body.page .main .block-bottom .article {
    display: flex;
    padding: 24px 24px;
    justify-content: center; }
    @media only screen and (min-width: 1000px) {
      body.page .main .block-bottom .article .container {
        width: 1000px;
        font-size: 22px;
        padding-top: 24px; } }
    body.page .main .block-bottom .article h2 {
      margin: 32px 0 16px; }
    body.page .main .block-bottom .article .text img {
      max-width: 100%; }

/* Webshop */
body.webshop .main .block-top {
  display: flex;
  justify-content: center;
  background-size: cover;
  background-position: center center; }
  body.webshop .main .block-top .container {
    padding: 48px 24px; }
    body.webshop .main .block-top .container.image-bg {
      padding: 0; }
    body.webshop .main .block-top .container .shadow-overlay .left {
      display: flex;
      width: 100%;
      flex-direction: column;
      align-items: center;
      padding: 48px 24px; }
      body.webshop .main .block-top .container .shadow-overlay .left .search-holder {
        width: 100%;
        display: flex;
        justify-content: center; }
        body.webshop .main .block-top .container .shadow-overlay .left .search-holder .size-search,
        body.webshop .main .block-top .container .shadow-overlay .left .search-holder .reg-number,
        body.webshop .main .block-top .container .shadow-overlay .left .search-holder .model-search {
          width: 100%;
          align-items: center; }
          body.webshop .main .block-top .container .shadow-overlay .left .search-holder .size-search h3,
          body.webshop .main .block-top .container .shadow-overlay .left .search-holder .size-search div.size div span,
          body.webshop .main .block-top .container .shadow-overlay .left .search-holder .size-search select,
          body.webshop .main .block-top .container .shadow-overlay .left .search-holder .reg-number h3,
          body.webshop .main .block-top .container .shadow-overlay .left .search-holder .reg-number div.size div span,
          body.webshop .main .block-top .container .shadow-overlay .left .search-holder .reg-number select,
          body.webshop .main .block-top .container .shadow-overlay .left .search-holder .model-search h3,
          body.webshop .main .block-top .container .shadow-overlay .left .search-holder .model-search div.size div span,
          body.webshop .main .block-top .container .shadow-overlay .left .search-holder .model-search select {
            color: #FFF;
            background: none; }
          body.webshop .main .block-top .container .shadow-overlay .left .search-holder .size-search option,
          body.webshop .main .block-top .container .shadow-overlay .left .search-holder .reg-number option,
          body.webshop .main .block-top .container .shadow-overlay .left .search-holder .model-search option {
            color: #000;
            background: #FFF;
            border: 0; }
        body.webshop .main .block-top .container .shadow-overlay .left .search-holder .regnr-field {
          border-color: #000; }
        body.webshop .main .block-top .container .shadow-overlay .left .search-holder a.back {
          color: #FFF; }
        body.webshop .main .block-top .container .shadow-overlay .left .search-holder ul.search-options li a {
          color: #FFF; }
        body.webshop .main .block-top .container .shadow-overlay .left .search-holder span.btn-blue {
          background: none;
          border-color: #FFF; }
        body.webshop .main .block-top .container .shadow-overlay .left .search-holder span.btn.disabled {
          background: none;
          color: #666;
          border-color: #666; }
          body.webshop .main .block-top .container .shadow-overlay .left .search-holder span.btn.disabled .loader {
            display: none; }
          body.webshop .main .block-top .container .shadow-overlay .left .search-holder span.btn.disabled.loading span {
            display: none; }
          body.webshop .main .block-top .container .shadow-overlay .left .search-holder span.btn.disabled.loading div.loader {
            display: flex; }
        body.webshop .main .block-top .container .shadow-overlay .left .search-holder .step-2 ul li label {
          border-color: #FFF;
          background: none;
          color: #FFF; }
body.webshop .main .ingress {
  padding-bottom: 24px; }
body.webshop .main a.regnr-info {
  display: none;
  background: #F7F7F7;
  padding: 8px 16px;
  font-size: 13px;
  align-items: center;
  width: 100%;
  margin: 8px 0; }
  body.webshop .main a.regnr-info span.image {
    display: flex;
    padding-right: 16px; }
    body.webshop .main a.regnr-info span.image img {
      height: 32px; }
  body.webshop .main a.regnr-info .size {
    display: none; }
body.webshop .main .block-bottom {
  padding: 0; }
  body.webshop .main .block-bottom .products {
    background: #F7F7F7;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }
    body.webshop .main .block-bottom .products .text {
      padding: 0 24px; }

body.webshop-startpage .main .block-bottom {
  display: flex;
  justify-content: center; }
  body.webshop-startpage .main .block-bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 24px; }
    body.webshop-startpage .main .block-bottom ul li {
      width: 50%;
      padding: 0 0 8px; }
      @media only screen and (max-width: 1000px) {
        body.webshop-startpage .main .block-bottom ul li:nth-child(1n) {
          padding-right: 4px; }
        body.webshop-startpage .main .block-bottom ul li:nth-child(2n) {
          padding-left: 4px; } }
      @media only screen and (min-width: 1000px) {
        body.webshop-startpage .main .block-bottom ul li {
          width: 33.3%;
          padding: 0 12px 24px; } }
      body.webshop-startpage .main .block-bottom ul li a {
        display: flex;
        position: relative;
        flex-direction: column;
        width: 100%;
        height: 200px;
        background-size: cover;
        background-position: center center;
        justify-content: flex-end; }
        @media only screen and (min-width: 1000px) {
          body.webshop-startpage .main .block-bottom ul li a {
            height: 240px; } }
        body.webshop-startpage .main .block-bottom ul li a .hover {
          display: none;
          align-items: center;
          justify-content: center;
          text-align: center;
          padding: 0 24px 52px;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.7);
          color: #FFF;
          z-index: 1; }
        body.webshop-startpage .main .block-bottom ul li a:hover .hover {
          display: flex; }
        body.webshop-startpage .main .block-bottom ul li a h3 {
          display: flex;
          background: #1E2648;
          color: #FFF;
          justify-content: center;
          align-items: center;
          text-align: center;
          height: 44px;
          z-index: 2; }
          @media only screen and (min-width: 1000px) {
            body.webshop-startpage .main .block-bottom ul li a h3 {
              height: 52px; } }

/* Webshop search */
.search-holder h3 {
  margin: 0 0 8px;
  font-size: 16px; }
.search-holder form {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media only screen and (min-width: 1000px) {
    .search-holder form {
      width: 40%; } }
  .search-holder form span.btn, .search-holder form input[type=submit] {
    width: 100%; }
  .search-holder form span.btn-submit {
    display: none; }
.search-holder .reg-number {
  display: flex;
  flex-direction: column; }
  .search-holder .reg-number .step-1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .search-holder .reg-number img.loader {
    display: none; }
.search-holder ul.search-options {
  list-style: none;
  margin: 32px 0 0;
  padding: 0;
  display: flex;
  width: 100%;
  justify-content: center; }
  .search-holder ul.search-options li {
    padding: 0 16px; }
    .search-holder ul.search-options li:nth-child(2) {
      border-left: 1px solid #EAEAEA; }
    .search-holder ul.search-options li a {
      text-decoration: underline;
      font-weight: 600;
      font-size: 14px;
      text-align: center; }
  .search-holder ul.search-options.only-rims li {
    border: 0 !important; }
.search-holder .size-search {
  display: none;
  flex-direction: column; }
  .search-holder .size-search div.size {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 8px; }
    .search-holder .size-search div.size div {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      font-size: 18px;
      font-weight: 600;
      position: relative; }
      .search-holder .size-search div.size div span {
        color: #7C7C7C;
        font-size: 12px;
        font-weight: normal;
        padding-bottom: 4px;
        width: 100%; }
      .search-holder .size-search div.size div span.icon-arrow-down {
        position: absolute;
        right: 8px;
        bottom: 6px;
        font-size: 18px;
        color: #000;
        width: auto;
        z-index: -1; }
      .search-holder .size-search div.size div select {
        border: 1px solid #CCC;
        padding: 8px;
        border-radius: 3px;
        background: none;
        font-size: 18px;
        width: 100%; }
      .search-holder .size-search div.size div option {
        font-size: 15px; }
      .search-holder .size-search div.size div.width, .search-holder .size-search div.size div.height {
        width: 30%; }
      .search-holder .size-search div.size div.slash {
        width: 10%;
        align-items: center;
        padding-bottom: 9px; }
      .search-holder .size-search div.size div.dia-short {
        width: 10%;
        align-items: flex-end;
        padding-right: 8px;
        padding-bottom: 9px; }
      .search-holder .size-search div.size div.dia {
        width: 20%;
        align-items: center; }
.search-holder .model-search {
  display: none;
  flex-direction: column; }
  .search-holder .model-search div.step-1 {
    width: 100%;
    flex-direction: column; }
    .search-holder .model-search div.step-1 div.form {
      width: 100%; }
      .search-holder .model-search div.step-1 div.form select {
        width: 100%;
        border: 1px solid #CCC;
        padding: 8px;
        margin-bottom: 8px; }
.search-holder .step-2 {
  display: none;
  width: 100%;
  flex-direction: column; }
  .search-holder .step-2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 300px; }
    .search-holder .step-2 ul li {
      display: flex;
      margin-bottom: 4px; }
      .search-holder .step-2 ul li label {
        width: 100%;
        justify-content: flex-start;
        padding-left: 12px;
        position: relative; }
        .search-holder .step-2 ul li label span {
          margin-right: 12px;
          font-size: 32px; }
        .search-holder .step-2 ul li label input {
          position: absolute;
          opacity: 0.001; }
  .search-holder .step-2 a.back {
    margin-bottom: 16px;
    display: flex;
    align-items: center; }
    .search-holder .step-2 a.back div {
      text-decoration: underline;
      font-weight: 600;
      font-size: 14px; }
    .search-holder .step-2 a.back span {
      margin-right: 4px;
      font-size: 14px; }
.search-holder a.regnr-info {
  display: none;
  background: #F7F7F7;
  padding: 8px 16px;
  font-size: 13px;
  align-items: center;
  width: 100%;
  margin: 8px 0; }
  .search-holder a.regnr-info span.image {
    display: flex;
    padding-right: 16px; }
    .search-holder a.regnr-info span.image img {
      height: 32px; }
  .search-holder a.regnr-info .size {
    display: none; }

/* Dack-sidan */
body.rims .block-top,
body.rims .wheel-result,
body.tires .block-top,
body.tires .wheel-result {
  display: flex;
  justify-content: center; }
body.rims .main .block-top .left,
body.tires .main .block-top .left {
  padding: 0;
  display: flex;
  flex-direction: column; }
  body.rims .main .block-top .left .top,
  body.tires .main .block-top .left .top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #CCC;
    padding: 16px 24px; }
    body.rims .main .block-top .left .top h1,
    body.tires .main .block-top .left .top h1 {
      margin: 0; }
      @media only screen and (min-width: 1000px) {
        body.rims .main .block-top .left .top h1.no-car,
        body.tires .main .block-top .left .top h1.no-car {
          border-bottom: 0; } }
    body.rims .main .block-top .left .top a.show-link-popup,
    body.tires .main .block-top .left .top a.show-link-popup {
      display: flex;
      align-items: center;
      font-size: 16px; }
      body.rims .main .block-top .left .top a.show-link-popup img,
      body.tires .main .block-top .left .top a.show-link-popup img {
        width: 16px; }
      body.rims .main .block-top .left .top a.show-link-popup span,
      body.tires .main .block-top .left .top a.show-link-popup span {
        display: none; }
      @media only screen and (min-width: 1000px) {
        body.rims .main .block-top .left .top a.show-link-popup img,
        body.tires .main .block-top .left .top a.show-link-popup img {
          margin-right: 12px; }
        body.rims .main .block-top .left .top a.show-link-popup span,
        body.tires .main .block-top .left .top a.show-link-popup span {
          display: flex; } }
  body.rims .main .block-top .left .car,
  body.tires .main .block-top .left .car {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    padding: 16px 24px; }
    body.rims .main .block-top .left .car .regnr,
    body.tires .main .block-top .left .car .regnr {
      width: 50%; }
      body.rims .main .block-top .left .car .regnr span,
      body.tires .main .block-top .left .car .regnr span {
        font-weight: 600; }
    body.rims .main .block-top .left .car .change,
    body.tires .main .block-top .left .car .change {
      width: 50%;
      display: flex;
      justify-content: flex-end; }
      body.rims .main .block-top .left .car .change a,
      body.tires .main .block-top .left .car .change a {
        text-decoration: underline;
        color: #1E2648;
        font-weight: bold; }
    body.rims .main .block-top .left .car .model,
    body.tires .main .block-top .left .car .model {
      width: 100%;
      margin-top: 8px;
      color: #1E2648;
      font-weight: 600; }
    body.rims .main .block-top .left .car .car-info-combos,
    body.tires .main .block-top .left .car .car-info-combos {
      width: 100%;
      margin-top: 12px;
      display: flex;
      align-items: center;
      border: 1px solid #EAEAEA;
      padding: 12px;
      font-size: 13px; }
      @media only screen and (min-width: 1000px) {
        body.rims .main .block-top .left .car .car-info-combos,
        body.tires .main .block-top .left .car .car-info-combos {
          font-size: 14px; } }
      body.rims .main .block-top .left .car .car-info-combos span,
      body.tires .main .block-top .left .car .car-info-combos span {
        margin-right: 8px;
        color: #CC0000;
        font-size: 18px; }
  @media only screen and (min-width: 1000px) {
    body.rims .main .block-top .left .sizes,
    body.tires .main .block-top .left .sizes {
      width: 40%; } }
  body.rims .main .block-top .left .sizes.size-search,
  body.tires .main .block-top .left .sizes.size-search {
    margin: 16px 24px; }
    body.rims .main .block-top .left .sizes.size-search .search-holder,
    body.tires .main .block-top .left .sizes.size-search .search-holder {
      width: 100%; }
      body.rims .main .block-top .left .sizes.size-search .search-holder .size-search,
      body.tires .main .block-top .left .sizes.size-search .search-holder .size-search {
        display: flex; }
    body.rims .main .block-top .left .sizes.size-search .options,
    body.tires .main .block-top .left .sizes.size-search .options {
      padding: 16px; }
      body.rims .main .block-top .left .sizes.size-search .options form,
      body.tires .main .block-top .left .sizes.size-search .options form {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        flex-direction: row;
        align-items: flex-end; }
        body.rims .main .block-top .left .sizes.size-search .options form .size,
        body.tires .main .block-top .left .sizes.size-search .options form .size {
          width: 100%;
          margin-bottom: 0; }
          @media only screen and (min-width: 1000px) {
            body.rims .main .block-top .left .sizes.size-search .options form .size,
            body.tires .main .block-top .left .sizes.size-search .options form .size {
              width: 60%; } }
        body.rims .main .block-top .left .sizes.size-search .options form span.btn,
        body.tires .main .block-top .left .sizes.size-search .options form span.btn {
          margin-top: 12px; }
          @media only screen and (min-width: 1000px) {
            body.rims .main .block-top .left .sizes.size-search .options form span.btn,
            body.tires .main .block-top .left .sizes.size-search .options form span.btn {
              width: auto;
              margin-top: 0; } }
  body.rims .main .block-top .left .car-info-size,
  body.tires .main .block-top .left .car-info-size {
    font-size: 13px;
    color: #7C7C7C;
    display: flex;
    flex-direction: column;
    padding: 8px 24px 16px; }
    @media only screen and (min-width: 1000px) {
      body.rims .main .block-top .left .car-info-size,
      body.tires .main .block-top .left .car-info-size {
        width: 40%; } }
    body.rims .main .block-top .left .car-info-size p,
    body.tires .main .block-top .left .car-info-size p {
      margin: 0; }
    body.rims .main .block-top .left .car-info-size a,
    body.tires .main .block-top .left .car-info-size a {
      margin-top: 8px;
      font-weight: 600;
      font-size: 15px;
      color: #1E2648;
      text-decoration: underline; }
    body.rims .main .block-top .left .car-info-size .car-info-help,
    body.tires .main .block-top .left .car-info-size .car-info-help {
      display: none;
      padding-top: 16px; }
body.rims .main .filter-box,
body.tires .main .filter-box {
  background: #F7F7F7;
  display: flex;
  justify-content: center; }
  body.rims .main .filter-box .container,
  body.tires .main .filter-box .container {
    padding: 16px 24px; }
    body.rims .main .filter-box .container h3,
    body.tires .main .filter-box .container h3 {
      margin: 0 0 16px;
      font-size: 18px; }
    body.rims .main .filter-box .container ul,
    body.tires .main .filter-box .container ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      width: 100%;
      justify-content: space-between; }
      @media only screen and (min-width: 1000px) {
        body.rims .main .filter-box .container ul,
        body.tires .main .filter-box .container ul {
          justify-content: flex-start; } }
      body.rims .main .filter-box .container ul li,
      body.tires .main .filter-box .container ul li {
        display: flex;
        align-items: center; }
        @media only screen and (min-width: 1000px) {
          body.rims .main .filter-box .container ul li,
          body.tires .main .filter-box .container ul li {
            padding-right: 24px; } }
        body.rims .main .filter-box .container ul li label,
        body.tires .main .filter-box .container ul li label {
          font-size: 14px;
          display: flex;
          align-items: center; }
          @media only screen and (min-width: 1000px) {
            body.rims .main .filter-box .container ul li label,
            body.tires .main .filter-box .container ul li label {
              font-size: 15px; } }
        body.rims .main .filter-box .container ul li input,
        body.tires .main .filter-box .container ul li input {
          margin: 0 2px 0 0; }
          @media only screen and (min-width: 1000px) {
            body.rims .main .filter-box .container ul li input,
            body.tires .main .filter-box .container ul li input {
              margin-right: 4px; } }
    body.rims .main .filter-box .container a.show-filter,
    body.tires .main .filter-box .container a.show-filter {
      display: flex;
      font-size: 16px;
      font-weight: 600;
      margin-top: 42px;
      text-decoration: underline; }
    body.rims .main .filter-box .container div.selected-filter,
    body.tires .main .filter-box .container div.selected-filter {
      display: flex;
      flex-wrap: wrap; }
      body.rims .main .filter-box .container div.selected-filter div,
      body.tires .main .filter-box .container div.selected-filter div {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 16px 16px 0 0; }
        body.rims .main .filter-box .container div.selected-filter div h5,
        body.tires .main .filter-box .container div.selected-filter div h5 {
          margin: 0 0 4px;
          font-size: 15px;
          font-weight: normal; }
        body.rims .main .filter-box .container div.selected-filter div ul,
        body.tires .main .filter-box .container div.selected-filter div ul {
          justify-content: flex-start;
          width: auto; }
          body.rims .main .filter-box .container div.selected-filter div ul li,
          body.tires .main .filter-box .container div.selected-filter div ul li {
            margin: 0 4px 4px 0; }
            body.rims .main .filter-box .container div.selected-filter div ul li label,
            body.tires .main .filter-box .container div.selected-filter div ul li label {
              border: 1px solid #1E2648;
              border-radius: 3px;
              padding: 4px 8px;
              display: flex;
              align-items: center;
              font-size: 13px;
              font-weight: 600; }
              body.rims .main .filter-box .container div.selected-filter div ul li label span,
              body.tires .main .filter-box .container div.selected-filter div ul li label span {
                margin-right: 8px;
                font-size: 11px; }
body.rims .main .result-head,
body.tires .main .result-head {
  background: #F7F7F7;
  display: flex;
  justify-content: center;
  border-top: 1px solid #F0F0F0; }
  body.rims .main .result-head .container,
  body.tires .main .result-head .container {
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px; }
    body.rims .main .result-head .container h3,
    body.tires .main .result-head .container h3 {
      margin: 0;
      font-size: 18px; }
    body.rims .main .result-head .container .sort,
    body.tires .main .result-head .container .sort {
      position: relative; }
      body.rims .main .result-head .container .sort select,
      body.tires .main .result-head .container .sort select {
        border: 1px solid #1E2648;
        border-radius: 3px;
        padding: 4px 8px;
        font-size: 13px;
        background: none;
        z-index: 2;
        position: relative; }
      body.rims .main .result-head .container .sort span,
      body.tires .main .result-head .container .sort span {
        position: absolute;
        right: 8px;
        top: 0;
        height: 100%;
        display: flex;
        align-items: center;
        z-index: 1; }
body.rims .main .product-result,
body.tires .main .product-result {
  background: #F7F7F7;
  display: flex;
  justify-content: center;
  padding-bottom: 48px; }
  body.rims .main .product-result .loading,
  body.tires .main .product-result .loading {
    display: none; }
  body.rims .main .product-result .container .result h2,
  body.tires .main .product-result .container .result h2 {
    text-align: center;
    margin-bottom: 16px; }
  body.rims .main .product-result .container .result .no-result,
  body.tires .main .product-result .container .result .no-result {
    padding: 48px 0 0 24px; }
body.rims .main .mandatory-service,
body.tires .main .mandatory-service {
  display: none; }
body.rims.filter-open .main .filter,
body.tires.filter-open .main .filter {
  display: flex; }

body.product .sizes,
body.rims .sizes,
body.tires .sizes {
  position: relative;
  margin: 0 24px; }
  body.product .sizes h3,
  body.rims .sizes h3,
  body.tires .sizes h3 {
    margin: 0 0 8px;
    font-size: 16px; }
  body.product .sizes.open .options,
  body.rims .sizes.open .options,
  body.tires .sizes.open .options {
    display: flex; }
  body.product .sizes .selected,
  body.rims .sizes .selected,
  body.tires .sizes .selected {
    display: flex;
    border: 1px solid #CCC;
    padding: 8px 16px;
    justify-content: space-between;
    align-items: center; }
    body.product .sizes .selected div.size,
    body.rims .sizes .selected div.size,
    body.tires .sizes .selected div.size {
      display: flex;
      align-items: flex-end; }
      body.product .sizes .selected div.size div,
      body.rims .sizes .selected div.size div,
      body.tires .sizes .selected div.size div {
        display: flex;
        flex-direction: column;
        margin-right: 24px; }
        body.product .sizes .selected div.size div.dia,
        body.rims .sizes .selected div.size div.dia,
        body.tires .sizes .selected div.size div.dia {
          margin-left: 48px; }
        body.product .sizes .selected div.size div span,
        body.rims .sizes .selected div.size div span,
        body.tires .sizes .selected div.size div span {
          color: #7C7C7C;
          font-size: 12px; }
        body.product .sizes .selected div.size div div,
        body.rims .sizes .selected div.size div div,
        body.tires .sizes .selected div.size div div {
          margin-right: 0;
          font-size: 18px;
          font-weight: 600; }
    body.product .sizes .selected div.no-size,
    body.rims .sizes .selected div.no-size,
    body.tires .sizes .selected div.no-size {
      display: none; }
    body.product .sizes .selected div.toggle,
    body.rims .sizes .selected div.toggle,
    body.tires .sizes .selected div.toggle {
      display: flex;
      font-size: 24px; }
      body.product .sizes .selected div.toggle span.icon-arrow-up,
      body.rims .sizes .selected div.toggle span.icon-arrow-up,
      body.tires .sizes .selected div.toggle span.icon-arrow-up {
        display: none; }
    body.product .sizes .selected.no-size .size,
    body.rims .sizes .selected.no-size .size,
    body.tires .sizes .selected.no-size .size {
      display: none; }
    body.product .sizes .selected.no-size .no-size,
    body.rims .sizes .selected.no-size .no-size,
    body.tires .sizes .selected.no-size .no-size {
      display: flex;
      color: #7C7C7C;
      font-style: italic; }
  body.product .sizes .options,
  body.rims .sizes .options,
  body.tires .sizes .options {
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #CCC;
    background: #FFF;
    width: 100%;
    z-index: 4;
    box-shadow: 0 3px 6px #D5D5D5;
    display: none; }
    body.product .sizes .options ul,
    body.rims .sizes .options ul,
    body.tires .sizes .options ul {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%; }
      body.product .sizes .options ul li,
      body.rims .sizes .options ul li,
      body.tires .sizes .options ul li {
        border-bottom: 1px solid #CCC;
        padding: 16px; }
        body.product .sizes .options ul li:nth-last-child(1),
        body.rims .sizes .options ul li:nth-last-child(1),
        body.tires .sizes .options ul li:nth-last-child(1) {
          border: 0; }
        body.product .sizes .options ul li h4,
        body.rims .sizes .options ul li h4,
        body.tires .sizes .options ul li h4 {
          margin: 0;
          color: #7C7C7C; }
        body.product .sizes .options ul li ul li,
        body.rims .sizes .options ul li ul li,
        body.tires .sizes .options ul li ul li {
          padding: 0;
          border: 0; }
          body.product .sizes .options ul li ul li label,
          body.rims .sizes .options ul li ul li label,
          body.tires .sizes .options ul li ul li label {
            display: flex;
            padding: 2px 0 2px 8px;
            width: 100%;
            cursor: pointer;
            position: relative; }
            body.product .sizes .options ul li ul li label input,
            body.rims .sizes .options ul li ul li label input,
            body.tires .sizes .options ul li ul li label input {
              position: absolute;
              opacity: 0.001; }
body.product .buy-tire .sizes a.selected .size div.rim,
body.rims .buy-tire .sizes a.selected .size div.rim,
body.tires .buy-tire .sizes a.selected .size div.rim {
  display: none; }
body.product .buy-rim .sizes a.selected .size div.width,
body.rims .buy-rim .sizes a.selected .size div.width,
body.tires .buy-rim .sizes a.selected .size div.width {
  margin-right: 8px; }
body.product .buy-rim .sizes a.selected .size div.dia,
body.rims .buy-rim .sizes a.selected .size div.dia,
body.tires .buy-rim .sizes a.selected .size div.dia {
  margin-left: 8px;
  margin-right: 12px; }
body.product .buy-rim .sizes a.selected .size div.rim,
body.rims .buy-rim .sizes a.selected .size div.rim,
body.tires .buy-rim .sizes a.selected .size div.rim {
  margin-right: 8px; }
body.product .buy-rim .sizes a.selected .size div.tire,
body.rims .buy-rim .sizes a.selected .size div.tire,
body.tires .buy-rim .sizes a.selected .size div.tire {
  display: none; }
body.product form.buy-form,
body.product form.webshop-article,
body.rims form.buy-form,
body.rims form.webshop-article,
body.tires form.buy-form,
body.tires form.webshop-article {
  display: flex;
  margin-top: 24px; }
  body.product form.buy-form select,
  body.product form.webshop-article select,
  body.rims form.buy-form select,
  body.rims form.webshop-article select,
  body.tires form.buy-form select,
  body.tires form.webshop-article select {
    width: 48px;
    margin-right: 4px;
    border: 1px solid #CCC;
    border-radius: 3px;
    background: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600; }
    body.product form.buy-form select option,
    body.product form.webshop-article select option,
    body.rims form.buy-form select option,
    body.rims form.webshop-article select option,
    body.tires form.buy-form select option,
    body.tires form.webshop-article select option {
      text-align: center; }
  body.product form.buy-form input,
  body.product form.webshop-article input,
  body.rims form.buy-form input,
  body.rims form.webshop-article input,
  body.tires form.buy-form input,
  body.tires form.webshop-article input {
    width: calc(100% - 52px); }

/* Hjul-sidan */
body.wheels .main .block-top .left {
  padding: 0;
  align-items: stretch; }
  body.wheels .main .block-top .left h1 {
    border-bottom: 1px solid #CCC;
    padding: 16px 24px;
    margin: 0; }
  body.wheels .main .block-top .left .car {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    padding: 16px 24px; }
    body.wheels .main .block-top .left .car .regnr {
      width: 50%; }
      body.wheels .main .block-top .left .car .regnr span {
        font-weight: 600; }
    body.wheels .main .block-top .left .car .change {
      width: 50%;
      display: flex;
      justify-content: flex-end; }
      body.wheels .main .block-top .left .car .change a {
        text-decoration: underline;
        color: #1E2648;
        font-weight: bold; }
    body.wheels .main .block-top .left .car .model {
      width: 100%;
      margin-top: 8px;
      color: #1E2648;
      font-weight: 600; }
body.wheels .filter,
body.wheels .block-top,
body.wheels .wheel-result {
  display: flex;
  justify-content: center; }
body.wheels .filter {
  background: #F7F7F7;
  padding: 24px 24px 8px; }
  body.wheels .filter .container div h3 {
    margin-bottom: 4px; }
  body.wheels .filter .container div .values {
    display: flex;
    padding-bottom: 12px; }
    body.wheels .filter .container div .values label {
      display: flex;
      position: relative;
      margin: 0 4px 4px 0; }
      body.wheels .filter .container div .values label span {
        display: flex;
        border: 1px solid #7C7C7C;
        background: #FFF;
        border-radius: 3px;
        padding: 4px 8px;
        color: #000;
        font-size: 13px;
        font-weight: 600; }
        body.wheels .filter .container div .values label span:hover {
          cursor: pointer; }
      body.wheels .filter .container div .values label input {
        position: absolute;
        opacity: 0.001; }
        body.wheels .filter .container div .values label input:checked + span {
          background: #1E2648;
          color: #FFF;
          border-color: #1E2648; }
  body.wheels .filter .loader-holder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5); }
body.wheels .wheel-result {
  background: #F7F7F7;
  padding-bottom: 48px; }
  body.wheels .wheel-result .selected form {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px; }
    body.wheels .wheel-result .selected form div.selected-tire,
    body.wheels .wheel-result .selected form div.selected-rim {
      background: #FFF;
      border-radius: 3px;
      padding: 12px;
      width: calc(50% - 28px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center; }
      @media only screen and (min-width: 1000px) {
        body.wheels .wheel-result .selected form div.selected-tire,
        body.wheels .wheel-result .selected form div.selected-rim {
          width: calc(35% - 8px);
          padding: 16px; } }
      body.wheels .wheel-result .selected form div.selected-tire .top,
      body.wheels .wheel-result .selected form div.selected-rim .top {
        display: flex;
        flex-direction: column;
        align-items: center; }
        body.wheels .wheel-result .selected form div.selected-tire .top .image,
        body.wheels .wheel-result .selected form div.selected-rim .top .image {
          width: 100%;
          display: flex;
          justify-content: center; }
          body.wheels .wheel-result .selected form div.selected-tire .top .image img,
          body.wheels .wheel-result .selected form div.selected-rim .top .image img {
            width: 100%; }
          @media only screen and (min-width: 1000px) {
            body.wheels .wheel-result .selected form div.selected-tire .top .image,
            body.wheels .wheel-result .selected form div.selected-rim .top .image {
              width: auto;
              height: 200px; }
              body.wheels .wheel-result .selected form div.selected-tire .top .image img,
              body.wheels .wheel-result .selected form div.selected-rim .top .image img {
                width: auto;
                height: 200px; } }
        body.wheels .wheel-result .selected form div.selected-tire .top h3,
        body.wheels .wheel-result .selected form div.selected-rim .top h3 {
          margin-top: 8px; }
        body.wheels .wheel-result .selected form div.selected-tire .top h3, body.wheels .wheel-result .selected form div.selected-tire .top h4, body.wheels .wheel-result .selected form div.selected-tire .top div.size,
        body.wheels .wheel-result .selected form div.selected-rim .top h3,
        body.wheels .wheel-result .selected form div.selected-rim .top h4,
        body.wheels .wheel-result .selected form div.selected-rim .top div.size {
          text-align: center; }
        body.wheels .wheel-result .selected form div.selected-tire .top .sizes,
        body.wheels .wheel-result .selected form div.selected-rim .top .sizes {
          display: flex;
          flex-direction: column;
          padding-top: 16px; }
          body.wheels .wheel-result .selected form div.selected-tire .top .sizes > div,
          body.wheels .wheel-result .selected form div.selected-rim .top .sizes > div {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center; }
            body.wheels .wheel-result .selected form div.selected-tire .top .sizes > div h5,
            body.wheels .wheel-result .selected form div.selected-rim .top .sizes > div h5 {
              font-weight: 600;
              margin: 0;
              font-size: 15px; }
            body.wheels .wheel-result .selected form div.selected-tire .top .sizes > div.front,
            body.wheels .wheel-result .selected form div.selected-rim .top .sizes > div.front {
              border-bottom: 1px solid #EAEAEA;
              margin-bottom: 8px;
              padding-bottom: 8px; }
            body.wheels .wheel-result .selected form div.selected-tire .top .sizes > div .price,
            body.wheels .wheel-result .selected form div.selected-rim .top .sizes > div .price {
              margin: 8px 0 0; }
      body.wheels .wheel-result .selected form div.selected-tire div.bottom,
      body.wheels .wheel-result .selected form div.selected-rim div.bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 16px;
        width: 100%; }
        body.wheels .wheel-result .selected form div.selected-tire div.bottom .eu-label,
        body.wheels .wheel-result .selected form div.selected-rim div.bottom .eu-label {
          width: 100%;
          display: flex;
          justify-content: space-between;
          background: #F7F7F7;
          padding: 8px 2px; }
          @media only screen and (min-width: 1000px) {
            body.wheels .wheel-result .selected form div.selected-tire div.bottom .eu-label,
            body.wheels .wheel-result .selected form div.selected-rim div.bottom .eu-label {
              justify-content: center; } }
          body.wheels .wheel-result .selected form div.selected-tire div.bottom .eu-label div,
          body.wheels .wheel-result .selected form div.selected-rim div.bottom .eu-label div {
            padding: 0;
            background: #F7F7F7; }
            @media only screen and (min-width: 1000px) {
              body.wheels .wheel-result .selected form div.selected-tire div.bottom .eu-label div,
              body.wheels .wheel-result .selected form div.selected-rim div.bottom .eu-label div {
                margin: 0 4px; } }
            body.wheels .wheel-result .selected form div.selected-tire div.bottom .eu-label div span,
            body.wheels .wheel-result .selected form div.selected-rim div.bottom .eu-label div span {
              font-size: 10px;
              padding: 0;
              margin: 0; }
              @media only screen and (min-width: 1000px) {
                body.wheels .wheel-result .selected form div.selected-tire div.bottom .eu-label div span,
                body.wheels .wheel-result .selected form div.selected-rim div.bottom .eu-label div span {
                  font-size: 12px; } }
              body.wheels .wheel-result .selected form div.selected-tire div.bottom .eu-label div span span,
              body.wheels .wheel-result .selected form div.selected-rim div.bottom .eu-label div span span {
                font-size: 8px; }
                @media only screen and (min-width: 1000px) {
                  body.wheels .wheel-result .selected form div.selected-tire div.bottom .eu-label div span span,
                  body.wheels .wheel-result .selected form div.selected-rim div.bottom .eu-label div span span {
                    font-size: 12px; } }
              body.wheels .wheel-result .selected form div.selected-tire div.bottom .eu-label div span.icon,
              body.wheels .wheel-result .selected form div.selected-rim div.bottom .eu-label div span.icon {
                font-size: 18px; }
                @media only screen and (min-width: 1000px) {
                  body.wheels .wheel-result .selected form div.selected-tire div.bottom .eu-label div span.icon,
                  body.wheels .wheel-result .selected form div.selected-rim div.bottom .eu-label div span.icon {
                    font-size: 24px; }
                    body.wheels .wheel-result .selected form div.selected-tire div.bottom .eu-label div span.icon.icon-sound,
                    body.wheels .wheel-result .selected form div.selected-rim div.bottom .eu-label div span.icon.icon-sound {
                      margin-right: 4px; } }
        body.wheels .wheel-result .selected form div.selected-tire div.bottom a.btn,
        body.wheels .wheel-result .selected form div.selected-rim div.bottom a.btn {
          width: 100%; }
        @media only screen and (min-width: 1000px) {
          body.wheels .wheel-result .selected form div.selected-tire div.bottom a.btn,
          body.wheels .wheel-result .selected form div.selected-rim div.bottom a.btn {
            width: auto; } }
      body.wheels .wheel-result .selected form div.selected-tire .price-block .price,
      body.wheels .wheel-result .selected form div.selected-rim .price-block .price {
        color: #1E2648;
        font-weight: 600;
        font-size: 22px;
        text-align: center;
        margin: 24px 0 8px;
        width: 100%; }
      body.wheels .wheel-result .selected form div.selected-tire .price-block .price-campaign,
      body.wheels .wheel-result .selected form div.selected-rim .price-block .price-campaign {
        margin-bottom: 0; }
        body.wheels .wheel-result .selected form div.selected-tire .price-block .price-campaign .price,
        body.wheels .wheel-result .selected form div.selected-rim .price-block .price-campaign .price {
          color: #CC0000; }
      body.wheels .wheel-result .selected form div.selected-tire .price-block .price-ord,
      body.wheels .wheel-result .selected form div.selected-rim .price-block .price-ord {
        color: #1E2648;
        text-align: center;
        font-size: 13px;
        margin-bottom: 8px; }
      body.wheels .wheel-result .selected form div.selected-tire.selected-tire,
      body.wheels .wheel-result .selected form div.selected-rim.selected-tire {
        margin: 0 4px 0 24px; }
        @media only screen and (min-width: 1000px) {
          body.wheels .wheel-result .selected form div.selected-tire.selected-tire,
          body.wheels .wheel-result .selected form div.selected-rim.selected-tire {
            margin: 0 8px 0 0; } }
      body.wheels .wheel-result .selected form div.selected-tire.selected-rim,
      body.wheels .wheel-result .selected form div.selected-rim.selected-rim {
        margin: 0 24px 0 4px; }
        @media only screen and (min-width: 1000px) {
          body.wheels .wheel-result .selected form div.selected-tire.selected-rim,
          body.wheels .wheel-result .selected form div.selected-rim.selected-rim {
            margin: 0 8px 0 0; } }
      body.wheels .wheel-result .selected form div.selected-tire.selected-tire, body.wheels .wheel-result .selected form div.selected-tire.selected-rim,
      body.wheels .wheel-result .selected form div.selected-rim.selected-tire,
      body.wheels .wheel-result .selected form div.selected-rim.selected-rim {
        position: relative; }
        body.wheels .wheel-result .selected form div.selected-tire.selected-tire .b2b-percent, body.wheels .wheel-result .selected form div.selected-tire.selected-rim .b2b-percent,
        body.wheels .wheel-result .selected form div.selected-rim.selected-tire .b2b-percent,
        body.wheels .wheel-result .selected form div.selected-rim.selected-rim .b2b-percent {
          position: absolute;
          left: 16px;
          top: 8px;
          font-size: 16px;
          display: flex;
          color: #CC0000;
          font-weight: bold; }
    body.wheels .wheel-result .selected form div.summery {
      width: 100%;
      background: #FFF;
      margin-top: 16px;
      padding: 16px 24px;
      display: flex;
      flex-direction: column; }
      @media only screen and (min-width: 1000px) {
        body.wheels .wheel-result .selected form div.summery {
          width: 30%;
          margin-top: 0; } }
      body.wheels .wheel-result .selected form div.summery h2 {
        text-align: center;
        margin-bottom: 32px; }
      body.wheels .wheel-result .selected form div.summery ul {
        list-style: none;
        margin: 0 0 24px;
        padding: 0; }
        body.wheels .wheel-result .selected form div.summery ul li {
          display: flex;
          justify-content: space-between;
          padding: 8px 0;
          border-bottom: 1px solid #E0E0E0; }
          body.wheels .wheel-result .selected form div.summery ul li div.name {
            display: flex;
            flex-direction: column; }
          body.wheels .wheel-result .selected form div.summery ul li div.price {
            display: flex;
            justify-content: flex-end;
            white-space: nowrap; }
          body.wheels .wheel-result .selected form div.summery ul li.total {
            flex-direction: column;
            align-items: center;
            padding-top: 24px;
            border: 0; }
            body.wheels .wheel-result .selected form div.summery ul li.total .price {
              color: #1E2648;
              font-weight: 600;
              font-size: 22px; }
            body.wheels .wheel-result .selected form div.summery ul li.total .desc {
              font-style: italic; }
          body.wheels .wheel-result .selected form div.summery ul li.addon {
            flex-direction: column;
            align-items: flex-start;
            padding-top: 16px; }
            body.wheels .wheel-result .selected form div.summery ul li.addon ul {
              margin: 0; }
              body.wheels .wheel-result .selected form div.summery ul li.addon ul li {
                border: 0; }
                body.wheels .wheel-result .selected form div.summery ul li.addon ul li .name {
                  padding-right: 32px; }
                  body.wheels .wheel-result .selected form div.summery ul li.addon ul li .name label {
                    display: flex;
                    align-items: center; }
                    body.wheels .wheel-result .selected form div.summery ul li.addon ul li .name label input {
                      margin: 0 4px 0; }
      body.wheels .wheel-result .selected form div.summery div.no-contractor {
        display: flex;
        width: 100%;
        align-items: center;
        flex-direction: column; }
        body.wheels .wheel-result .selected form div.summery div.no-contractor div.info {
          font-style: italic;
          margin-bottom: 12px;
          font-size: 16px; }
        body.wheels .wheel-result .selected form div.summery div.no-contractor a.btn {
          width: 100%; }
  body.wheels .wheel-result .shadow {
    background: rgba(0, 0, 0, 0.8); }
    body.wheels .wheel-result .shadow .popup {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      background: #F7F7F7;
      overflow: auto;
      width: 100%;
      height: 100%; }
      @media only screen and (min-width: 1000px) {
        body.wheels .wheel-result .shadow .popup {
          width: 1200px;
          max-width: 94%;
          height: 80%; } }
      body.wheels .wheel-result .shadow .popup .head {
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding: 16px 24px;
        background: #FFF; }
        body.wheels .wheel-result .shadow .popup .head a.close {
          font-size: 18px; }
      body.wheels .wheel-result .shadow .popup div.filter {
        padding: 16px 24px;
        width: 100%;
        display: flex;
        flex-direction: column; }
        body.wheels .wheel-result .shadow .popup div.filter div h4 {
          margin-bottom: 4px; }
        body.wheels .wheel-result .shadow .popup div.filter div .values {
          display: flex;
          flex-wrap: wrap; }
          body.wheels .wheel-result .shadow .popup div.filter div .values label {
            display: flex;
            position: relative;
            margin: 0 4px 4px 0; }
            body.wheels .wheel-result .shadow .popup div.filter div .values label span {
              display: flex;
              border: 1px solid #7C7C7C;
              background: #FFF;
              border-radius: 3px;
              padding: 4px 8px;
              color: #000;
              font-size: 13px;
              font-weight: 600; }
              body.wheels .wheel-result .shadow .popup div.filter div .values label span:hover {
                cursor: pointer; }
            body.wheels .wheel-result .shadow .popup div.filter div .values label input {
              position: absolute;
              opacity: 0.001; }
              body.wheels .wheel-result .shadow .popup div.filter div .values label input:checked + span {
                background: #1E2648;
                color: #FFF;
                border-color: #1E2648; }
      body.wheels .wheel-result .shadow .popup .sort {
        padding: 0 24px;
        width: 100%; }
        body.wheels .wheel-result .shadow .popup .sort h4 {
          margin-bottom: 4px; }
        body.wheels .wheel-result .shadow .popup .sort select {
          border: 1px solid #7C7C7C;
          padding: 4px 8px;
          border-radius: 3px;
          background: #FFF;
          color: #000;
          font-size: 13px; }
          body.wheels .wheel-result .shadow .popup .sort select option {
            font-size: 13px; }
      body.wheels .wheel-result .shadow .popup ul.products {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 24px 22px;
        width: 100%; }
        body.wheels .wheel-result .shadow .popup ul.products li {
          width: calc(50% - 4px);
          margin: 0 2px 4px 2px;
          display: flex; }
          @media only screen and (min-width: 1000px) {
            body.wheels .wheel-result .shadow .popup ul.products li {
              width: calc(25% - 4px); } }
          body.wheels .wheel-result .shadow .popup ul.products li a {
            display: flex;
            width: 100%;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            padding: 12px;
            background: #FFF;
            border-radius: 3px;
            position: relative; }
            body.wheels .wheel-result .shadow .popup ul.products li a .b2b-percent {
              position: absolute;
              left: 16px;
              top: 8px;
              font-size: 16px;
              display: flex;
              color: #CC0000;
              font-weight: bold; }
            body.wheels .wheel-result .shadow .popup ul.products li a .top {
              display: flex;
              flex-direction: column;
              align-items: center; }
              body.wheels .wheel-result .shadow .popup ul.products li a .top img {
                max-height: 100px; }
              body.wheels .wheel-result .shadow .popup ul.products li a .top h3, body.wheels .wheel-result .shadow .popup ul.products li a .top h4, body.wheels .wheel-result .shadow .popup ul.products li a .top div.size {
                text-align: center; }
            body.wheels .wheel-result .shadow .popup ul.products li a .bottom {
              display: flex;
              flex-direction: column;
              align-items: center;
              margin-top: 16px;
              width: 100%; }
              body.wheels .wheel-result .shadow .popup ul.products li a .bottom .sizes {
                display: flex;
                flex-direction: column; }
                body.wheels .wheel-result .shadow .popup ul.products li a .bottom .sizes div.front,
                body.wheels .wheel-result .shadow .popup ul.products li a .bottom .sizes div.back {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  padding: 8px 0;
                  border-bottom: 1px solid #EAEAEA;
                  margin-bottom: 8px; }
                  body.wheels .wheel-result .shadow .popup ul.products li a .bottom .sizes div.front .size,
                  body.wheels .wheel-result .shadow .popup ul.products li a .bottom .sizes div.back .size {
                    font-size: 14px;
                    text-align: center; }
                  body.wheels .wheel-result .shadow .popup ul.products li a .bottom .sizes div.front .price-each,
                  body.wheels .wheel-result .shadow .popup ul.products li a .bottom .sizes div.back .price-each {
                    font-weight: 600;
                    color: #1E2648;
                    margin-top: 4px; }
              @media only screen and (min-width: 1000px) {
                body.wheels .wheel-result .shadow .popup ul.products li a .bottom .sizes {
                  flex-direction: column;
                  width: 100%; }
                  body.wheels .wheel-result .shadow .popup ul.products li a .bottom .sizes div.front {
                    margin-bottom: 0px; }
                  body.wheels .wheel-result .shadow .popup ul.products li a .bottom .sizes div.front,
                  body.wheels .wheel-result .shadow .popup ul.products li a .bottom .sizes div.back {
                    width: 100%; } }
              body.wheels .wheel-result .shadow .popup ul.products li a .bottom .price-block .price {
                color: #1E2648;
                font-weight: 600;
                font-size: 22px;
                text-align: center;
                margin: 24px 0 0; }
                body.wheels .wheel-result .shadow .popup ul.products li a .bottom .price-block .price.price-campaign .price {
                  color: #CC0000; }
              body.wheels .wheel-result .shadow .popup ul.products li a .bottom .price-block .price-info {
                font-style: italic;
                font-size: 13px; }
              body.wheels .wheel-result .shadow .popup ul.products li a .bottom .price-block .price-ord {
                color: #1E2648;
                text-align: center;
                font-size: 13px;
                margin-top: 0;
                font-weight: normal; }
              body.wheels .wheel-result .shadow .popup ul.products li a .bottom span.btn {
                width: 100%;
                margin-top: 16px; }

/* produkt-sidan */
body.product .main {
  /* Storlekar */ }
  body.product .main div.top {
    display: flex;
    justify-content: center; }
    @media only screen and (min-width: 1000px) {
      body.product .main div.top .container {
        display: flex;
        padding: 48px 0; } }
    body.product .main div.top .info {
      display: flex;
      flex-direction: column;
      padding: 24px 0 0; }
      @media only screen and (min-width: 1000px) {
        body.product .main div.top .info {
          width: 50%; } }
      body.product .main div.top .info h1 {
        margin: 0;
        padding: 0 24px; }
        @media only screen and (min-width: 1000px) {
          body.product .main div.top .info h1 {
            padding: 0; } }
      body.product .main div.top .info h2 {
        margin: 0;
        padding: 0 24px;
        font-size: 22px; }
        @media only screen and (min-width: 1000px) {
          body.product .main div.top .info h2 {
            padding: 0; } }
      body.product .main div.top .info h3.season {
        color: #7C7C7C;
        font-size: 16px;
        font-weight: normal;
        text-transform: uppercase;
        margin: 12px 0 0;
        padding: 0 24px; }
        @media only screen and (min-width: 1000px) {
          body.product .main div.top .info h3.season {
            padding: 0; } }
      @media only screen and (min-width: 1000px) {
        body.product .main div.top .info .sizes {
          margin: 0; } }
      body.product .main div.top .info .regnr-search {
        margin-top: 24px;
        padding: 0 24px; }
        @media only screen and (min-width: 1000px) {
          body.product .main div.top .info .regnr-search {
            padding: 0; } }
        body.product .main div.top .info .regnr-search h3 {
          margin: 0 0 8px;
          font-size: 16px; }
        body.product .main div.top .info .regnr-search .form {
          display: flex; }
          body.product .main div.top .info .regnr-search .form .regnr-field {
            width: 300px;
            height: 50px;
            margin-bottom: 0; }
            body.product .main div.top .info .regnr-search .form .regnr-field input {
              font-size: 24px; }
          body.product .main div.top .info .regnr-search .form .search-button {
            display: flex;
            margin-left: 4px; }
            body.product .main div.top .info .regnr-search .form .search-button span.loader {
              display: none;
              padding-top: 0;
              padding-bottom: 0; }
        body.product .main div.top .info .regnr-search a.regnr-info {
          display: none;
          background: #F7F7F7;
          padding: 8px 16px;
          font-size: 13px;
          align-items: center;
          width: 100%;
          margin: 8px 0; }
          body.product .main div.top .info .regnr-search a.regnr-info span.image {
            display: flex;
            padding-right: 16px; }
            body.product .main div.top .info .regnr-search a.regnr-info span.image img {
              height: 32px; }
          body.product .main div.top .info .regnr-search a.regnr-info .size {
            display: none; }
        body.product .main div.top .info .regnr-search .result {
          display: none;
          padding: 12px;
          border: 1px solid #CCC;
          margin-top: 8px;
          flex-direction: column; }
          body.product .main div.top .info .regnr-search .result.failed {
            font-size: 15px;
            font-style: italic; }
          body.product .main div.top .info .regnr-search .result h3 {
            margin-bottom: 2px; }
          body.product .main div.top .info .regnr-search .result .desc {
            font-size: 14px;
            font-style: italic; }
          body.product .main div.top .info .regnr-search .result ul {
            display: flex;
            list-style: none;
            padding: 0;
            margin: 0;
            flex-direction: column; }
            body.product .main div.top .info .regnr-search .result ul li {
              display: flex;
              border-bottom: 1px solid #EAEAEA;
              font-size: 15px;
              								/*.buy {
              									display: flex; flex-direction: row; align-items: center; padding: 0; border: 0;
              
              									.price { display: flex; justify-content: flex-end; width: 70px; margin-right: 16px; }
              
              									form {
              										display: none;
              
              										@media only screen and (min-width: $mobile-width) {
              											display: flex;
              										}
              									}
              
              									a.size-link {
              										font-size: 28px;
              
              										@media only screen and (min-width: $mobile-width) {
              											display: none;
              										}
              									}
              								}*/ }
              body.product .main div.top .info .regnr-search .result ul li.head {
                font-weight: 600;
                padding: 24px 0 8px 4px; }
              body.product .main div.top .info .regnr-search .result ul li a {
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: 100%;
                padding: 8px 4px; }
                @media only screen and (min-width: 1000px) {
                  body.product .main div.top .info .regnr-search .result ul li a {
                    padding: 8px 4px; } }
                body.product .main div.top .info .regnr-search .result ul li a .buy {
                  display: flex;
                  flex-direction: row;
                  align-items: center;
                  padding: 0;
                  border: 0; }
                  body.product .main div.top .info .regnr-search .result ul li a .buy .price {
                    display: flex;
                    justify-content: flex-end;
                    width: 70px;
                    margin-right: 16px; }
                  body.product .main div.top .info .regnr-search .result ul li a .buy span.icon-arrow-right-circle {
                    font-size: 28px; }
      body.product .main div.top .info div.tire-fit-car {
        display: none; }
      body.product .main div.top .info .mobile-img {
        position: relative;
        text-align: center;
        padding-top: 42px;
        border-bottom: 1px solid #EAEAEA; }
        @media only screen and (min-width: 1000px) {
          body.product .main div.top .info .mobile-img {
            display: none; } }
        body.product .main div.top .info .mobile-img img {
          max-height: 200px; }
        body.product .main div.top .info .mobile-img span {
          position: absolute;
          right: 24px;
          top: 12px;
          color: #1E2648;
          font-size: 22px; }
          body.product .main div.top .info .mobile-img span.icon-sun {
            color: #FFCC00; }
      body.product .main div.top .info .buy {
        display: flex;
        flex-direction: column;
        padding: 16px 0 0;
        border-bottom: 1px solid #EAEAEA; }
        @media only screen and (min-width: 1000px) {
          body.product .main div.top .info .buy {
            border: 0; } }
        body.product .main div.top .info .buy.buy-tire .sizes a.selected .size .dia {
          margin-left: 24px; }
        body.product .main div.top .info .buy .product-sizes {
          display: none; }
        body.product .main div.top .info .buy.open .product-sizes {
          display: flex; }
        body.product .main div.top .info .buy .size-info {
          padding: 16px 24px;
          flex-direction: column;
          /*border-bottom: 1px solid $product-box-divider;*/ }
          @media only screen and (min-width: 1000px) {
            body.product .main div.top .info .buy .size-info {
              padding: 16px 0;
              border: 0; } }
          body.product .main div.top .info .buy .size-info .price-form {
            display: flex;
            flex-direction: column;
            align-items: center; }
            @media only screen and (min-width: 1000px) {
              body.product .main div.top .info .buy .size-info .price-form {
                align-items: flex-start; } }
            body.product .main div.top .info .buy .size-info .price-form .price {
              font-size: 32px;
              font-weight: bold;
              color: #1E2648; }
              body.product .main div.top .info .buy .size-info .price-form .price.price-campaign {
                color: #CC0000; }
            body.product .main div.top .info .buy .size-info .price-form .ord-price {
              color: #1E2648;
              font-size: 13px; }
            body.product .main div.top .info .buy .size-info .price-form .price-info {
              color: #1E2648;
              font-size: 13px; }
            body.product .main div.top .info .buy .size-info .price-form form {
              width: 100%; }
              @media only screen and (min-width: 1000px) {
                body.product .main div.top .info .buy .size-info .price-form form {
                  width: 60%; } }
            body.product .main div.top .info .buy .size-info .price-form .storage {
              color: #4B8D5A;
              font-style: italic;
              margin-top: 8px;
              display: flex;
              width: 100%;
              padding-left: 52px; }
              body.product .main div.top .info .buy .size-info .price-form .storage .icon {
                display: none; }
          body.product .main div.top .info .buy .size-info .price-spec {
            margin-top: 32px; }
            body.product .main div.top .info .buy .size-info .price-spec h5 {
              margin: 0;
              color: #000;
              font-size: 16px;
              font-weight: 600; }
            body.product .main div.top .info .buy .size-info .price-spec table {
              border-collapse: collapse;
              width: 100%; }
              body.product .main div.top .info .buy .size-info .price-spec table td {
                padding: 4px 16px 4px 0;
                border-bottom: 1px solid #CCC; }
                body.product .main div.top .info .buy .size-info .price-spec table td.r {
                  text-align: right;
                  padding-right: 0; }
                body.product .main div.top .info .buy .size-info .price-spec table td span {
                  color: #C7D64F; }
              body.product .main div.top .info .buy .size-info .price-spec table tr.info {
                display: none; }
                body.product .main div.top .info .buy .size-info .price-spec table tr.info td div {
                  max-width: 200px;
                  padding: 10px;
                  background: #F7F7F7; }
            body.product .main div.top .info .buy .size-info .price-spec .price-complete {
              font-size: 0.9rem;
              margin-top: 20px;
              font-style: italic; }
        body.product .main div.top .info .buy .insurance {
          display: flex;
          align-items: center;
          max-width: 100%;
          padding: 16px 24px; }
          @media only screen and (min-width: 1000px) {
            body.product .main div.top .info .buy .insurance {
              padding: 16px 0; } }
          body.product .main div.top .info .buy .insurance img {
            width: 48px; }
          body.product .main div.top .info .buy .insurance span {
            display: flex;
            flex-direction: column;
            padding-left: 16px;
            width: calc(100% - 48px); }
            body.product .main div.top .info .buy .insurance span b {
              color: #1E2648;
              font-weight: 600;
              text-transform: uppercase; }
            body.product .main div.top .info .buy .insurance span a {
              color: #1E2648;
              text-decoration: underline;
              font-weight: bold; }
        body.product .main div.top .info .buy .info-insurance {
          display: none;
          background: #F7F7F7;
          border-top: 1px solid #edf0f0;
          padding: 24px; }
      body.product .main div.top .info .buy-sticky {
        display: flex;
        z-index: 3;
        padding: 10px;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #1E2648; }
        @media only screen and (min-width: 1000px) {
          body.product .main div.top .info .buy-sticky {
            display: none; } }
        body.product .main div.top .info .buy-sticky .price-holder {
          color: #FFF; }
          body.product .main div.top .info .buy-sticky .price-holder .price {
            font-weight: bold;
            font-size: 22px; }
          body.product .main div.top .info .buy-sticky .price-holder .price-info {
            font-size: 12px; }
        body.product .main div.top .info .buy-sticky form {
          display: flex;
          align-items: center; }
          body.product .main div.top .info .buy-sticky form select {
            border: 1px solid #CCC;
            padding: 10px;
            margin-right: 10px;
            height: 80%;
            background: #FFF; }
      body.product .main div.top .info div.goodyear-stamp {
        margin-top: 48px; }
    body.product .main div.top div.img {
      display: none; }
      @media only screen and (min-width: 1000px) {
        body.product .main div.top div.img {
          display: flex;
          width: 50%;
          justify-content: center; }
          body.product .main div.top div.img img {
            max-height: 300px; } }
  body.product .main .product-info {
    display: flex;
    justify-content: center;
    padding: 24px 0; }
    body.product .main .product-info .container {
      display: flex;
      flex-wrap: wrap; }
      body.product .main .product-info .container .product-data {
        width: 100%; }
      @media only screen and (min-width: 1000px) {
        body.product .main .product-info .container {
          border-top: 1px solid #EAEAEA; }
          body.product .main .product-info .container .product-data {
            width: 50%;
            order: 1; }
          body.product .main .product-info .container .usp {
            width: 30%;
            margin: 0 10%;
            order: 2; }
            body.product .main .product-info .container .usp.no-data {
              margin: 0; }
            body.product .main .product-info .container .usp li div {
              font-size: 18px;
              font-weight: 600; } }
    body.product .main .product-info ul.usp {
      list-style: none;
      margin: 0;
      padding: 24px 24px 0;
      display: flex;
      flex-direction: column; }
      body.product .main .product-info ul.usp li {
        display: flex;
        align-items: center;
        padding-bottom: 5px; }
        body.product .main .product-info ul.usp li span {
          margin-right: 4px; }
        body.product .main .product-info ul.usp li div {
          flex-shrink: 1; }
    body.product .main .product-info .ingress,
    body.product .main .product-info .text {
      padding: 24px; }
      @media only screen and (min-width: 1000px) {
        body.product .main .product-info .ingress,
        body.product .main .product-info .text {
          padding-left: 0; } }
    body.product .main .product-info .tire-data-holder {
      display: none;
      background: #F7F7F7;
      padding: 24px 0;
      width: 100%; }
      body.product .main .product-info .tire-data-holder .tire-data {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%; }
    body.product .main .product-info h2 {
      margin: 0;
      padding: 24px;
      /*border-top: 1px solid $product-box-divider;*/
      width: 100%; }
    body.product .main .product-info .tires {
      float: left;
      width: 100%; }
      body.product .main .product-info .tires ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap; }
        body.product .main .product-info .tires ul li {
          width: 25%;
          text-align: center;
          background: #7C7C7C;
          display: flex; }
          @media only screen and (max-width: 1000px) {
            body.product .main .product-info .tires ul li {
              width: 50%; } }
          body.product .main .product-info .tires ul li a {
            width: 100%;
            height: 100%; }
            body.product .main .product-info .tires ul li a .img {
              background: #FFF;
              width: 100%;
              padding: 2rem 0 1rem; }
              body.product .main .product-info .tires ul li a .img img {
                max-height: 200px; }
            body.product .main .product-info .tires ul li a h4 {
              color: #1E2648;
              margin: 0px;
              padding: 2rem 1rem;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden; }
          body.product .main .product-info .tires ul li:hover {
            background: #C7D64F; }
            body.product .main .product-info .tires ul li:hover h4 {
              color: #FFF; }
  body.product .main .tire-data-holder {
    display: flex;
    justify-content: center;
    background: #F7F7F7; }
    body.product .main .tire-data-holder .container .tire-data {
      padding: 24px 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      body.product .main .tire-data-holder .container .tire-data h3 {
        font-size: 18px;
        margin: 0;
        padding: 0 24px;
        width: 100%; }
        @media only screen and (min-width: 1000px) {
          body.product .main .tire-data-holder .container .tire-data h3 {
            padding: 0; } }
      body.product .main .tire-data-holder .container .tire-data .eu-label {
        display: flex;
        margin-top: 16px;
        align-items: center;
        padding: 0 24px;
        background: none; }
        @media only screen and (min-width: 1000px) {
          body.product .main .tire-data-holder .container .tire-data .eu-label {
            padding: 0; } }
        body.product .main .tire-data-holder .container .tire-data .eu-label div {
          display: flex;
          align-items: center;
          margin-right: 16px;
          background: none; }
          body.product .main .tire-data-holder .container .tire-data .eu-label div img {
            height: 16px;
            margin-right: 4px; }
      body.product .main .tire-data-holder .container .tire-data table {
        margin: 16px 0 0;
        width: 100%;
        max-width: 400px;
        padding: 0 24px; }
        @media only screen and (min-width: 1000px) {
          body.product .main .tire-data-holder .container .tire-data table {
            padding: 0; } }
        body.product .main .tire-data-holder .container .tire-data table th, body.product .main .tire-data-holder .container .tire-data table td {
          border-bottom: 1px solid #EAEAEA;
          padding: 8px 0; }
        body.product .main .tire-data-holder .container .tire-data table th {
          text-align: left;
          font-weight: 600; }
        body.product .main .tire-data-holder .container .tire-data table td {
          text-align: right; }
      body.product .main .tire-data-holder .container .tire-data .eu-label-image {
        background: #FFF;
        display: flex;
        padding: 24px;
        justify-content: center; }
        body.product .main .tire-data-holder .container .tire-data .eu-label-image img {
          width: 100%;
          border: 1px solid #CCC; }
  body.product .main div.banner {
    display: flex;
    justify-content: center; }
    body.product .main div.banner .container {
      display: flex;
      justify-content: center;
      padding: 32px 24px; }
      @media only screen and (min-width: 1000px) {
        body.product .main div.banner .container {
          padding: 32px 0; } }
      body.product .main div.banner .container img {
        max-width: 100%; }
        body.product .main div.banner .container img.desktop {
          display: none; }
      @media only screen and (min-width: 1000px) {
        body.product .main div.banner .container img.desktop {
          display: block; }
        body.product .main div.banner .container img.mobile {
          display: none; } }
  body.product .main .other-products {
    display: flex;
    justify-content: center;
    flex-direction: column; }
    body.product .main .other-products .head, body.product .main .other-products .products {
      display: flex;
      justify-content: center; }
    body.product .main .other-products .head {
      padding: 48px 0; }
    body.product .main .other-products .products {
      background: #F7F7F7;
      padding: 24px 0; }
      body.product .main .other-products .products #tires {
        padding: 0; }
    body.product .main .other-products .container {
      padding: 0 24px; }
      @media only screen and (min-width: 1000px) {
        body.product .main .other-products .container {
          padding: 0; } }
  body.product .main .product-sizes {
    display: flex;
    justify-content: center; }
    body.product .main .product-sizes .container {
      padding: 0 24px;
      border-top: 1px solid #EAEAEA; }
      @media only screen and (min-width: 1000px) {
        body.product .main .product-sizes .container {
          padding: 0; } }
    body.product .main .product-sizes .desc {
      padding: 0 0 16px;
      font-style: italic; }
    body.product .main .product-sizes h2 {
      margin: 32px 0; }
    body.product .main .product-sizes h4 {
      width: 100%;
      border-bottom: 1px solid #EAEAEA;
      padding: 0 0 8px;
      margin: 0;
      font-family: "Barlow", sans-serif; }
    body.product .main .product-sizes ul {
      display: flex;
      flex-direction: column;
      width: 100%;
      list-style: none;
      margin: 0 0 32px;
      padding: 0; }
      body.product .main .product-sizes ul li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px solid #EAEAEA;
        flex-wrap: wrap; }
        body.product .main .product-sizes ul li a {
          width: 60%; }
          @media only screen and (min-width: 1000px) {
            body.product .main .product-sizes ul li a {
              width: 30%; } }
        body.product .main .product-sizes ul li .eu-label {
          display: none;
          width: 30%;
          display: none; }
          @media only screen and (min-width: 1000px) {
            body.product .main .product-sizes ul li .eu-label {
              display: flex; }
              body.product .main .product-sizes ul li .eu-label div span {
                background: #FFF; } }
        body.product .main .product-sizes ul li .buy {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          width: 40%; }
          body.product .main .product-sizes ul li .buy .price {
            white-space: nowrap; }
            body.product .main .product-sizes ul li .buy .price.campaign {
              color: #CC0000; }
            body.product .main .product-sizes ul li .buy .price span.ord-price {
              font-size: 13px;
              text-decoration: line-through;
              color: #000; }
          body.product .main .product-sizes ul li .buy form {
            padding-left: 30px;
            display: none; }
            body.product .main .product-sizes ul li .buy form select {
              border: 1px solid #7C7C7C;
              padding: 4px;
              margin-right: 8px;
              background: #FFF;
              min-width: 32px; }
            @media only screen and (min-width: 1000px) {
              body.product .main .product-sizes ul li .buy form {
                display: flex; } }

body.share-popup-open div#share-popup {
  display: flex; }
  body.share-popup-open div#share-popup .foot a.btn {
    color: #FFF;
    width: auto; }
  body.share-popup-open div#share-popup .foot .copy {
    display: none;
    color: #FFF;
    align-items: center;
    margin-top: 24px; }
    body.share-popup-open div#share-popup .foot .copy span {
      color: #C7D64F;
      margin-right: 8px; }

/* Kassan */
body.one-page-checkout {
  background: #F7F7F7;
  padding-top: 0;
  /*a.btn-yellow { text-transform: uppercase; }*/ }
  body.one-page-checkout .contractor-campaign,
  body.one-page-checkout .second-menu {
    display: none; }
  body.one-page-checkout.discount-code-open div#discount-popup {
    display: flex; }
  body.one-page-checkout.buy-terms-open div#terms-popup {
    display: flex; }
  body.one-page-checkout input[type='checkbox'] {
    accent-color: #C7D64F; }
  body.one-page-checkout div.loader-shadow {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    align-items: center;
    justify-content: center; }
    body.one-page-checkout div.loader-shadow div {
      display: flex;
      align-items: center;
      flex-direction: column; }
      body.one-page-checkout div.loader-shadow div h3 {
        margin-top: 12px;
        display: none; }
  body.one-page-checkout div.checkout-head {
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    background: #FFF;
    border-bottom: 1px solid #EAEAEA; }
    @media only screen and (min-width: 1000px) {
      body.one-page-checkout div.checkout-head {
        padding: 8px 24px; } }
    body.one-page-checkout div.checkout-head .container {
      align-items: center;
      display: flex;
      justify-content: space-between; }
      body.one-page-checkout div.checkout-head .container a.back-website {
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #7C7C7C;
        width: 30%; }
        body.one-page-checkout div.checkout-head .container a.back-website span {
          margin-right: 5px; }
      body.one-page-checkout div.checkout-head .container div.logo {
        width: 40%;
        display: flex;
        justify-content: center; }
        body.one-page-checkout div.checkout-head .container div.logo a {
          display: flex; }
          body.one-page-checkout div.checkout-head .container div.logo a img {
            height: 30px; }
      body.one-page-checkout div.checkout-head .container div.phone {
        width: 30%;
        display: flex;
        justify-content: flex-end; }
      body.one-page-checkout div.checkout-head .container div.name {
        width: 30%;
        display: flex;
        justify-content: flex-end; }
        body.one-page-checkout div.checkout-head .container div.name div.top-contractor-info {
          display: flex; }
          body.one-page-checkout div.checkout-head .container div.name div.top-contractor-info a.show-top-contractor {
            font-size: 12px;
            font-weight: normal;
            display: flex;
            align-items: center; }
            body.one-page-checkout div.checkout-head .container div.name div.top-contractor-info a.show-top-contractor span.dot {
              display: none; }
            body.one-page-checkout div.checkout-head .container div.name div.top-contractor-info a.show-top-contractor div {
              order: 2;
              display: flex;
              flex-direction: column; }
              body.one-page-checkout div.checkout-head .container div.name div.top-contractor-info a.show-top-contractor div.desktop-name {
                display: none; }
              @media only screen and (min-width: 1000px) {
                body.one-page-checkout div.checkout-head .container div.name div.top-contractor-info a.show-top-contractor div.desktop-name {
                  display: flex; }
                body.one-page-checkout div.checkout-head .container div.name div.top-contractor-info a.show-top-contractor div.mobile-name {
                  display: none; } }
            body.one-page-checkout div.checkout-head .container div.name div.top-contractor-info a.show-top-contractor span.icon-pin-empty {
              order: 1;
              display: none;
              margin-right: 2px; }
  body.one-page-checkout div.contractor-name {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 16px 24px;
    background: #FFF;
    border-top: 1px solid #EAEAEA;
    margin-bottom: 16px; }
    body.one-page-checkout div.contractor-name .container {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      body.one-page-checkout div.contractor-name .container .name {
        font-size: 25px;
        font-weight: 600; }
      body.one-page-checkout div.contractor-name .container .share a {
        display: flex;
        align-items: center;
        font-size: 16px; }
        body.one-page-checkout div.contractor-name .container .share a img {
          width: 16px; }
        body.one-page-checkout div.contractor-name .container .share a span {
          display: none; }
        @media only screen and (min-width: 1000px) {
          body.one-page-checkout div.contractor-name .container .share a img {
            margin-right: 12px; }
          body.one-page-checkout div.contractor-name .container .share a span {
            display: flex; } }
  body.one-page-checkout.empty-cart div.checkout-navigation {
    display: none; }
  body.one-page-checkout.empty-cart div.empty-cart {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 32px; }
    body.one-page-checkout.empty-cart div.empty-cart h1 {
      display: flex; }
      body.one-page-checkout.empty-cart div.empty-cart h1 span {
        margin-right: 12px; }
    body.one-page-checkout.empty-cart div.empty-cart a.btn {
      margin-top: 32px; }
  body.one-page-checkout div.checkout-navigation {
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 16px 12px;
    background: #FFF;
    margin-bottom: 24px;
    transition: 0.2 ease; }
    body.one-page-checkout div.checkout-navigation.sticky {
      position: fixed;
      top: 0;
      z-index: 5;
      border-bottom: 1px solid #7C7C7C; }
    body.one-page-checkout div.checkout-navigation .container {
      justify-content: center;
      display: flex; }
      body.one-page-checkout div.checkout-navigation .container ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        width: 100%; }
        body.one-page-checkout div.checkout-navigation .container ul.desktop {
          display: none; }
        @media only screen and (min-width: 1000px) {
          body.one-page-checkout div.checkout-navigation .container ul {
            width: auto; }
            body.one-page-checkout div.checkout-navigation .container ul.mobile {
              display: none; }
            body.one-page-checkout div.checkout-navigation .container ul.desktop {
              display: flex; } }
        body.one-page-checkout div.checkout-navigation .container ul.steps-2 {
          justify-content: center; }
          body.one-page-checkout div.checkout-navigation .container ul.steps-2 li {
            width: 140px;
            flex-grow: 0; }
        body.one-page-checkout div.checkout-navigation .container ul.steps-3 li {
          width: 33.3%; }
        body.one-page-checkout div.checkout-navigation .container ul.steps-4 li {
          width: 25%; }
        @media only screen and (min-width: 1000px) {
          body.one-page-checkout div.checkout-navigation .container ul.steps-2 li, body.one-page-checkout div.checkout-navigation .container ul.steps-3 li, body.one-page-checkout div.checkout-navigation .container ul.steps-4 li {
            width: 120px; } }
        body.one-page-checkout div.checkout-navigation .container ul li {
          display: flex;
          flex-direction: column;
          align-items: center;
          flex-grow: 1; }
          body.one-page-checkout div.checkout-navigation .container ul li span {
            font-size: 14px;
            margin-bottom: 4px;
            color: #CCC; }
          body.one-page-checkout div.checkout-navigation .container ul li div.flow {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%; }
            body.one-page-checkout div.checkout-navigation .container ul li div.flow a.dot {
              display: flex;
              width: 12px;
              height: 12px;
              border-radius: 20px;
              background: #CCC;
              margin: 0 12px; }
              @media only screen and (min-width: 1000px) {
                body.one-page-checkout div.checkout-navigation .container ul li div.flow a.dot {
                  margin: 0 24px; } }
            body.one-page-checkout div.checkout-navigation .container ul li div.flow div.border {
              display: flex;
              height: 2px;
              width: calc(50% - 6px - 12px);
              background: #CCC; }
              @media only screen and (min-width: 1000px) {
                body.one-page-checkout div.checkout-navigation .container ul li div.flow div.border {
                  width: calc(50% - 6px - 24px); } }
          body.one-page-checkout div.checkout-navigation .container ul li.active span {
            color: #000; }
          body.one-page-checkout div.checkout-navigation .container ul li.done span {
            color: #CCC; }
          body.one-page-checkout div.checkout-navigation .container ul li.done div.flow div.border.right {
            background: #FFCC00; }
          @media only screen and (min-width: 1000px) {
            body.one-page-checkout div.checkout-navigation .container ul li.confirm {
              display: none; } }
          body.one-page-checkout div.checkout-navigation .container ul li.active div.flow a.dot, body.one-page-checkout div.checkout-navigation .container ul li.done div.flow a.dot {
            background: #FFCC00; }
          body.one-page-checkout div.checkout-navigation .container ul li.active div.flow div.border.left, body.one-page-checkout div.checkout-navigation .container ul li.done div.flow div.border.left {
            background: #FFCC00; }
          body.one-page-checkout div.checkout-navigation .container ul li:first-child div.flow div.border.left {
            background: none; }
          body.one-page-checkout div.checkout-navigation .container ul li:last-child div.flow div.border.right {
            background: none; }
          body.one-page-checkout div.checkout-navigation .container ul li:last-child.active div.flow div.border.right, body.one-page-checkout div.checkout-navigation .container ul li:last-child.done div.flow div.border.right {
            background: none; }
  body.one-page-checkout .header,
  body.one-page-checkout .footer {
    display: none; }
  body.one-page-checkout .main {
    background: #F7F7F7;
    padding-bottom: 200px; }
    body.one-page-checkout .main .block-top {
      display: flex;
      justify-content: center; }
      body.one-page-checkout .main .block-top .container {
        display: flex;
        justify-content: center;
        padding: 20px 0; }
        body.one-page-checkout .main .block-top .container ul {
          display: flex;
          list-style: none;
          margin: 0;
          padding: 0; }
          body.one-page-checkout .main .block-top .container ul li {
            margin: 0 16px; }
            body.one-page-checkout .main .block-top .container ul li a.selected {
              background: #1E2648;
              color: #FFF; }
    body.one-page-checkout .main .block-bottom {
      display: flex;
      justify-content: center; }
      body.one-page-checkout .main .block-bottom .container {
        display: flex;
        flex-direction: column;
        padding: 0 12px;
        /*input[type="submit"],
        a.btn,
        span.btn {
        	display: inline-block; font-family: $font; color: #FFF; font-weight: normal; border-radius: 0; background: $blue;
        }*/ }
        @media only screen and (min-width: 1000px) {
          body.one-page-checkout .main .block-bottom .container {
            padding: 0;
            flex-direction: row;
            justify-content: space-between; } }
        body.one-page-checkout .main .block-bottom .container .left {
          width: 100%;
          display: flex;
          flex-direction: column; }
          @media only screen and (min-width: 1000px) {
            body.one-page-checkout .main .block-bottom .container .left {
              width: 70%; } }
          body.one-page-checkout .main .block-bottom .container .left .block {
            width: 100%;
            max-width: 100%;
            background: #FFF;
            margin-bottom: 16px;
            position: relative;
            /* Kundvagn */
            /* Kalender */
            /* Payment */
            /* Kunduppgifter */ }
            body.one-page-checkout .main .block-bottom .container .left .block h2 {
              color: #000;
              padding: 8px 12px;
              font-size: 16px;
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin: 0;
              width: 100%; }
              @media only screen and (min-width: 1000px) {
                body.one-page-checkout .main .block-bottom .container .left .block h2 {
                  padding: 24px 32px; } }
              body.one-page-checkout .main .block-bottom .container .left .block h2 div.short-info {
                display: none; }
              body.one-page-checkout .main .block-bottom .container .left .block h2 div.cart-head {
                display: flex;
                align-items: center; }
                body.one-page-checkout .main .block-bottom .container .left .block h2 div.cart-head div.h2-header {
                  display: flex;
                  align-items: center; }
                  body.one-page-checkout .main .block-bottom .container .left .block h2 div.cart-head div.h2-header span {
                    display: flex; }
                    body.one-page-checkout .main .block-bottom .container .left .block h2 div.cart-head div.h2-header span div.total-products {
                      margin-left: 4px; }
                  body.one-page-checkout .main .block-bottom .container .left .block h2 div.cart-head div.h2-header div.icon {
                    font-size: 24px;
                    width: 30px;
                    position: relative;
                    text-align: center;
                    line-height: 1; }
                    @media only screen and (min-width: 1000px) {
                      body.one-page-checkout .main .block-bottom .container .left .block h2 div.cart-head div.h2-header div.icon {
                        font-size: 32px;
                        margin-right: 8px; } }
                    body.one-page-checkout .main .block-bottom .container .left .block h2 div.cart-head div.h2-header div.icon span.dot {
                      display: none;
                      width: 8px;
                      height: 8px;
                      border-radius: 20px;
                      background: #C7D64F;
                      position: absolute;
                      left: 4px;
                      top: 5px; }
                      @media only screen and (min-width: 1000px) {
                        body.one-page-checkout .main .block-bottom .container .left .block h2 div.cart-head div.h2-header div.icon span.dot {
                          left: 2px;
                          top: 7px; } }
                body.one-page-checkout .main .block-bottom .container .left .block h2 div.cart-head a.show-share-popup {
                  display: flex;
                  align-items: center;
                  font-size: 16px;
                  font-weight: normal;
                  margin-left: 24px; }
                  body.one-page-checkout .main .block-bottom .container .left .block h2 div.cart-head a.show-share-popup img {
                    width: 16px; }
                  body.one-page-checkout .main .block-bottom .container .left .block h2 div.cart-head a.show-share-popup span {
                    display: none; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block h2 div.cart-head a.show-share-popup img {
                      margin-right: 12px; }
                    body.one-page-checkout .main .block-bottom .container .left .block h2 div.cart-head a.show-share-popup span {
                      display: flex; } }
                body.one-page-checkout .main .block-bottom .container .left .block h2 div.cart-head span.icon-check {
                  display: none; }
              body.one-page-checkout .main .block-bottom .container .left .block h2 div.right {
                display: flex;
                align-items: center; }
                body.one-page-checkout .main .block-bottom .container .left .block h2 div.right a.arrows {
                  display: flex;
                  font-size: 22px;
                  margin-left: 12px; }
                  body.one-page-checkout .main .block-bottom .container .left .block h2 div.right a.arrows span.icon-arrow-down {
                    display: none; }
            body.one-page-checkout .main .block-bottom .container .left .block.inactive {
              opacity: 0.2; }
              body.one-page-checkout .main .block-bottom .container .left .block.inactive h2 {
                cursor: default; }
              body.one-page-checkout .main .block-bottom .container .left .block.inactive div.right a.arrows {
                cursor: default; }
                body.one-page-checkout .main .block-bottom .container .left .block.inactive div.right a.arrows span.icon-arrow-down {
                  display: block; }
                body.one-page-checkout .main .block-bottom .container .left .block.inactive div.right a.arrows span.icon-arrow-up {
                  display: none; }
            body.one-page-checkout .main .block-bottom .container .left .block.done h2 div.cart-head {
              /*a.show-share-popup { display: none; }*/ }
              body.one-page-checkout .main .block-bottom .container .left .block.done h2 div.cart-head .h2-header {
                /*.icon, span { color: $grey; }*/ }
                body.one-page-checkout .main .block-bottom .container .left .block.done h2 div.cart-head .h2-header span .total-products {
                  display: none; }
              body.one-page-checkout .main .block-bottom .container .left .block.done h2 div.cart-head span.icon-check {
                display: flex;
                color: #0F675B;
                margin-left: 8px;
                font-size: 18px; }
            body.one-page-checkout .main .block-bottom .container .left .block.minimized h2 div.cart-head .h2-header .icon, body.one-page-checkout .main .block-bottom .container .left .block.minimized h2 div.cart-head .h2-header span {
              color: #7C7C7C; }
            body.one-page-checkout .main .block-bottom .container .left .block.done.minimized h2 div.short-info {
              display: flex;
              font-weight: normal;
              font-size: 11px; }
              @media only screen and (min-width: 1000px) {
                body.one-page-checkout .main .block-bottom .container .left .block.done.minimized h2 div.short-info {
                  display: none; } }
            body.one-page-checkout .main .block-bottom .container .left .block .content {
              display: flex;
              flex-wrap: wrap;
              justify-content: flex-end; }
              body.one-page-checkout .main .block-bottom .container .left .block .content div.next {
                display: flex;
                flex-direction: column;
                width: 100%;
                padding: 12px; }
                @media only screen and (min-width: 1000px) {
                  body.one-page-checkout .main .block-bottom .container .left .block .content div.next {
                    padding: 32px;
                    align-items: flex-end; }
                    body.one-page-checkout .main .block-bottom .container .left .block .content div.next a.btn,
                    body.one-page-checkout .main .block-bottom .container .left .block .content div.next span.btn {
                      width: 300px; } }
            body.one-page-checkout .main .block-bottom .container .left .block .minimized {
              display: none; }
            body.one-page-checkout .main .block-bottom .container .left .block a.edit-icon {
              font-size: 13px;
              display: flex;
              align-items: center;
              margin-right: 12px; }
              @media only screen and (min-width: 1000px) {
                body.one-page-checkout .main .block-bottom .container .left .block a.edit-icon {
                  margin-right: 36px; } }
              body.one-page-checkout .main .block-bottom .container .left .block a.edit-icon span {
                margin-left: 10px;
                display: none; }
            body.one-page-checkout .main .block-bottom .container .left .block.minimized {
              display: flex;
              align-items: center;
              justify-content: space-between; }
              body.one-page-checkout .main .block-bottom .container .left .block.minimized .content {
                display: none; }
              body.one-page-checkout .main .block-bottom .container .left .block.minimized .minimized {
                display: block; }
              body.one-page-checkout .main .block-bottom .container .left .block.minimized div.right a.arrows span.icon-arrow-up {
                display: none; }
              body.one-page-checkout .main .block-bottom .container .left .block.minimized div.right a.arrows span.icon-arrow-down {
                display: flex; }
            body.one-page-checkout .main .block-bottom .container .left .block.basket form {
              width: 100%; }
            body.one-page-checkout .main .block-bottom .container .left .block.basket div.error {
              border: 1px solid #CC0000;
              padding: 10px;
              margin-bottom: 20px;
              background: #f5cccc;
              font-size: 12px;
              display: none; }
            body.one-page-checkout .main .block-bottom .container .left .block.basket div.customer-type {
              width: 100%;
              padding: 0 32px;
              padding: 0 0 16px 8px;
              margin-top: 12px;
              display: flex;
              justify-content: space-between; }
              @media only screen and (min-width: 1000px) {
                body.one-page-checkout .main .block-bottom .container .left .block.basket div.customer-type {
                  justify-content: space-between;
                  padding: 0 32px 32px; } }
              body.one-page-checkout .main .block-bottom .container .left .block.basket div.customer-type ul {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex; }
                body.one-page-checkout .main .block-bottom .container .left .block.basket div.customer-type ul li {
                  margin-right: 8px; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket div.customer-type ul li a {
                    padding: 8px 24px; }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket div.customer-type ul li a.selected {
                      background: #1E2648;
                      color: #FFF; }
              body.one-page-checkout .main .block-bottom .container .left .block.basket div.customer-type a.show-share-popup {
                display: flex;
                align-items: center;
                font-size: 16px;
                font-weight: normal;
                margin-right: 12px; }
                @media only screen and (min-width: 1000px) {
                  body.one-page-checkout .main .block-bottom .container .left .block.basket div.customer-type a.show-share-popup {
                    margin-right: 0; } }
                body.one-page-checkout .main .block-bottom .container .left .block.basket div.customer-type a.show-share-popup img {
                  width: 16px; }
                body.one-page-checkout .main .block-bottom .container .left .block.basket div.customer-type a.show-share-popup span {
                  display: none; }
                @media only screen and (min-width: 1000px) {
                  body.one-page-checkout .main .block-bottom .container .left .block.basket div.customer-type a.show-share-popup img {
                    margin-right: 12px; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket div.customer-type a.show-share-popup span {
                    display: flex; } }
            body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items {
              width: 100%;
              list-style: none;
              margin: 0px 0 12px;
              padding: 0;
              display: flex;
              flex-direction: column; }
              body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li {
                display: flex;
                flex-wrap: wrap;
                align-content: center; }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.head {
                  display: none;
                  border: 0;
                  font-weight: 600;
                  font-size: 16px;
                  padding: 8px 12px 0px; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.head {
                      display: flex;
                      padding: 8px 32px 0px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.head div {
                        border: 0 !important; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.head div.remove {
                    display: none; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.head div.price {
                    font-weight: 600; }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.product {
                  padding: 8px 0;
                  border-top: 1px solid #EAEAEA;
                  margin-top: 8px; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.product {
                      padding: 0 24px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.product > div {
                        padding: 12px 0; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.product div.article {
                        padding-bottom: 12px; } }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service {
                  padding: 2px 0;
                  margin: 0 8px; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service {
                      padding: 0;
                      margin: 0 24px; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service:nth-child(2n+1) {
                    background: #F7F7F7; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.article {
                    padding: 0 0 0 12px; }
                    @media only screen and (min-width: 1000px) {
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.article {
                        padding: 4px 0 4px 12px; } }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.article .info {
                      position: relative;
                      margin: 0 4px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.article .info span {
                        color: #7C7C7C; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.article .info div {
                        display: none;
                        position: absolute;
                        border: 1px solid #7C7C7C;
                        padding: 4px;
                        background: #FFF;
                        font-size: 11px;
                        bottom: 100%;
                        left: -60px;
                        width: 120px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.article .info:hover div {
                        display: block; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.regno,
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.amount {
                    display: none; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.article {
                    width: 70%; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.price {
                    width: 30%;
                    font-weight: normal;
                    padding-right: 12px; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.amount {
                      display: flex;
                      flex-direction: column;
                      align-items: flex-end; }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.article {
                      width: 57%; }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.price {
                      width: 16%; }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.price-each,
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.amount,
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.service div.price {
                      justify-content: center; } }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.discount {
                  color: #CC0000; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.discount div.price-each,
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.discount div.amount {
                    border: 0; }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.mandatory-service {
                  padding: 12px; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.mandatory-service div.article {
                    font-size: 13px;
                    font-style: italic; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.mandatory-service {
                      padding: 0px 24px 0px 24px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.mandatory-service div.article {
                        padding: 8px 0 24px; } }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.remove {
                  padding: 12px 0 12px 12px; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.remove a {
                    font-size: 13px;
                    text-decoration: underline; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.remove {
                      display: flex;
                      padding: 12px 0 12px 32px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.remove a {
                        font-size: 13px;
                        text-decoration: underline; } }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons {
                  padding: 0px 12px 12px 12px; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons {
                      padding: 0px 24px 12px 24px; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service {
                    display: flex;
                    width: 100%;
                    flex-direction: column;
                    padding: 12px 12px 5px;
                    background: #fff2bf;
                    box-shadow: 0 4px 8px #CCC; }
                    @media only screen and (min-width: 1000px) {
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service {
                        padding: 0;
                        margin-bottom: 8px; } }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul {
                      list-style: none;
                      padding: 0;
                      margin: 0; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li {
                        display: flex;
                        align-items: center;
                        font-size: 14px;
                        justify-content: space-between; }
                        @media only screen and (min-width: 1000px) {
                          body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li {
                            font-size: 13px;
                            align-items: stretch; } }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li:nth-last-child(1) div, body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li:nth-last-child(1) span.price, body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li:nth-last-child(1) span.amount, body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li:nth-last-child(1) span.total-price {
                          padding-bottom: 12px; }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li.head {
                          padding: 0;
                          align-items: stretch; }
                          body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li.head h5 {
                            margin: 0;
                            font-size: 15px; }
                            @media only screen and (min-width: 1000px) {
                              body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li.head h5 {
                                margin: 8px 0 0; } }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li div {
                          display: flex;
                          align-items: center;
                          padding: 4px 0 4px 0px; }
                          @media only screen and (min-width: 1000px) {
                            body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li div {
                              width: 57%;
                              padding: 4px 0 4px 12px; } }
                          body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li div label {
                            margin: 0 8px 0 0; }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li span.price {
                          display: flex;
                          justify-content: flex-end;
                          color: #7C7C7C; }
                          @media only screen and (min-width: 1000px) {
                            body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li span.price {
                              width: 15%;
                              border-left: 1px solid #EAEAEA;
                              padding-right: 8px;
                              justify-content: center;
                              flex-direction: column;
                              align-items: flex-end; } }
                          body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li span.price.campaign {
                            color: #CC0000; }
                          body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li span.price div.ord-price {
                            margin-left: 8px;
                            color: #000;
                            text-decoration: line-through; }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li span.amount {
                          display: none;
                          justify-content: flex-end;
                          color: #7C7C7C; }
                          @media only screen and (min-width: 1000px) {
                            body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li span.amount {
                              display: flex;
                              width: 12%;
                              border-left: 1px solid #EAEAEA;
                              padding-right: 8px;
                              justify-content: center;
                              flex-direction: column;
                              align-items: flex-end; } }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li span.total-price {
                          display: none;
                          justify-content: flex-end;
                          color: #7C7C7C; }
                          @media only screen and (min-width: 1000px) {
                            body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li span.total-price {
                              display: flex;
                              width: 16%;
                              border-left: 1px solid #EAEAEA;
                              padding-right: 12px;
                              justify-content: center;
                              flex-direction: column;
                              align-items: flex-end; } }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li.active span.price,
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li.active span.amount,
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.addons .other-service ul li.active span.total-price {
                          color: #000; }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article {
                  width: 100%;
                  order: 1;
                  display: flex;
                  flex-direction: row;
                  align-items: flex-start;
                  flex-wrap: wrap;
                  padding-bottom: 16px;
                  font-size: 16px; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article {
                      width: 57%;
                      /*calc(57% - 30px)*/
                      padding-bottom: 0; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top {
                    display: flex;
                    flex-direction: column;
                    width: 100%; }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product {
                      display: flex;
                      align-items: center;
                      margin-bottom: 12px;
                      position: relative;
                      padding-right: 38px; }
                      @media only screen and (min-width: 1000px) {
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product {
                          padding-right: 0; } }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name {
                        display: flex;
                        flex-direction: column;
                        flex-shrink: 1;
                        padding-right: 10px; }
                        @media only screen and (min-width: 1000px) {
                          body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name {
                            width: calc(100% - 124px); } }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name a {
                          display: flex;
                          flex-direction: column; }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name div.wheel-package {
                          display: flex;
                          flex-direction: column;
                          width: calc(100% - 32px);
                          margin-bottom: 8px;
                          border-bottom: 1px solid #EAEAEA;
                          font-size: 14px;
                          padding-bottom: 8px; }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name span.product {
                          font-weight: 600;
                          font-size: 16px; }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name span.size {
                          font-size: 14px; }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name span.car {
                          font-size: 13px;
                          padding-top: 4px; }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name div.regno {
                          width: 100%;
                          display: flex;
                          align-items: center;
                          padding-left: 0;
                          margin-top: 16px; }
                          body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name div.regno input {
                            border: 1px solid #CCC;
                            height: 30px;
                            width: 80px;
                            padding: 4px;
                            text-align: center;
                            text-transform: uppercase;
                            margin-right: 12px; }
                            body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name div.regno input.error {
                              border-color: #CC0000;
                              border-width: 2px; }
                          body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name div.regno label {
                            display: flex;
                            text-transform: uppercase;
                            font-size: 11px;
                            padding-right: 10px; }
                          @media only screen and (min-width: 1000px) {
                            body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name div.regno label {
                              display: none; } }
                          body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name div.regno div.vehicle span.warning {
                            color: #CC0000; }
                          body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name div.regno div.vehicle span.loader {
                            width: 32px;
                            height: 32px;
                            border-width: 4px; }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name div.warning-complete-wheel {
                          display: flex;
                          border: 1px solid #CC0000;
                          align-items: center;
                          margin-top: 8px;
                          padding: 8px;
                          background: #f5cccc;
                          font-size: 12px; }
                          body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.name div.warning-complete-wheel span {
                            color: #CC0000;
                            margin-right: 8px;
                            font-size: 20px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.image {
                        display: flex;
                        flex-direction: column;
                        margin: 0 12px;
                        width: 100px; }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product div.image img {
                          max-width: 100%; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product a.delete-link {
                        display: flex;
                        position: absolute;
                        top: 4px;
                        right: 12px; }
                        @media only screen and (min-width: 1000px) {
                          body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .top div.product a.delete-link {
                            display: none; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .storage {
                    display: flex;
                    align-items: center;
                    margin: 20px 0 0 70px; }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .storage div.icon span {
                      color: #C7D64F;
                      margin-right: 5px;
                      font-size: 20px; }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.article .storage span {
                      text-transform: uppercase;
                      font-size: 10px; }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.amount {
                  order: 4;
                  width: 50%;
                  display: flex;
                  align-items: center;
                  justify-content: flex-start;
                  padding-left: 12px; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.amount select {
                    border: 1px solid #CCC;
                    background: #FFF;
                    height: 30px;
                    width: 40px;
                    padding: 5px; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.amount label {
                    display: flex;
                    text-transform: uppercase;
                    font-size: 11px;
                    padding-right: 10px; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.amount {
                      width: 12%;
                      text-align: right;
                      align-items: flex-start;
                      justify-content: flex-end;
                      padding-left: 0;
                      border-left: 1px solid #EAEAEA;
                      padding-right: 8px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.amount label {
                        display: none; } }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price-each {
                  display: none; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price-each.campaign {
                    color: #CC0000; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price-each div.ord-price {
                    font-size: 12px;
                    color: #000; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price-each {
                      width: 15%;
                      display: flex;
                      align-items: flex-end;
                      flex-direction: column;
                      order: 3;
                      justify-content: flex-start;
                      border-left: 1px solid #EAEAEA;
                      padding-right: 8px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price-each.wheel {
                        justify-content: flex-start; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price-each .price-wheel-part {
                        display: flex;
                        height: calc(50% - 22px);
                        align-items: center; }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price-each .price-wheel-part.campaign {
                          color: #CC0000; }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price-each .price-wheel-part div.holder {
                          display: flex;
                          flex-direction: column;
                          align-items: flex-end; } }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price {
                  order: 5;
                  width: 50%;
                  display: flex;
                  align-items: flex-end;
                  flex-direction: column;
                  /*font-weight: $semi-bold;*/
                  justify-content: flex-start;
                  padding-right: 20px; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price {
                      padding-right: 12px;
                      font-weight: normal; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price .price-info {
                    margin-top: 20px; }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price .price-info td, body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price .price-info th {
                      font-size: 14px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price .price-info td.r, body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price .price-info th.r {
                        text-align: right; }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price .price-info tfoot tr {
                      padding-top: 10px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price .price-info tfoot tr th {
                        padding-top: 10px;
                        border-top: 1px solid #7C7C7C; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.price {
                      width: 16%;
                      border-left: 1px solid #EAEAEA; } }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.remove {
                  display: none; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.remove {
                      display: none; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.remove a {
                        display: flex;
                        align-items: center;
                        font-size: 12px; }
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li div.remove a span {
                          font-size: 10px;
                          margin-right: 4px; } }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.vat-price, body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.tot-price {
                  justify-content: flex-end;
                  padding-right: 12px; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.vat-price, body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.tot-price {
                      padding-right: 32px; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.vat-price div, body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.tot-price div {
                    padding-bottom: 4px; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.vat-price div.article, body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.tot-price div.article {
                    width: auto;
                    padding-right: 4px; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.vat-price div.price, body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.tot-price div.price {
                    width: auto;
                    font-weight: normal; }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.discount-code {
                  border-top: 1px solid #EAEAEA;
                  padding: 24px 12px 12px; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.discount-code {
                      padding-left: 32px; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.discount-code a {
                    font-size: 14px;
                    border-bottom: 1px dotted #7C7C7C;
                    padding: 0 0 8px;
                    /*font-weight: $semi-bold;*/ }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.discount-code a span {
                      margin-left: 128px; }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.discount-code.addons div.other-service label {
                    display: flex;
                    justify-content: space-between; }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.discount-code.addons div.other-service label .field {
                      display: flex;
                      flex-direction: column;
                      font-size: 14px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.discount-code.addons div.other-service label .field span {
                        font-weight: bold;
                        margin-bottom: 4px; }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.webshop-usps {
                  padding: 12px; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.webshop-usps {
                      padding-left: 32px; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.webshop-usps ul {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                    display: flex;
                    flex-direction: column; }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.webshop-usps ul li {
                      display: flex;
                      align-items: center;
                      margin-bottom: 4px;
                      font-size: 15px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.webshop-usps ul li span {
                        color: #0F675B;
                        font-size: 14px;
                        margin-right: 8px; }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.tot-price {
                  display: flex;
                  font-weight: 600;
                  margin-top: 12px; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.tot-price {
                      margin-top: 0; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.tot-price div.price {
                    font-weight: 600;
                    border: 0; }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.vat-price .article, body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.vat-price .price {
                  font-size: 12px;
                  border: 0; }
                body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.b2b-customer {
                  padding: 12px; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.b2b-customer {
                      padding-left: 32px;
                      padding-right: 32px; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.b2b-customer > div {
                    display: flex;
                    width: 100%;
                    justify-content: space-between;
                    align-items: center;
                    border: 1px solid #EAEAEA;
                    padding: 12px; }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.b2b-customer > div div.logo {
                      display: flex;
                      flex-direction: column; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.b2b-customer > div div.logo img {
                        max-width: 100px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.b2b-customer > div div.logo .info {
                        font-size: 13px;
                        margin-top: 4px; }
                    body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.b2b-customer > div div.discount {
                      display: flex;
                      flex-direction: column;
                      justify-content: flex-end;
                      color: #CC0000;
                      align-items: flex-end; }
                      @media only screen and (min-width: 1000px) {
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.b2b-customer > div div.discount {
                          flex-direction: row; } }
                      @media only screen and (min-width: 1000px) {
                        body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.b2b-customer > div div.discount span {
                          padding-right: 4px; } }
                      body.one-page-checkout .main .block-bottom .container .left .block.basket ul.items li.b2b-customer > div div.discount span.price {
                        padding-right: 0; }
            body.one-page-checkout .main .block-bottom .container .left .block.basket div.confirm-tire-size {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 100%;
              margin-top: 32px; }
              body.one-page-checkout .main .block-bottom .container .left .block.basket div.confirm-tire-size label {
                display: flex;
                align-items: center;
                font-size: 14px;
                border: 1px solid #EAEAEA;
                padding: 12px;
                margin: 0 12px; }
                body.one-page-checkout .main .block-bottom .container .left .block.basket div.confirm-tire-size label input {
                  margin-right: 8px; }
            body.one-page-checkout .main .block-bottom .container .left .block.basket div.next {
              display: flex;
              justify-content: center;
              align-items: flex-start; }
              @media only screen and (min-width: 1000px) {
                body.one-page-checkout .main .block-bottom .container .left .block.basket div.next {
                  flex-direction: row;
                  align-items: flex-end; } }
              body.one-page-checkout .main .block-bottom .container .left .block.basket div.next .mandatory-service {
                font-size: 13px;
                font-style: italic;
                margin-bottom: 24px; }
                @media only screen and (min-width: 1000px) {
                  body.one-page-checkout .main .block-bottom .container .left .block.basket div.next .mandatory-service {
                    margin-bottom: 0; } }
              @media only screen and (max-width: 1000px) {
                body.one-page-checkout .main .block-bottom .container .left .block.basket div.next .button {
                  width: 100%; } }
            body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li.head {
              text-transform: uppercase; }
              body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li.head div {
                font-size: 10px; }
            body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li div {
              font-size: 12px; }
              body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li div.article {
                width: 50%; }
              body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li div.regno {
                width: 15%; }
              body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li div.amount {
                width: 15%; }
              body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li div.price-each {
                display: none; }
              body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li div.price {
                width: 20%; }
            body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li .article .top img {
              display: none; }
            body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li .article .top .name {
              flex-direction: row;
              align-items: center; }
              body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li .article .top .name .product {
                font-weight: normal; }
              body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li .article .top .name .size {
                padding-left: 10px; }
            body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li.vat-price div.article, body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li.tot-price div.article {
              width: 80%;
              justify-content: flex-end; }
            body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li.vat-price div.price, body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li.tot-price div.price {
              width: 20%; }
            body.one-page-checkout .main .block-bottom .container .left .block.basket div.minimized ul.items li.vat-price {
              display: none; }
            body.one-page-checkout .main .block-bottom .container .left .block.calendar-times .content {
              padding: 0 12px 12px; }
              @media only screen and (min-width: 1000px) {
                body.one-page-checkout .main .block-bottom .container .left .block.calendar-times .content {
                  padding: 0 32px 32px; } }
              body.one-page-checkout .main .block-bottom .container .left .block.calendar-times .content .calendar-info {
                display: flex;
                align-items: flex-end;
                flex-direction: column;
                width: 100%;
                padding: 0 12px; }
                @media only screen and (min-width: 1000px) {
                  body.one-page-checkout .main .block-bottom .container .left .block.calendar-times .content .calendar-info {
                    padding: 0 32px; } }
                body.one-page-checkout .main .block-bottom .container .left .block.calendar-times .content .calendar-info .info {
                  display: flex;
                  width: 100%;
                  flex-direction: column;
                  font-size: 14px;
                  margin-bottom: 24px; }
              body.one-page-checkout .main .block-bottom .container .left .block.calendar-times .content ul li .times input:hover {
                background: #1E2648;
                color: #FFF; }
              body.one-page-checkout .main .block-bottom .container .left .block.calendar-times .content ul li .times input.disabled {
                background: #F7F7F7;
                cursor: default;
                color: #CCC; }
            body.one-page-checkout .main .block-bottom .container .left .block.calendar-times.minimized div.next, body.one-page-checkout .main .block-bottom .container .left .block.calendar-times.inactive div.next {
              display: none; }
            body.one-page-checkout .main .block-bottom .container .left .block.calendar-times.done div.next span {
              display: none; }
            body.one-page-checkout .main .block-bottom .container .left .block.calendar-times.done div.next a {
              display: flex; }
            body.one-page-checkout .main .block-bottom .container .left .block.calendar-times div.next {
              display: flex;
              justify-content: center;
              padding: 0 12px 32px; }
              body.one-page-checkout .main .block-bottom .container .left .block.calendar-times div.next span, body.one-page-checkout .main .block-bottom .container .left .block.calendar-times div.next a {
                width: 100%; }
                @media only screen and (min-width: 1000px) {
                  body.one-page-checkout .main .block-bottom .container .left .block.calendar-times div.next span, body.one-page-checkout .main .block-bottom .container .left .block.calendar-times div.next a {
                    max-width: 300px; } }
              body.one-page-checkout .main .block-bottom .container .left .block.calendar-times div.next a {
                display: none; }
            body.one-page-checkout .main .block-bottom .container .left .block.payment {
              margin-bottom: 0; }
              body.one-page-checkout .main .block-bottom .container .left .block.payment h2 div.cart-head div.h2-header span.desktop {
                display: none; }
              @media only screen and (min-width: 1000px) {
                body.one-page-checkout .main .block-bottom .container .left .block.payment h2 div.cart-head div.h2-header span.mobile {
                  display: none; }
                body.one-page-checkout .main .block-bottom .container .left .block.payment h2 div.cart-head div.h2-header span.desktop {
                  display: flex; } }
              body.one-page-checkout .main .block-bottom .container .left .block.payment .content {
                justify-content: flex-start;
                flex-direction: column; }
                body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.summery {
                  display: flex;
                  flex-direction: column; }
                  body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.summery .box h2 {
                    padding-left: 0; }
                  body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.summery div.usp,
                  body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.summery div.review {
                    display: none; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.summery {
                      display: none; } }
                body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul {
                  list-style: none;
                  padding: 0;
                  margin: 0; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul {
                      margin: 0 0 32px; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li {
                    display: flex;
                    flex-wrap: wrap;
                    border-top: 1px solid #F7F7F7; }
                    body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li input[type=radio] {
                      	/*position: absolute; z-index: 2; opacity: 0.001;
                      
                      	&:checked + label {
                      		span.icon-holder {
                      			.icon-check {
                      				color: $green; background: $blue; border-color: $blue;
                      			}
                      		}
                      	}*/ }
                    body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label {
                      display: flex;
                      align-items: center;
                      justify-content: space-between;
                      width: 100%;
                      padding: 12px;
                      cursor: pointer; }
                      body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label.disabled {
                        color: #7C7C7C; }
                      @media only screen and (min-width: 1000px) {
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label {
                          padding: 12px 32px; } }
                      body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label div {
                        display: block;
                        position: relative;
                        padding-left: 28px;
                        cursor: pointer;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                        /* On mouse-over, add a grey background color */
                        /* When the checkbox is checked, add a blue background */
                        /* Show the checkmark when checked */
                        /* Style the checkmark/indicator */ }
                        @media only screen and (min-width: 1000px) {
                          body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label div {
                            padding-left: 32px; } }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label div input {
                          position: absolute;
                          opacity: 0;
                          cursor: pointer;
                          height: 0;
                          width: 0; }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label div span {
                          position: absolute;
                          top: 1px;
                          left: 0;
                          height: 20px;
                          width: 20px;
                          background-color: #eee;
                          border-radius: 50%; }
                          @media only screen and (min-width: 1000px) {
                            body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label div span {
                              top: 3px; } }
                          body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label div span:after {
                            content: "";
                            position: absolute;
                            display: none; }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label div:hover input ~ span {
                          background-color: #ccc; }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label div input:checked ~ span {
                          background-color: #FFCC00; }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label div input:checked ~ span:after {
                          display: block; }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label div span:after {
                          top: 7px;
                          left: 7px;
                          width: 6px;
                          height: 6px;
                          border-radius: 50%;
                          background: white; }
                      body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label .pay-icon {
                        display: flex;
                        align-items: center;
                        gap: 0 5px; }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label .pay-icon img {
                          height: 24px; }
                          body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label .pay-icon img.dp {
                            height: 30px; }
                          body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label .pay-icon img.nets {
                            height: 16px; }
                            @media only screen and (min-width: 1000px) {
                              body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li label .pay-icon img.nets {
                                height: 24px; } }
                    body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options {
                      display: none;
                      width: 100%;
                      padding: 10px 15px 20px; }
                      @media only screen and (max-width: 1000px) {
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options {
                          padding: 10px 0 20px 15px; } }
                      body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul {
                        padding: 0;
                        margin: 10px 0 32px 10px; }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li {
                          background: none;
                          border: 0; }
                          body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li:nth-last-child(1) {
                            border-bottom: 1px solid #F7F7F7; }
                          body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li label {
                            align-items: flex-start;
                            padding: 10px;
                            border: 1px solid #F7F7F7;
                            border-width: 1px 1px 0 1px; }
                            body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li label > div {
                              align-items: flex-start;
                              width: 100%; }
                            body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li label .icon-holder .icon-check {
                              font-size: 12px;
                              padding: 1px; }
                            body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li label .option {
                              display: flex;
                              align-items: flex-start;
                              flex-direction: column;
                              flex-grow: 1;
                              font-size: 15px; }
                              body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li label .option .row {
                                display: flex;
                                justify-content: space-between;
                                width: 100%;
                                padding: 1px 0; }
                                body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li label .option .row span.mobile {
                                  display: none; }
                                body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li label .option .row .cost {
                                  width: auto; }
                                @media only screen and (max-width: 1000px) {
                                  body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li label .option .row span {
                                    display: none; }
                                  body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li label .option .row span.mobile {
                                    display: block; } }
                              body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li label .option .information {
                                background: #FFF;
                                margin-top: 15px;
                                padding: 10px;
                                border: 1px solid #F7F7F7;
                                width: auto;
                                display: none; }
                                @media only screen and (max-width: 1000px) {
                                  body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li label .option .information {
                                    padding: 5px; } }
                                body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li label .option .information td {
                                  font-size: 12px;
                                  padding: 3px 10px; }
                                body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li label .option .information tr.setupfee td {
                                  padding-bottom: 5px; }
                                body.one-page-checkout .main .block-bottom .container .left .block.payment .content ul li .options ul li label .option .information tr.total td {
                                  font-weight: bold;
                                  font-size: 13px;
                                  padding-top: 5px;
                                  border-top: 1px solid #F7F7F7; }
                body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form {
                  width: 100%; }
                  body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop {
                    padding: 24px 12px;
                    max-width: 100%; }
                    @media only screen and (min-width: 1000px) {
                      body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop {
                        padding: 0 32px 24px; } }
                    body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop span.error {
                      display: none;
                      color: #CC0000;
                      font-size: 13px;
                      margin-top: 2px; }
                    body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .field {
                      display: flex;
                      flex-direction: column;
                      padding-bottom: 10px;
                      width: 100%; }
                      @media only screen and (min-width: 1000px) {
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .field {
                          max-width: 300px; } }
                      body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .field label {
                        font-size: 16px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .field .input {
                        position: relative; }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .field .input input {
                          border: 1px solid #E0E0E0;
                          padding: 8px;
                          width: 100%; }
                          @media only screen and (min-width: 1000px) {
                            body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .field .input input {
                              max-width: 300px; } }
                          body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .field .input input.error {
                            border-color: #CC0000; }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .field .input span.icon-check {
                          position: absolute;
                          right: 8px;
                          top: 8px;
                          color: #EAEAEA; }
                      body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .field.ok .input span.icon-check {
                        color: #C7D64F; }
                      body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .field.error .input span.icon-check {
                        color: #CC0000; }
                      body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .field.field-info {
                        display: flex;
                        flex-direction: row;
                        width: 100%;
                        max-width: 300px;
                        justify-content: space-between; }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .field.field-info a {
                          text-decoration: none; }
                    body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .delivery {
                      display: none;
                      background: green;
                      flex-wrap: wrap;
                      border: 1px solid #EAEAEA;
                      background: #F7F7F7;
                      padding: 24px;
                      margin-top: 16px;
                      width: 400px;
                      max-width: 100%; }
                      body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .delivery .field {
                        width: 100%; }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .delivery .field input {
                          width: 100%;
                          max-width: 100%; }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .delivery .field.address input {
                          margin-bottom: 4px; }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .delivery .field.zipcode {
                          width: 100px;
                          padding-right: 4px; }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop .delivery .field.city {
                          width: calc(100% - 100px); }
                    body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop div.terms {
                      text-align: center;
                      font-size: 14px;
                      padding: 8px;
                      margin-top: 24px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop div.terms a {
                        text-decoration: underline; }
                    body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop div.next {
                      align-items: center;
                      padding: 12px 0; }
                      body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop div.next.no-terms {
                        margin-top: 32px; }
                      @media only screen and (min-width: 1000px) {
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop div.next {
                          padding: 12px; } }
                      body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop div.next .button {
                        width: 100%;
                        display: flex;
                        justify-content: center; }
                        body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop div.next .button a {
                          width: 100%; }
                          @media only screen and (min-width: 1000px) {
                            body.one-page-checkout .main .block-bottom .container .left .block.payment .content div.pay-form div.payment-shop div.next .button a {
                              max-width: 300px; } }
            body.one-page-checkout .main .block-bottom .container .left .block.customer {
              position: relative; }
              body.one-page-checkout .main .block-bottom .container .left .block.customer a.reset-customer {
                display: none; }
              body.one-page-checkout .main .block-bottom .container .left .block.customer.selected {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between; }
                body.one-page-checkout .main .block-bottom .container .left .block.customer.selected a.reset-customer {
                  display: flex;
                  margin-bottom: 20px;
                  text-decoration: underline; }
              body.one-page-checkout .main .block-bottom .container .left .block.customer .content {
                justify-content: flex-start;
                flex-direction: column;
                width: 100%;
                /* Om Two */ }
                body.one-page-checkout .main .block-bottom .container .left .block.customer .content span.error {
                  display: none;
                  color: #CC0000;
                  font-size: 13px;
                  margin-top: 2px; }
                body.one-page-checkout .main .block-bottom .container .left .block.customer .content form.two-customer div.input {
                  display: flex;
                  align-items: center; }
                  body.one-page-checkout .main .block-bottom .container .left .block.customer .content form.two-customer div.input span {
                    margin-left: 4px;
                    color: #CCC; }
                    body.one-page-checkout .main .block-bottom .container .left .block.customer .content form.two-customer div.input span.done {
                      color: #C7D64F; }
                body.one-page-checkout .main .block-bottom .container .left .block.customer .content form.two-customer div.reference {
                  display: none;
                  flex-wrap: wrap;
                  width: 100%;
                  max-width: 360px; }
                  body.one-page-checkout .main .block-bottom .container .left .block.customer .content form.two-customer div.reference h3 {
                    margin: 16px 0 8px;
                    font-size: 19px;
                    width: 100%; }
                  body.one-page-checkout .main .block-bottom .container .left .block.customer .content form.two-customer div.reference .field {
                    width: 100%;
                    padding-right: 4px; }
                    body.one-page-checkout .main .block-bottom .container .left .block.customer .content form.two-customer div.reference .field input {
                      max-width: 100%; }
                    body.one-page-checkout .main .block-bottom .container .left .block.customer .content form.two-customer div.reference .field.firstname, body.one-page-checkout .main .block-bottom .container .left .block.customer .content form.two-customer div.reference .field.lastname, body.one-page-checkout .main .block-bottom .container .left .block.customer .content form.two-customer div.reference .field.project, body.one-page-checkout .main .block-bottom .container .left .block.customer .content form.two-customer div.reference .field.department {
                      width: 50%; }
                body.one-page-checkout .main .block-bottom .container .left .block.customer .content form.two-customer div.next a {
                  display: none; }
                body.one-page-checkout .main .block-bottom .container .left .block.customer .content .ssn-info {
                  display: flex;
                  width: 100%;
                  flex-direction: column;
                  padding: 0 12px 12px;
                  font-size: 14px; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.customer .content .ssn-info {
                      padding: 0 32px 32px; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.customer .content .ssn-info .info {
                    margin-bottom: 16px; }
                  body.one-page-checkout .main .block-bottom .container .left .block.customer .content .ssn-info .field {
                    display: flex;
                    align-items: flex-start;
                    flex-wrap: wrap;
                    margin-bottom: 12px; }
                    body.one-page-checkout .main .block-bottom .container .left .block.customer .content .ssn-info .field label {
                      padding: 0 0 4px;
                      width: 100%; }
                    body.one-page-checkout .main .block-bottom .container .left .block.customer .content .ssn-info .field .input {
                      display: flex;
                      width: 100%;
                      flex-direction: column; }
                      @media only screen and (min-width: 1000px) {
                        body.one-page-checkout .main .block-bottom .container .left .block.customer .content .ssn-info .field .input {
                          flex-direction: row; } }
                      body.one-page-checkout .main .block-bottom .container .left .block.customer .content .ssn-info .field .input input {
                        border: 1px solid #E0E0E0;
                        padding: 8px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.customer .content .ssn-info .field .input a.btn {
                        margin-top: 4px; }
                        @media only screen and (min-width: 1000px) {
                          body.one-page-checkout .main .block-bottom .container .left .block.customer .content .ssn-info .field .input a.btn {
                            margin-top: 0;
                            margin-left: 4px; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.customer .content .ssn-info a.no-ssn {
                    text-decoration: underline;
                    font-size: 12px; }
                  body.one-page-checkout .main .block-bottom .container .left .block.customer .content .ssn-info .data-info {
                    display: flex;
                    align-items: center;
                    color: #7C7C7C;
                    font-size: 12px; }
                    body.one-page-checkout .main .block-bottom .container .left .block.customer .content .ssn-info .data-info a {
                      color: #7C7C7C;
                      text-decoration: underline; }
                    body.one-page-checkout .main .block-bottom .container .left .block.customer .content .ssn-info .data-info span.icon {
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      border: 1px solid #7C7C7C;
                      color: #7C7C7C;
                      width: 16px;
                      height: 16px;
                      font-size: 10px;
                      border-radius: 30px;
                      margin-right: 5px; }
                body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info {
                  padding: 24px 12px 0;
                  max-width: 100%; }
                  @media only screen and (min-width: 1000px) {
                    body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info {
                      padding: 0 32px; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info .next {
                    display: flex;
                    width: 100%;
                    justify-content: flex-end;
                    padding: 12px 0; }
                    @media only screen and (min-width: 1000px) {
                      body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info .next {
                        padding: 32px 0; } }
                  body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info .field {
                    display: flex;
                    flex-direction: column;
                    padding-bottom: 10px; }
                    body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info .field input {
                      border: 1px solid #E0E0E0;
                      padding: 8px;
                      width: 100%; }
                      @media only screen and (min-width: 1000px) {
                        body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info .field input {
                          max-width: 300px; } }
                      body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info .field input.error {
                        border-color: #CC0000; }
                    body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info .field.field-info {
                      display: flex;
                      flex-direction: row;
                      width: 100%;
                      max-width: 300px;
                      justify-content: space-between; }
                      body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info .field.field-info a {
                        text-decoration: none; }
                  body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info .delivery {
                    display: none;
                    background: green;
                    flex-wrap: wrap;
                    border: 1px solid #EAEAEA;
                    background: #F7F7F7;
                    padding: 24px;
                    margin-top: 16px;
                    width: 400px;
                    max-width: 100%; }
                    body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info .delivery .field {
                      width: 100%; }
                      body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info .delivery .field input {
                        width: 100%;
                        max-width: 100%; }
                      body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info .delivery .field.address input {
                        margin-bottom: 4px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info .delivery .field.zipcode {
                        width: 100px;
                        padding-right: 4px; }
                      body.one-page-checkout .main .block-bottom .container .left .block.customer .content .customer-info .delivery .field.city {
                        width: calc(100% - 100px); }
        body.one-page-checkout .main .block-bottom .container .summery {
          width: 100%;
          background: #FFF;
          padding: 12px;
          position: relative;
          font-size: 14px; }
          @media only screen and (max-width: 1000px) {
            body.one-page-checkout .main .block-bottom .container .summery.summery-right {
              background: none;
              margin-top: 32px; }
              body.one-page-checkout .main .block-bottom .container .summery.summery-right div.box,
              body.one-page-checkout .main .block-bottom .container .summery.summery-right div.total-sum {
                display: none; } }
          @media only screen and (min-width: 1000px) {
            body.one-page-checkout .main .block-bottom .container .summery {
              width: calc(30% - 16px);
              padding: 16px;
              display: flex;
              flex-direction: column; } }
          body.one-page-checkout .main .block-bottom .container .summery .box {
            display: flex;
            flex-direction: column;
            margin-bottom: 20px; }
            body.one-page-checkout .main .block-bottom .container .summery .box h2 {
              font-size: 15px;
              border-bottom: 1px solid #F7F7F7;
              color: #000;
              padding-bottom: 3px;
              margin: 0 0 15px;
              display: flex;
              justify-content: space-between;
              align-items: center; }
              body.one-page-checkout .main .block-bottom .container .summery .box h2 span {
                font-size: 12px;
                color: #C7D64F; }
              body.one-page-checkout .main .block-bottom .container .summery .box h2 a {
                font-weight: normal;
                font-size: 12px;
                text-decoration: underline; }
            body.one-page-checkout .main .block-bottom .container .summery .box.cart {
              margin-left: 0; }
              body.one-page-checkout .main .block-bottom .container .summery .box.cart ul {
                display: flex;
                flex-direction: column;
                width: 100%;
                list-style: none;
                margin: 0;
                padding: 0; }
                body.one-page-checkout .main .block-bottom .container .summery .box.cart ul li {
                  display: flex;
                  justify-content: space-between;
                  padding: 4px; }
                  body.one-page-checkout .main .block-bottom .container .summery .box.cart ul li .name {
                    flex-shrink: 1;
                    padding-right: 10px; }
                  body.one-page-checkout .main .block-bottom .container .summery .box.cart ul li .price {
                    white-space: nowrap;
                    display: flex;
                    align-items: center; }
                  body.one-page-checkout .main .block-bottom .container .summery .box.cart ul li.sum {
                    font-size: 16px;
                    font-weight: bold;
                    padding-top: 5px;
                    justify-content: flex-end;
                    border-top: 1px solid #F7F7F7;
                    background: none !important; }
                  body.one-page-checkout .main .block-bottom .container .summery .box.cart ul li.vat {
                    justify-content: flex-end; }
                  body.one-page-checkout .main .block-bottom .container .summery .box.cart ul li.discount {
                    color: #CC0000; }
                  body.one-page-checkout .main .block-bottom .container .summery .box.cart ul li:nth-child(odd) {
                    background: #F7F7F7; }
            body.one-page-checkout .main .block-bottom .container .summery .box.b2b-customer {
              display: flex;
              width: 100%;
              flex-direction: column;
              align-items: center;
              border: 1px solid #EAEAEA;
              padding: 12px; }
              body.one-page-checkout .main .block-bottom .container .summery .box.b2b-customer div.logo {
                display: flex;
                flex-direction: column;
                align-items: center; }
                body.one-page-checkout .main .block-bottom .container .summery .box.b2b-customer div.logo img {
                  max-width: 100px; }
                body.one-page-checkout .main .block-bottom .container .summery .box.b2b-customer div.logo .info {
                  font-size: 13px;
                  margin-top: 4px;
                  text-align: center; }
              body.one-page-checkout .main .block-bottom .container .summery .box.b2b-customer div.discount {
                display: flex;
                flex-direction: row;
                color: #CC0000;
                align-items: center;
                margin-top: 8px; }
                body.one-page-checkout .main .block-bottom .container .summery .box.b2b-customer div.discount span {
                  padding-right: 4px; }
                  body.one-page-checkout .main .block-bottom .container .summery .box.b2b-customer div.discount span.price {
                    padding-right: 0; }
            body.one-page-checkout .main .block-bottom .container .summery .box.msg textarea {
              border: 1px solid #F7F7F7;
              width: 100%;
              height: 60px; }
          body.one-page-checkout .main .block-bottom .container .summery .total-sum {
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 15px;
            margin-bottom: 48px;
            color: #1E2648;
            font-weight: bold; }
            body.one-page-checkout .main .block-bottom .container .summery .total-sum h3 {
              font-size: 34px;
              color: #1E2648;
              margin: 5px 0 0;
              font-family: "Barlow", sans-serif;
              font-weight: 700; }
            body.one-page-checkout .main .block-bottom .container .summery .total-sum .total-cost {
              border-top: 1px solid #F7F7F7;
              margin-top: 5px;
              padding-top: 10px;
              width: 80%;
              text-align: center;
              font-weight: normal; }
          body.one-page-checkout .main .block-bottom .container .summery .mobile-bankid {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            width: 100%;
            border: 1px solid #F7F7F7;
            background: #F7F7F7;
            padding: 10px; }
            body.one-page-checkout .main .block-bottom .container .summery .mobile-bankid div.image {
              display: flex; }
              body.one-page-checkout .main .block-bottom .container .summery .mobile-bankid div.image img {
                height: 30px; }
            body.one-page-checkout .main .block-bottom .container .summery .mobile-bankid div.text {
              display: flex;
              flex-shrink: 1;
              padding-left: 20px; }
          body.one-page-checkout .main .block-bottom .container .summery .confirm-tire-size {
            display: flex;
            margin-bottom: 32px; }
            body.one-page-checkout .main .block-bottom .container .summery .confirm-tire-size label {
              display: flex; }
              @media only screen and (min-width: 1000px) {
                body.one-page-checkout .main .block-bottom .container .summery .confirm-tire-size label {
                  padding: 0 24px; } }
              body.one-page-checkout .main .block-bottom .container .summery .confirm-tire-size label input {
                width: 32px;
                height: 32px; }
              body.one-page-checkout .main .block-bottom .container .summery .confirm-tire-size label span {
                margin-left: 8px; }
          body.one-page-checkout .main .block-bottom .container .summery .payment-logos {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 0 0 48px; }
            body.one-page-checkout .main .block-bottom .container .summery .payment-logos img {
              max-width: 80%; }
          body.one-page-checkout .main .block-bottom .container .summery .usp {
            display: flex;
            flex-direction: column;
            align-items: center; }
            body.one-page-checkout .main .block-bottom .container .summery .usp h3 {
              color: #1E2648;
              font-size: 20px; }
            body.one-page-checkout .main .block-bottom .container .summery .usp ul {
              display: flex;
              width: 100%;
              flex-direction: column;
              align-items: flex-start;
              list-style: none;
              margin: 16px 0 0;
              padding: 0; }
              body.one-page-checkout .main .block-bottom .container .summery .usp ul li {
                display: flex;
                align-items: center;
                margin-bottom: 8px; }
                body.one-page-checkout .main .block-bottom .container .summery .usp ul li span {
                  margin-right: 8px;
                  color: #0F675B; }
          body.one-page-checkout .main .block-bottom .container .summery div.review {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 48px;
            width: 100%; }
            body.one-page-checkout .main .block-bottom .container .summery div.review h3 {
              color: #1E2648;
              margin-bottom: 16px; }
            body.one-page-checkout .main .block-bottom .container .summery div.review .average {
              display: flex;
              align-items: center;
              justify-content: center;
              flex-wrap: wrap; }
              body.one-page-checkout .main .block-bottom .container .summery div.review .average img.icon {
                margin-right: 16px;
                height: 32px; }
              body.one-page-checkout .main .block-bottom .container .summery div.review .average span {
                color: #FFCC00;
                font-size: 24px;
                margin: 0 1px; }
                body.one-page-checkout .main .block-bottom .container .summery div.review .average span.average {
                  color: #FFCC00;
                  margin-left: 24px;
                  font-weight: 600; }
                body.one-page-checkout .main .block-bottom .container .summery div.review .average span.amount {
                  width: 100%;
                  color: #000;
                  font-size: 14px;
                  margin-top: 4px;
                  font-style: italic;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                body.one-page-checkout .main .block-bottom .container .summery div.review .average span div.google_review_info {
                  position: relative; }
                  body.one-page-checkout .main .block-bottom .container .summery div.review .average span div.google_review_info .icon-info {
                    color: #7C7C7C;
                    font-size: 14px;
                    margin-left: 4px; }
                  body.one-page-checkout .main .block-bottom .container .summery div.review .average span div.google_review_info div {
                    display: none;
                    position: absolute;
                    bottom: 110%;
                    right: 0;
                    width: 160px;
                    border: 1px solid #7C7C7C;
                    padding: 4px;
                    background: #FFF;
                    font-size: 11px;
                    font-style: normal; }
                  body.one-page-checkout .main .block-bottom .container .summery div.review .average span div.google_review_info:hover div {
                    display: block; }
          body.one-page-checkout .main .block-bottom .container .summery .pay {
            display: flex;
            flex-direction: column; }
            body.one-page-checkout .main .block-bottom .container .summery .pay .terms {
              text-align: center;
              margin-bottom: 24px; }
              body.one-page-checkout .main .block-bottom .container .summery .pay .terms a {
                text-decoration: underline; }
            body.one-page-checkout .main .block-bottom .container .summery .pay input,
            body.one-page-checkout .main .block-bottom .container .summery .pay span.btn {
              width: 100%;
              justify-content: center; }
            body.one-page-checkout .main .block-bottom .container .summery .pay span.btn.disabled {
              background: #F7F7F7;
              cursor: default;
              color: #CCC; }
    body.one-page-checkout .main .payment-logos {
      display: flex;
      justify-content: center;
      margin-top: 32px; }
      @media only screen and (min-width: 1000px) {
        body.one-page-checkout .main .payment-logos {
          margin-top: 100px; } }
      body.one-page-checkout .main .payment-logos .container {
        display: flex;
        justify-content: center;
        padding: 0 48px; }
        body.one-page-checkout .main .payment-logos .container img {
          width: 260px;
          max-width: 100%; }
          @media only screen and (min-width: 1000px) {
            body.one-page-checkout .main .payment-logos .container img {
              width: 360px; } }

/* Bokning */
body.book.buy-terms-open div#terms-popup {
  display: flex; }
body.book .main {
  padding: 48px 0; }
  body.book .main .block-top {
    margin-bottom: 32px; }
    body.book .main .block-top .container {
      display: flex;
      flex-direction: column;
      align-items: center; }
  body.book .main .block-bottom .container {
    padding: 0 24px; }
    body.book .main .block-bottom .container .left {
      width: 100%; }
  body.book .main .container h2 {
    font-size: 24px; }
  body.book .main .container .step-data {
    padding: 0px 0 200px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    /* Steg 1, fordon */
    /* Steg 2, tjanster */
    /* Steg 3, boka tid */
    /* Steg 4, kunduppgifter */
    /* Steg 5, kunduppgifter */ }
    body.book .main .container .step-data h2 {
      margin-top: 10px; }
    body.book .main .container .step-data form {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      					/*.reg-number {
      						display: flex; flex-direction: column; align-items: center; margin-bottom: 20px;
      
      						.form {
      							justify-content: center;
      						}
      
      						.regnr-info {
      							width: auto; text-align: center; background: $grey-light;
      						}
      					}*/ }
      body.book .main .container .step-data form .desc {
        padding-bottom: 24px;
        text-align: center; }
      body.book .main .container .step-data form .services .loading {
        display: flex;
        flex-direction: column;
        min-height: 200px;
        justify-content: center;
        align-items: center; }
        body.book .main .container .step-data form .services .loading img {
          width: 64px; }
        body.book .main .container .step-data form .services .loading span {
          color: #CCC;
          margin-top: 12px;
          letter-spacing: 0.5px; }
      body.book .main .container .step-data form .reg-number {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
        						/*
        						a.regnr-info {
        							display: none; background: $grey-bg; padding: 8px 16px; font-size: 13px; align-items: center; width: 100%; margin-bottom: 8px;
        
        							span.image {
        								display: flex; padding-right: 16px; 
        
        								img { height: 32px; }
        							}
        
        							.size { display: none; }
        						}
        						*/ }
        body.book .main .container .step-data form .reg-number div.form {
          display: flex;
          align-items: center;
          width: 100%; }
          body.book .main .container .step-data form .reg-number div.form img {
            margin-left: 10px;
            display: none; }
        body.book .main .container .step-data form .reg-number input[type=text] {
          border: 0; }
        body.book .main .container .step-data form .reg-number .regnr-info {
          width: 100%;
          margin: 10px 0 20px;
          padding: 8px 16px;
          border-radius: 2px;
          display: none;
          background: #F7F7F7;
          align-items: center; }
          body.book .main .container .step-data form .reg-number .regnr-info span.image {
            padding-right: 16px; }
            body.book .main .container .step-data form .reg-number .regnr-info span.image img {
              width: 32px; }
          body.book .main .container .step-data form .reg-number .regnr-info span.size {
            display: none; }
      body.book .main .container .step-data form input[type=text],
      body.book .main .container .step-data form input[type=phone],
      body.book .main .container .step-data form input[type=email],
      body.book .main .container .step-data form textarea {
        border: 1px solid #7C7C7C; }
    body.book .main .container .step-data.step-data-1 a.next-step {
      display: none; }
    body.book .main .container .step-data.step-data-2 .inch-select {
      margin-bottom: 30px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center; }
      body.book .main .container .step-data.step-data-2 .inch-select .rim {
        display: flex;
        align-items: center;
        margin-top: 10px; }
        body.book .main .container .step-data.step-data-2 .inch-select .rim span {
          margin-right: 10px; }
        body.book .main .container .step-data.step-data-2 .inch-select .rim select {
          padding: 10px;
          border: 1px solid #7C7C7C;
          text-align: center; }
          body.book .main .container .step-data.step-data-2 .inch-select .rim select.error {
            border: 3px solid #CC0000; }
    body.book .main .container .step-data.step-data-2 ul {
      width: 100%;
      max-width: 640px;
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column; }
      body.book .main .container .step-data.step-data-2 ul li {
        margin-bottom: 10px; }
        body.book .main .container .step-data.step-data-2 ul li label {
          background: #F7F7F7;
          padding: 0;
          border: 4px solid #F7F7F7;
          display: flex;
          overflow: hidden;
          justify-content: space-between;
          display: flex;
          border-radius: 2px;
          cursor: pointer; }
          body.book .main .container .step-data.step-data-2 ul li label .holder {
            background: #F7F7F7;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 60px; }
            body.book .main .container .step-data.step-data-2 ul li label .holder .icon-cross {
              font-size: 24px;
              color: #FFF;
              padding: 5px;
              border: 2px solid #7C7C7C;
              display: flex;
              align-items: center; }
              body.book .main .container .step-data.step-data-2 ul li label .holder .icon-cross:before {
                opacity: 0.2; }
          body.book .main .container .step-data.step-data-2 ul li label .desc {
            padding: 20px;
            width: calc(100% - 60px);
            background: #FFF;
            text-align: left; }
            body.book .main .container .step-data.step-data-2 ul li label .desc h5 {
              margin: 0 0 10px;
              font-size: 16px;
              font-family: "Barlow", sans-serif; }
            body.book .main .container .step-data.step-data-2 ul li label .desc div.info {
              display: flex;
              flex-direction: column;
              align-items: flex-start; }
              body.book .main .container .step-data.step-data-2 ul li label .desc div.info div {
                display: flex; }
              body.book .main .container .step-data.step-data-2 ul li label .desc div.info a {
                color: #C7D64F;
                text-decoration: underline;
                margin-top: 5px; }
              body.book .main .container .step-data.step-data-2 ul li label .desc div.info .book-info {
                display: none;
                border: 1px solid #7C7C7C;
                padding: 10px;
                margin-top: 10px; }
            body.book .main .container .step-data.step-data-2 ul li label .desc div.price {
              display: none;
              width: 100%;
              padding: 20px 0 0;
              justify-content: flex-start; }
              @media only screen and (max-width: 1000px) {
                body.book .main .container .step-data.step-data-2 ul li label .desc div.price {
                  display: flex; } }
          body.book .main .container .step-data.step-data-2 ul li label .price {
            font-size: 16px;
            font-weight: 600;
            color: #1E2648;
            display: flex;
            justify-content: flex-end;
            width: 100px;
            padding: 20px 20px 20px 0;
            background: #FFF; }
            @media only screen and (max-width: 1000px) {
              body.book .main .container .step-data.step-data-2 ul li label .price {
                display: none; } }
            body.book .main .container .step-data.step-data-2 ul li label .price span {
              white-space: nowrap; }
              body.book .main .container .step-data.step-data-2 ul li label .price span.inch {
                display: none; }
            body.book .main .container .step-data.step-data-2 ul li label .price span.no-rim-size {
              font-family: "Barlow", sans-serif;
              font-weight: normal;
              font-size: 12px;
              font-style: italic; }
        body.book .main .container .step-data.step-data-2 ul li input {
          position: absolute;
          z-index: 2;
          opacity: 0.001; }
          body.book .main .container .step-data.step-data-2 ul li input:checked + label span.holder {
            border-color: #7C7C7C; }
            body.book .main .container .step-data.step-data-2 ul li input:checked + label span.holder .icon-cross {
              color: #7C7C7C; }
              body.book .main .container .step-data.step-data-2 ul li input:checked + label span.holder .icon-cross:before {
                opacity: 1; }
    body.book .main .container .step-data.step-data-2 .addons {
      display: flex;
      width: 100%;
      flex-direction: column;
      align-items: center;
      margin-top: 32px; }
      body.book .main .container .step-data.step-data-2 .addons h3 {
        margin-bottom: 12px; }
    body.book .main .container .step-data.step-data-2 .dropin {
      max-width: 400px;
      display: flex;
      align-items: center;
      flex-direction: column; }
      body.book .main .container .step-data.step-data-2 .dropin h2 {
        font-family: "Barlow", sans-serif;
        margin-top: 30px; }
      body.book .main .container .step-data.step-data-2 .dropin ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        flex-direction: row; }
        body.book .main .container .step-data.step-data-2 .dropin ul li {
          width: 50%;
          display: flex;
          max-width: auto;
          align-items: center; }
          body.book .main .container .step-data.step-data-2 .dropin ul li:before {
            font-family: 'icomoon' !important;
            speak: none;
            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;
            content: "\f0ad";
            color: #FFF;
            font-size: 13px;
            display: inline-block;
            background: #C7D64F;
            border-radius: 30px;
            padding: 4px;
            margin-right: 5px; }
    body.book .main .container .step-data.step-data-3 {
      width: 100%; }
      body.book .main .container .step-data.step-data-3 form {
        width: auto; }
      body.book .main .container .step-data.step-data-3 a.next-step {
        display: none; }
    body.book .main .container .step-data.step-data-4 form {
      width: 300px;
      max-width: 100%; }
      body.book .main .container .step-data.step-data-4 form .field {
        display: flex;
        flex-direction: column;
        padding-bottom: 10px;
        width: 100%; }
        body.book .main .container .step-data.step-data-4 form .field input {
          width: 100%;
          padding: 5px; }
    body.book .main .container .step-data.step-data-5 ul {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0;
      max-width: 500px; }
      body.book .main .container .step-data.step-data-5 ul li {
        width: 100%;
        padding: 10px;
        display: flex;
        justify-content: center; }
        @media only screen and (max-width: 1000px) {
          body.book .main .container .step-data.step-data-5 ul li {
            padding: 10px 0 0; } }
        body.book .main .container .step-data.step-data-5 ul li div {
          width: 100%;
          position: relative;
          display: flex;
          overflow: hidden;
          border: 1px solid #F7F7F7; }
          body.book .main .container .step-data.step-data-5 ul li div.terms {
            display: block;
            padding: 8px;
            text-align: center;
            font-size: 14px; }
            body.book .main .container .step-data.step-data-5 ul li div.terms a {
              text-decoration: underline; }
          body.book .main .container .step-data.step-data-5 ul li div span.icon {
            background: #F7F7F7;
            width: 100px;
            padding: 20px;
            color: #1E2648;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 48px; }
            @media only screen and (max-width: 1000px) {
              body.book .main .container .step-data.step-data-5 ul li div span.icon {
                width: 60px;
                font-size: 32px; } }
          body.book .main .container .step-data.step-data-5 ul li div span.info {
            padding: 20px;
            width: calc(100% - 100px); }
            @media only screen and (max-width: 1000px) {
              body.book .main .container .step-data.step-data-5 ul li div span.info {
                width: calc(100% - 60px); } }
            body.book .main .container .step-data.step-data-5 ul li div span.info h3 {
              font-weight: 600;
              margin: 0 0 10px;
              color: #000; }
          body.book .main .container .step-data.step-data-5 ul li div.wish-date span.info {
            display: flex;
            flex-direction: column; }
          body.book .main .container .step-data.step-data-5 ul li div.services table {
            width: 100%;
            border-collapse: collapse; }
            body.book .main .container .step-data.step-data-5 ul li div.services table td {
              padding: 8px 10px 8px 0;
              border-bottom: 1px solid #F7F7F7; }
              body.book .main .container .step-data.step-data-5 ul li div.services table td.r {
                text-align: right;
                white-space: nowrap; }
            body.book .main .container .step-data.step-data-5 ul li div.services table tr.addon td {
              font-size: 14px; }
            body.book .main .container .step-data.step-data-5 ul li div.services table tfoot td {
              font-weight: bold;
              padding-top: 10px;
              border: 0; }
              body.book .main .container .step-data.step-data-5 ul li div.services table tfoot td.no-price {
                font-weight: normal;
                font-style: italic; }
          body.book .main .container .step-data.step-data-5 ul li div a.change {
            position: absolute;
            right: 24px;
            top: 24px;
            font-size: 12px;
            text-decoration: underline; }
        body.book .main .container .step-data.step-data-5 ul li.payment {
          display: flex;
          flex-direction: column;
          align-items: center; }
          body.book .main .container .step-data.step-data-5 ul li.payment label {
            display: flex;
            align-items: center;
            padding: 16px;
            border: 1px solid #1E2648;
            border-radius: 5px;
            width: 100%; }
            body.book .main .container .step-data.step-data-5 ul li.payment label input {
              margin: 0 8px 0 0; }
    body.book .main .container .step-data.step-data-5 a.btn {
      margin-top: 32px; }
    body.book .main .container .step-data.step-data-5 a.next-step {
      display: none; }
    body.book .main .container .step-data a.next-step {
      display: flex;
      margin-top: 32px; }
body.book ul.steps {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0; }
  body.book ul.steps li a {
    display: flex;
    flex-direction: column;
    align-items: center; }
    body.book ul.steps li a .icon {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      body.book ul.steps li a .icon div {
        height: 2px;
        background: #7C7C7C;
        flex-grow: 1; }
      body.book ul.steps li a .icon span.circle {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        border: 2px solid #7C7C7C;
        background: #FFF;
        border-radius: 100px; }
        body.book ul.steps li a .icon span.circle div {
          display: flex;
          flex-grow: 0;
          width: 12px;
          height: 12px;
          background: #7C7C7C;
          border-radius: 100px; }
    body.book ul.steps li a h4 {
      margin: 3px 0 0;
      font-size: 14px;
      font-weight: normal;
      color: #7C7C7C;
      padding: 0 20px; }
      @media only screen and (max-width: 1000px) {
        body.book ul.steps li a h4 {
          font-size: 11px;
          padding: 0 10px; }
          body.book ul.steps li a h4 .num {
            display: none; } }
  body.book ul.steps li:nth-child(1) a .icon div.left-border {
    height: 0; }
  body.book ul.steps li:nth-last-child(1) a .icon div.right-border {
    height: 0; }
  body.book ul.steps li.selected .icon span.circle, body.book ul.steps li.active .icon span.circle {
    border-color: #C7D64F; }
    body.book ul.steps li.selected .icon span.circle div, body.book ul.steps li.active .icon span.circle div {
      background: #C7D64F; }
  body.book ul.steps li.selected h4, body.book ul.steps li.active h4 {
    color: #C7D64F; }
  body.book ul.steps li.selected a .icon div.left-border {
    background: #C7D64F; }
  body.book ul.steps li.active a .icon div.right-border {
    background: #C7D64F; }
  body.book ul.steps li.active a .icon div.left-border {
    background: #C7D64F; }

/* Request */
body.request .main .block-bottom .container form {
  padding: 0 24px; }
  @media only screen and (min-width: 1000px) {
    body.request .main .block-bottom .container form {
      padding: 0;
      width: 50%; } }
  body.request .main .block-bottom .container form div.reg-number .regnr-info {
    margin-bottom: 5px;
    background: #F7F7F7;
    padding: 12px;
    display: none; }
  body.request .main .block-bottom .container form div.reg-number img.loader {
    display: none; }
  body.request .main .block-bottom .container form div.field {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px; }
    body.request .main .block-bottom .container form div.field.sizes i {
      font-size: 12px;
      padding-bottom: 5px; }
    body.request .main .block-bottom .container form div.field.sizes .other {
      display: none;
      padding: 10px 0 0; }
      body.request .main .block-bottom .container form div.field.sizes .other input {
        display: block;
        width: 200px; }
    body.request .main .block-bottom .container form div.field.sizes .back-size {
      display: none;
      flex-direction: column;
      padding-top: 10px; }
    body.request .main .block-bottom .container form div.field ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    body.request .main .block-bottom .container form div.field input[type=text], body.request .main .block-bottom .container form div.field textarea {
      border: 1px solid #CCC;
      padding: 5px; }
    body.request .main .block-bottom .container form div.field textarea {
      height: 100px; }
    body.request .main .block-bottom .container form div.field.terms label {
      display: flex;
      padding-bottom: 4px; }

/* Brand */
body.brand div.banner {
  display: flex;
  justify-content: center; }
  body.brand div.banner .container {
    display: flex;
    justify-content: center;
    padding: 32px 24px; }
    @media only screen and (min-width: 1000px) {
      body.brand div.banner .container {
        padding: 32px 0; } }
    body.brand div.banner .container img {
      max-width: 100%; }
      body.brand div.banner .container img.desktop {
        display: none; }
    @media only screen and (min-width: 1000px) {
      body.brand div.banner .container img.desktop {
        display: block; }
      body.brand div.banner .container img.mobile {
        display: none; } }
body.brand .block-bottom .article .container {
  display: flex;
  flex-direction: column;
  align-items: center; }
  body.brand .block-bottom .article .container img {
    max-width: 60%;
    margin-top: 24px; }
    @media only screen and (min-width: 1000px) {
      body.brand .block-bottom .article .container img {
        max-width: 100%; } }
  body.brand .block-bottom .article .container .text {
    padding: 0 0 24px; }
    @media only screen and (min-width: 1000px) {
      body.brand .block-bottom .article .container .text {
        padding: 0 0 48px; } }
  body.brand .block-bottom .article .container div.video {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 64px; }
    body.brand .block-bottom .article .container div.video video {
      max-width: 100%; }
body.brand .block-bottom .webshop-search {
  margin-top: 32px; }
  body.brand .block-bottom .webshop-search .contractor-search-small {
    margin: 0;
    width: 100%;
    border: 0;
    padding: 0; }
    body.brand .block-bottom .webshop-search .contractor-search-small h3 {
      display: inline-block;
      text-align: center;
      font-size: 22px; }
    @media only screen and (min-width: 1000px) {
      body.brand .block-bottom .webshop-search .contractor-search-small {
        width: 40%; } }
body.brand .block-bottom .brands {
  background: #F7F7F7;
  display: flex;
  flex-direction: column;
  width: 100%; }
  body.brand .block-bottom .brands .brand .buttons {
    display: flex;
    justify-content: center; }
    body.brand .block-bottom .brands .brand .buttons .container {
      padding: 0 24px;
      display: flex;
      justify-content: space-between; }
      @media only screen and (min-width: 1000px) {
        body.brand .block-bottom .brands .brand .buttons .container {
          justify-content: center; }
          body.brand .block-bottom .brands .brand .buttons .container .btn {
            margin: 0 8px; } }

/* FAQ */
body.faq .main .block-bottom {
  padding: 0 24px; }
  body.faq .main .block-bottom ul {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0; }
    body.faq .main .block-bottom ul li {
      width: 100%;
      margin-bottom: 4px;
      background: #F7F7F7; }
      body.faq .main .block-bottom ul li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 16px;
        font-weight: 600;
        font-size: 16px; }
        @media only screen and (min-width: 1000px) {
          body.faq .main .block-bottom ul li a {
            padding: 20px 20px 20px 44px; } }
        body.faq .main .block-bottom ul li a span.head {
          font-size: 16px; }
          @media only screen and (min-width: 1000px) {
            body.faq .main .block-bottom ul li a span.head {
              font-size: 20px; } }
        body.faq .main .block-bottom ul li a span.icon {
          font-size: 18px;
          transition: transform .15s ease-out; }
      body.faq .main .block-bottom ul li.active ul {
        display: block; }
      body.faq .main .block-bottom ul li.active a span.icon {
        transform: rotate(180deg); }
      body.faq .main .block-bottom ul li ul {
        display: none; }
        body.faq .main .block-bottom ul li ul li {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-bottom: 0;
          background: #FFF;
          border-top: 1px solid #F7F7F7; }
          body.faq .main .block-bottom ul li ul li a {
            background: none;
            border: 0;
            font-weight: 600;
            font-size: 16px;
            padding: 16px; }
            @media only screen and (min-width: 1000px) {
              body.faq .main .block-bottom ul li ul li a {
                padding: 20px 20px 20px 88px;
                font-size: 18px; } }
            body.faq .main .block-bottom ul li ul li a span {
              display: flex;
              justify-content: flex-end;
              font-size: 16px;
              transition: transform .15s ease-out;
              margin-left: 16px; }
          body.faq .main .block-bottom ul li ul li div.ingress {
            display: none; }
          body.faq .main .block-bottom ul li ul li.active a span {
            transform: rotate(180deg); }
          body.faq .main .block-bottom ul li ul li.active div.ingress {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px 16px 16px 16px; }
            @media only screen and (min-width: 1000px) {
              body.faq .main .block-bottom ul li ul li.active div.ingress {
                padding: 0px 20px 20px 88px; } }
            body.faq .main .block-bottom ul li ul li.active div.ingress a {
              display: flex;
              align-items: center;
              padding: 0;
              width: auto;
              margin-top: 20px;
              font-weight: normal;
              font-size: 14px; }
              @media only screen and (min-width: 1000px) {
                body.faq .main .block-bottom ul li ul li.active div.ingress a {
                  font-size: 16px; } }
              body.faq .main .block-bottom ul li ul li.active div.ingress a span {
                margin-left: 0;
                margin: 0 4px 0 0;
                font-size: 28px; }
                @media only screen and (min-width: 1000px) {
                  body.faq .main .block-bottom ul li ul li.active div.ingress a span {
                    font-size: 32px; } }

/* Lista undersidor */
body.subpages .main .block-bottom div.subpages {
  display: flex;
  justify-content: center; }
  body.subpages .main .block-bottom div.subpages ul {
    width: unset; }
    body.subpages .main .block-bottom div.subpages ul li a {
      padding: 16px 24px; }
      body.subpages .main .block-bottom div.subpages ul li a span {
        margin-left: 24px; }

/* Insurace */
body.insurance .main .block-bottom .container {
  display: flex;
  flex-direction: column;
  align-items: center; }
  body.insurance .main .block-bottom .container .text {
    padding: 0 24px 32px; }
  body.insurance .main .block-bottom .container form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 400px;
    padding: 0 24px;
    justify-content: space-between; }
    body.insurance .main .block-bottom .container form div.reg-number {
      margin-bottom: 12px;
      max-width: 100%; }
      body.insurance .main .block-bottom .container form div.reg-number .regnr-info {
        background: #F7F7F7;
        max-width: 100%;
        padding: 16px;
        display: none;
        flex-direction: column; }
        body.insurance .main .block-bottom .container form div.reg-number .regnr-info .size {
          font-size: 13px;
          margin-top: 4px; }
      body.insurance .main .block-bottom .container form div.reg-number .loader {
        display: none; }
      body.insurance .main .block-bottom .container form div.reg-number label {
        padding-bottom: 3px;
        font-size: 15px;
        width: 100%; }
    body.insurance .main .block-bottom .container form div.field {
      display: flex;
      flex-wrap: wrap;
      padding-bottom: 12px;
      width: 100%; }
      body.insurance .main .block-bottom .container form div.field.half {
        width: calc(50% - 4px); }
      body.insurance .main .block-bottom .container form div.field.zipcode {
        width: 30%; }
      body.insurance .main .block-bottom .container form div.field.city {
        width: 70%;
        padding-left: 8px; }
      body.insurance .main .block-bottom .container form div.field label {
        padding-bottom: 3px;
        font-size: 15px;
        width: 100%; }
      body.insurance .main .block-bottom .container form div.field input[type=text], body.insurance .main .block-bottom .container form div.field textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #E0E0E0;
        margin-bottom: 3px; }
      body.insurance .main .block-bottom .container form div.field select {
        width: 100%;
        padding: 12px;
        border: 1px solid #E0E0E0;
        background: #FFF; }
      body.insurance .main .block-bottom .container form div.field input[type=file] {
        font-size: 14px; }
      body.insurance .main .block-bottom .container form div.field label.btn {
        /*display: flex; align-items: center; width: auto; padding: 10px 20px 10px 10px; margin-right: 10px; background: $grey-light; border: 1px solid $grey; border-radius: 30px;*/ }
        body.insurance .main .block-bottom .container form div.field label.btn input {
          margin: 0 5px 0 0; }
      body.insurance .main .block-bottom .container form div.field .error {
        color: #CC0000;
        font-size: 11px;
        padding-top: 2px; }
        @media only screen and (min-width: 1000px) {
          body.insurance .main .block-bottom .container form div.field .error {
            font-size: 13px; } }
      body.insurance .main .block-bottom .container form div.field.radio ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column; }
        body.insurance .main .block-bottom .container form div.field.radio ul li label {
          display: flex;
          align-items: center; }
          body.insurance .main .block-bottom .container form div.field.radio ul li label input {
            margin: 0 8px 0 0; }
      body.insurance .main .block-bottom .container form div.field.terms {
        margin-top: 20px; }
        body.insurance .main .block-bottom .container form div.field.terms ul {
          display: flex;
          flex-direction: column;
          list-style: none;
          margin: 0;
          padding: 0;
          width: 100%; }
          body.insurance .main .block-bottom .container form div.field.terms ul li {
            display: flex;
            padding-bottom: 5px;
            width: 100%; }
            body.insurance .main .block-bottom .container form div.field.terms ul li label {
              display: flex;
              align-items: flex-start;
              width: 100%;
              justify-content: space-between; }
              body.insurance .main .block-bottom .container form div.field.terms ul li label input {
                margin: 3px 0 0;
                width: 16px;
                height: 16px; }
              body.insurance .main .block-bottom .container form div.field.terms ul li label div {
                width: calc(100% - 30px);
                flex-shrink: 1; }
              body.insurance .main .block-bottom .container form div.field.terms ul li label a {
                color: #1E2648;
                text-decoration: underline; }
      body.insurance .main .block-bottom .container form div.field.shop {
        flex-direction: column; }
        body.insurance .main .block-bottom .container form div.field.shop div.search {
          width: 100%;
          border: 1px solid #E0E0E0;
          display: flex;
          align-items: center; }
          body.insurance .main .block-bottom .container form div.field.shop div.search input {
            border: 0;
            width: calc(100% - 30px);
            margin-bottom: 0; }
          body.insurance .main .block-bottom .container form div.field.shop div.search span {
            width: 30px; }
        body.insurance .main .block-bottom .container form div.field.shop a.geolocation {
          margin-top: 7px;
          font-size: 14px;
          color: #C7D64F; }
          body.insurance .main .block-bottom .container form div.field.shop a.geolocation span {
            margin-right: 5px; }
        body.insurance .main .block-bottom .container form div.field.shop .change-contractor {
          color: #C7D64F;
          font-size: 14px; }
        body.insurance .main .block-bottom .container form div.field.shop .shop_result {
          display: none;
          border: 1px solid #E0E0E0;
          padding: 16px;
          margin-top: 10px; }
          body.insurance .main .block-bottom .container form div.field.shop .shop_result div.head {
            font-weight: bold; }
          body.insurance .main .block-bottom .container form div.field.shop .shop_result ul {
            list-style: none;
            margin: 6px 0 0;
            padding: 0;
            width: 100%; }
            body.insurance .main .block-bottom .container form div.field.shop .shop_result ul li {
              width: 100%; }
              body.insurance .main .block-bottom .container form div.field.shop .shop_result ul li label {
                display: flex;
                align-items: center;
                width: 100%;
                padding: 4px 0; }
                body.insurance .main .block-bottom .container form div.field.shop .shop_result ul li label input {
                  margin: 0 5px 0 0; }

/* Kampanj */
body.campaign .main .breadcrumb {
  display: none; }
body.campaign .main .hero {
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-color: #142c39;
  display: flex;
  justify-content: center; }
  body.campaign .main .hero .container .left {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 100px 0; }
    body.campaign .main .hero .container .left h1 {
      color: #FFF;
      font-size: 42px;
      text-align: center; }
    body.campaign .main .hero .container .left .ingress {
      color: #FFF;
      text-align: center; }
body.campaign .main .block-bottom .container {
  padding: 40px 0;
  text-align: center; }
  @media only screen and (max-width: 1300px) {
    body.campaign .main .block-bottom .container {
      padding: 40px 10px; } }
  body.campaign .main .block-bottom .container h2 {
    text-align: center;
    font-size: 28px;
    color: #1E2648;
    font-family: "Barlow", sans-serif; }
  body.campaign .main .block-bottom .container img {
    max-width: 100%; }
  body.campaign .main .block-bottom .container td img {
    max-width: unset; }
  body.campaign .main .block-bottom .container a.btn {
    display: inline-block;
    font-size: 21px;
    background: #1E2648;
    color: #FFF; }
    @media only screen and (max-width: 1000px) {
      body.campaign .main .block-bottom .container a.btn {
        font-size: 13px; } }
  @media only screen and (max-width: 1000px) {
    body.campaign .main .block-bottom .container table tr {
      display: flex;
      flex-direction: column; }
      body.campaign .main .block-bottom .container table tr td {
        width: 100%; } }
  body.campaign .main .block-bottom .container div.tire-list {
    margin-top: 80px; }
    body.campaign .main .block-bottom .container div.tire-list h2 {
      text-align: left; }
    body.campaign .main .block-bottom .container div.tire-list ul li {
      width: 25%; }
      @media only screen and (max-width: 1300px) {
        body.campaign .main .block-bottom .container div.tire-list ul li {
          width: 33.3%; } }
      @media only screen and (max-width: 1000px) {
        body.campaign .main .block-bottom .container div.tire-list ul li {
          width: 50%; } }
      body.campaign .main .block-bottom .container div.tire-list ul li li {
        width: 100%; }
        body.campaign .main .block-bottom .container div.tire-list ul li li div {
          text-align: left; }

/* Stadssidor */
body.services .block-top .left,
body.city .block-top .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid #F0F0F0; }
  body.services .block-top .left .ingress,
  body.city .block-top .left .ingress {
    margin-bottom: 24px; }
body.services .block-bottom .contractors .container,
body.city .block-bottom .contractors .container {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-top: 1px solid #F0F0F0; }
  body.services .block-bottom .contractors .container.no-article,
  body.city .block-bottom .contractors .container.no-article {
    border: 0; }
  body.services .block-bottom .contractors .container h2,
  body.city .block-bottom .contractors .container h2 {
    padding: 32px 0 0;
    text-align: center; }
  body.services .block-bottom .contractors .container ul.main-contractors,
  body.services .block-bottom .contractors .container ul.sub-contractors,
  body.city .block-bottom .contractors .container ul.main-contractors,
  body.city .block-bottom .contractors .container ul.sub-contractors {
    display: flex;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 32px 0 0;
    flex-direction: column; }
    body.services .block-bottom .contractors .container ul.main-contractors li,
    body.services .block-bottom .contractors .container ul.sub-contractors li,
    body.city .block-bottom .contractors .container ul.main-contractors li,
    body.city .block-bottom .contractors .container ul.sub-contractors li {
      margin-bottom: 5px; }
      body.services .block-bottom .contractors .container ul.main-contractors li a,
      body.services .block-bottom .contractors .container ul.sub-contractors li a,
      body.city .block-bottom .contractors .container ul.main-contractors li a,
      body.city .block-bottom .contractors .container ul.sub-contractors li a {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        background: #F7F7F7;
        padding: 20px; }
        body.services .block-bottom .contractors .container ul.main-contractors li a .txt,
        body.services .block-bottom .contractors .container ul.sub-contractors li a .txt,
        body.city .block-bottom .contractors .container ul.main-contractors li a .txt,
        body.city .block-bottom .contractors .container ul.sub-contractors li a .txt {
          display: flex;
          flex-direction: column; }
          body.services .block-bottom .contractors .container ul.main-contractors li a .txt h3,
          body.services .block-bottom .contractors .container ul.sub-contractors li a .txt h3,
          body.city .block-bottom .contractors .container ul.main-contractors li a .txt h3,
          body.city .block-bottom .contractors .container ul.sub-contractors li a .txt h3 {
            margin: 0 0 3px; }
          body.services .block-bottom .contractors .container ul.main-contractors li a .txt span,
          body.services .block-bottom .contractors .container ul.sub-contractors li a .txt span,
          body.city .block-bottom .contractors .container ul.main-contractors li a .txt span,
          body.city .block-bottom .contractors .container ul.sub-contractors li a .txt span {
            font-size: 14px; }
        body.services .block-bottom .contractors .container ul.main-contractors li a span.icon-arrow-right,
        body.services .block-bottom .contractors .container ul.sub-contractors li a span.icon-arrow-right,
        body.city .block-bottom .contractors .container ul.main-contractors li a span.icon-arrow-right,
        body.city .block-bottom .contractors .container ul.sub-contractors li a span.icon-arrow-right {
          color: #1E2648;
          border: 2px solid #1E2648;
          font-size: 27px;
          border-radius: 100px;
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center; }
body.services .block-bottom .services,
body.city .block-bottom .services {
  display: flex;
  justify-content: center;
  padding-top: 44px; }
  body.services .block-bottom .services .container .service-list,
  body.city .block-bottom .services .container .service-list {
    display: flex;
    flex-direction: column;
    align-items: center; }
    body.services .block-bottom .services .container .service-list h2,
    body.city .block-bottom .services .container .service-list h2 {
      margin-bottom: 8px; }
    body.services .block-bottom .services .container .service-list .desc,
    body.city .block-bottom .services .container .service-list .desc {
      margin-bottom: 16px; }
body.services.services .block-top .left,
body.city.services .block-top .left {
  border: 0; }
  body.services.services .block-top .left .ingress,
  body.city.services .block-top .left .ingress {
    margin-bottom: 0; }
  body.services.services .block-top .left > .price,
  body.city.services .block-top .left > .price {
    background: #F7F7F7;
    padding: 16px 24px;
    font-size: 18px;
    margin-top: 32px; }
    body.services.services .block-top .left > .price h3,
    body.city.services .block-top .left > .price h3 {
      text-align: center;
      margin-bottom: 28px; }
    body.services.services .block-top .left > .price ul,
    body.city.services .block-top .left > .price ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      body.services.services .block-top .left > .price ul li,
      body.city.services .block-top .left > .price ul li {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 12px 0;
        border-bottom: 1px solid #F0F0F0; }
        body.services.services .block-top .left > .price ul li h4,
        body.city.services .block-top .left > .price ul li h4 {
          margin: 0; }
        body.services.services .block-top .left > .price ul li div.description,
        body.city.services .block-top .left > .price ul li div.description {
          width: 100%;
          font-size: 16px;
          font-style: italic; }
    @media only screen and (min-width: 1000px) {
      body.services.services .block-top .left > .price,
      body.city.services .block-top .left > .price {
        padding: 24px 48px;
        font-size: 22px; }
        body.services.services .block-top .left > .price ul li div.description,
        body.city.services .block-top .left > .price ul li div.description {
          font-size: 18px; } }
    body.services.services .block-top .left > .price.price-from,
    body.city.services .block-top .left > .price.price-from {
      font-style: italic; }
body.services.services .block-bottom .contractors,
body.city.services .block-bottom .contractors {
  margin-bottom: 32px; }
  @media only screen and (max-width: 1000px) {
    body.services.services .block-bottom .contractors,
    body.city.services .block-bottom .contractors {
      width: 100%; } }
  body.services.services .block-bottom .contractors .container,
  body.city.services .block-bottom .contractors .container {
    border: 0; }
    body.services.services .block-bottom .contractors .container h2,
    body.city.services .block-bottom .contractors .container h2 {
      font-size: 24px; }
      @media only screen and (max-width: 1000px) {
        body.services.services .block-bottom .contractors .container h2,
        body.city.services .block-bottom .contractors .container h2 {
          font-size: 18px;
          padding-left: 24px;
          padding-right: 24px; } }

/* Region */
body.region .block-bottom .contractors .container .desc {
  padding: 8px 0 32px; }
body.region .block-bottom .contractors .container .cities {
  padding-top: 32px; }
  body.region .block-bottom .contractors .container .cities ul.cities {
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    display: flex;
    justify-content: center; }
    body.region .block-bottom .contractors .container .cities ul.cities li {
      margin: 4px; }

/* Order-confirm */
body.order-confirm {
  padding-top: 0; }
  body.order-confirm .contractor-campaign,
  body.order-confirm .second-menu {
    display: none; }
  body.order-confirm div.checkout-head {
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 8px 24px;
    background: #FFF; }
    body.order-confirm div.checkout-head .container {
      align-items: center;
      display: flex;
      justify-content: space-between; }
      body.order-confirm div.checkout-head .container a.back-website {
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #7C7C7C;
        width: 25%; }
        body.order-confirm div.checkout-head .container a.back-website span {
          margin-right: 5px; }
      body.order-confirm div.checkout-head .container div.logo {
        width: 50%;
        display: flex;
        justify-content: center; }
        body.order-confirm div.checkout-head .container div.logo img {
          height: 30px; }
      body.order-confirm div.checkout-head .container div.phone {
        width: 25%;
        display: flex;
        justify-content: flex-end; }
  body.order-confirm div.contractor-name {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
    background: #FFF;
    font-size: 25px;
    font-weight: 600;
    border-top: 1px solid #EAEAEA;
    margin-bottom: 16px; }
  body.order-confirm .header,
  body.order-confirm .footer {
    display: none; }
  body.order-confirm .main {
    background: #F7F7F7;
    padding-bottom: 200px; }
    body.order-confirm .main .block-top {
      display: flex;
      justify-content: center; }
      body.order-confirm .main .block-top .container {
        align-items: center;
        padding-top: 20px; }
    body.order-confirm .main .block-bottom .container {
      display: flex;
      align-items: center;
      flex-direction: column;
      text-align: center;
      padding: 0 24px; }
      body.order-confirm .main .block-bottom .container img {
        margin-bottom: 32px;
        width: 300px;
        max-width: 60%; }
      body.order-confirm .main .block-bottom .container .ingress {
        color: #888888;
        margin-bottom: 48px;
        width: 700px;
        max-width: 100%;
        text-align: center;
        font-size: 24px; }
    body.order-confirm .main h2 {
      font-size: 24px;
      margin-top: 32px; }
    body.order-confirm .main table.items {
      margin-top: 16px;
      border-collapse: collapse; }
      body.order-confirm .main table.items th, body.order-confirm .main table.items td {
        text-align: left;
        padding: 4px 16px 4px 4px;
        border-bottom: 1px solid #CCC; }
      body.order-confirm .main table.items td, body.order-confirm .main table.items th {
        font-size: 12px; }
        @media only screen and (min-width: 1000px) {
          body.order-confirm .main table.items td, body.order-confirm .main table.items th {
            font-size: 18px; } }
      body.order-confirm .main table.items span.regnr {
        margin-left: 4px;
        font-size: 12px; }
      body.order-confirm .main table.items td.r, body.order-confirm .main table.items th.r {
        text-align: right;
        white-space: nowrap; }
      body.order-confirm .main table.items tr.tot td {
        padding-top: 24px;
        font-weight: bold;
        border: 0;
        font-size: 18px; }
      body.order-confirm .main table.items tr.vat td {
        color: #888888;
        font-style: italic;
        border: 0; }
    body.order-confirm .main div.b2b {
      background: #FFF;
      padding: 24px;
      margin-top: 32px;
      font-size: 14px; }
      body.order-confirm .main div.b2b img.logo {
        max-width: 100px;
        margin-bottom: 12px; }
      body.order-confirm .main div.b2b div.discount {
        color: #CC0000;
        margin-top: 12px; }

/* Kontakta verkstad */
body.contractor-contact .main .block-top .map {
  border: 1px solid #EAEAEA;
  width: 100%;
  height: 300px;
  border-width: 1px 0;
  margin-top: 64px; }
  @media only screen and (min-width: 1000px) {
    body.contractor-contact .main .block-top .map {
      border-width: 1px; } }
  body.contractor-contact .main .block-top .map iframe {
    width: 100%;
    height: 100%; }
body.contractor-contact .main .block-top .contact {
  display: flex;
  padding: 0 24px;
  flex-direction: column; }
  @media only screen and (min-width: 1000px) {
    body.contractor-contact .main .block-top .contact {
      justify-content: center;
      margin-bottom: 48px;
      align-items: center; } }
  body.contractor-contact .main .block-top .contact ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column; }
    @media only screen and (min-width: 1000px) {
      body.contractor-contact .main .block-top .contact ul {
        flex-direction: row;
        justify-content: center; } }
    body.contractor-contact .main .block-top .contact ul li {
      display: flex;
      align-items: center;
      margin-bottom: 12px; }
      @media only screen and (min-width: 1000px) {
        body.contractor-contact .main .block-top .contact ul li {
          padding: 0 24px;
          margin-bottom: 0; } }
      body.contractor-contact .main .block-top .contact ul li a {
        display: flex;
        align-items: center;
        font-weight: 600;
        font-size: 16px; }
        body.contractor-contact .main .block-top .contact ul li a span {
          margin-right: 4px; }
        @media only screen and (min-width: 1000px) {
          body.contractor-contact .main .block-top .contact ul li a {
            font-size: 20px; } }
      body.contractor-contact .main .block-top .contact ul li span {
        font-size: 32px; }
        @media only screen and (min-width: 1000px) {
          body.contractor-contact .main .block-top .contact ul li span {
            font-size: 40px; } }
  @media only screen and (min-width: 1000px) {
    body.contractor-contact .main .block-top .contact div.jour {
      margin-top: 24px; } }
  body.contractor-contact .main .block-top .contact div.jour a {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 16px; }
    body.contractor-contact .main .block-top .contact div.jour a span {
      font-size: 32px;
      margin-right: 4px; }
    body.contractor-contact .main .block-top .contact div.jour a div {
      display: flex;
      flex-direction: row; }
      body.contractor-contact .main .block-top .contact div.jour a div h4 {
        margin: 0 4px 0 0; }
  body.contractor-contact .main .block-top .contact div.buttons {
    margin-top: 48px; }
body.contractor-contact .main .block-top .open {
  display: flex;
  justify-content: center;
  padding: 24px;
  margin-top: 24px; }
  body.contractor-contact .main .block-top .open .open-box {
    margin-top: 0; }
body.contractor-contact .main .block-top .personal {
  display: flex;
  justify-content: center;
  padding: 24px;
  margin-top: 24px; }
  body.contractor-contact .main .block-top .personal ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0; }
    body.contractor-contact .main .block-top .personal ul li {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 64px;
      padding: 0 12px;
      width: 160px; }
      @media only screen and (min-width: 450px) {
        body.contractor-contact .main .block-top .personal ul li {
          width: 200px; } }
      @media only screen and (min-width: 1000px) {
        body.contractor-contact .main .block-top .personal ul li {
          padding: 0 24px;
          margin-bottom: 48px;
          width: 280px; } }
      body.contractor-contact .main .block-top .personal ul li div.image {
        display: flex;
        border-radius: 200px;
        width: 100%;
        max-width: 100%;
        margin-bottom: 8px; }
        body.contractor-contact .main .block-top .personal ul li div.image img {
          display: flex;
          border-radius: 200px;
          width: 100%; }
        @media only screen and (min-width: 1000px) {
          body.contractor-contact .main .block-top .personal ul li div.image {
            /*width: 200px;*/ } }
      body.contractor-contact .main .block-top .personal ul li div.name {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 0px;
        text-align: center; }
        @media only screen and (min-width: 1000px) {
          body.contractor-contact .main .block-top .personal ul li div.name {
            font-size: 18px; } }
      body.contractor-contact .main .block-top .personal ul li div.title {
        font-style: italic;
        font-size: 14px;
        color: #7C7C7C;
        text-align: center; }
      body.contractor-contact .main .block-top .personal ul li ul.buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 12px;
        flex-direction: column; }
        @media only screen and (min-width: 1000px) {
          body.contractor-contact .main .block-top .personal ul li ul.buttons {
            flex-direction: row; } }
        body.contractor-contact .main .block-top .personal ul li ul.buttons li.phone,
        body.contractor-contact .main .block-top .personal ul li ul.buttons li.email {
          width: 100%;
          font-size: 14px;
          text-align: center;
          padding: 0;
          margin: 0; }
          @media only screen and (min-width: 1000px) {
            body.contractor-contact .main .block-top .personal ul li ul.buttons li.phone,
            body.contractor-contact .main .block-top .personal ul li ul.buttons li.email {
              width: 50%; } }
          body.contractor-contact .main .block-top .personal ul li ul.buttons li.phone a,
          body.contractor-contact .main .block-top .personal ul li ul.buttons li.email a {
            display: flex;
            align-items: center; }
            body.contractor-contact .main .block-top .personal ul li ul.buttons li.phone a span,
            body.contractor-contact .main .block-top .personal ul li ul.buttons li.email a span {
              margin-right: 2px;
              font-size: 28px; }
      @media only screen and (min-width: 1000px) {
        body.contractor-contact .main .block-top .personal ul li div.title, body.contractor-contact .main .block-top .personal ul li div.phone {
          font-size: 16px; } }

/* Contractors */
body.contractors .main .block-top .container .ingress a.btn {
  display: inline-block; }
body.contractors .main .block-bottom .container {
  flex-direction: column;
  display: flex;
  align-items: center;
  padding: 24px; }
  @media only screen and (min-width: 1000px) {
    body.contractors .main .block-bottom .container {
      padding: 0; } }
  body.contractors .main .block-bottom .container ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 32px 0 48px;
    padding: 0;
    width: 100%; }
    body.contractors .main .block-bottom .container ul li {
      width: 33%;
      border: 3px solid #FFF;
      border-width: 0 5px 5px 0; }
      @media only screen and (max-width: 1300px) {
        body.contractors .main .block-bottom .container ul li {
          width: 50%; } }
      @media only screen and (max-width: 1000px) {
        body.contractors .main .block-bottom .container ul li {
          width: 100%;
          border-width: 0 0 5px; } }
      body.contractors .main .block-bottom .container ul li div.holder,
      body.contractors .main .block-bottom .container ul li a {
        padding: 20px;
        background: #F7F7F7;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-size: 15px; }
        body.contractors .main .block-bottom .container ul li div.holder div.top,
        body.contractors .main .block-bottom .container ul li a div.top {
          display: flex;
          flex-direction: column;
          align-items: flex-start; }
          body.contractors .main .block-bottom .container ul li div.holder div.top a,
          body.contractors .main .block-bottom .container ul li a div.top a {
            padding: 0;
            background: none;
            height: auto; }
          body.contractors .main .block-bottom .container ul li div.holder div.top h3,
          body.contractors .main .block-bottom .container ul li a div.top h3 {
            color: #1E2648;
            font-size: 17px;
            margin: 0 0 10px;
            font-family: "Barlow", sans-serif; }
        body.contractors .main .block-bottom .container ul li div.holder span.btn,
        body.contractors .main .block-bottom .container ul li a span.btn {
          margin-top: 24px; }
        body.contractors .main .block-bottom .container ul li div.holder.holder .actions,
        body.contractors .main .block-bottom .container ul li a.holder .actions {
          display: flex;
          justify-content: space-between;
          margin-top: 16px; }
          body.contractors .main .block-bottom .container ul li div.holder.holder .actions a.btn,
          body.contractors .main .block-bottom .container ul li a.holder .actions a.btn {
            font-size: 16px;
            padding: 12px 24px 13px;
            height: auto;
            background: #FFF; }
            @media only screen and (max-width: 1000px) {
              body.contractors .main .block-bottom .container ul li div.holder.holder .actions a.btn,
              body.contractors .main .block-bottom .container ul li a.holder .actions a.btn {
                font-size: 14px;
                padding: 12px 20px; } }
            body.contractors .main .block-bottom .container ul li div.holder.holder .actions a.btn:hover,
            body.contractors .main .block-bottom .container ul li a.holder .actions a.btn:hover {
              background: #1E2648; }
          body.contractors .main .block-bottom .container ul li div.holder.holder .actions a.phone,
          body.contractors .main .block-bottom .container ul li a.holder .actions a.phone {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0;
            height: auto;
            color: #1E2648; }
            body.contractors .main .block-bottom .container ul li div.holder.holder .actions a.phone span,
            body.contractors .main .block-bottom .container ul li a.holder .actions a.phone span {
              margin-right: 4px;
              font-size: 28px; }
    body.contractors .main .block-bottom .container ul.cities li {
      width: 20%; }
      @media only screen and (max-width: 1300px) {
        body.contractors .main .block-bottom .container ul.cities li {
          width: 33%; } }
      @media only screen and (max-width: 1000px) {
        body.contractors .main .block-bottom .container ul.cities li {
          width: 50%; } }
      body.contractors .main .block-bottom .container ul.cities li a {
        align-items: stretch;
        padding: 20px; }
        @media only screen and (max-width: 1000px) {
          body.contractors .main .block-bottom .container ul.cities li a {
            /*padding: 10px;*/ } }
        body.contractors .main .block-bottom .container ul.cities li a span.btn {
          margin-top: 0;
          /*justify-content: center; padding: 0;*/ }

/* Search webshop contractors */
body.webshop-search-contractors .main {
  flex-wrap: wrap; }
  body.webshop-search-contractors .main .map-search {
    display: flex;
    flex-direction: column;
    width: 100%; }
    @media only screen and (min-width: 1000px) {
      body.webshop-search-contractors .main .map-search {
        flex-direction: row;
        height: 600px; } }
    body.webshop-search-contractors .main .map-search .map, body.webshop-search-contractors .main .map-search .page {
      border-bottom: 1px solid #EAEAEA; }
  body.webshop-search-contractors .main .block-bottom {
    order: 3;
    width: 100%;
    padding-top: 48px; }
    body.webshop-search-contractors .main .block-bottom h2 {
      text-align: center; }
    body.webshop-search-contractors .main .block-bottom .container ul li a {
      align-items: flex-start; }

/* Lediga jobb */
body.jobs .main .block-bottom .filter {
  display: flex;
  flex-direction: column;
  align-items: center; }
  body.jobs .main .block-bottom .filter h2 {
    margin-bottom: 12px;
    font-size: 24px; }
  body.jobs .main .block-bottom .filter div.fields {
    display: flex; }
    body.jobs .main .block-bottom .filter div.fields select {
      border: 1px solid #EAEAEA;
      padding: 12px;
      margin: 0 8px;
      width: 180px;
      background: #F7F7F7; }
body.jobs .main .block-bottom .jobs {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
  width: 100%;
  padding: 0 24px; }
  @media only screen and (min-width: 1000px) {
    body.jobs .main .block-bottom .jobs {
      width: 800px; } }
  body.jobs .main .block-bottom .jobs div.city {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px; }
    body.jobs .main .block-bottom .jobs div.city h3 {
      margin-bottom: 4px; }
    body.jobs .main .block-bottom .jobs div.city ul {
      display: flex;
      flex-direction: column;
      list-style: none;
      margin: 0;
      padding: 0; }
      body.jobs .main .block-bottom .jobs div.city ul li {
        display: flex;
        border: 1px solid #EAEAEA;
        margin-bottom: 16px; }
        body.jobs .main .block-bottom .jobs div.city ul li a {
          display: flex;
          width: 100%;
          flex-direction: column;
          padding: 16px;
          transition: ease .5s; }
          body.jobs .main .block-bottom .jobs div.city ul li a:hover {
            background: #F7F7F7; }
  body.jobs .main .block-bottom .jobs.no-jobs {
    align-items: center; }

/* Ledigt jobb */
body.job .main .block-top .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  @media only screen and (min-width: 1000px) {
    body.job .main .block-top .left {
      align-items: center; } }
  body.job .main .block-top .left .ingress {
    padding-top: 12px; }
  body.job .main .block-top .left div.last-apply {
    margin-top: 12px; }
  body.job .main .block-top .left a.btn {
    margin-top: 32px; }
body.job .main .block-bottom .article .container {
  font-size: 18px; }
body.job .main .block-bottom .contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 32px;
  background: #F7F7F7;
  padding: 32px 0; }
  body.job .main .block-bottom .contact h3 {
    margin-bottom: 12px; }
  body.job .main .block-bottom .contact .ways {
    display: flex;
    margin-top: 12px;
    flex-direction: column; }
    @media only screen and (min-width: 1000px) {
      body.job .main .block-bottom .contact .ways {
        flex-direction: row; } }
    body.job .main .block-bottom .contact .ways a {
      display: flex;
      align-items: center;
      margin: 0 24px; }
      body.job .main .block-bottom .contact .ways a span {
        font-size: 40px;
        margin-right: 4px; }

body.jobs .apply,
body.job .apply {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100px; }
  body.jobs .apply h3,
  body.job .apply h3 {
    margin-bottom: 24px; }
  body.jobs .apply form,
  body.job .apply form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%; }
    @media only screen and (min-width: 1000px) {
      body.jobs .apply form,
      body.job .apply form {
        width: 600px; } }
    body.jobs .apply form div.field,
    body.job .apply form div.field {
      width: calc(100% - 16px);
      display: flex;
      flex-direction: column;
      margin: 0 8px 12px; }
      body.jobs .apply form div.field.half,
      body.job .apply form div.field.half {
        width: calc(50% - 16px); }
      body.jobs .apply form div.field input[type=text],
      body.jobs .apply form div.field input[type=email],
      body.jobs .apply form div.field input[type=tel],
      body.jobs .apply form div.field textarea,
      body.job .apply form div.field input[type=text],
      body.job .apply form div.field input[type=email],
      body.job .apply form div.field input[type=tel],
      body.job .apply form div.field textarea {
        padding: 12px;
        border: 1px solid #E0E0E0; }
        body.jobs .apply form div.field input[type=text].error,
        body.jobs .apply form div.field input[type=email].error,
        body.jobs .apply form div.field input[type=tel].error,
        body.jobs .apply form div.field textarea.error,
        body.job .apply form div.field input[type=text].error,
        body.job .apply form div.field input[type=email].error,
        body.job .apply form div.field input[type=tel].error,
        body.job .apply form div.field textarea.error {
          border-color: #CC0000; }
      body.jobs .apply form div.field #drop_zone,
      body.job .apply form div.field #drop_zone {
        border: 1px solid #E0E0E0;
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        body.jobs .apply form div.field #drop_zone.hover,
        body.job .apply form div.field #drop_zone.hover {
          border-color: #C7D64F; }
        body.jobs .apply form div.field #drop_zone .info,
        body.job .apply form div.field #drop_zone .info {
          display: flex;
          align-items: center;
          flex-direction: column;
          padding: 32px 16px;
          font-size: 13px;
          text-align: center; }
          body.jobs .apply form div.field #drop_zone .info span.icon-plus,
          body.job .apply form div.field #drop_zone .info span.icon-plus {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #E0E0E0;
            border-radius: 40px;
            width: 48px;
            height: 48px;
            margin-bottom: 8px;
            font-size: 24px; }
        body.jobs .apply form div.field #drop_zone .loader,
        body.job .apply form div.field #drop_zone .loader {
          display: none;
          background: rgba(255, 255, 255, 0.95);
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: 100%;
          z-index: 3;
          height: 100%;
          align-items: center;
          justify-content: center;
          flex-direction: column; }
          body.jobs .apply form div.field #drop_zone .loader .text,
          body.job .apply form div.field #drop_zone .loader .text {
            font-size: 14px;
            margin-top: 8px; }
        body.jobs .apply form div.field #drop_zone input#document_upload,
        body.job .apply form div.field #drop_zone input#document_upload {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: 100%;
          opacity: 0;
          cursor: pointer;
          z-index: 2;
          height: 100%; }
    body.jobs .apply form label.terms,
    body.job .apply form label.terms {
      display: flex;
      align-items: center;
      width: 100%;
      margin: 12px 0 32px;
      padding: 0 8px; }
      body.jobs .apply form label.terms input,
      body.job .apply form label.terms input {
        margin: 0 8px 0 0;
        width: 18px;
        height: 18px; }
    body.jobs .apply form div.error-file-upload,
    body.job .apply form div.error-file-upload {
      display: none;
      align-items: center;
      background: #F7F7F7;
      width: calc(100% - 16px);
      padding: 12px; }
      body.jobs .apply form div.error-file-upload span,
      body.job .apply form div.error-file-upload span {
        color: #CC0000;
        margin-right: 8px; }
      body.jobs .apply form div.error-file-upload .text,
      body.job .apply form div.error-file-upload .text {
        font-size: 14px; }
    body.jobs .apply form div.files,
    body.job .apply form div.files {
      display: none;
      background: #F7F7F7;
      padding: 8px 16px;
      width: calc(100% - 16px); }
      body.jobs .apply form div.files ul,
      body.job .apply form div.files ul {
        display: flex;
        margin: 0;
        padding: 0;
        flex-direction: column;
        list-style: none;
        width: 100%; }
        body.jobs .apply form div.files ul li,
        body.job .apply form div.files ul li {
          display: flex;
          justify-content: space-between;
          font-size: 13px;
          padding: 8px;
          border-bottom: 1px solid #CCC; }
          body.jobs .apply form div.files ul li span,
          body.job .apply form div.files ul li span {
            background: #CC0000;
            color: #FFF;
            padding: 4px;
            border-radius: 40px;
            width: 20px;
            height: 20px;
            display: flex;
            justify-content: center;
            align-items: center; }
          body.jobs .apply form div.files ul li:nth-last-child(1),
          body.job .apply form div.files ul li:nth-last-child(1) {
            border: 0; }

/* Produktlista */
div.product-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 42px 16px 68px;
  background: #F7F7F7; }
  div.product-list h2 {
    text-align: center;
    margin: 0 0 4px; }
  div.product-list div.ingress {
    text-align: center;
    font-size: 15px; }
    @media only screen and (min-width: 1000px) {
      div.product-list div.ingress {
        font-size: 18px; } }
  div.product-list ul {
    display: flex;
    width: 100%;
    list-style: none;
    margin: 32px 0 0;
    padding: 0;
    flex-wrap: wrap; }
    @media only screen and (min-width: 1000px) {
      div.product-list ul {
        justify-content: center; } }
    div.product-list ul li {
      width: 50%;
      display: flex;
      padding: 0 4px;
      margin: 4px 0; }
      @media only screen and (min-width: 1000px) {
        div.product-list ul li {
          width: 25%;
          padding: 0 8px;
          margin: 8px 0; } }
      div.product-list ul li.product-campaign {
        padding: 0 2px; }
        @media only screen and (min-width: 1000px) {
          div.product-list ul li.product-campaign {
            padding: 0 4px; } }
        div.product-list ul li.product-campaign a {
          border: 4px solid #DCD195;
          padding-bottom: 36px; }
          @media only screen and (min-width: 1000px) {
            div.product-list ul li.product-campaign a {
              padding-bottom: 48px; } }
          div.product-list ul li.product-campaign a div.campaign-head {
            color: #1E2648;
            font-size: 18px;
            font-weight: bold;
            width: 100%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 36px;
            background: #DCD195;
            position: absolute;
            left: 0;
            bottom: 0; }
            @media only screen and (min-width: 1000px) {
              div.product-list ul li.product-campaign a div.campaign-head {
                height: 48px;
                font-size: 25px; } }
      div.product-list ul li div.product,
      div.product-list ul li a {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        background: #FFF;
        position: relative;
        border-radius: 2px; }
        div.product-list ul li div.product img.campaign-icon,
        div.product-list ul li a img.campaign-icon {
          position: absolute;
          left: 8px;
          top: 8px;
          max-width: 50px; }
          @media only screen and (min-width: 1000px) {
            div.product-list ul li div.product img.campaign-icon,
            div.product-list ul li a img.campaign-icon {
              max-width: 80px;
              left: 16px;
              top: 16px; } }
        div.product-list ul li div.product div.img,
        div.product-list ul li a div.img {
          display: flex;
          justify-content: center;
          border-bottom: 1px solid #EAEAEA;
          padding: 8px 0; }
          @media only screen and (min-width: 1000px) {
            div.product-list ul li div.product div.img,
            div.product-list ul li a div.img {
              border: 0;
              padding: 16px 0; } }
          div.product-list ul li div.product div.img img,
          div.product-list ul li a div.img img {
            max-height: 100px; }
            @media only screen and (min-width: 1000px) {
              div.product-list ul li div.product div.img img,
              div.product-list ul li a div.img img {
                max-height: 240px; } }
        div.product-list ul li div.product div.season,
        div.product-list ul li a div.season {
          position: absolute;
          right: 8px;
          top: 8px;
          font-size: 24px; }
          @media only screen and (min-width: 1000px) {
            div.product-list ul li div.product div.season,
            div.product-list ul li a div.season {
              font-size: 32px; } }
          div.product-list ul li div.product div.season span,
          div.product-list ul li a div.season span {
            color: #FFCC00; }
            div.product-list ul li div.product div.season span.icon-winter,
            div.product-list ul li a div.season span.icon-winter {
              color: #0c61ba; }
        div.product-list ul li div.product div.info,
        div.product-list ul li a div.info {
          padding: 12px 16px; }
          div.product-list ul li div.product div.info .head,
          div.product-list ul li a div.info .head {
            margin-bottom: 8px; }
            div.product-list ul li div.product div.info .head h4,
            div.product-list ul li div.product div.info .head h5,
            div.product-list ul li a div.info .head h4,
            div.product-list ul li a div.info .head h5 {
              margin: 0;
              font-size: 14px;
              color: #1E2648;
              text-align: center;
              text-transform: uppercase; }
            @media only screen and (min-width: 1000px) {
              div.product-list ul li div.product div.info .head h4,
              div.product-list ul li a div.info .head h4 {
                font-size: 24px;
                font-weight: 700; }
              div.product-list ul li div.product div.info .head h5,
              div.product-list ul li a div.info .head h5 {
                font-size: 16px; } }
            div.product-list ul li div.product div.info .head .season-name,
            div.product-list ul li a div.info .head .season-name {
              display: flex;
              color: #7C7C7C;
              width: 100%;
              font-size: 13px;
              justify-content: center;
              padding-top: 4px; }
        div.product-list ul li div.product .bottom-info,
        div.product-list ul li a .bottom-info {
          display: flex;
          align-items: center;
          flex-direction: column;
          padding-bottom: 28px; }
          div.product-list ul li div.product .bottom-info .price,
          div.product-list ul li a .bottom-info .price {
            font-size: 16px;
            font-weight: bold;
            color: #1E2648; }
          div.product-list ul li div.product .bottom-info .price-excl-services,
          div.product-list ul li a .bottom-info .price-excl-services {
            font-size: 13px;
            padding-top: 2px; }
      div.product-list ul li.hide {
        display: none;
        transition: ease .2s; }
  div.product-list a.show_all_products {
    display: flex;
    justify-content: center;
    margin-top: 24px; }
    div.product-list a.show_all_products span {
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 24px; }
      div.product-list a.show_all_products span div.hide {
        display: none; }
      div.product-list a.show_all_products span span {
        margin-left: 12px;
        transition: ease .2s; }
  div.product-list.open ul li.hide {
    display: flex; }
  div.product-list.open a.show_all_products span div.hide {
    display: flex; }
  div.product-list.open a.show_all_products span div.show {
    display: none; }
  div.product-list.open a.show_all_products span span {
    transform: rotate(180deg); }

/* Lista varumarken */
div.product-list-brands {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0px 16px 68px; }
  div.product-list-brands ul {
    display: flex;
    width: 100%;
    justify-content: center;
    list-style: none;
    margin: 32px 0 0;
    padding: 0;
    flex-wrap: wrap; }
    div.product-list-brands ul li {
      margin: 0 8px 8px;
      display: flex;
      align-items: center; }
      @media only screen and (min-width: 1000px) {
        div.product-list-brands ul li {
          margin: 0 16px 16px; } }
      div.product-list-brands ul li a img {
        height: 24px; }
        @media only screen and (min-width: 1000px) {
          div.product-list-brands ul li a img {
            height: 36px; } }

ul#selected-rims,
ul#rims,
ul#selected-tires,
ul#tires {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0 8px; }
  ul#selected-rims#selected-rims, ul#selected-rims#selected-tires,
  ul#rims#selected-rims,
  ul#rims#selected-tires,
  ul#selected-tires#selected-rims,
  ul#selected-tires#selected-tires,
  ul#tires#selected-rims,
  ul#tires#selected-tires {
    margin-bottom: 48px; }
    ul#selected-rims#selected-rims > li, ul#selected-rims#selected-tires > li,
    ul#rims#selected-rims > li,
    ul#rims#selected-tires > li,
    ul#selected-tires#selected-rims > li,
    ul#selected-tires#selected-tires > li,
    ul#tires#selected-rims > li,
    ul#tires#selected-tires > li {
      width: 100%; }
      @media only screen and (min-width: 1000px) {
        ul#selected-rims#selected-rims > li, ul#selected-rims#selected-tires > li,
        ul#rims#selected-rims > li,
        ul#rims#selected-tires > li,
        ul#selected-tires#selected-rims > li,
        ul#selected-tires#selected-tires > li,
        ul#tires#selected-rims > li,
        ul#tires#selected-tires > li {
          width: 33.3%; } }
      ul#selected-rims#selected-rims > li > div a, ul#selected-rims#selected-tires > li > div a,
      ul#rims#selected-rims > li > div a,
      ul#rims#selected-tires > li > div a,
      ul#selected-tires#selected-rims > li > div a,
      ul#selected-tires#selected-tires > li > div a,
      ul#tires#selected-rims > li > div a,
      ul#tires#selected-tires > li > div a {
        display: flex;
        flex-wrap: wrap; }
        ul#selected-rims#selected-rims > li > div a .quick-delivery, ul#selected-rims#selected-tires > li > div a .quick-delivery,
        ul#rims#selected-rims > li > div a .quick-delivery,
        ul#rims#selected-tires > li > div a .quick-delivery,
        ul#selected-tires#selected-rims > li > div a .quick-delivery,
        ul#selected-tires#selected-tires > li > div a .quick-delivery,
        ul#tires#selected-rims > li > div a .quick-delivery,
        ul#tires#selected-tires > li > div a .quick-delivery {
          top: 58px; }
        ul#selected-rims#selected-rims > li > div a .selected-type, ul#selected-rims#selected-tires > li > div a .selected-type,
        ul#rims#selected-rims > li > div a .selected-type,
        ul#rims#selected-tires > li > div a .selected-type,
        ul#selected-tires#selected-rims > li > div a .selected-type,
        ul#selected-tires#selected-tires > li > div a .selected-type,
        ul#tires#selected-rims > li > div a .selected-type,
        ul#tires#selected-tires > li > div a .selected-type {
          width: 100%; }
        ul#selected-rims#selected-rims > li > div a .image, ul#selected-rims#selected-tires > li > div a .image,
        ul#rims#selected-rims > li > div a .image,
        ul#rims#selected-tires > li > div a .image,
        ul#selected-tires#selected-rims > li > div a .image,
        ul#selected-tires#selected-tires > li > div a .image,
        ul#tires#selected-rims > li > div a .image,
        ul#tires#selected-tires > li > div a .image {
          width: 50%;
          border: 0;
          padding: 12px 24px;
          align-items: center; }
          ul#selected-rims#selected-rims > li > div a .image img, ul#selected-rims#selected-tires > li > div a .image img,
          ul#rims#selected-rims > li > div a .image img,
          ul#rims#selected-tires > li > div a .image img,
          ul#selected-tires#selected-rims > li > div a .image img,
          ul#selected-tires#selected-tires > li > div a .image img,
          ul#tires#selected-rims > li > div a .image img,
          ul#tires#selected-tires > li > div a .image img {
            max-width: 100%; }
        ul#selected-rims#selected-rims > li > div a .info, ul#selected-rims#selected-tires > li > div a .info,
        ul#rims#selected-rims > li > div a .info,
        ul#rims#selected-tires > li > div a .info,
        ul#selected-tires#selected-rims > li > div a .info,
        ul#selected-tires#selected-tires > li > div a .info,
        ul#tires#selected-rims > li > div a .info,
        ul#tires#selected-tires > li > div a .info {
          width: 50%;
          flex-direction: column;
          align-items: flex-start;
          justify-content: center;
          padding: 0 24px 0 0; }
          ul#selected-rims#selected-rims > li > div a .info h3, ul#selected-rims#selected-tires > li > div a .info h3,
          ul#rims#selected-rims > li > div a .info h3,
          ul#rims#selected-tires > li > div a .info h3,
          ul#selected-tires#selected-rims > li > div a .info h3,
          ul#selected-tires#selected-tires > li > div a .info h3,
          ul#tires#selected-rims > li > div a .info h3,
          ul#tires#selected-tires > li > div a .info h3 {
            text-align: left;
            font-size: 18px; }
            @media only screen and (min-width: 1000px) {
              ul#selected-rims#selected-rims > li > div a .info h3, ul#selected-rims#selected-tires > li > div a .info h3,
              ul#rims#selected-rims > li > div a .info h3,
              ul#rims#selected-tires > li > div a .info h3,
              ul#selected-tires#selected-rims > li > div a .info h3,
              ul#selected-tires#selected-tires > li > div a .info h3,
              ul#tires#selected-rims > li > div a .info h3,
              ul#tires#selected-tires > li > div a .info h3 {
                font-size: 22px; } }
      ul#selected-rims#selected-rims > li > div div.b2b-percent, ul#selected-rims#selected-tires > li > div div.b2b-percent,
      ul#rims#selected-rims > li > div div.b2b-percent,
      ul#rims#selected-tires > li > div div.b2b-percent,
      ul#selected-tires#selected-rims > li > div div.b2b-percent,
      ul#selected-tires#selected-tires > li > div div.b2b-percent,
      ul#tires#selected-rims > li > div div.b2b-percent,
      ul#tires#selected-tires > li > div div.b2b-percent {
        background: #CC0000;
        color: #FFF;
        width: 32px;
        height: 32px;
        font-size: 12px;
        align-items: center;
        justify-content: center;
        border-radius: 32px;
        padding: 0 4px; }
        @media only screen and (min-width: 1000px) {
          ul#selected-rims#selected-rims > li > div div.b2b-percent, ul#selected-rims#selected-tires > li > div div.b2b-percent,
          ul#rims#selected-rims > li > div div.b2b-percent,
          ul#rims#selected-tires > li > div div.b2b-percent,
          ul#selected-tires#selected-rims > li > div div.b2b-percent,
          ul#selected-tires#selected-tires > li > div div.b2b-percent,
          ul#tires#selected-rims > li > div div.b2b-percent,
          ul#tires#selected-tires > li > div div.b2b-percent {
            font-size: 12px; } }
      ul#selected-rims#selected-rims > li > div div.season, ul#selected-rims#selected-tires > li > div div.season,
      ul#rims#selected-rims > li > div div.season,
      ul#rims#selected-tires > li > div div.season,
      ul#selected-tires#selected-rims > li > div div.season,
      ul#selected-tires#selected-tires > li > div div.season,
      ul#tires#selected-rims > li > div div.season,
      ul#tires#selected-tires > li > div div.season {
        top: 58px; }
      ul#selected-rims#selected-rims > li > div .info, ul#selected-rims#selected-tires > li > div .info,
      ul#rims#selected-rims > li > div .info,
      ul#rims#selected-tires > li > div .info,
      ul#selected-tires#selected-rims > li > div .info,
      ul#selected-tires#selected-tires > li > div .info,
      ul#tires#selected-rims > li > div .info,
      ul#tires#selected-tires > li > div .info {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 12px 24px 24px; }
        ul#selected-rims#selected-rims > li > div .info .insurance, ul#selected-rims#selected-tires > li > div .info .insurance,
        ul#rims#selected-rims > li > div .info .insurance,
        ul#rims#selected-tires > li > div .info .insurance,
        ul#selected-tires#selected-rims > li > div .info .insurance,
        ul#selected-tires#selected-tires > li > div .info .insurance,
        ul#tires#selected-rims > li > div .info .insurance,
        ul#tires#selected-tires > li > div .info .insurance {
          width: 100%; }
        ul#selected-rims#selected-rims > li > div .info .eu-label, ul#selected-rims#selected-tires > li > div .info .eu-label,
        ul#rims#selected-rims > li > div .info .eu-label,
        ul#rims#selected-tires > li > div .info .eu-label,
        ul#selected-tires#selected-rims > li > div .info .eu-label,
        ul#selected-tires#selected-tires > li > div .info .eu-label,
        ul#tires#selected-rims > li > div .info .eu-label,
        ul#tires#selected-tires > li > div .info .eu-label {
          width: 100%;
          justify-content: center; }
          ul#selected-rims#selected-rims > li > div .info .eu-label div, ul#selected-rims#selected-tires > li > div .info .eu-label div,
          ul#rims#selected-rims > li > div .info .eu-label div,
          ul#rims#selected-tires > li > div .info .eu-label div,
          ul#selected-tires#selected-rims > li > div .info .eu-label div,
          ul#selected-tires#selected-tires > li > div .info .eu-label div,
          ul#tires#selected-rims > li > div .info .eu-label div,
          ul#tires#selected-tires > li > div .info .eu-label div {
            padding: 0 8px; }
          ul#selected-rims#selected-rims > li > div .info .eu-label span, ul#selected-rims#selected-tires > li > div .info .eu-label span,
          ul#rims#selected-rims > li > div .info .eu-label span,
          ul#rims#selected-tires > li > div .info .eu-label span,
          ul#selected-tires#selected-rims > li > div .info .eu-label span,
          ul#selected-tires#selected-tires > li > div .info .eu-label span,
          ul#tires#selected-rims > li > div .info .eu-label span,
          ul#tires#selected-tires > li > div .info .eu-label span {
            font-size: 12px; }
        ul#selected-rims#selected-rims > li > div .info .price-block, ul#selected-rims#selected-tires > li > div .info .price-block,
        ul#rims#selected-rims > li > div .info .price-block,
        ul#rims#selected-tires > li > div .info .price-block,
        ul#selected-tires#selected-rims > li > div .info .price-block,
        ul#selected-tires#selected-tires > li > div .info .price-block,
        ul#tires#selected-rims > li > div .info .price-block,
        ul#tires#selected-tires > li > div .info .price-block {
          margin-top: 24px; }
          @media only screen and (min-width: 1000px) {
            ul#selected-rims#selected-rims > li > div .info .price-block, ul#selected-rims#selected-tires > li > div .info .price-block,
            ul#rims#selected-rims > li > div .info .price-block,
            ul#rims#selected-tires > li > div .info .price-block,
            ul#selected-tires#selected-rims > li > div .info .price-block,
            ul#selected-tires#selected-tires > li > div .info .price-block,
            ul#tires#selected-rims > li > div .info .price-block,
            ul#tires#selected-tires > li > div .info .price-block {
              margin-top: 32px; } }
          ul#selected-rims#selected-rims > li > div .info .price-block .price, ul#selected-rims#selected-tires > li > div .info .price-block .price,
          ul#rims#selected-rims > li > div .info .price-block .price,
          ul#rims#selected-tires > li > div .info .price-block .price,
          ul#selected-tires#selected-rims > li > div .info .price-block .price,
          ul#selected-tires#selected-tires > li > div .info .price-block .price,
          ul#tires#selected-rims > li > div .info .price-block .price,
          ul#tires#selected-tires > li > div .info .price-block .price {
            margin-top: 0;
            text-align: left; }
          ul#selected-rims#selected-rims > li > div .info .price-block .price-ord, ul#selected-rims#selected-tires > li > div .info .price-block .price-ord,
          ul#rims#selected-rims > li > div .info .price-block .price-ord,
          ul#rims#selected-tires > li > div .info .price-block .price-ord,
          ul#selected-tires#selected-rims > li > div .info .price-block .price-ord,
          ul#selected-tires#selected-tires > li > div .info .price-block .price-ord,
          ul#tires#selected-rims > li > div .info .price-block .price-ord,
          ul#tires#selected-tires > li > div .info .price-block .price-ord {
            text-align: left; }
          ul#selected-rims#selected-rims > li > div .info .price-block .price-info, ul#selected-rims#selected-tires > li > div .info .price-block .price-info,
          ul#rims#selected-rims > li > div .info .price-block .price-info,
          ul#rims#selected-tires > li > div .info .price-block .price-info,
          ul#selected-tires#selected-rims > li > div .info .price-block .price-info,
          ul#selected-tires#selected-tires > li > div .info .price-block .price-info,
          ul#tires#selected-rims > li > div .info .price-block .price-info,
          ul#tires#selected-tires > li > div .info .price-block .price-info {
            text-align: left; }
        ul#selected-rims#selected-rims > li > div .info form.buy-form, ul#selected-rims#selected-tires > li > div .info form.buy-form,
        ul#rims#selected-rims > li > div .info form.buy-form,
        ul#rims#selected-tires > li > div .info form.buy-form,
        ul#selected-tires#selected-rims > li > div .info form.buy-form,
        ul#selected-tires#selected-tires > li > div .info form.buy-form,
        ul#tires#selected-rims > li > div .info form.buy-form,
        ul#tires#selected-tires > li > div .info form.buy-form {
          justify-content: center;
          margin-top: 24px; }
          @media only screen and (min-width: 1000px) {
            ul#selected-rims#selected-rims > li > div .info form.buy-form, ul#selected-rims#selected-tires > li > div .info form.buy-form,
            ul#rims#selected-rims > li > div .info form.buy-form,
            ul#rims#selected-tires > li > div .info form.buy-form,
            ul#selected-tires#selected-rims > li > div .info form.buy-form,
            ul#selected-tires#selected-tires > li > div .info form.buy-form,
            ul#tires#selected-rims > li > div .info form.buy-form,
            ul#tires#selected-tires > li > div .info form.buy-form {
              margin-top: 32px; } }
          ul#selected-rims#selected-rims > li > div .info form.buy-form input, ul#selected-rims#selected-tires > li > div .info form.buy-form input,
          ul#rims#selected-rims > li > div .info form.buy-form input,
          ul#rims#selected-tires > li > div .info form.buy-form input,
          ul#selected-tires#selected-rims > li > div .info form.buy-form input,
          ul#selected-tires#selected-tires > li > div .info form.buy-form input,
          ul#tires#selected-rims > li > div .info form.buy-form input,
          ul#tires#selected-tires > li > div .info form.buy-form input {
            width: auto; }
      ul#selected-rims#selected-rims > li.category-budget, ul#selected-rims#selected-tires > li.category-budget,
      ul#rims#selected-rims > li.category-budget,
      ul#rims#selected-tires > li.category-budget,
      ul#selected-tires#selected-rims > li.category-budget,
      ul#selected-tires#selected-tires > li.category-budget,
      ul#tires#selected-rims > li.category-budget,
      ul#tires#selected-tires > li.category-budget {
        order: 3; }
        @media only screen and (min-width: 1000px) {
          ul#selected-rims#selected-rims > li.category-budget, ul#selected-rims#selected-tires > li.category-budget,
          ul#rims#selected-rims > li.category-budget,
          ul#rims#selected-tires > li.category-budget,
          ul#selected-tires#selected-rims > li.category-budget,
          ul#selected-tires#selected-tires > li.category-budget,
          ul#tires#selected-rims > li.category-budget,
          ul#tires#selected-tires > li.category-budget {
            order: 1; } }
        ul#selected-rims#selected-rims > li.category-budget > div a .selected-type, ul#selected-rims#selected-tires > li.category-budget > div a .selected-type,
        ul#rims#selected-rims > li.category-budget > div a .selected-type,
        ul#rims#selected-tires > li.category-budget > div a .selected-type,
        ul#selected-tires#selected-rims > li.category-budget > div a .selected-type,
        ul#selected-tires#selected-tires > li.category-budget > div a .selected-type,
        ul#tires#selected-rims > li.category-budget > div a .selected-type,
        ul#tires#selected-tires > li.category-budget > div a .selected-type {
          background: #2d396c; }
      ul#selected-rims#selected-rims > li.category-midrange, ul#selected-rims#selected-tires > li.category-midrange,
      ul#rims#selected-rims > li.category-midrange,
      ul#rims#selected-tires > li.category-midrange,
      ul#selected-tires#selected-rims > li.category-midrange,
      ul#selected-tires#selected-tires > li.category-midrange,
      ul#tires#selected-rims > li.category-midrange,
      ul#tires#selected-tires > li.category-midrange {
        order: 2; }
        ul#selected-rims#selected-rims > li.category-midrange > div a .selected-type, ul#selected-rims#selected-tires > li.category-midrange > div a .selected-type,
        ul#rims#selected-rims > li.category-midrange > div a .selected-type,
        ul#rims#selected-tires > li.category-midrange > div a .selected-type,
        ul#selected-tires#selected-rims > li.category-midrange > div a .selected-type,
        ul#selected-tires#selected-tires > li.category-midrange > div a .selected-type,
        ul#tires#selected-rims > li.category-midrange > div a .selected-type,
        ul#tires#selected-tires > li.category-midrange > div a .selected-type {
          background: #1E2648; }
      ul#selected-rims#selected-rims > li.category-premium, ul#selected-rims#selected-tires > li.category-premium,
      ul#rims#selected-rims > li.category-premium,
      ul#rims#selected-tires > li.category-premium,
      ul#selected-tires#selected-rims > li.category-premium,
      ul#selected-tires#selected-tires > li.category-premium,
      ul#tires#selected-rims > li.category-premium,
      ul#tires#selected-tires > li.category-premium {
        order: 1; }
        @media only screen and (min-width: 1000px) {
          ul#selected-rims#selected-rims > li.category-premium, ul#selected-rims#selected-tires > li.category-premium,
          ul#rims#selected-rims > li.category-premium,
          ul#rims#selected-tires > li.category-premium,
          ul#selected-tires#selected-rims > li.category-premium,
          ul#selected-tires#selected-tires > li.category-premium,
          ul#tires#selected-rims > li.category-premium,
          ul#tires#selected-tires > li.category-premium {
            order: 3; } }
        ul#selected-rims#selected-rims > li.category-premium > div a .selected-type, ul#selected-rims#selected-tires > li.category-premium > div a .selected-type,
        ul#rims#selected-rims > li.category-premium > div a .selected-type,
        ul#rims#selected-tires > li.category-premium > div a .selected-type,
        ul#selected-tires#selected-rims > li.category-premium > div a .selected-type,
        ul#selected-tires#selected-tires > li.category-premium > div a .selected-type,
        ul#tires#selected-rims > li.category-premium > div a .selected-type,
        ul#tires#selected-tires > li.category-premium > div a .selected-type {
          background: #0f1324; }
  ul#selected-rims > li,
  ul#rims > li,
  ul#selected-tires > li,
  ul#tires > li {
    display: flex;
    width: 50%;
    padding: 4px; }
    @media only screen and (min-width: 1000px) {
      ul#selected-rims > li,
      ul#rims > li,
      ul#selected-tires > li,
      ul#tires > li {
        width: 25%;
        padding: 8px; } }
    ul#selected-rims > li.product-campaign,
    ul#rims > li.product-campaign,
    ul#selected-tires > li.product-campaign,
    ul#tires > li.product-campaign {
      padding: 2px; }
      ul#selected-rims > li.product-campaign > div,
      ul#rims > li.product-campaign > div,
      ul#selected-tires > li.product-campaign > div,
      ul#tires > li.product-campaign > div {
        border: 4px solid #DCD195;
        padding-bottom: 36px; }
        @media only screen and (min-width: 1000px) {
          ul#selected-rims > li.product-campaign > div,
          ul#rims > li.product-campaign > div,
          ul#selected-tires > li.product-campaign > div,
          ul#tires > li.product-campaign > div {
            padding-bottom: 48px; } }
        ul#selected-rims > li.product-campaign > div div.campaign-head,
        ul#rims > li.product-campaign > div div.campaign-head,
        ul#selected-tires > li.product-campaign > div div.campaign-head,
        ul#tires > li.product-campaign > div div.campaign-head {
          color: #1E2648;
          font-size: 18px;
          font-weight: bold;
          width: 100%;
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 36px;
          background: #DCD195;
          position: absolute;
          left: 0;
          bottom: 0; }
          @media only screen and (min-width: 1000px) {
            ul#selected-rims > li.product-campaign > div div.campaign-head,
            ul#rims > li.product-campaign > div div.campaign-head,
            ul#selected-tires > li.product-campaign > div div.campaign-head,
            ul#tires > li.product-campaign > div div.campaign-head {
              height: 48px;
              font-size: 25px; } }
    ul#selected-rims > li img.campaign-icon,
    ul#rims > li img.campaign-icon,
    ul#selected-tires > li img.campaign-icon,
    ul#tires > li img.campaign-icon {
      position: absolute;
      left: 8px;
      top: 8px;
      max-width: 50px; }
      @media only screen and (min-width: 1000px) {
        ul#selected-rims > li img.campaign-icon,
        ul#rims > li img.campaign-icon,
        ul#selected-tires > li img.campaign-icon,
        ul#tires > li img.campaign-icon {
          max-width: 80px;
          left: 16px;
          top: 16px; } }
    ul#selected-rims > li.own-stock img.campaign-icon,
    ul#rims > li.own-stock img.campaign-icon,
    ul#selected-tires > li.own-stock img.campaign-icon,
    ul#tires > li.own-stock img.campaign-icon {
      top: 32px; }
      @media only screen and (min-width: 1000px) {
        ul#selected-rims > li.own-stock img.campaign-icon,
        ul#rims > li.own-stock img.campaign-icon,
        ul#selected-tires > li.own-stock img.campaign-icon,
        ul#tires > li.own-stock img.campaign-icon {
          top: 42px; } }
    ul#selected-rims > li > div,
    ul#rims > li > div,
    ul#selected-tires > li > div,
    ul#tires > li > div {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background: #FFF;
      position: relative;
      width: 100%;
      border-radius: 2px; }
      ul#selected-rims > li > div div.selected-type,
      ul#rims > li > div div.selected-type,
      ul#selected-tires > li > div div.selected-type,
      ul#tires > li > div div.selected-type {
        display: flex;
        height: 50px;
        background: #1E2648;
        color: #FFF;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 24px; }
      ul#selected-rims > li > div div.image,
      ul#rims > li > div div.image,
      ul#selected-tires > li > div div.image,
      ul#tires > li > div div.image {
        height: 200px;
        display: flex;
        justify-content: center;
        border-bottom: 1px solid #F0F0F0;
        padding: 12px 0;
        /* New */
        height: 140px; }
        @media only screen and (min-width: 1000px) {
          ul#selected-rims > li > div div.image,
          ul#rims > li > div div.image,
          ul#selected-tires > li > div div.image,
          ul#tires > li > div div.image {
            height: 200px; } }
        ul#selected-rims > li > div div.image img,
        ul#rims > li > div div.image img,
        ul#selected-tires > li > div div.image img,
        ul#tires > li > div div.image img {
          max-height: 100%; }
      ul#selected-rims > li > div img.insurance,
      ul#rims > li > div img.insurance,
      ul#selected-tires > li > div img.insurance,
      ul#tires > li > div img.insurance {
        position: absolute;
        left: 16px;
        top: 16px;
        width: 50px; }
        @media only screen and (min-width: 1000px) {
          ul#selected-rims > li > div img.insurance,
          ul#rims > li > div img.insurance,
          ul#selected-tires > li > div img.insurance,
          ul#tires > li > div img.insurance {
            width: 80px; } }
      ul#selected-rims > li > div div.season,
      ul#rims > li > div div.season,
      ul#selected-tires > li > div div.season,
      ul#tires > li > div div.season {
        position: absolute;
        right: 16px;
        top: 16px;
        font-size: 24px;
        display: flex;
        /* New */
        right: 8px;
        top: 8px; }
        ul#selected-rims > li > div div.season span.icon-sun,
        ul#rims > li > div div.season span.icon-sun,
        ul#selected-tires > li > div div.season span.icon-sun,
        ul#tires > li > div div.season span.icon-sun {
          color: #FFCC00; }
        ul#selected-rims > li > div div.season span.icon-winter,
        ul#rims > li > div div.season span.icon-winter,
        ul#selected-tires > li > div div.season span.icon-winter,
        ul#tires > li > div div.season span.icon-winter {
          color: #1E2648; }
      ul#selected-rims > li > div div.b2b-percent,
      ul#rims > li > div div.b2b-percent,
      ul#selected-tires > li > div div.b2b-percent,
      ul#tires > li > div div.b2b-percent {
        position: absolute;
        left: 16px;
        top: 8px;
        font-size: 16px;
        display: flex;
        color: #CC0000;
        font-weight: bold; }
        ul#selected-rims > li > div div.b2b-percent.own-stock,
        ul#rims > li > div div.b2b-percent.own-stock,
        ul#selected-tires > li > div div.b2b-percent.own-stock,
        ul#tires > li > div div.b2b-percent.own-stock {
          top: 36px; }
      ul#selected-rims > li > div .quick-delivery,
      ul#rims > li > div .quick-delivery,
      ul#selected-tires > li > div .quick-delivery,
      ul#tires > li > div .quick-delivery {
        position: absolute;
        left: 8px;
        top: 8px;
        background: #C7D64F;
        color: #1E2648;
        font-size: 7px;
        display: flex;
        align-items: center;
        padding: 4px 8px 3px;
        border-radius: 20px;
        text-transform: uppercase; }
        @media only screen and (min-width: 1000px) {
          ul#selected-rims > li > div .quick-delivery,
          ul#rims > li > div .quick-delivery,
          ul#selected-tires > li > div .quick-delivery,
          ul#tires > li > div .quick-delivery {
            font-size: 10px;
            padding: 4px 12px; } }
        ul#selected-rims > li > div .quick-delivery span,
        ul#rims > li > div .quick-delivery span,
        ul#selected-tires > li > div .quick-delivery span,
        ul#tires > li > div .quick-delivery span {
          margin-right: 4px;
          color: #1E2648;
          font-size: 14px; }
          @media only screen and (min-width: 1000px) {
            ul#selected-rims > li > div .quick-delivery span,
            ul#rims > li > div .quick-delivery span,
            ul#selected-tires > li > div .quick-delivery span,
            ul#tires > li > div .quick-delivery span {
              font-size: 18px;
              margin-right: 4px; } }
      ul#selected-rims > li > div .info,
      ul#rims > li > div .info,
      ul#selected-tires > li > div .info,
      ul#tires > li > div .info {
        display: flex;
        flex-direction: column;
        padding: 12px;
        /* New */ }
        ul#selected-rims > li > div .info h3,
        ul#selected-rims > li > div .info h4,
        ul#rims > li > div .info h3,
        ul#rims > li > div .info h4,
        ul#selected-tires > li > div .info h3,
        ul#selected-tires > li > div .info h4,
        ul#tires > li > div .info h3,
        ul#tires > li > div .info h4 {
          display: flex;
          justify-content: center;
          margin: 0;
          color: #1E2648;
          text-align: center; }
        ul#selected-rims > li > div .info h3,
        ul#rims > li > div .info h3,
        ul#selected-tires > li > div .info h3,
        ul#tires > li > div .info h3 {
          margin: 0 0 0;
          font-size: 22px; }
        ul#selected-rims > li > div .info h4,
        ul#rims > li > div .info h4,
        ul#selected-tires > li > div .info h4,
        ul#tires > li > div .info h4 {
          font-size: 16px;
          font-weight: normal; }
        ul#selected-rims > li > div .info h3,
        ul#rims > li > div .info h3,
        ul#selected-tires > li > div .info h3,
        ul#tires > li > div .info h3 {
          font-size: 14px;
          text-transform: uppercase;
          margin-bottom: 4px; }
        ul#selected-rims > li > div .info h4,
        ul#rims > li > div .info h4,
        ul#selected-tires > li > div .info h4,
        ul#tires > li > div .info h4 {
          font-size: 13px; }
        @media only screen and (min-width: 1000px) {
          ul#selected-rims > li > div .info h3,
          ul#rims > li > div .info h3,
          ul#selected-tires > li > div .info h3,
          ul#tires > li > div .info h3 {
            font-size: 22px; }
          ul#selected-rims > li > div .info h4,
          ul#rims > li > div .info h4,
          ul#selected-tires > li > div .info h4,
          ul#tires > li > div .info h4 {
            font-size: 16px; } }
        ul#selected-rims > li > div .info div.season-info,
        ul#rims > li > div .info div.season-info,
        ul#selected-tires > li > div .info div.season-info,
        ul#tires > li > div .info div.season-info {
          display: flex;
          color: #7C7C7C;
          text-transform: uppercase;
          margin: 8px 0;
          /* New */
          display: none; }
          @media only screen and (min-width: 1000px) {
            ul#selected-rims > li > div .info div.season-info,
            ul#rims > li > div .info div.season-info,
            ul#selected-tires > li > div .info div.season-info,
            ul#tires > li > div .info div.season-info {
              display: none; } }
        ul#selected-rims > li > div .info ul.usps,
        ul#rims > li > div .info ul.usps,
        ul#selected-tires > li > div .info ul.usps,
        ul#tires > li > div .info ul.usps {
          display: flex;
          flex-direction: column;
          list-style: none;
          margin: 16px 0 16px;
          padding: 0; }
          ul#selected-rims > li > div .info ul.usps li,
          ul#rims > li > div .info ul.usps li,
          ul#selected-tires > li > div .info ul.usps li,
          ul#tires > li > div .info ul.usps li {
            display: flex;
            align-items: center;
            word-wrap: break-word;
            font-size: 12px; }
            @media only screen and (min-width: 1000px) {
              ul#selected-rims > li > div .info ul.usps li,
              ul#rims > li > div .info ul.usps li,
              ul#selected-tires > li > div .info ul.usps li,
              ul#tires > li > div .info ul.usps li {
                font-size: 15px; } }
            ul#selected-rims > li > div .info ul.usps li span,
            ul#rims > li > div .info ul.usps li span,
            ul#selected-tires > li > div .info ul.usps li span,
            ul#tires > li > div .info ul.usps li span {
              margin-right: 4px;
              width: 16px; }
              @media only screen and (min-width: 1000px) {
                ul#selected-rims > li > div .info ul.usps li span,
                ul#rims > li > div .info ul.usps li span,
                ul#selected-tires > li > div .info ul.usps li span,
                ul#tires > li > div .info ul.usps li span {
                  width: 24px; } }
            ul#selected-rims > li > div .info ul.usps li div,
            ul#rims > li > div .info ul.usps li div,
            ul#selected-tires > li > div .info ul.usps li div,
            ul#tires > li > div .info ul.usps li div {
              width: calc(100% - 20px); }
              @media only screen and (min-width: 1000px) {
                ul#selected-rims > li > div .info ul.usps li div,
                ul#rims > li > div .info ul.usps li div,
                ul#selected-tires > li > div .info ul.usps li div,
                ul#tires > li > div .info ul.usps li div {
                  width: calc(100% - 28px); } }
        ul#selected-rims > li > div .info .insurance,
        ul#rims > li > div .info .insurance,
        ul#selected-tires > li > div .info .insurance,
        ul#tires > li > div .info .insurance {
          display: flex;
          align-items: flex-start;
          /* New */
          justify-content: center;
          align-items: center; }
          ul#selected-rims > li > div .info .insurance img,
          ul#rims > li > div .info .insurance img,
          ul#selected-tires > li > div .info .insurance img,
          ul#tires > li > div .info .insurance img {
            width: 24px;
            /* New */
            width: 20px; }
            @media only screen and (min-width: 1000px) {
              ul#selected-rims > li > div .info .insurance img,
              ul#rims > li > div .info .insurance img,
              ul#selected-tires > li > div .info .insurance img,
              ul#tires > li > div .info .insurance img {
                width: 24px; } }
          ul#selected-rims > li > div .info .insurance div,
          ul#rims > li > div .info .insurance div,
          ul#selected-tires > li > div .info .insurance div,
          ul#tires > li > div .info .insurance div {
            padding-left: 8px;
            display: flex;
            flex-direction: column;
            font-weight: 600;
            text-transform: uppercase;
            color: #1E2648;
            /* New */
            font-size: 10px; }
            @media only screen and (min-width: 1000px) {
              ul#selected-rims > li > div .info .insurance div,
              ul#rims > li > div .info .insurance div,
              ul#selected-tires > li > div .info .insurance div,
              ul#tires > li > div .info .insurance div {
                font-size: 13px; } }
            ul#selected-rims > li > div .info .insurance div a,
            ul#rims > li > div .info .insurance div a,
            ul#selected-tires > li > div .info .insurance div a,
            ul#tires > li > div .info .insurance div a {
              font-weight: bold;
              text-decoration: underline;
              text-transform: none;
              color: #1E2648; }
        ul#selected-rims > li > div .info .eu-label,
        ul#rims > li > div .info .eu-label,
        ul#selected-tires > li > div .info .eu-label,
        ul#tires > li > div .info .eu-label {
          display: flex;
          justify-content: center;
          background: #F7F7F7;
          padding: 12px;
          margin-top: 12px;
          /* New */
          padding: 8px 2px;
          justify-content: space-between; }
          @media only screen and (min-width: 1000px) {
            ul#selected-rims > li > div .info .eu-label,
            ul#rims > li > div .info .eu-label,
            ul#selected-tires > li > div .info .eu-label,
            ul#tires > li > div .info .eu-label {
              justify-content: center;
              padding: 8px; } }
          ul#selected-rims > li > div .info .eu-label div,
          ul#rims > li > div .info .eu-label div,
          ul#selected-tires > li > div .info .eu-label div,
          ul#tires > li > div .info .eu-label div {
            display: flex;
            align-items: center;
            font-size: 14px;
            padding: 0 12px;
            background: none;
            /* New */
            padding: 0 1px; }
            @media only screen and (min-width: 1000px) {
              ul#selected-rims > li > div .info .eu-label div,
              ul#rims > li > div .info .eu-label div,
              ul#selected-tires > li > div .info .eu-label div,
              ul#tires > li > div .info .eu-label div {
                padding: 0;
                margin: 0 4px; } }
            ul#selected-rims > li > div .info .eu-label div img,
            ul#rims > li > div .info .eu-label div img,
            ul#selected-tires > li > div .info .eu-label div img,
            ul#tires > li > div .info .eu-label div img {
              height: 22px;
              margin-right: 4px; }
            ul#selected-rims > li > div .info .eu-label div span,
            ul#rims > li > div .info .eu-label div span,
            ul#selected-tires > li > div .info .eu-label div span,
            ul#tires > li > div .info .eu-label div span {
              margin: 0;
              padding: 2px;
              /* New */
              white-space: nowrap;
              font-size: 10px;
              padding: 0 1px 0 0; }
              @media only screen and (min-width: 1000px) {
                ul#selected-rims > li > div .info .eu-label div span,
                ul#rims > li > div .info .eu-label div span,
                ul#selected-tires > li > div .info .eu-label div span,
                ul#tires > li > div .info .eu-label div span {
                  font-size: 12px; } }
              ul#selected-rims > li > div .info .eu-label div span.icon,
              ul#rims > li > div .info .eu-label div span.icon,
              ul#selected-tires > li > div .info .eu-label div span.icon,
              ul#tires > li > div .info .eu-label div span.icon {
                margin: 0;
                font-size: 28px;
                /* New */
                font-size: 18px; }
                @media only screen and (min-width: 1000px) {
                  ul#selected-rims > li > div .info .eu-label div span.icon,
                  ul#rims > li > div .info .eu-label div span.icon,
                  ul#selected-tires > li > div .info .eu-label div span.icon,
                  ul#tires > li > div .info .eu-label div span.icon {
                    font-size: 24px; } }
                ul#selected-rims > li > div .info .eu-label div span.icon.icon-sound,
                ul#rims > li > div .info .eu-label div span.icon.icon-sound,
                ul#selected-tires > li > div .info .eu-label div span.icon.icon-sound,
                ul#tires > li > div .info .eu-label div span.icon.icon-sound {
                  font-size: 12px; }
                  @media only screen and (min-width: 1000px) {
                    ul#selected-rims > li > div .info .eu-label div span.icon.icon-sound,
                    ul#rims > li > div .info .eu-label div span.icon.icon-sound,
                    ul#selected-tires > li > div .info .eu-label div span.icon.icon-sound,
                    ul#tires > li > div .info .eu-label div span.icon.icon-sound {
                      font-size: 22px;
                      margin-right: 2px; } }
              ul#selected-rims > li > div .info .eu-label div span span,
              ul#rims > li > div .info .eu-label div span span,
              ul#selected-tires > li > div .info .eu-label div span span,
              ul#tires > li > div .info .eu-label div span span {
                font-size: 8px; }
                @media only screen and (min-width: 1000px) {
                  ul#selected-rims > li > div .info .eu-label div span span,
                  ul#rims > li > div .info .eu-label div span span,
                  ul#selected-tires > li > div .info .eu-label div span span,
                  ul#tires > li > div .info .eu-label div span span {
                    font-size: 12px; } }
        ul#selected-rims > li > div .info .price,
        ul#rims > li > div .info .price,
        ul#selected-tires > li > div .info .price,
        ul#tires > li > div .info .price {
          color: #1E2648;
          text-align: center;
          font-size: 27px;
          font-weight: bold;
          margin-top: 12px;
          /* New */
          font-size: 22px; }
          ul#selected-rims > li > div .info .price.price-campaign .price,
          ul#rims > li > div .info .price.price-campaign .price,
          ul#selected-tires > li > div .info .price.price-campaign .price,
          ul#tires > li > div .info .price.price-campaign .price {
            color: #CC0000; }
        ul#selected-rims > li > div .info .price-ord,
        ul#rims > li > div .info .price-ord,
        ul#selected-tires > li > div .info .price-ord,
        ul#tires > li > div .info .price-ord {
          color: #1E2648;
          text-align: center;
          font-size: 13px;
          margin-top: 0; }
        ul#selected-rims > li > div .info .price-info,
        ul#rims > li > div .info .price-info,
        ul#selected-tires > li > div .info .price-info,
        ul#tires > li > div .info .price-info {
          color: #1E2648;
          text-align: center;
          font-size: 13px;
          margin-top: 0; }
        ul#selected-rims > li > div .info span.no-storage,
        ul#rims > li > div .info span.no-storage,
        ul#selected-tires > li > div .info span.no-storage,
        ul#tires > li > div .info span.no-storage {
          text-align: center;
          font-style: italic;
          margin-top: 24px;
          font-size: 15px; }
        ul#selected-rims > li > div .info form.buy-form,
        ul#selected-rims > li > div .info form.webshop-article,
        ul#rims > li > div .info form.buy-form,
        ul#rims > li > div .info form.webshop-article,
        ul#selected-tires > li > div .info form.buy-form,
        ul#selected-tires > li > div .info form.webshop-article,
        ul#tires > li > div .info form.buy-form,
        ul#tires > li > div .info form.webshop-article {
          display: flex;
          margin-top: 24px; }
          ul#selected-rims > li > div .info form.buy-form select,
          ul#selected-rims > li > div .info form.webshop-article select,
          ul#rims > li > div .info form.buy-form select,
          ul#rims > li > div .info form.webshop-article select,
          ul#selected-tires > li > div .info form.buy-form select,
          ul#selected-tires > li > div .info form.webshop-article select,
          ul#tires > li > div .info form.buy-form select,
          ul#tires > li > div .info form.webshop-article select {
            width: 48px;
            margin-right: 4px;
            border: 1px solid #CCC;
            border-radius: 3px;
            background: #FFF;
            text-align: center;
            font-size: 16px;
            font-weight: 600; }
            ul#selected-rims > li > div .info form.buy-form select option,
            ul#selected-rims > li > div .info form.webshop-article select option,
            ul#rims > li > div .info form.buy-form select option,
            ul#rims > li > div .info form.webshop-article select option,
            ul#selected-tires > li > div .info form.buy-form select option,
            ul#selected-tires > li > div .info form.webshop-article select option,
            ul#tires > li > div .info form.buy-form select option,
            ul#tires > li > div .info form.webshop-article select option {
              text-align: center; }
          ul#selected-rims > li > div .info form.buy-form input,
          ul#selected-rims > li > div .info form.webshop-article input,
          ul#rims > li > div .info form.buy-form input,
          ul#rims > li > div .info form.webshop-article input,
          ul#selected-tires > li > div .info form.buy-form input,
          ul#selected-tires > li > div .info form.webshop-article input,
          ul#tires > li > div .info form.buy-form input,
          ul#tires > li > div .info form.webshop-article input {
            width: calc(100% - 52px); }

/* Ul-lista med ikoner */
ul.list-icon {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  ul.list-icon li {
    display: flex;
    width: 100%;
    padding-bottom: 8px; }
    @media only screen and (min-width: 1000px) {
      ul.list-icon li {
        width: 60%;
        /*padding: 0 4px 8px;*/
        padding-bottom: 12px; } }
    ul.list-icon li a {
      display: flex;
      width: 100%;
      align-items: center;
      padding: 16px;
      background: #F7F7F7;
      border-radius: 3px; }
      @media only screen and (min-width: 1000px) {
        ul.list-icon li a {
          padding: 24px; } }
      ul.list-icon li a h4 {
        margin: 0;
        display: flex;
        flex-direction: column; }
        ul.list-icon li a h4 span {
          font-weight: normal;
          font-size: 13px; }
      ul.list-icon li a span {
        font-size: 16px;
        margin-right: 16px; }

/* Verkstad popup karta */
.contractor-info {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.28);
  align-items: center;
  justify-content: center; }
  .contractor-info .content {
    display: flex;
    flex-wrap: wrap;
    background: #FFF;
    padding: 16px;
    width: calc(100% - 48px);
    max-width: 400px; }
    .contractor-info .content a.close {
      text-align: right;
      font-size: 20px;
      width: 100%; }
    .contractor-info .content div.data {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
      .contractor-info .content div.data h4 {
        font-size: 25px;
        width: 100%; }
      .contractor-info .content div.data ul.contact {
        list-style: none;
        margin: 16px 0;
        padding: 0;
        display: flex;
        width: 100%; }
        .contractor-info .content div.data ul.contact li {
          margin-right: 0px; }
      .contractor-info .content div.data div.open {
        width: 50%; }
        .contractor-info .content div.data div.open h5 {
          font-size: 16px;
          font-weight: 600; }
        .contractor-info .content div.data div.open ul {
          list-style: none;
          margin: 0;
          padding: 0;
          display: flex;
          flex-direction: column; }
          .contractor-info .content div.data div.open ul li {
            display: flex;
            justify-content: space-between;
            padding: 4px; }
            .contractor-info .content div.data div.open ul li:nth-child(2n) {
              background: #F7F7F7; }
        .contractor-info .content div.data div.open div.desc {
          font-style: italic;
          margin-top: 8px;
          font-size: 13px; }
      .contractor-info .content div.data a.map-link {
        width: 40%;
        text-align: right;
        text-decoration: underline;
        font-size: 16px;
        font-weight: 600; }
        .contractor-info .content div.data a.map-link.no-times {
          text-align: left; }
      .contractor-info .content div.data a.select {
        width: 100%;
        margin-top: 24px; }

/* Popup - shadow */
.shadow {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  background: rgba(255, 255, 255, 0.5);
  align-items: center;
  justify-content: center; }

/* EU-label */
.eu-label {
  display: flex;
  justify-content: center;
  background: #FFF; }
  .eu-label div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px;
    background: #FFF; }
    .eu-label div img {
      height: 24px; }
    .eu-label div span {
      margin-left: 4px;
      color: #1E2648;
      font-size: 12px;
      background: #F7F7F7;
      padding: 2px; }
      .eu-label div span.icon {
        font-size: 24px;
        padding: 0;
        background: none; }
      @media only screen and (min-width: 1000px) {
        .eu-label div span {
          font-size: 14px; } }
      .eu-label div span span {
        margin: 0;
        padding: 0;
        font-size: 11px;
        background: none;
        white-space: nowrap; }
      .eu-label div span img {
        margin-bottom: 0; }
  .eu-label.small {
    display: flex;
    justify-content: center;
    background: #F7F7F7;
    padding: 12px;
    margin-top: 12px;
    /* New */
    padding: 8px 2px;
    justify-content: space-between; }
    @media only screen and (min-width: 1000px) {
      .eu-label.small {
        justify-content: center;
        padding: 8px; } }
    .eu-label.small div {
      display: flex;
      align-items: center;
      font-size: 14px;
      padding: 0 12px;
      background: none;
      /* New */
      padding: 0 1px; }
      @media only screen and (min-width: 1000px) {
        .eu-label.small div {
          padding: 0;
          margin: 0 4px; } }
      .eu-label.small div img {
        height: 22px;
        margin-right: 4px; }
      .eu-label.small div span {
        margin: 0;
        padding: 2px;
        /* New */
        white-space: nowrap;
        font-size: 10px;
        padding: 0 1px 0 0; }
        @media only screen and (min-width: 1000px) {
          .eu-label.small div span {
            font-size: 12px; } }
        .eu-label.small div span.icon {
          margin: 0;
          font-size: 28px;
          /* New */
          font-size: 18px; }
          @media only screen and (min-width: 1000px) {
            .eu-label.small div span.icon {
              font-size: 24px; } }
          .eu-label.small div span.icon.icon-sound {
            font-size: 12px; }
            @media only screen and (min-width: 1000px) {
              .eu-label.small div span.icon.icon-sound {
                font-size: 22px; } }
        .eu-label.small div span span {
          font-size: 8px; }
          @media only screen and (min-width: 1000px) {
            .eu-label.small div span span {
              font-size: 12px; } }

.regnr-field {
  display: flex;
  border: 1px solid #CCC;
  border-radius: 6px;
  position: relative;
  margin-bottom: 8px;
  overflow: hidden; }
  .regnr-field span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #0c61ba;
    color: #FFF;
    align-items: center;
    width: 32px;
    font-weight: 600; }
    .regnr-field span img {
      margin-bottom: 2px; }
  .regnr-field input {
    border: 0;
    width: calc(100% - 44px);
    text-align: center;
    font-size: 38px;
    padding: 4px 0;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase; }
  .regnr-field a.clear-regnr {
    width: 32px;
    display: flex;
    justify-content: flex-start;
    font-size: 16px;
    background: #FFF; }
    .regnr-field a.clear-regnr span {
      background: none;
      color: #7C7C7C;
      width: auto; }

.webshop-search {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 32px 24px;
  border-top: 1px solid #EAEAEA; }
  .webshop-search .container {
    /*display: flex; flex-direction: column; align-items: center;*/ }
  .webshop-search form {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media only screen and (min-width: 1000px) {
      .webshop-search form {
        width: 40%; } }
    .webshop-search form span.btn, .webshop-search form input[type=submit] {
      width: 100%; }
    .webshop-search form span.btn-submit {
      display: none; }
  .webshop-search.page-webshop-tire-search .reg-number, .webshop-search.page-webshop-tire-search .size-search, .webshop-search.page-webshop-tire-search .model-search {
    border: 1px solid #CCC; }
  @media only screen and (min-width: 1000px) {
    .webshop-search.page-webshop-tire-search form {
      width: 100%;
      padding: 24px; } }
  .webshop-search h2 {
    text-align: center;
    margin-bottom: 12px; }
  .webshop-search h3 {
    display: none;
    text-align: center;
    margin-bottom: 12px; }
  .webshop-search .reg-number,
  .webshop-search .size-search,
  .webshop-search .model-search {
    align-items: center; }
  .webshop-search .reg-number {
    display: flex;
    flex-direction: column; }
    .webshop-search .reg-number img.loader {
      display: none; }
    .webshop-search .reg-number .regnr-field {
      margin-bottom: 8px; }
    .webshop-search .reg-number a.regnr-info {
      display: none;
      background: #F7F7F7;
      padding: 8px 16px;
      font-size: 13px;
      align-items: center;
      width: 100%;
      margin: 8px 0; }
      .webshop-search .reg-number a.regnr-info span.image {
        display: flex;
        padding-right: 16px; }
        .webshop-search .reg-number a.regnr-info span.image img {
          height: 32px; }
      .webshop-search .reg-number a.regnr-info .size {
        display: none; }
  .webshop-search .product-selector {
    display: flex;
    justify-content: center;
    margin: 8px 0 16px; }
    .webshop-search .product-selector label {
      margin: 0 4px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      padding: 8px 12px;
      border: 0;
      color: #000;
      background: #FFF;
      font-size: 14px;
      border-radius: 5px;
      font-weight: 600; }
      .webshop-search .product-selector label input {
        margin: 0 8px 0 0; }
  .webshop-search ul.search-options {
    list-style: none;
    margin: 32px 0 0;
    padding: 0;
    display: flex;
    width: 100%;
    justify-content: center; }
    .webshop-search ul.search-options li {
      padding: 0 16px; }
      .webshop-search ul.search-options li:nth-child(1) {
        border-right: 1px solid #EAEAEA; }
      .webshop-search ul.search-options li a {
        text-decoration: underline;
        font-weight: 600;
        font-size: 14px;
        text-align: center; }
  .webshop-search .size-search {
    display: none;
    flex-direction: column; }
    .webshop-search .size-search div.size {
      display: flex;
      width: 100%;
      justify-content: center;
      margin-bottom: 8px; }
      .webshop-search .size-search div.size div {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        font-size: 18px;
        font-weight: 600;
        position: relative; }
        .webshop-search .size-search div.size div span {
          color: #7C7C7C;
          font-size: 12px;
          font-weight: normal;
          padding-bottom: 4px;
          width: 100%; }
        .webshop-search .size-search div.size div span.icon-arrow-down {
          position: absolute;
          right: 8px;
          bottom: 6px;
          font-size: 18px;
          color: #000;
          width: auto;
          z-index: -1; }
        .webshop-search .size-search div.size div select {
          border: 1px solid #CCC;
          padding: 8px;
          border-radius: 3px;
          background: none;
          font-size: 18px;
          width: 100%; }
        .webshop-search .size-search div.size div option {
          font-size: 15px; }
        .webshop-search .size-search div.size div.width, .webshop-search .size-search div.size div.height {
          width: 30%; }
        .webshop-search .size-search div.size div.slash {
          width: 10%;
          align-items: center;
          padding-bottom: 9px; }
        .webshop-search .size-search div.size div.dia-short {
          width: 10%;
          align-items: flex-end;
          padding-right: 8px;
          padding-bottom: 9px; }
        .webshop-search .size-search div.size div.dia {
          width: 20%;
          align-items: center; }
  .webshop-search .model-search {
    display: none;
    flex-direction: column; }
    .webshop-search .model-search div.form {
      width: 100%; }
      .webshop-search .model-search div.form select {
        width: 100%;
        border: 1px solid #CCC;
        padding: 8px;
        margin-bottom: 8px; }

div.calendar-times,
div.calendar {
  width: 100%; }
  div.calendar-times div.head,
  div.calendar div.head {
    width: 100%;
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    div.calendar-times div.head h3,
    div.calendar div.head h3 {
      margin: 0;
      width: 40%;
      text-align: center; }
    div.calendar-times div.head .nav-prev, div.calendar-times div.head .nav-next,
    div.calendar div.head .nav-prev,
    div.calendar div.head .nav-next {
      display: flex;
      width: 30%; }
      div.calendar-times div.head .nav-prev.nav-next, div.calendar-times div.head .nav-next.nav-next,
      div.calendar div.head .nav-prev.nav-next,
      div.calendar div.head .nav-next.nav-next {
        justify-content: flex-end; }
      div.calendar-times div.head .nav-prev a, div.calendar-times div.head .nav-next a,
      div.calendar div.head .nav-prev a,
      div.calendar div.head .nav-next a {
        display: flex;
        align-items: center;
        font-size: 15px; }
        div.calendar-times div.head .nav-prev a span, div.calendar-times div.head .nav-next a span,
        div.calendar div.head .nav-prev a span,
        div.calendar div.head .nav-next a span {
          margin-right: 4px; }
          @media only screen and (min-width: 1000px) {
            div.calendar-times div.head .nav-prev a span, div.calendar-times div.head .nav-next a span,
            div.calendar div.head .nav-prev a span,
            div.calendar div.head .nav-next a span {
              font-size: 40px; } }
        div.calendar-times div.head .nav-prev a.next span, div.calendar-times div.head .nav-next a.next span,
        div.calendar div.head .nav-prev a.next span,
        div.calendar div.head .nav-next a.next span {
          margin-left: 4px; }
        div.calendar-times div.head .nav-prev a.disabled, div.calendar-times div.head .nav-next a.disabled,
        div.calendar div.head .nav-prev a.disabled,
        div.calendar div.head .nav-next a.disabled {
          color: #7C7C7C;
          cursor: default; }
          div.calendar-times div.head .nav-prev a.disabled span, div.calendar-times div.head .nav-next a.disabled span,
          div.calendar div.head .nav-prev a.disabled span,
          div.calendar div.head .nav-next a.disabled span {
            color: #7C7C7C; }
        @media only screen and (min-width: 1000px) {
          div.calendar-times div.head .nav-prev a, div.calendar-times div.head .nav-next a,
          div.calendar div.head .nav-prev a,
          div.calendar div.head .nav-next a {
            /*div { display: none; }*/ } }
  div.calendar-times ul,
  div.calendar ul {
    list-style: none;
    padding: 0 0 12px;
    margin: 12px 0 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
    div.calendar-times ul.days-7 li,
    div.calendar ul.days-7 li {
      width: 100%; }
      @media only screen and (min-width: 1000px) {
        div.calendar-times ul.days-7 li,
        div.calendar ul.days-7 li {
          /*width: 14%;*/ } }
    div.calendar-times ul li.empty,
    div.calendar ul li.empty {
      display: none; }
    div.calendar-times ul li h5,
    div.calendar ul li h5 {
      margin: 0;
      padding: 10px;
      font-size: 16px;
      display: flex;
      justify-content: center;
      border-top: 1px solid #EAEAEA; }
      @media only screen and (min-width: 1000px) {
        div.calendar-times ul li h5,
        div.calendar ul li h5 {
          font-size: 14px; } }
    div.calendar-times ul li .times,
    div.calendar ul li .times {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      padding-bottom: 12px; }
      div.calendar-times ul li .times form,
      div.calendar ul li .times form {
        width: 25%; }
        @media only screen and (min-width: 1000px) {
          div.calendar-times ul li .times form,
          div.calendar ul li .times form {
            width: auto; } }
      div.calendar-times ul li .times input,
      div.calendar ul li .times input {
        margin: 0 4px 4px 0;
        width: calc(100% - 4px);
        justify-content: center;
        font-weight: 600;
        background: #FFF;
        color: #000;
        padding: 8px;
        font-size: 13px; }
        @media only screen and (min-width: 1000px) {
          div.calendar-times ul li .times input,
          div.calendar ul li .times input {
            padding: 8px 20px;
            font-size: 14px;
            width: auto; } }
        div.calendar-times ul li .times input:hover,
        div.calendar ul li .times input:hover {
          background: #1E2648;
          color: #FFF;
          border-color: #1E2648; }
        @media only screen and (max-width: 1000px) {
          div.calendar-times ul li .times input.disabled,
          div.calendar ul li .times input.disabled {
            display: none; } }
        div.calendar-times ul li .times input.disabled:hover,
        div.calendar ul li .times input.disabled:hover {
          cursor: default;
          border-color: #CCC; }
    div.calendar-times ul li:nth-last-child(1),
    div.calendar ul li:nth-last-child(1) {
      border-width: 0 1px 1px; }
  div.calendar-times div.calendar-content,
  div.calendar div.calendar-content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%; }
    div.calendar-times div.calendar-content a.y-btn,
    div.calendar div.calendar-content a.y-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border-radius: 100%;
      background: #fff2bf; }
    div.calendar-times div.calendar-content div.months,
    div.calendar div.calendar-content div.months {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      justify-content: center; }
      div.calendar-times div.calendar-content div.months div.head,
      div.calendar div.calendar-content div.months div.head {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-bottom: 16px; }
      div.calendar-times div.calendar-content div.months div.month,
      div.calendar div.calendar-content div.months div.month {
        display: none;
        flex-direction: column;
        width: 100%;
        max-width: 400px;
        /* Desktop */ }
        @media only screen and (min-width: 1250px) {
          div.calendar-times div.calendar-content div.months div.month,
          div.calendar div.calendar-content div.months div.month {
            padding: 0 24px;
            width: 400px; } }
        div.calendar-times div.calendar-content div.months div.month div.navigation,
        div.calendar div.calendar-content div.months div.month div.navigation {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          margin-bottom: 12px;
          height: 42px; }
          div.calendar-times div.calendar-content div.months div.month div.navigation div.nav-back,
          div.calendar-times div.calendar-content div.months div.month div.navigation div.nav-front,
          div.calendar div.calendar-content div.months div.month div.navigation div.nav-back,
          div.calendar div.calendar-content div.months div.month div.navigation div.nav-front {
            display: flex;
            width: 20%;
            justify-content: center; }
          div.calendar-times div.calendar-content div.months div.month div.navigation div.nav-head,
          div.calendar div.calendar-content div.months div.month div.navigation div.nav-head {
            width: 60%;
            text-align: center; }
          div.calendar-times div.calendar-content div.months div.month div.navigation.desktop,
          div.calendar div.calendar-content div.months div.month div.navigation.desktop {
            display: none; }
          @media only screen and (min-width: 1250px) {
            div.calendar-times div.calendar-content div.months div.month div.navigation.desktop,
            div.calendar div.calendar-content div.months div.month div.navigation.desktop {
              display: flex; }
            div.calendar-times div.calendar-content div.months div.month div.navigation.mobile,
            div.calendar div.calendar-content div.months div.month div.navigation.mobile {
              display: none; } }
        div.calendar-times div.calendar-content div.months div.month div.days,
        div.calendar div.calendar-content div.months div.month div.days {
          display: flex;
          width: 100%;
          justify-content: center; }
          div.calendar-times div.calendar-content div.months div.month div.days table,
          div.calendar div.calendar-content div.months div.month div.days table {
            width: 100%; }
            div.calendar-times div.calendar-content div.months div.month div.days table tr th,
            div.calendar div.calendar-content div.months div.month div.days table tr th {
              text-align: center;
              text-transform: uppercase;
              color: #585858;
              font-weight: normal;
              font-size: 12px; }
            div.calendar-times div.calendar-content div.months div.month div.days table tr td,
            div.calendar div.calendar-content div.months div.month div.days table tr td {
              text-align: center;
              padding: 6px; }
              div.calendar-times div.calendar-content div.months div.month div.days table tr td.disabled,
              div.calendar div.calendar-content div.months div.month div.days table tr td.disabled {
                color: #CCC; }
              div.calendar-times div.calendar-content div.months div.month div.days table tr td.active a,
              div.calendar div.calendar-content div.months div.month div.days table tr td.active a {
                background: #FFCC00; }
              div.calendar-times div.calendar-content div.months div.month div.days table tr td span,
              div.calendar div.calendar-content div.months div.month div.days table tr td span {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                height: 32px;
                width: 32px; }
        div.calendar-times div.calendar-content div.months div.month.month-1,
        div.calendar div.calendar-content div.months div.month.month-1 {
          display: flex; }
        @media only screen and (min-width: 1250px) {
          div.calendar-times div.calendar-content div.months div.month.month-1 div.nav-front a,
          div.calendar div.calendar-content div.months div.month.month-1 div.nav-front a {
            display: none; }
          div.calendar-times div.calendar-content div.months div.month.month-2,
          div.calendar div.calendar-content div.months div.month.month-2 {
            display: flex; }
            div.calendar-times div.calendar-content div.months div.month.month-2 div.nav-back a,
            div.calendar div.calendar-content div.months div.month.month-2 div.nav-back a {
              display: none; }
          div.calendar-times div.calendar-content div.months div.month.active-1 div.nav-back a,
          div.calendar div.calendar-content div.months div.month.active-1 div.nav-back a {
            display: flex; }
          div.calendar-times div.calendar-content div.months div.month.active-1 div.nav-front a,
          div.calendar div.calendar-content div.months div.month.active-1 div.nav-front a {
            display: none; }
          div.calendar-times div.calendar-content div.months div.month.active-2 div.nav-back a,
          div.calendar div.calendar-content div.months div.month.active-2 div.nav-back a {
            display: none; }
          div.calendar-times div.calendar-content div.months div.month.active-2 div.nav-front a,
          div.calendar div.calendar-content div.months div.month.active-2 div.nav-front a {
            display: flex; } }
    div.calendar-times div.calendar-content div.times,
    div.calendar div.calendar-content div.times {
      display: none;
      width: 100%;
      flex-direction: column;
      /* Desktop */ }
      @media only screen and (min-width: 1250px) {
        div.calendar-times div.calendar-content div.times,
        div.calendar div.calendar-content div.times {
          width: 400px; } }
      div.calendar-times div.calendar-content div.times div.head,
      div.calendar div.calendar-content div.times div.head {
        margin-bottom: 16px; }
        div.calendar-times div.calendar-content div.times div.head h3,
        div.calendar div.calendar-content div.times div.head h3 {
          width: 100%; }
      div.calendar-times div.calendar-content div.times div.available-times,
      div.calendar div.calendar-content div.times div.available-times {
        display: none; }
        div.calendar-times div.calendar-content div.times div.available-times .info,
        div.calendar div.calendar-content div.times div.available-times .info {
          display: flex; }
          div.calendar-times div.calendar-content div.times div.available-times .info div.back,
          div.calendar div.calendar-content div.times div.available-times .info div.back {
            width: 20%;
            /* Desktop */ }
            @media only screen and (min-width: 1250px) {
              div.calendar-times div.calendar-content div.times div.available-times .info div.back a,
              div.calendar div.calendar-content div.times div.available-times .info div.back a {
                display: none; } }
          div.calendar-times div.calendar-content div.times div.available-times .info div.day,
          div.calendar div.calendar-content div.times div.available-times .info div.day {
            display: flex;
            flex-direction: column;
            align-items: center;
            font-weight: bold;
            justify-content: center;
            width: 60%; }
            div.calendar-times div.calendar-content div.times div.available-times .info div.day span,
            div.calendar div.calendar-content div.times div.available-times .info div.day span {
              font-weight: normal; }
        div.calendar-times div.calendar-content div.times div.available-times .list-times,
        div.calendar div.calendar-content div.times div.available-times .list-times {
          display: flex;
          /* Desktop */ }
          @media only screen and (min-width: 1250px) {
            div.calendar-times div.calendar-content div.times div.available-times .list-times,
            div.calendar div.calendar-content div.times div.available-times .list-times {
              max-height: 260px;
              overflow: auto; } }
          @media only screen and (min-width: 1250px) {
            div.calendar-times div.calendar-content div.times div.available-times .list-times ul,
            div.calendar div.calendar-content div.times div.available-times .list-times ul {
              flex-direction: row;
              flex-wrap: wrap;
              justify-content: flex-start; } }
          div.calendar-times div.calendar-content div.times div.available-times .list-times ul li,
          div.calendar div.calendar-content div.times div.available-times .list-times ul li {
            margin-bottom: 4px; }
            @media only screen and (min-width: 1250px) {
              div.calendar-times div.calendar-content div.times div.available-times .list-times ul li,
              div.calendar div.calendar-content div.times div.available-times .list-times ul li {
                width: 25%;
                padding: 0 4px; } }
            div.calendar-times div.calendar-content div.times div.available-times .list-times ul li form,
            div.calendar div.calendar-content div.times div.available-times .list-times ul li form {
              width: 100%; }
              div.calendar-times div.calendar-content div.times div.available-times .list-times ul li form input,
              div.calendar div.calendar-content div.times div.available-times .list-times ul li form input {
                width: 100%;
                font-size: 14px;
                padding: 12px 0;
                font-weight: normal; }
                div.calendar-times div.calendar-content div.times div.available-times .list-times ul li form input:hover, div.calendar-times div.calendar-content div.times div.available-times .list-times ul li form input.selected,
                div.calendar div.calendar-content div.times div.available-times .list-times ul li form input:hover,
                div.calendar div.calendar-content div.times div.available-times .list-times ul li form input.selected {
                  background: #FFCC00;
                  color: #000; }
    div.calendar-times div.calendar-content.times-open,
    div.calendar div.calendar-content.times-open {
      /* Desktop */ }
      div.calendar-times div.calendar-content.times-open div.months,
      div.calendar div.calendar-content.times-open div.months {
        display: none; }
      div.calendar-times div.calendar-content.times-open div.times,
      div.calendar div.calendar-content.times-open div.times {
        display: flex; }
      @media only screen and (min-width: 1250px) {
        div.calendar-times div.calendar-content.times-open div.months,
        div.calendar div.calendar-content.times-open div.months {
          display: flex;
          width: auto; }
          div.calendar-times div.calendar-content.times-open div.months div.month,
          div.calendar div.calendar-content.times-open div.months div.month {
            display: none; }
            div.calendar-times div.calendar-content.times-open div.months div.month.month-1 div.nav-front a,
            div.calendar div.calendar-content.times-open div.months div.month.month-1 div.nav-front a {
              display: flex; }
            div.calendar-times div.calendar-content.times-open div.months div.month.month-2 div.nav-back a,
            div.calendar div.calendar-content.times-open div.months div.month.month-2 div.nav-back a {
              display: flex; }
            div.calendar-times div.calendar-content.times-open div.months div.month.active-1 div.nav-back a,
            div.calendar div.calendar-content.times-open div.months div.month.active-1 div.nav-back a {
              display: flex; }
            div.calendar-times div.calendar-content.times-open div.months div.month.active-1 div.nav-front a,
            div.calendar div.calendar-content.times-open div.months div.month.active-1 div.nav-front a {
              display: flex; }
            div.calendar-times div.calendar-content.times-open div.months div.month.active-2 div.nav-back a,
            div.calendar div.calendar-content.times-open div.months div.month.active-2 div.nav-back a {
              display: flex; }
            div.calendar-times div.calendar-content.times-open div.months div.month.active-2 div.nav-front a,
            div.calendar div.calendar-content.times-open div.months div.month.active-2 div.nav-front a {
              display: flex; }
            div.calendar-times div.calendar-content.times-open div.months div.month div.navigation.desktop,
            div.calendar div.calendar-content.times-open div.months div.month div.navigation.desktop {
              display: none; }
            div.calendar-times div.calendar-content.times-open div.months div.month div.navigation.mobile,
            div.calendar div.calendar-content.times-open div.months div.month div.navigation.mobile {
              display: flex; }
            div.calendar-times div.calendar-content.times-open div.months div.month.active,
            div.calendar div.calendar-content.times-open div.months div.month.active {
              display: flex; } }

div.open-box {
  width: 100%;
  margin-top: 64px; }
  @media only screen and (min-width: 1000px) {
    div.open-box {
      width: 60%; } }
  div.open-box h3 {
    margin-bottom: 12px;
    font-size: 18px; }
    @media only screen and (min-width: 1000px) {
      div.open-box h3 {
        font-size: 24px; } }
    div.open-box h3 span {
      color: #7C7C7C; }
  div.open-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #F7F7F7;
    padding: 8px 12px; }
    div.open-box ul li {
      display: flex;
      justify-content: space-between;
      padding: 8px 4px; }
  div.open-box div.desc {
    font-style: italic;
    margin-top: 16px;
    font-size: 14px; }

div.enviroment {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  margin-top: 64px;
  border: 1px solid #EAEAEA;
  padding: 12px; }
  div.enviroment.miljofyrtarn {
    background: #052c6b;
    color: #FFF;
    border: 0;
    border-radius: 12px; }
  @media only screen and (min-width: 1000px) {
    div.enviroment {
      width: 50%;
      flex-direction: row; } }
  div.enviroment div.image {
    margin-bottom: 12px;
    display: flex; }
    @media only screen and (min-width: 1000px) {
      div.enviroment div.image {
        margin: 0 24px 0 0; } }
    div.enviroment div.image a {
      display: flex; }
  div.enviroment div.description {
    text-align: center;
    font-size: 14px; }
    div.enviroment div.description h3 {
      margin-bottom: 8px; }
    @media only screen and (min-width: 1000px) {
      div.enviroment div.description {
        text-align: left; } }

.cart {
  position: relative;
  margin-left: 8px; }
  .cart a {
    position: relative; }
    .cart a span {
      font-size: 32px;
      color: #1E2648; }
    .cart a span.dot {
      position: absolute;
      left: 1px;
      top: 6px;
      width: 8px;
      height: 8px;
      background: #D6CF24;
      border-radius: 10px; }
  .cart .info {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 2;
    background: #FFF;
    padding: 24px 16px 16px;
    flex-direction: column;
    align-items: flex-start;
    width: 260px;
    box-shadow: 0 3px 6px #D5D5D5; }
    .cart .info ul {
      list-style: none;
      padding: 0;
      margin: 0;
      width: 100%; }
      .cart .info ul li {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #F0F0F0;
        padding: 8px 0; }
        .cart .info ul li:nth-last-child(1) {
          border: 0; }
        .cart .info ul li div.name {
          display: flex;
          flex-direction: column;
          padding-right: 24px; }
          .cart .info ul li div.name span.product {
            font-weight: 600;
            font-size: 14px;
            color: #000; }
          .cart .info ul li div.name span.size {
            font-weight: normal;
            font-size: 14px;
            color: #000; }
        .cart .info ul li div.price {
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          font-weight: 600;
          white-space: nowrap; }
          .cart .info ul li div.price a.delete {
            font-size: 12px;
            font-weight: normal;
            text-decoration: underline; }
    .cart .info a.btn {
      color: #FFF;
      width: 100%;
      margin-top: 16px; }
  @media only screen and (min-width: 1000px) {
    .cart {
      display: none; } }

div.campaign-stamp,
div.goodyear-stamp {
  display: flex;
  padding: 0 24px; }
  div.campaign-stamp a,
  div.goodyear-stamp a {
    display: flex;
    align-items: center; }
    div.campaign-stamp a img,
    div.goodyear-stamp a img {
      margin-right: 24px;
      width: 140px; }
    div.campaign-stamp a .description,
    div.goodyear-stamp a .description {
      display: flex;
      flex-direction: column; }
      div.campaign-stamp a .description h3,
      div.goodyear-stamp a .description h3 {
        margin-bottom: 12px;
        color: #004999; }
      div.campaign-stamp a .description span.terms,
      div.goodyear-stamp a .description span.terms {
        font-size: 12px;
        color: #7C7C7C; }
        @media only screen and (min-width: 1000px) {
          div.campaign-stamp a .description span.terms,
          div.goodyear-stamp a .description span.terms {
            width: 240px; } }

div.contractor-search-small {
  border: 1px solid #CCC;
  padding: 24px;
  margin: 24px 0;
  border-width: 1px 0; }
  @media only screen and (min-width: 1000px) {
    div.contractor-search-small {
      border-width: 1px;
      padding: 16px; } }
  div.contractor-search-small h3 {
    font-size: 16px;
    margin-bottom: 8px;
    width: 100%;
    text-align: left; }
  div.contractor-search-small form {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    border: 1px solid #E0E0E0; }
    div.contractor-search-small form#location-search {
      border: 0; }
    div.contractor-search-small form input[type=text] {
      border: 0;
      padding: 12px;
      width: 100%; }
    div.contractor-search-small form span.icon-search {
      position: absolute;
      right: 12px;
      height: 100%;
      display: flex;
      align-items: center; }
  div.contractor-search-small a {
    margin-top: 8px;
    display: flex;
    align-items: center;
    font-size: 14px; }
    div.contractor-search-small a span {
      margin-right: 4px; }
  div.contractor-search-small .contractor-result {
    display: none;
    margin-top: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center; }
    div.contractor-search-small .contractor-result h4 {
      padding: 8px 0;
      border-bottom: 1px solid #EAEAEA;
      font-size: 20px;
      width: 100%; }
    div.contractor-search-small .contractor-result ul {
      display: flex;
      flex-direction: column;
      list-style: none;
      padding: 0;
      margin: 0;
      width: 100%; }
      div.contractor-search-small .contractor-result ul li {
        border-bottom: 1px solid #EAEAEA; }
        div.contractor-search-small .contractor-result ul li:nth-last-child(1) {
          border: 0; }
        div.contractor-search-small .contractor-result ul li a {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          margin-top: 0;
          padding: 12px 0; }
          @media only screen and (min-width: 1000px) {
            div.contractor-search-small .contractor-result ul li a {
              padding: 12px 0 12px 8px; } }
          div.contractor-search-small .contractor-result ul li a .address {
            flex-grow: 1; }
          div.contractor-search-small .contractor-result ul li a h5 {
            font-size: 16px; }
          div.contractor-search-small .contractor-result ul li a span.icon-arrow-right-circle {
            font-size: 32px;
            margin-right: 0;
            display: flex;
            justify-content: flex-end; }
            @media only screen and (min-width: 1000px) {
              div.contractor-search-small .contractor-result ul li a span.icon-arrow-right-circle {
                margin-right: 8px;
                order: 3;
                width: 60px; } }
          div.contractor-search-small .contractor-result ul li a .webshop {
            display: flex;
            font-size: 12px;
            align-items: center;
            color: #1E2648;
            width: 100%;
            margin-top: 8px;
            justify-content: flex-start; }
            div.contractor-search-small .contractor-result ul li a .webshop div {
              padding: 1px 0 0; }
            div.contractor-search-small .contractor-result ul li a .webshop span {
              font-size: 20px;
              background: #1E2648;
              color: #FFF;
              border-radius: 20px;
              width: 28px;
              height: 28px;
              display: flex;
              padding-top: 2px;
              justify-content: center;
              margin-right: 8px; }
            @media only screen and (min-width: 1000px) {
              div.contractor-search-small .contractor-result ul li a .webshop {
                width: 140px;
                order: 2;
                margin-top: 0;
                justify-content: center; } }

body.addons div.back-link {
  display: flex;
  width: 100%;
  justify-content: center; }
  body.addons div.back-link .container {
    padding-left: 24px; }
    body.addons div.back-link .container a {
      display: flex;
      align-items: center;
      color: #7C7C7C;
      font-size: 14px;
      padding: 12px 0; }
      body.addons div.back-link .container a span {
        margin-right: 5px; }
body.addons h1 {
  text-align: center; }
body.addons ul.action-buttons {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: center; }
  body.addons ul.action-buttons li {
    margin: 0 8px; }
body.addons form.addon-product,
body.addons form.webshop-article {
  margin-top: 12px;
  display: flex; }
  body.addons form.addon-product input[type=text],
  body.addons form.webshop-article input[type=text] {
    width: 40px;
    margin-right: 4px;
    border: 1px solid #CCC;
    border-radius: 3px;
    background: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600; }
body.addons .car {
  width: 100%;
  text-align: center;
  font-size: 13px;
  margin-top: 12px; }
body.addons div.product-list ul li div.product .bottom-info .price {
  font-size: 22px; }
  body.addons div.product-list ul li div.product .bottom-info .price.campaign {
    color: #CC0000; }
body.addons div.product-list ul li div.product .bottom-info .ord-price {
  color: #1E2648;
  text-align: center;
  font-size: 13px;
  margin-top: 0; }

body.product-campaign .main .block-bottom .product-list {
  margin-top: 0; }
  body.product-campaign .main .block-bottom .product-list h2 {
    margin-bottom: 24px; }
  body.product-campaign .main .block-bottom .product-list .filter {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 32px; }
    body.product-campaign .main .block-bottom .product-list .filter .field {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      body.product-campaign .main .block-bottom .product-list .filter .field h3 {
        width: 100%;
        margin-bottom: 4px;
        font-size: 16px; }
      body.product-campaign .main .block-bottom .product-list .filter .field label {
        display: flex;
        position: relative; }
        body.product-campaign .main .block-bottom .product-list .filter .field label span {
          display: flex;
          border: 1px solid #1E2648;
          border-radius: 3px;
          margin: 0 4px 8px 4px;
          padding: 4px 8px;
          color: #1E2648;
          font-size: 13px;
          font-weight: 600;
          cursor: pointer; }
        body.product-campaign .main .block-bottom .product-list .filter .field label input {
          position: absolute;
          opacity: 0.001; }
      body.product-campaign .main .block-bottom .product-list .filter .field label input:checked + span {
        background: #1E2648;
        color: #FFF; }
      body.product-campaign .main .block-bottom .product-list .filter .field.field-size {
        display: none;
        margin-top: 8px; }
        body.product-campaign .main .block-bottom .product-list .filter .field.field-size label {
          display: none; }

body.car_brands .main .brands ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap; }
  body.car_brands .main .brands ul li {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
    padding: 0; }
    @media only screen and (min-width: 1000px) {
      body.car_brands .main .brands ul li {
        width: calc(25% - 16px);
        margin: 8px;
        border-bottom: 0;
        padding: 0; } }
    body.car_brands .main .brands ul li a {
      display: flex;
      align-items: center;
      padding: 32px;
      width: 100%;
      padding: 16px 24px;
      						/*
      						div.image-block {
      							display: none;
      
      							@media only screen and (min-width: $mobile-width) {
      								display: flex; width: 100%; height: 200px; overflow: hidden; position: relative;
      
      								.img-shadow {
      									opacity: 0; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);
      								}
      							
      								.img {
      									display: flex; width: 100%; height: 100%; background-position: center center; background-size: cover;
      								}
      
      								.img-shadow,
      								.img { transition: all 0.3s ease-in; }
      							}
      						}
      
      						div.name {
      
      							display: flex; align-items: center;
      
      							div.logo {
      								width: 48px; margin-right: 16px;
      								img { width: 100%; }
      							}
      
      							@media only screen and (min-width: $mobile-width) {
      								position: relative; z-index: 2;
      								div.logo {
      									 margin-right: 0; position: absolute; background: #FFF; padding: 10px; border-radius: 50px; width: 64px; height: 64px; left: 50%; margin-left: -32px; top: -32px; box-shadow: 0 0 10px #333; display: flex; align-items: center; justify-content: center;
      								}
      							}
      
      							h3 {
      								display: flex; justify-content: flex-start; align-items: center; padding: 16px 0;
      
      								@media only screen and (min-width: $mobile-width) {
      									padding: 64px 0 32px; width: 100%; justify-content: center; align-items: flex-end;
      								}
      							}
      						}*/ }
      @media only screen and (min-width: 1000px) {
        body.car_brands .main .brands ul li a {
          flex-direction: column;
          justify-content: flex-end;
          background: #F7F7F7;
          padding: 32px; } }
      body.car_brands .main .brands ul li a div.logo {
        display: flex;
        width: 32px;
        height: 32px;
        margin-right: 16px; }
        @media only screen and (min-width: 1000px) {
          body.car_brands .main .brands ul li a div.logo {
            background: #FFF;
            margin: 0;
            padding: 16px;
            border-radius: 50px;
            width: 64px;
            height: 64px;
            box-shadow: 0 0 10px #CCC;
            display: flex;
            align-items: center;
            justify-content: center; } }
        body.car_brands .main .brands ul li a div.logo .img {
          display: flex;
          width: 100%;
          height: 100%;
          background-position: center center;
          background-size: contain;
          background-repeat: no-repeat; }
      body.car_brands .main .brands ul li a h3 {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0; }
        @media only screen and (min-width: 1000px) {
          body.car_brands .main .brands ul li a h3 {
            padding-top: 24px;
            width: 100%;
            justify-content: center; } }
      body.car_brands .main .brands ul li a:hover {
        box-shadow: 0 0 10px #CCC; }
        body.car_brands .main .brands ul li a:hover div.image-block .img {
          transform: scale(1.1); }
        body.car_brands .main .brands ul li a:hover div.image-block .img-shadow {
          opacity: 1; }

body.car_brand .main .block-top .container .left .logo-name {
  display: flex;
  align-items: center;
  margin-bottom: 16px; }
  @media only screen and (min-width: 1000px) {
    body.car_brand .main .block-top .container .left .logo-name {
      flex-direction: column;
      margin-bottom: 0; } }
  body.car_brand .main .block-top .container .left .logo-name .logo {
    display: flex; }
    @media only screen and (min-width: 1000px) {
      body.car_brand .main .block-top .container .left .logo-name .logo {
        margin-bottom: 16px; } }
    body.car_brand .main .block-top .container .left .logo-name .logo img {
      display: flex;
      height: 24px; }
      @media only screen and (min-width: 1000px) {
        body.car_brand .main .block-top .container .left .logo-name .logo img {
          height: 48px; } }
  body.car_brand .main .block-top .container .left .logo-name h1 {
    margin: 0 0 0 8px; }
    @media only screen and (min-width: 1000px) {
      body.car_brand .main .block-top .container .left .logo-name h1 {
        margin-left: 0; } }
body.car_brand .main .models {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 24px; }
  body.car_brand .main .models .container {
    width: 1000px;
    max-width: 100%;
    padding: 24px; }
    @media only screen and (min-width: 1000px) {
      body.car_brand .main .models .container {
        padding: 0; } }
    body.car_brand .main .models .container ul {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 24px 0 0; }
      body.car_brand .main .models .container ul li {
        display: flex;
        margin: 4px 8px 4px 0; }
        body.car_brand .main .models .container ul li a {
          display: flex;
          padding: 8px 12px;
          background: #F7F7F7; }

body.car_brand_model .main .block-top .container .left .logo-name {
  display: flex;
  align-items: center;
  margin-bottom: 16px; }
  @media only screen and (min-width: 1000px) {
    body.car_brand_model .main .block-top .container .left .logo-name {
      flex-direction: column;
      margin-bottom: 0; } }
  body.car_brand_model .main .block-top .container .left .logo-name .logo {
    display: flex; }
    @media only screen and (min-width: 1000px) {
      body.car_brand_model .main .block-top .container .left .logo-name .logo {
        margin-bottom: 16px; } }
    body.car_brand_model .main .block-top .container .left .logo-name .logo img {
      display: flex;
      height: 24px; }
      @media only screen and (min-width: 1000px) {
        body.car_brand_model .main .block-top .container .left .logo-name .logo img {
          height: 48px; } }
  body.car_brand_model .main .block-top .container .left .logo-name h1 {
    margin: 0 0 0 8px; }
    @media only screen and (min-width: 1000px) {
      body.car_brand_model .main .block-top .container .left .logo-name h1 {
        margin-left: 0; } }
body.car_brand_model .main .block-bottom .complete-wheels {
  margin-top: 32px;
  background: #F7F7F7;
  padding: 32px 0; }
  body.car_brand_model .main .block-bottom .complete-wheels h2 {
    text-align: center; }
body.car_brand_model .main .block-bottom .container .specification table.vehicle-data td {
  padding: 4px 16px 4px 4px;
  border-bottom: 1px solid #E0E0E0; }
body.car_brand_model .main .block-bottom .container .specification h3 {
  margin: 32px 0 16px 0; }
body.car_brand_model .main .block-bottom .container .specification table.models {
  border-collapse: collapse;
  width: 100%; }
  @media only screen and (max-width: 1000px) {
    body.car_brand_model .main .block-bottom .container .specification table.models thead {
      display: none; } }
  @media only screen and (max-width: 1000px) {
    body.car_brand_model .main .block-bottom .container .specification table.models tr {
      display: flex;
      flex-wrap: wrap; } }
  body.car_brand_model .main .block-bottom .container .specification table.models tr th {
    white-space: nowrap; }
  body.car_brand_model .main .block-bottom .container .specification table.models tr th, body.car_brand_model .main .block-bottom .container .specification table.models tr td {
    text-align: left;
    padding: 4px;
    font-size: 18px;
    border-bottom: 1px solid #E0E0E0; }
    @media only screen and (max-width: 1000px) {
      body.car_brand_model .main .block-bottom .container .specification table.models tr th, body.car_brand_model .main .block-bottom .container .specification table.models tr td {
        display: flex;
        flex-direction: column;
        border: 0; } }
    @media only screen and (min-width: 1000px) {
      body.car_brand_model .main .block-bottom .container .specification table.models tr th, body.car_brand_model .main .block-bottom .container .specification table.models tr td {
        padding: 4px 16px 4px 4px; } }
    body.car_brand_model .main .block-bottom .container .specification table.models tr th.years, body.car_brand_model .main .block-bottom .container .specification table.models tr th.boltpattern, body.car_brand_model .main .block-bottom .container .specification table.models tr th.nav, body.car_brand_model .main .block-bottom .container .specification table.models tr th.bolt, body.car_brand_model .main .block-bottom .container .specification table.models tr td.years, body.car_brand_model .main .block-bottom .container .specification table.models tr td.boltpattern, body.car_brand_model .main .block-bottom .container .specification table.models tr td.nav, body.car_brand_model .main .block-bottom .container .specification table.models tr td.bolt {
      white-space: nowrap; }
    body.car_brand_model .main .block-bottom .container .specification table.models tr th.boltpattern, body.car_brand_model .main .block-bottom .container .specification table.models tr th.nav, body.car_brand_model .main .block-bottom .container .specification table.models tr th.bolt, body.car_brand_model .main .block-bottom .container .specification table.models tr td.boltpattern, body.car_brand_model .main .block-bottom .container .specification table.models tr td.nav, body.car_brand_model .main .block-bottom .container .specification table.models tr td.bolt {
      width: 33.3%; }
    body.car_brand_model .main .block-bottom .container .specification table.models tr th.model, body.car_brand_model .main .block-bottom .container .specification table.models tr td.model {
      width: calc(100% - 110px);
      font-weight: bold;
      padding-top: 12px; }
      @media only screen and (min-width: 1000px) {
        body.car_brand_model .main .block-bottom .container .specification table.models tr th.model, body.car_brand_model .main .block-bottom .container .specification table.models tr td.model {
          white-space: nowrap;
          padding-top: 4px; } }
    body.car_brand_model .main .block-bottom .container .specification table.models tr th.years, body.car_brand_model .main .block-bottom .container .specification table.models tr td.years {
      width: 110px;
      text-align: right; }
      @media only screen and (min-width: 1000px) {
        body.car_brand_model .main .block-bottom .container .specification table.models tr th.years, body.car_brand_model .main .block-bottom .container .specification table.models tr td.years {
          text-align: left; } }
    body.car_brand_model .main .block-bottom .container .specification table.models tr th.sizes, body.car_brand_model .main .block-bottom .container .specification table.models tr td.sizes {
      padding-bottom: 4px; }
      @media only screen and (max-width: 1000px) {
        body.car_brand_model .main .block-bottom .container .specification table.models tr th.sizes, body.car_brand_model .main .block-bottom .container .specification table.models tr td.sizes {
          display: flex;
          flex-wrap: wrap;
          flex-direction: row;
          width: 100%;
          padding-bottom: 12px;
          border-bottom: 1px solid #E0E0E0; } }
      body.car_brand_model .main .block-bottom .container .specification table.models tr th.sizes span, body.car_brand_model .main .block-bottom .container .specification table.models tr td.sizes span {
        width: 100%; }
      body.car_brand_model .main .block-bottom .container .specification table.models tr th.sizes a, body.car_brand_model .main .block-bottom .container .specification table.models tr td.sizes a {
        text-decoration: underline; }
    @media only screen and (max-width: 1000px) {
      body.car_brand_model .main .block-bottom .container .specification table.models tr th.sizes a.button, body.car_brand_model .main .block-bottom .container .specification table.models tr th.wheels a.button, body.car_brand_model .main .block-bottom .container .specification table.models tr td.sizes a.button, body.car_brand_model .main .block-bottom .container .specification table.models tr td.wheels a.button {
        display: flex;
        font-size: 13px;
        padding: 8px 12px;
        justify-content: center;
        align-items: center;
        border: 1px solid #E0E0E0;
        color: #000;
        background: #FFF;
        border-radius: 5px;
        margin: 0 4px 4px 0;
        text-decoration: none; } }
    body.car_brand_model .main .block-bottom .container .specification table.models tr th.no-sizes i, body.car_brand_model .main .block-bottom .container .specification table.models tr td.no-sizes i {
      font-size: 16px; }
    @media only screen and (max-width: 1000px) {
      body.car_brand_model .main .block-bottom .container .specification table.models tr th.no-sizes, body.car_brand_model .main .block-bottom .container .specification table.models tr td.no-sizes {
        display: flex;
        width: 100%;
        border-bottom: 1px solid #E0E0E0;
        padding-bottom: 12px; }
        body.car_brand_model .main .block-bottom .container .specification table.models tr th.no-sizes i, body.car_brand_model .main .block-bottom .container .specification table.models tr td.no-sizes i {
          font-size: 14px; } }
    body.car_brand_model .main .block-bottom .container .specification table.models tr th.sizes div.size-list.desktop, body.car_brand_model .main .block-bottom .container .specification table.models tr th.no-sizes div.size-list.desktop, body.car_brand_model .main .block-bottom .container .specification table.models tr td.sizes div.size-list.desktop, body.car_brand_model .main .block-bottom .container .specification table.models tr td.no-sizes div.size-list.desktop {
      display: none; }
      @media only screen and (min-width: 1000px) {
        body.car_brand_model .main .block-bottom .container .specification table.models tr th.sizes div.size-list.desktop, body.car_brand_model .main .block-bottom .container .specification table.models tr th.no-sizes div.size-list.desktop, body.car_brand_model .main .block-bottom .container .specification table.models tr td.sizes div.size-list.desktop, body.car_brand_model .main .block-bottom .container .specification table.models tr td.no-sizes div.size-list.desktop {
          display: flex;
          flex-wrap: wrap; }
          body.car_brand_model .main .block-bottom .container .specification table.models tr th.sizes div.size-list.desktop div, body.car_brand_model .main .block-bottom .container .specification table.models tr th.no-sizes div.size-list.desktop div, body.car_brand_model .main .block-bottom .container .specification table.models tr td.sizes div.size-list.desktop div, body.car_brand_model .main .block-bottom .container .specification table.models tr td.no-sizes div.size-list.desktop div {
            margin-right: 4px; } }
    body.car_brand_model .main .block-bottom .container .specification table.models tr th.sizes div.size-list.mobile, body.car_brand_model .main .block-bottom .container .specification table.models tr th.no-sizes div.size-list.mobile, body.car_brand_model .main .block-bottom .container .specification table.models tr td.sizes div.size-list.mobile, body.car_brand_model .main .block-bottom .container .specification table.models tr td.no-sizes div.size-list.mobile {
      display: flex;
      flex-wrap: wrap; }
      @media only screen and (min-width: 1000px) {
        body.car_brand_model .main .block-bottom .container .specification table.models tr th.sizes div.size-list.mobile, body.car_brand_model .main .block-bottom .container .specification table.models tr th.no-sizes div.size-list.mobile, body.car_brand_model .main .block-bottom .container .specification table.models tr td.sizes div.size-list.mobile, body.car_brand_model .main .block-bottom .container .specification table.models tr td.no-sizes div.size-list.mobile {
          display: none; } }
    body.car_brand_model .main .block-bottom .container .specification table.models tr th.wheels a, body.car_brand_model .main .block-bottom .container .specification table.models tr td.wheels a {
      white-space: nowrap;
      text-decoration: underline; }
      body.car_brand_model .main .block-bottom .container .specification table.models tr th.wheels a.desktop, body.car_brand_model .main .block-bottom .container .specification table.models tr td.wheels a.desktop {
        display: none; }
      @media only screen and (min-width: 1000px) {
        body.car_brand_model .main .block-bottom .container .specification table.models tr th.wheels a.desktop, body.car_brand_model .main .block-bottom .container .specification table.models tr td.wheels a.desktop {
          display: flex; }
        body.car_brand_model .main .block-bottom .container .specification table.models tr th.wheels a.mobile, body.car_brand_model .main .block-bottom .container .specification table.models tr td.wheels a.mobile {
          display: none; } }
    body.car_brand_model .main .block-bottom .container .specification table.models tr th.wheels i, body.car_brand_model .main .block-bottom .container .specification table.models tr td.wheels i {
      font-size: 14px; }
    @media only screen and (min-width: 1000px) {
      body.car_brand_model .main .block-bottom .container .specification table.models tr th.wheels i, body.car_brand_model .main .block-bottom .container .specification table.models tr td.wheels i {
        font-size: 16px; } }
    @media only screen and (min-width: 1000px) {
      body.car_brand_model .main .block-bottom .container .specification table.models tr th.model, body.car_brand_model .main .block-bottom .container .specification table.models tr th.years, body.car_brand_model .main .block-bottom .container .specification table.models tr th.boltpattern, body.car_brand_model .main .block-bottom .container .specification table.models tr th.nav, body.car_brand_model .main .block-bottom .container .specification table.models tr th.bolt, body.car_brand_model .main .block-bottom .container .specification table.models tr th.sizes, body.car_brand_model .main .block-bottom .container .specification table.models tr td.model, body.car_brand_model .main .block-bottom .container .specification table.models tr td.years, body.car_brand_model .main .block-bottom .container .specification table.models tr td.boltpattern, body.car_brand_model .main .block-bottom .container .specification table.models tr td.nav, body.car_brand_model .main .block-bottom .container .specification table.models tr td.bolt, body.car_brand_model .main .block-bottom .container .specification table.models tr td.sizes {
        width: unset; } }
    body.car_brand_model .main .block-bottom .container .specification table.models tr th span, body.car_brand_model .main .block-bottom .container .specification table.models tr td span {
      font-size: 11px;
      text-transform: uppercase;
      color: #7C7C7C; }
      @media only screen and (min-width: 1000px) {
        body.car_brand_model .main .block-bottom .container .specification table.models tr th span, body.car_brand_model .main .block-bottom .container .specification table.models tr td span {
          display: none; } }
  @media only screen and (min-width: 1000px) {
    body.car_brand_model .main .block-bottom .container .specification table.models tr td.model {
      font-weight: normal; } }

/* Servicenetwork */
body.register_network .main .block-bottom .container {
  display: flex;
  flex-direction: column;
  align-items: center; }
  body.register_network .main .block-bottom .container .text {
    padding: 0 24px 32px; }
  body.register_network .main .block-bottom .container .sent {
    display: none;
    flex-direction: column;
    align-items: center; }
    body.register_network .main .block-bottom .container .sent span {
      color: #C7D64F;
      font-size: 40px;
      margin-bottom: 16px; }
    body.register_network .main .block-bottom .container .sent p {
      margin: 4px 0 0; }
  body.register_network .main .block-bottom .container div.error-msg {
    display: none;
    align-items: center;
    margin-bottom: 24px;
    font-style: italic;
    font-size: 16px; }
    body.register_network .main .block-bottom .container div.error-msg span {
      margin-right: 8px;
      color: #CC0000; }
    body.register_network .main .block-bottom .container div.error-msg.show {
      display: flex; }
  body.register_network .main .block-bottom .container form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 400px;
    padding: 0 24px;
    justify-content: space-between; }
    body.register_network .main .block-bottom .container form h3 {
      font-size: 20px;
      margin: 24px 0 16px; }
    body.register_network .main .block-bottom .container form div.field {
      display: flex;
      flex-wrap: wrap;
      padding-bottom: 12px;
      width: 100%; }
      body.register_network .main .block-bottom .container form div.field.half {
        width: calc(50% - 4px); }
      body.register_network .main .block-bottom .container form div.field.zipcode {
        width: 30%; }
      body.register_network .main .block-bottom .container form div.field.city {
        width: 70%;
        padding-left: 8px; }
      body.register_network .main .block-bottom .container form div.field label {
        padding-bottom: 3px;
        font-size: 15px;
        width: 100%; }
      body.register_network .main .block-bottom .container form div.field input[type=text], body.register_network .main .block-bottom .container form div.field textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #E0E0E0;
        margin-bottom: 3px; }
      body.register_network .main .block-bottom .container form div.field select {
        width: 100%;
        padding: 12px;
        border: 1px solid #E0E0E0;
        background: #FFF; }
      body.register_network .main .block-bottom .container form div.field input[type=file] {
        font-size: 14px; }
      body.register_network .main .block-bottom .container form div.field label.btn {
        /*display: flex; align-items: center; width: auto; padding: 10px 20px 10px 10px; margin-right: 10px; background: $grey-light; border: 1px solid $grey; border-radius: 30px;*/ }
        body.register_network .main .block-bottom .container form div.field label.btn input {
          margin: 0 5px 0 0; }
      body.register_network .main .block-bottom .container form div.field p.info {
        font-size: 13px;
        font-style: italic;
        margin: 2px 0 0; }
      body.register_network .main .block-bottom .container form div.field.error input {
        border: 2px solid #CC0000; }
      body.register_network .main .block-bottom .container form div.field.radio ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column; }
        body.register_network .main .block-bottom .container form div.field.radio ul li label {
          display: flex;
          align-items: center; }
          body.register_network .main .block-bottom .container form div.field.radio ul li label input {
            margin: 0 8px 0 0; }
  body.register_network .main .block-bottom .container.done form, body.register_network .main .block-bottom .container.done div.error-msg {
    display: none; }
  body.register_network .main .block-bottom .container.done .sent {
    display: flex; }

.loader {
  display: flex;
  width: 60px;
  height: 60px;
  border: 8px #CCC solid;
  border-top: 8px #C7D64F solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear; }
  .loader.btn-loader {
    width: 28px;
    height: 28px;
    border: 6px rgba(255, 255, 255, 0.5) solid;
    border-top: 6px #C7D64F solid; }

body.competition .block-bottom .container form {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 24px; }
  body.competition .block-bottom .container form .question {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 32px; }
    @media only screen and (max-width: 1000px) {
      body.competition .block-bottom .container form .question {
        width: 100%; } }
    body.competition .block-bottom .container form .question div.error {
      color: #CC0000;
      margin-bottom: 4px; }
    body.competition .block-bottom .container form .question h3 {
      padding-bottom: 16px; }
    body.competition .block-bottom .container form .question textarea {
      border: 1px solid #E0E0E0;
      padding: 12px;
      width: 100%;
      width: 300px; }
      @media only screen and (max-width: 1000px) {
        body.competition .block-bottom .container form .question textarea {
          width: 100%; } }
    body.competition .block-bottom .container form .question ul {
      list-style: none;
      display: flex;
      flex-direction: column;
      margin: 0;
      padding: 0;
      width: 300px; }
      @media only screen and (max-width: 1000px) {
        body.competition .block-bottom .container form .question ul {
          width: 100%; } }
      body.competition .block-bottom .container form .question ul li {
        display: flex;
        margin-bottom: 4px; }
        @media only screen and (max-width: 1000px) {
          body.competition .block-bottom .container form .question ul li {
            width: 100%; } }
        body.competition .block-bottom .container form .question ul li label {
          display: flex;
          align-items: center;
          border: 1px solid #E0E0E0;
          border-radius: 3px;
          padding: 8px 12px;
          width: 100%; }
          @media only screen and (max-width: 1000px) {
            body.competition .block-bottom .container form .question ul li label {
              font-size: 13px; } }
          body.competition .block-bottom .container form .question ul li label input {
            margin: 0 8px 0 0; }
  body.competition .block-bottom .container form h2 {
    margin-top: 48px;
    font-size: 24px; }
  body.competition .block-bottom .container form .user {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 12px; }
    @media only screen and (max-width: 1000px) {
      body.competition .block-bottom .container form .user {
        width: 100%; } }
    body.competition .block-bottom .container form .user .field {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 12px;
      width: 300px; }
      @media only screen and (max-width: 1000px) {
        body.competition .block-bottom .container form .user .field {
          width: 100%; } }
      body.competition .block-bottom .container form .user .field label {
        font-size: 15px;
        padding-bottom: 3px; }
      body.competition .block-bottom .container form .user .field input[type=text],
      body.competition .block-bottom .container form .user .field input[type=tel],
      body.competition .block-bottom .container form .user .field input[type=email] {
        width: 300px;
        border: 1px solid #E0E0E0;
        padding: 12px; }
        @media only screen and (max-width: 1000px) {
          body.competition .block-bottom .container form .user .field input[type=text],
          body.competition .block-bottom .container form .user .field input[type=tel],
          body.competition .block-bottom .container form .user .field input[type=email] {
            width: 100%; } }
      body.competition .block-bottom .container form .user .field div.error {
        color: #CC0000;
        margin-top: 4px; }
      body.competition .block-bottom .container form .user .field.newsletter label {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        font-weight: normal; }
        body.competition .block-bottom .container form .user .field.newsletter label span {
          width: calc(100% - 30px); }
      body.competition .block-bottom .container form .user .field.terms a {
        text-decoration: underline; }
  body.competition .block-bottom .container form div.terms-info {
    display: none;
    margin: 24px 0 32px;
    border: 1px solid #E0E0E0;
    padding: 16px;
    font-size: 15px;
    max-width: 600px; }
    body.competition .block-bottom .container form div.terms-info a {
      text-decoration: underline; }

/* Kompletta hjul */
div.complete-wheels {
  display: flex;
  width: 100%;
  justify-content: center; }
  @media only screen and (max-width: 1300px) {
    div.complete-wheels div.container {
      padding: 0 24px; } }
  div.complete-wheels div.container h2 {
    margin-bottom: 12px; }
  div.complete-wheels div.container ul.mobile {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0; }
    @media only screen and (min-width: 1000px) {
      div.complete-wheels div.container ul.mobile {
        display: none; } }
    div.complete-wheels div.container ul.mobile li {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 100%;
      border: 1px solid #EAEAEA;
      border-width: 1px;
      position: relative;
      padding: 16px;
      margin-bottom: 16px;
      background: #FFF; }
      div.complete-wheels div.container ul.mobile li.price-campaign {
        border: 4px solid #E9E3C1;
        margin-bottom: 0; }
        div.complete-wheels div.container ul.mobile li.price-campaign div.buy .price-block .ord-price {
          font-size: 13px;
          margin-bottom: 8px;
          color: #1E2648; }
      div.complete-wheels div.container ul.mobile li.campaign-head {
        border: 0;
        background: #E9E3C1;
        align-items: center;
        color: #1E2648;
        font-weight: bold;
        font-size: 25px;
        padding: 6px 0 12px; }
      div.complete-wheels div.container ul.mobile li div.variant {
        display: flex;
        width: 100%;
        padding: 12px;
        margin-bottom: 12px;
        background: #F7F7F7;
        font-size: 14px; }
        div.complete-wheels div.container ul.mobile li div.variant span {
          font-weight: 600;
          margin-right: 4px; }
      div.complete-wheels div.container ul.mobile li a div.products-images,
      div.complete-wheels div.container ul.mobile li a div.products {
        display: flex;
        align-items: flex-start; }
        div.complete-wheels div.container ul.mobile li a div.products-images div.add,
        div.complete-wheels div.container ul.mobile li a div.products div.add {
          width: 24px;
          font-size: 16px;
          display: flex;
          justify-content: center; }
        div.complete-wheels div.container ul.mobile li a div.products-images div.tire,
        div.complete-wheels div.container ul.mobile li a div.products-images div.rim,
        div.complete-wheels div.container ul.mobile li a div.products div.tire,
        div.complete-wheels div.container ul.mobile li a div.products div.rim {
          width: calc(50% - 12px); }
          div.complete-wheels div.container ul.mobile li a div.products-images div.tire div.name,
          div.complete-wheels div.container ul.mobile li a div.products-images div.rim div.name,
          div.complete-wheels div.container ul.mobile li a div.products div.tire div.name,
          div.complete-wheels div.container ul.mobile li a div.products div.rim div.name {
            display: flex;
            justify-content: center;
            font-size: 18px;
            color: #1E2648;
            text-transform: uppercase;
            font-weight: 600;
            text-align: center;
            margin-top: 16px; }
            @media only screen and (min-width: 1000px) {
              div.complete-wheels div.container ul.mobile li a div.products-images div.tire div.name,
              div.complete-wheels div.container ul.mobile li a div.products-images div.rim div.name,
              div.complete-wheels div.container ul.mobile li a div.products div.tire div.name,
              div.complete-wheels div.container ul.mobile li a div.products div.rim div.name {
                font-size: 22px; } }
          div.complete-wheels div.container ul.mobile li a div.products-images div.tire div.size,
          div.complete-wheels div.container ul.mobile li a div.products-images div.rim div.size,
          div.complete-wheels div.container ul.mobile li a div.products div.tire div.size,
          div.complete-wheels div.container ul.mobile li a div.products div.rim div.size {
            display: flex;
            flex-direction: column;
            font-size: 12px;
            color: #1E2648;
            text-transform: uppercase;
            text-align: center;
            margin-top: 12px; }
            div.complete-wheels div.container ul.mobile li a div.products-images div.tire div.size div.placement,
            div.complete-wheels div.container ul.mobile li a div.products-images div.rim div.size div.placement,
            div.complete-wheels div.container ul.mobile li a div.products div.tire div.size div.placement,
            div.complete-wheels div.container ul.mobile li a div.products div.rim div.size div.placement {
              display: flex;
              flex-direction: column; }
              div.complete-wheels div.container ul.mobile li a div.products-images div.tire div.size div.placement span.place,
              div.complete-wheels div.container ul.mobile li a div.products-images div.rim div.size div.placement span.place,
              div.complete-wheels div.container ul.mobile li a div.products div.tire div.size div.placement span.place,
              div.complete-wheels div.container ul.mobile li a div.products div.rim div.size div.placement span.place {
                font-weight: bold; }
              div.complete-wheels div.container ul.mobile li a div.products-images div.tire div.size div.placement.placement-back,
              div.complete-wheels div.container ul.mobile li a div.products-images div.rim div.size div.placement.placement-back,
              div.complete-wheels div.container ul.mobile li a div.products div.tire div.size div.placement.placement-back,
              div.complete-wheels div.container ul.mobile li a div.products div.rim div.size div.placement.placement-back {
                margin-top: 8px; }
        div.complete-wheels div.container ul.mobile li a div.products-images .eu-label,
        div.complete-wheels div.container ul.mobile li a div.products .eu-label {
          display: flex;
          background: #F7F7F7;
          margin-top: 12px;
          padding: 8px 2px;
          justify-content: center; }
          @media only screen and (min-width: 1000px) {
            div.complete-wheels div.container ul.mobile li a div.products-images .eu-label,
            div.complete-wheels div.container ul.mobile li a div.products .eu-label {
              padding: 8px; } }
          div.complete-wheels div.container ul.mobile li a div.products-images .eu-label div,
          div.complete-wheels div.container ul.mobile li a div.products .eu-label div {
            display: flex;
            align-items: center;
            font-size: 14px;
            padding: 0 4px;
            background: none; }
            @media only screen and (min-width: 1000px) {
              div.complete-wheels div.container ul.mobile li a div.products-images .eu-label div,
              div.complete-wheels div.container ul.mobile li a div.products .eu-label div {
                padding: 0;
                margin: 0 4px; } }
            div.complete-wheels div.container ul.mobile li a div.products-images .eu-label div img,
            div.complete-wheels div.container ul.mobile li a div.products .eu-label div img {
              height: 22px;
              margin-right: 4px; }
            div.complete-wheels div.container ul.mobile li a div.products-images .eu-label div span,
            div.complete-wheels div.container ul.mobile li a div.products .eu-label div span {
              margin: 0;
              padding: 2px;
              /* New */
              white-space: nowrap;
              font-size: 10px;
              padding: 0 1px 0 0; }
              @media only screen and (min-width: 1000px) {
                div.complete-wheels div.container ul.mobile li a div.products-images .eu-label div span,
                div.complete-wheels div.container ul.mobile li a div.products .eu-label div span {
                  font-size: 12px; } }
              div.complete-wheels div.container ul.mobile li a div.products-images .eu-label div span.icon,
              div.complete-wheels div.container ul.mobile li a div.products .eu-label div span.icon {
                margin: 0;
                font-size: 18px; }
                @media only screen and (min-width: 1000px) {
                  div.complete-wheels div.container ul.mobile li a div.products-images .eu-label div span.icon,
                  div.complete-wheels div.container ul.mobile li a div.products .eu-label div span.icon {
                    font-size: 19px; } }
                div.complete-wheels div.container ul.mobile li a div.products-images .eu-label div span.icon.icon-sound,
                div.complete-wheels div.container ul.mobile li a div.products .eu-label div span.icon.icon-sound {
                  font-size: 12px; }
                  @media only screen and (min-width: 1000px) {
                    div.complete-wheels div.container ul.mobile li a div.products-images .eu-label div span.icon.icon-sound,
                    div.complete-wheels div.container ul.mobile li a div.products .eu-label div span.icon.icon-sound {
                      font-size: 16px;
                      margin-right: 2px; } }
              div.complete-wheels div.container ul.mobile li a div.products-images .eu-label div span span,
              div.complete-wheels div.container ul.mobile li a div.products .eu-label div span span {
                font-size: 8px; }
                @media only screen and (min-width: 1000px) {
                  div.complete-wheels div.container ul.mobile li a div.products-images .eu-label div span span,
                  div.complete-wheels div.container ul.mobile li a div.products .eu-label div span span {
                    font-size: 12px; } }
      div.complete-wheels div.container ul.mobile li a div.products-images {
        align-items: center; }
        div.complete-wheels div.container ul.mobile li a div.products-images div.tire,
        div.complete-wheels div.container ul.mobile li a div.products-images div.rim {
          width: calc(50% - 12px);
          display: flex;
          justify-content: center; }
          div.complete-wheels div.container ul.mobile li a div.products-images div.tire img,
          div.complete-wheels div.container ul.mobile li a div.products-images div.rim img {
            width: 100%;
            max-width: 200px; }
      div.complete-wheels div.container ul.mobile li a div.season {
        position: absolute;
        top: 8px;
        font-size: 24px;
        display: flex;
        right: 8px; }
      div.complete-wheels div.container ul.mobile li div.buy {
        display: flex;
        align-items: flex-end;
        width: 100%;
        justify-content: space-between;
        margin-top: 24px; }
        div.complete-wheels div.container ul.mobile li div.buy.buy-read-more {
          justify-content: flex-end; }
        div.complete-wheels div.container ul.mobile li div.buy .price-block .price-info-amount {
          color: #1E2648;
          font-size: 13px;
          margin-top: 0; }
        div.complete-wheels div.container ul.mobile li div.buy .price-block .price {
          color: #1E2648;
          font-size: 27px;
          font-weight: bold;
          font-size: 22px; }
        div.complete-wheels div.container ul.mobile li div.buy .price-block .price-info {
          color: #1E2648;
          font-size: 13px;
          margin-top: 0; }
  div.complete-wheels div.container ul.desktop {
    display: none;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0; }
    @media only screen and (min-width: 1000px) {
      div.complete-wheels div.container ul.desktop {
        display: flex; } }
    div.complete-wheels div.container ul.desktop li {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%;
      border: 1px solid #EAEAEA;
      border-width: 1px;
      padding: 16px;
      margin-bottom: 16px;
      background: #FFF; }
      div.complete-wheels div.container ul.desktop li.price-campaign {
        border: 4px solid #E9E3C1;
        margin-bottom: 0; }
        div.complete-wheels div.container ul.desktop li.price-campaign div.buy .price-block .ord-price {
          font-size: 13px;
          margin-bottom: 8px;
          color: #1E2648; }
      div.complete-wheels div.container ul.desktop li.campaign-head {
        border: 0;
        background: #E9E3C1;
        justify-content: center;
        color: #1E2648;
        font-weight: bold;
        font-size: 25px;
        padding: 6px 0 12px; }
      div.complete-wheels div.container ul.desktop li div.variant {
        display: flex;
        width: 100%;
        padding: 12px;
        margin-bottom: 12px;
        background: #F7F7F7;
        font-size: 14px; }
        div.complete-wheels div.container ul.desktop li div.variant span {
          font-weight: 600;
          margin-right: 4px; }
      div.complete-wheels div.container ul.desktop li a {
        display: flex;
        width: 80%; }
        div.complete-wheels div.container ul.desktop li a div.products-images {
          display: flex;
          width: 40%;
          align-items: center; }
          div.complete-wheels div.container ul.desktop li a div.products-images div.tire,
          div.complete-wheels div.container ul.desktop li a div.products-images div.rim {
            width: calc(50% - 12px);
            position: relative; }
            div.complete-wheels div.container ul.desktop li a div.products-images div.tire img,
            div.complete-wheels div.container ul.desktop li a div.products-images div.rim img {
              width: 100%; }
            div.complete-wheels div.container ul.desktop li a div.products-images div.tire div.season,
            div.complete-wheels div.container ul.desktop li a div.products-images div.rim div.season {
              position: absolute;
              top: -12px;
              font-size: 24px;
              display: flex;
              left: 0px; }
        div.complete-wheels div.container ul.desktop li a div.products {
          display: flex;
          width: 60%;
          flex-direction: column;
          padding-left: 24px; }
          div.complete-wheels div.container ul.desktop li a div.products div.tire.tire,
          div.complete-wheels div.container ul.desktop li a div.products div.rim.tire {
            margin-bottom: 12px; }
          div.complete-wheels div.container ul.desktop li a div.products div.tire div.name,
          div.complete-wheels div.container ul.desktop li a div.products div.rim div.name {
            display: flex;
            font-size: 18px;
            color: #1E2648;
            text-transform: uppercase;
            font-weight: 600; }
          div.complete-wheels div.container ul.desktop li a div.products div.tire div.size,
          div.complete-wheels div.container ul.desktop li a div.products div.rim div.size {
            display: flex;
            font-size: 13px;
            color: #1E2648;
            text-transform: uppercase;
            margin-top: 12px; }
            div.complete-wheels div.container ul.desktop li a div.products div.tire div.size div.placement,
            div.complete-wheels div.container ul.desktop li a div.products div.rim div.size div.placement {
              display: flex;
              flex-direction: column; }
              div.complete-wheels div.container ul.desktop li a div.products div.tire div.size div.placement span.place,
              div.complete-wheels div.container ul.desktop li a div.products div.rim div.size div.placement span.place {
                font-weight: bold; }
              div.complete-wheels div.container ul.desktop li a div.products div.tire div.size div.placement.placement-back,
              div.complete-wheels div.container ul.desktop li a div.products div.rim div.size div.placement.placement-back {
                margin-left: 8px; }
          div.complete-wheels div.container ul.desktop li a div.products div.tire .eu-label,
          div.complete-wheels div.container ul.desktop li a div.products div.rim .eu-label {
            display: flex;
            background: #F7F7F7;
            margin-top: 12px;
            padding: 8px 2px;
            justify-content: center; }
            @media only screen and (min-width: 1000px) {
              div.complete-wheels div.container ul.desktop li a div.products div.tire .eu-label,
              div.complete-wheels div.container ul.desktop li a div.products div.rim .eu-label {
                padding: 8px; } }
            div.complete-wheels div.container ul.desktop li a div.products div.tire .eu-label div,
            div.complete-wheels div.container ul.desktop li a div.products div.rim .eu-label div {
              display: flex;
              align-items: center;
              font-size: 14px;
              padding: 0 4px;
              background: none; }
              @media only screen and (min-width: 1000px) {
                div.complete-wheels div.container ul.desktop li a div.products div.tire .eu-label div,
                div.complete-wheels div.container ul.desktop li a div.products div.rim .eu-label div {
                  padding: 0;
                  margin: 0 4px; } }
              div.complete-wheels div.container ul.desktop li a div.products div.tire .eu-label div img,
              div.complete-wheels div.container ul.desktop li a div.products div.rim .eu-label div img {
                height: 22px;
                margin-right: 4px; }
              div.complete-wheels div.container ul.desktop li a div.products div.tire .eu-label div span,
              div.complete-wheels div.container ul.desktop li a div.products div.rim .eu-label div span {
                margin: 0;
                padding: 2px;
                /* New */
                white-space: nowrap;
                font-size: 10px;
                padding: 0 1px 0 0; }
                @media only screen and (min-width: 1000px) {
                  div.complete-wheels div.container ul.desktop li a div.products div.tire .eu-label div span,
                  div.complete-wheels div.container ul.desktop li a div.products div.rim .eu-label div span {
                    font-size: 12px; } }
                div.complete-wheels div.container ul.desktop li a div.products div.tire .eu-label div span.icon,
                div.complete-wheels div.container ul.desktop li a div.products div.rim .eu-label div span.icon {
                  margin: 0;
                  font-size: 18px; }
                  @media only screen and (min-width: 1000px) {
                    div.complete-wheels div.container ul.desktop li a div.products div.tire .eu-label div span.icon,
                    div.complete-wheels div.container ul.desktop li a div.products div.rim .eu-label div span.icon {
                      font-size: 19px; } }
                  div.complete-wheels div.container ul.desktop li a div.products div.tire .eu-label div span.icon.icon-sound,
                  div.complete-wheels div.container ul.desktop li a div.products div.rim .eu-label div span.icon.icon-sound {
                    font-size: 12px; }
                    @media only screen and (min-width: 1000px) {
                      div.complete-wheels div.container ul.desktop li a div.products div.tire .eu-label div span.icon.icon-sound,
                      div.complete-wheels div.container ul.desktop li a div.products div.rim .eu-label div span.icon.icon-sound {
                        font-size: 16px;
                        margin-right: 2px; } }
                div.complete-wheels div.container ul.desktop li a div.products div.tire .eu-label div span span,
                div.complete-wheels div.container ul.desktop li a div.products div.rim .eu-label div span span {
                  font-size: 8px; }
                  @media only screen and (min-width: 1000px) {
                    div.complete-wheels div.container ul.desktop li a div.products div.tire .eu-label div span span,
                    div.complete-wheels div.container ul.desktop li a div.products div.rim .eu-label div span span {
                      font-size: 12px; } }
      div.complete-wheels div.container ul.desktop li div.buy {
        display: flex;
        width: 20%;
        margin-top: 24px;
        justify-content: flex-end;
        align-items: flex-end; }
        div.complete-wheels div.container ul.desktop li div.buy.buy-read-more {
          justify-content: flex-end; }
        div.complete-wheels div.container ul.desktop li div.buy .price-block .price-info-amount {
          color: #1E2648;
          font-size: 13px;
          margin-top: 0; }
        div.complete-wheels div.container ul.desktop li div.buy .price-block .price {
          color: #1E2648;
          font-size: 27px;
          font-weight: bold;
          font-size: 22px; }
        div.complete-wheels div.container ul.desktop li div.buy .price-block .price-info {
          color: #1E2648;
          font-size: 12px;
          margin-top: 0;
          font-style: italic; }
        div.complete-wheels div.container ul.desktop li div.buy .price-block .buy-read-more {
          display: flex;
          margin-top: 12px;
          justify-content: flex-end; }
        div.complete-wheels div.container ul.desktop li div.buy .price-block a {
          width: auto; }
        div.complete-wheels div.container ul.desktop li div.buy .submit {
          display: flex;
          justify-content: flex-end;
          margin-top: 24px; }
  div.complete-wheels div.container div.own-config {
    display: flex;
    justify-content: center; }
  div.complete-wheels.wheel-page div.container ul.desktop li {
    width: 33.3%; }
    div.complete-wheels.wheel-page div.container ul.desktop li div.variant {
      display: none; }
    div.complete-wheels.wheel-page div.container ul.desktop li a div.products div.tire div.size,
    div.complete-wheels.wheel-page div.container ul.desktop li a div.products div.rim div.size {
      display: none; }

/* Komplett hjul */
body.wheel-page div.description {
  margin-bottom: 32px; }
  @media only screen and (min-width: 1000px) {
    body.wheel-page div.description {
      text-align: center;
      width: 800px; } }
body.wheel-page div.campaign-head {
  background: #E9E3C1;
  display: flex;
  width: 100%;
  justify-content: center; }
  body.wheel-page div.campaign-head div.container {
    display: flex;
    justify-content: center;
    color: #1E2648;
    padding: 12px 0;
    font-weight: bold;
    font-size: 25px; }
body.wheel-page div.wheel-page {
  display: flex;
  width: 100%;
  justify-content: center;
  background: #F7F7F7;
  padding: 32px 0; }
  body.wheel-page div.wheel-page div.container {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 1300px) {
      body.wheel-page div.wheel-page div.container {
        padding: 0 24px; } }
    body.wheel-page div.wheel-page div.container .wheel {
      display: flex;
      width: 100%; }
      @media only screen and (min-width: 1000px) {
        body.wheel-page div.wheel-page div.container .wheel {
          width: 70%; } }
      body.wheel-page div.wheel-page div.container .wheel div.products {
        display: flex;
        width: 100%;
        justify-content: space-between; }
        @media only screen and (min-width: 1000px) {
          body.wheel-page div.wheel-page div.container .wheel div.products {
            margin-right: 24px; } }
        body.wheel-page div.wheel-page div.container .wheel div.products div.add {
          width: 24px;
          font-size: 16px;
          display: flex;
          justify-content: center; }
        body.wheel-page div.wheel-page div.container .wheel div.products div.tire,
        body.wheel-page div.wheel-page div.container .wheel div.products div.rim {
          width: calc(50% - 6px);
          background: #FFF;
          padding: 12px;
          border: 1px solid #EAEAEA; }
          @media only screen and (min-width: 1000px) {
            body.wheel-page div.wheel-page div.container .wheel div.products div.tire,
            body.wheel-page div.wheel-page div.container .wheel div.products div.rim {
              width: calc(50% - 12px);
              padding: 12px; } }
          body.wheel-page div.wheel-page div.container .wheel div.products div.tire div.image,
          body.wheel-page div.wheel-page div.container .wheel div.products div.rim div.image {
            display: flex;
            justify-content: center; }
            @media only screen and (min-width: 1000px) {
              body.wheel-page div.wheel-page div.container .wheel div.products div.tire div.image,
              body.wheel-page div.wheel-page div.container .wheel div.products div.rim div.image {
                min-height: 200px; } }
            body.wheel-page div.wheel-page div.container .wheel div.products div.tire div.image img,
            body.wheel-page div.wheel-page div.container .wheel div.products div.rim div.image img {
              max-width: 100%; }
          body.wheel-page div.wheel-page div.container .wheel div.products div.tire div.name,
          body.wheel-page div.wheel-page div.container .wheel div.products div.rim div.name {
            display: flex;
            justify-content: center;
            font-size: 18px;
            color: #1E2648;
            text-transform: uppercase;
            font-weight: 600;
            text-align: center;
            margin-top: 16px; }
            @media only screen and (min-width: 1000px) {
              body.wheel-page div.wheel-page div.container .wheel div.products div.tire div.name,
              body.wheel-page div.wheel-page div.container .wheel div.products div.rim div.name {
                font-size: 22px; } }
          body.wheel-page div.wheel-page div.container .wheel div.products div.tire div.size,
          body.wheel-page div.wheel-page div.container .wheel div.products div.rim div.size {
            display: flex;
            flex-direction: column;
            font-size: 12px;
            color: #1E2648;
            text-transform: uppercase;
            text-align: center;
            margin-top: 12px; }
            @media only screen and (min-width: 1000px) {
              body.wheel-page div.wheel-page div.container .wheel div.products div.tire div.size,
              body.wheel-page div.wheel-page div.container .wheel div.products div.rim div.size {
                font-size: 16px; } }
            body.wheel-page div.wheel-page div.container .wheel div.products div.tire div.size div.placement,
            body.wheel-page div.wheel-page div.container .wheel div.products div.rim div.size div.placement {
              display: flex;
              flex-direction: column; }
              body.wheel-page div.wheel-page div.container .wheel div.products div.tire div.size div.placement span.place,
              body.wheel-page div.wheel-page div.container .wheel div.products div.rim div.size div.placement span.place {
                font-weight: bold; }
              body.wheel-page div.wheel-page div.container .wheel div.products div.tire div.size div.placement.placement-back,
              body.wheel-page div.wheel-page div.container .wheel div.products div.rim div.size div.placement.placement-back {
                margin-top: 8px; }
        body.wheel-page div.wheel-page div.container .wheel div.products .eu-label {
          display: flex;
          background: #F7F7F7;
          margin-top: 12px;
          padding: 8px 2px;
          justify-content: center; }
          @media only screen and (min-width: 1000px) {
            body.wheel-page div.wheel-page div.container .wheel div.products .eu-label {
              padding: 8px; } }
          body.wheel-page div.wheel-page div.container .wheel div.products .eu-label div {
            display: flex;
            align-items: center;
            font-size: 14px;
            padding: 0 4px;
            background: none; }
            @media only screen and (min-width: 1000px) {
              body.wheel-page div.wheel-page div.container .wheel div.products .eu-label div {
                padding: 0;
                margin: 0 4px; } }
            body.wheel-page div.wheel-page div.container .wheel div.products .eu-label div img {
              height: 22px;
              margin-right: 4px; }
            body.wheel-page div.wheel-page div.container .wheel div.products .eu-label div span {
              margin: 0;
              padding: 2px;
              /* New */
              white-space: nowrap;
              font-size: 10px;
              padding: 0 1px 0 0; }
              @media only screen and (min-width: 1000px) {
                body.wheel-page div.wheel-page div.container .wheel div.products .eu-label div span {
                  font-size: 12px; } }
              body.wheel-page div.wheel-page div.container .wheel div.products .eu-label div span.icon {
                margin: 0;
                font-size: 18px; }
                @media only screen and (min-width: 1000px) {
                  body.wheel-page div.wheel-page div.container .wheel div.products .eu-label div span.icon {
                    font-size: 19px; } }
                body.wheel-page div.wheel-page div.container .wheel div.products .eu-label div span.icon.icon-sound {
                  font-size: 12px; }
                  @media only screen and (min-width: 1000px) {
                    body.wheel-page div.wheel-page div.container .wheel div.products .eu-label div span.icon.icon-sound {
                      font-size: 16px;
                      margin-right: 2px; } }
              body.wheel-page div.wheel-page div.container .wheel div.products .eu-label div span span {
                font-size: 8px; }
                @media only screen and (min-width: 1000px) {
                  body.wheel-page div.wheel-page div.container .wheel div.products .eu-label div span span {
                    font-size: 12px; } }
      body.wheel-page div.wheel-page div.container .wheel div.season {
        position: absolute;
        top: 8px;
        font-size: 24px;
        display: flex;
        right: 8px; }
    body.wheel-page div.wheel-page div.container div.summery {
      background: #FFF;
      display: flex;
      flex-direction: column;
      width: 100%;
      padding: 16px 24px;
      margin-top: 16px;
      border: 1px solid #EAEAEA; }
      @media only screen and (min-width: 1000px) {
        body.wheel-page div.wheel-page div.container div.summery {
          width: 30%;
          margin-top: 0px; } }
      body.wheel-page div.wheel-page div.container div.summery h2 {
        text-align: center;
        margin-bottom: 32px; }
      body.wheel-page div.wheel-page div.container div.summery ul {
        list-style: none;
        margin: 0 0 24px;
        padding: 0; }
        body.wheel-page div.wheel-page div.container div.summery ul li {
          display: flex;
          justify-content: space-between;
          padding: 8px 0;
          border-bottom: 1px solid #E0E0E0; }
          body.wheel-page div.wheel-page div.container div.summery ul li div.name {
            display: flex;
            flex-direction: column; }
            body.wheel-page div.wheel-page div.container div.summery ul li div.name.product-name {
              font-weight: bold; }
          body.wheel-page div.wheel-page div.container div.summery ul li div.price {
            display: flex;
            justify-content: flex-end;
            white-space: nowrap; }
          body.wheel-page div.wheel-page div.container div.summery ul li div.ord-price {
            display: flex;
            justify-content: flex-end;
            white-space: nowrap;
            margin-bottom: 12px;
            font-size: 13px; }
          body.wheel-page div.wheel-page div.container div.summery ul li.total {
            flex-direction: column;
            align-items: center;
            padding-top: 24px;
            border: 0; }
            body.wheel-page div.wheel-page div.container div.summery ul li.total .price {
              color: #1E2648;
              font-weight: 600;
              font-size: 22px; }
            body.wheel-page div.wheel-page div.container div.summery ul li.total .desc {
              font-style: italic;
              font-size: 13px;
              margin-top: 4px; }
      body.wheel-page div.wheel-page div.container div.summery div.no-contractor {
        display: flex;
        width: 100%;
        align-items: center;
        flex-direction: column; }
        body.wheel-page div.wheel-page div.container div.summery div.no-contractor div.info {
          font-style: italic;
          margin-bottom: 12px;
          font-size: 16px; }
        body.wheel-page div.wheel-page div.container div.summery div.no-contractor a.btn {
          width: 100%; }
      body.wheel-page div.wheel-page div.container div.summery div.buy {
        display: flex;
        width: 100%;
        justify-content: center; }
        body.wheel-page div.wheel-page div.container div.summery div.buy div.submit {
          width: 100%; }
          body.wheel-page div.wheel-page div.container div.summery div.buy div.submit input {
            width: 100%; }
        body.wheel-page div.wheel-page div.container div.summery div.buy .price-block .price-info-amount {
          color: #1E2648;
          font-size: 13px;
          margin-top: 0; }
        body.wheel-page div.wheel-page div.container div.summery div.buy .price-block .price {
          color: #1E2648;
          font-size: 27px;
          font-weight: bold;
          font-size: 22px; }
        body.wheel-page div.wheel-page div.container div.summery div.buy .price-block .price-info {
          color: #1E2648;
          font-size: 13px;
          margin-top: 0; }
body.wheel-page div.own-config {
  display: flex;
  justify-content: center;
  margin-top: 32px; }
  body.wheel-page div.own-config div.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 24px; }
    body.wheel-page div.own-config div.container ul {
      padding-left: 0; }
      body.wheel-page div.own-config div.container ul li {
        margin-bottom: 8px; }
        @media only screen and (min-width: 1000px) {
          body.wheel-page div.own-config div.container ul li {
            margin-bottom: 0; } }
    body.wheel-page div.own-config div.container a.btn {
      margin-top: 24px; }

/* Artiklar */
body.articles div.main .hero {
  display: flex;
  width: 100%;
  min-height: 520px;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center center;
  margin-bottom: 32px; }
  body.articles div.main .hero .container {
    padding: 24px 24px; }
    body.articles div.main .hero .container h1, body.articles div.main .hero .container .ingress {
      color: #FFF; }
  body.articles div.main .hero .headers {
    color: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
    @media only screen and (min-width: 1000px) {
      body.articles div.main .hero .headers {
        max-width: 100%; } }
    body.articles div.main .hero .headers h1 {
      font-size: 36px;
      font-weight: 700;
      line-height: 1.3;
      color: #FFF;
      margin: 0 0 24px; }
      @media only screen and (min-width: 1000px) {
        body.articles div.main .hero .headers h1 {
          font-size: 42px; } }
    body.articles div.main .hero .headers div.ingress {
      font-size: 18px;
      color: #FFF;
      margin-bottom: 8px;
      max-width: 800px;
      text-align: center; }
      body.articles div.main .hero .headers div.ingress p {
        margin: 0; }
      @media only screen and (min-width: 1000px) {
        body.articles div.main .hero .headers div.ingress {
          /*display: none;*/ } }
    body.articles div.main .hero .headers div.btns {
      margin-top: 48px; }
      @media only screen and (min-width: 1000px) {
        body.articles div.main .hero .headers div.btns {
          display: flex;
          order: 3; } }
      body.articles div.main .hero .headers div.btns a.btn {
        background: none;
        border-color: #FFF;
        color: #FFF;
        margin: 0 8px; }
        body.articles div.main .hero .headers div.btns a.btn:hover {
          background: #1E2648;
          border-color: #1E2648; }
body.articles div.main div.block-bottom div.article-tags {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 32px; }
  body.articles div.main div.block-bottom div.article-tags .container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    body.articles div.main div.block-bottom div.article-tags .container div.btn-back {
      margin-bottom: 16px;
      display: flex;
      width: 100%;
      align-items: center;
      padding-left: 16px; }
      body.articles div.main div.block-bottom div.article-tags .container div.btn-back a {
        display: flex;
        align-items: center;
        font-size: 14px;
        border: 1px solid #CCC;
        border-radius: 5px;
        padding: 4px 8px 4px 4px; }
        body.articles div.main div.block-bottom div.article-tags .container div.btn-back a span {
          font-size: 28px;
          margin-right: 4px; }
    body.articles div.main div.block-bottom div.article-tags .container ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: wrap; }
      body.articles div.main div.block-bottom div.article-tags .container ul li {
        display: flex;
        margin: 0 8px 16px; }
        body.articles div.main div.block-bottom div.article-tags .container ul li.selected a {
          background: #C7D64F;
          color: #1E2648;
          border-color: #C7D64F; }
body.articles div.main div.block-bottom div.articles ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap; }
  body.articles div.main div.block-bottom div.articles ul li {
    display: flex;
    width: 33.3%;
    padding: 0 16px 0;
    margin-bottom: 32px; }
    @media only screen and (max-width: 1300px) {
      body.articles div.main div.block-bottom div.articles ul li {
        width: 50%; } }
    @media only screen and (max-width: 1000px) {
      body.articles div.main div.block-bottom div.articles ul li {
        padding-right: 8px;
        margin-bottom: 16px; }
        body.articles div.main div.block-bottom div.articles ul li:nth-child(2n) {
          padding-left: 8px;
          padding-right: 16px; } }
    body.articles div.main div.block-bottom div.articles ul li a {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background: #F7F7F7;
      padding-bottom: 16px; }
      body.articles div.main div.block-bottom div.articles ul li a:hover h3 {
        text-decoration: underline; }
      body.articles div.main div.block-bottom div.articles ul li a div.image img {
        max-width: 100%;
        width: 100%; }
      body.articles div.main div.block-bottom div.articles ul li a div.tags,
      body.articles div.main div.block-bottom div.articles ul li a div.date,
      body.articles div.main div.block-bottom div.articles ul li a div.header-ingress,
      body.articles div.main div.block-bottom div.articles ul li a div.buttons {
        display: flex;
        padding: 0 32px; }
        @media only screen and (max-width: 1000px) {
          body.articles div.main div.block-bottom div.articles ul li a div.tags,
          body.articles div.main div.block-bottom div.articles ul li a div.date,
          body.articles div.main div.block-bottom div.articles ul li a div.header-ingress,
          body.articles div.main div.block-bottom div.articles ul li a div.buttons {
            padding: 0 16px; } }
      body.articles div.main div.block-bottom div.articles ul li a div.date {
        text-transform: uppercase;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 14px; }
      body.articles div.main div.block-bottom div.articles ul li a div.header-ingress {
        flex-direction: column;
        margin-bottom: 32px; }
        body.articles div.main div.block-bottom div.articles ul li a div.header-ingress h3 {
          margin-bottom: 8px; }
        body.articles div.main div.block-bottom div.articles ul li a div.header-ingress div.ingress {
          font-size: 16px; }
      body.articles div.main div.block-bottom div.articles ul li a div.tags {
        text-transform: uppercase;
        font-size: 14px;
        color: #585858;
        padding-bottom: 8px; }
        body.articles div.main div.block-bottom div.articles ul li a div.tags ul li {
          width: auto;
          padding: 0 8px 0 8px;
          margin: 0;
          border-right: 1px solid #CCC; }
          body.articles div.main div.block-bottom div.articles ul li a div.tags ul li:nth-child(1) {
            padding-left: 0; }
          body.articles div.main div.block-bottom div.articles ul li a div.tags ul li:nth-last-child(1) {
            border: 0; }
      body.articles div.main div.block-bottom div.articles ul li a div.buttons {
        display: none; }

/* Artikel */
body.article div.main div.block-bottom div.image {
  display: flex;
  justify-content: center; }
  body.article div.main div.block-bottom div.image .container {
    display: flex;
    justify-content: center; }
    body.article div.main div.block-bottom div.image .container img {
      max-width: 100%; }
body.article div.main div.block-bottom div.article {
  padding-top: 0; }
  body.article div.main div.block-bottom div.article div.date {
    display: flex;
    justify-content: flex-start;
    text-transform: uppercase;
    padding: 0 0 16px;
    color: #585858;
    font-size: 15px; }
    @media only screen and (max-width: 1000px) {
      body.article div.main div.block-bottom div.article div.date {
        padding-top: 16px; } }
  body.article div.main div.block-bottom div.article.tags {
    padding-bottom: 8px; }
    body.article div.main div.block-bottom div.article.tags ul {
      display: flex;
      list-style: none;
      padding: 0;
      margin: 0; }
      body.article div.main div.block-bottom div.article.tags ul li {
        width: auto;
        padding: 0 8px 0 8px;
        margin: 0;
        border-right: 1px solid #CCC; }
        body.article div.main div.block-bottom div.article.tags ul li:nth-child(1) {
          padding-left: 0; }
        body.article div.main div.block-bottom div.article.tags ul li:nth-last-child(1) {
          border: 0; }
        body.article div.main div.block-bottom div.article.tags ul li a {
          display: flex;
          color: #585858;
          font-size: 14px;
          text-transform: uppercase; }

body.webshop_articles div.no-result {
  display: none;
  font-style: italic; }

/* Webshop-artikel-grupper */
div.webshop_groups div.container ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 24px; }
  div.webshop_groups div.container ul li {
    width: 50%;
    padding: 0 0 8px; }
    @media only screen and (max-width: 1000px) {
      div.webshop_groups div.container ul li:nth-child(1n) {
        padding-right: 4px; }
      div.webshop_groups div.container ul li:nth-child(2n) {
        padding-left: 4px; } }
    @media only screen and (min-width: 1000px) {
      div.webshop_groups div.container ul li {
        width: 20%;
        padding: 0 12px 24px; } }
    div.webshop_groups div.container ul li a {
      display: flex;
      position: relative;
      flex-direction: column;
      width: 100%;
      height: 160px;
      background-size: cover;
      background-position: center center;
      justify-content: flex-end; }
      @media only screen and (min-width: 1000px) {
        div.webshop_groups div.container ul li a {
          height: 200px; } }
      div.webshop_groups div.container ul li a .hover {
        display: none;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0 24px 52px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        color: #FFF;
        z-index: 1; }
      div.webshop_groups div.container ul li a:hover .hover {
        display: flex; }
      div.webshop_groups div.container ul li a h3 {
        display: flex;
        background: #1E2648;
        color: #FFF;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 44px;
        z-index: 2; }
        @media only screen and (min-width: 1000px) {
          div.webshop_groups div.container ul li a h3 {
            height: 52px; } }

/* Webshop-artikel-filter */
div.wa-filter div.container {
  display: flex;
  justify-content: center; }
  div.wa-filter div.container form.wa-filter {
    display: flex;
    flex-direction: column;
    width: 100%; }
    div.wa-filter div.container form.wa-filter.no-filter {
      border-top: 1px solid #EAEAEA;
      padding-top: 16px; }
    div.wa-filter div.container form.wa-filter div.filter_data {
      display: flex;
      flex-wrap: wrap;
      padding: 16px;
      border: 1px solid #CCC;
      width: 100%;
      margin-bottom: 12px; }
      div.wa-filter div.container form.wa-filter div.filter_data div.field {
        display: flex;
        flex-direction: column;
        margin: 0 8px; }
    div.wa-filter div.container form.wa-filter div.sort-holder {
      display: flex;
      justify-content: flex-end; }
      div.wa-filter div.container form.wa-filter div.sort-holder div.sort {
        position: relative; }
        div.wa-filter div.container form.wa-filter div.sort-holder div.sort select {
          border: 1px solid #1E2648;
          border-radius: 3px;
          padding: 4px 24px 4px 8px;
          font-size: 13px;
          background: none;
          z-index: 2;
          position: relative; }
        div.wa-filter div.container form.wa-filter div.sort-holder div.sort span {
          position: absolute;
          right: 8px;
          top: 0;
          height: 100%;
          display: flex;
          align-items: center;
          z-index: 1; }
  div.wa-filter div.container label {
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 4px; }
  div.wa-filter div.container select {
    border: 1px solid #CCC;
    padding: 8px;
    border-radius: 3px;
    background: none;
    font-size: 18px; }
  div.wa-filter div.container option {
    font-size: 15px; }

@keyframes sp-anime {
  100% {
    transform: rotate(360deg); } }

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