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

@font-face {
  font-family: 'Mont';
  src: url("fonts/Mont-HeavyItalic.eot");
  src: url("fonts/Mont-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Mont-HeavyItalic.woff2") format("woff2"), url("fonts/Mont-HeavyItalic.woff") format("woff"), url("fonts/Mont-HeavyItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic; }
@font-face {
  font-family: 'Mont Book';
  src: url("fonts/Mont-BookItalic.eot");
  src: url("fonts/Mont-BookItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Mont-BookItalic.woff2") format("woff2"), url("fonts/Mont-BookItalic.woff") format("woff"), url("fonts/Mont-BookItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Mont';
  src: url("fonts/Mont-Heavy.eot");
  src: url("fonts/Mont-Heavy.eot?#iefix") format("embedded-opentype"), url("fonts/Mont-Heavy.woff2") format("woff2"), url("fonts/Mont-Heavy.woff") format("woff"), url("fonts/Mont-Heavy.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: 'Mont Book';
  src: url("fonts/Mont-Book.eot");
  src: url("fonts/Mont-Book.eot?#iefix") format("embedded-opentype"), url("fonts/Mont-Book.woff2") format("woff2"), url("fonts/Mont-Book.woff") format("woff"), url("fonts/Mont-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
html, body {
  margin: 0;
  padding: 0; }

body {
  background: #0f121f; }

body, input, textarea, select {
  font-family: 'Mont Book', Arial;
  font-size: 13px;
  line-height: 19px;
  color: #0f121f; }

form {
  margin: 0;
  padding: 0; }

a {
  color: #0f121f; }

/*a:hover { color: #C81414; }*/
a img {
  border: 0; }

/* knapp */
a.btn,
span.btn,
a.button,
span.button,
input.btn {
  display: inline-block;
  background: #e40532;
  color: #FFF;
  font-family: "Mont";
  font-style: italic;
  line-height: 40px;
  padding: 0 20px;
  text-transform: uppercase;
  text-decoration: none;
  border: 0; }
  a.btn:hover,
  span.btn:hover,
  a.button:hover,
  span.button:hover,
  input.btn:hover {
    color: #0f121f;
    cursor: pointer; }
  a.btn.btn-icon,
  span.btn.btn-icon,
  a.button.btn-icon,
  span.button.btn-icon,
  input.btn.btn-icon {
    padding-left: 15px; }
  a.btn span.icon,
  span.btn span.icon,
  a.button span.icon,
  span.button span.icon,
  input.btn span.icon {
    float: left;
    margin-right: 10px;
    font-size: 18px;
    line-height: 38px; }
  a.btn.btn-small,
  span.btn.btn-small,
  a.button.btn-small,
  span.button.btn-small,
  input.btn.btn-small {
    line-height: 26px;
    font-size: 11px;
    padding: 0 10px; }
  a.btn.btn-blue,
  span.btn.btn-blue,
  a.button.btn-blue,
  span.button.btn-blue,
  input.btn.btn-blue {
    background: #222532; }
    a.btn.btn-blue:hover,
    span.btn.btn-blue:hover,
    a.button.btn-blue:hover,
    span.button.btn-blue:hover,
    input.btn.btn-blue:hover {
      color: #FFF; }

/* knapp webshop */
a.webshop-btn {
  background: #C81414;
  color: #FFF;
  font-weight: 700;
  line-height: 30px;
  font-size: 18px;
  padding: 10px 15px;
  border-radius: 9px;
  text-decoration: none; }

a.webshop-btn span {
  font-size: 18px;
  margin-right: 10px; }

/* mailto */
a.mailto {
  direction: rtl;
  unicode-bidi: bidi-override; }

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

/* Struktur */
.holder {
  width: 1100px;
  margin: 0 auto;
  text-align: left; }
  @media only screen and (max-width: 1100px) {
    .holder {
      width: 100%; } }

.cookies {
  display: flex;
  padding: 15px 0;
  width: 100%;
  background: #EEEEF2; }
  .cookies .holder {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 1100px) {
      .cookies .holder {
        flex-direction: column; }
        .cookies .holder .text {
          padding: 0 16px;
          text-align: center; } }
    .cookies .holder h2 {
      margin: 0; }
    .cookies .holder .btn {
      float: right; }
      @media only screen and (max-width: 699px) {
        .cookies .holder .btn {
          float: left;
          clear: both;
          margin-top: 20px; } }
    .cookies .holder .info {
      float: left; }

.shadow {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2; }

span.icon-search {
  float: left;
  width: 32px;
  height: 32px;
  font-size: 16px;
  padding: 8px 5px 5px;
  background: #0f121f;
  border: 0;
  border-radius: 1px;
  color: #FFF;
  cursor: pointer;
  text-align: center; }

ul.msg {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.msg li {
    float: left;
    width: 100%;
    font-size: 14px;
    background: #6dde62;
    font-family: "Mont";
    padding: 10px 20px 10px 20px;
    margin-bottom: 20px; }
    ul.msg li.error {
      background-color: #e40532;
      color: #FFF; }

/* head */
header {
  display: flex;
  background: #FFF; }
  header .logo {
    float: left;
    margin: 20px 0; }
    @media only screen and (max-width: 1100px) {
      header .logo {
        margin-left: 20px; } }
    @media only screen and (max-width: 699px) {
      header .logo {
        margin-left: 10px;
        width: calc(100% - 80px); } }
    header .logo a {
      float: left; }
    header .logo img {
      float: left;
      height: 50px; }
      @media only screen and (max-width: 699px) {
        header .logo img {
          height: auto;
          width: 30%; } }
    header .logo h2 {
      float: left;
      margin: 0px 0 0 40px;
      font-family: "Mont";
      font-size: 19px;
      line-height: 50px;
      text-decoration: none;
      text-transform: none; }
      @media only screen and (max-width: 699px) {
        header .logo h2 {
          line-height: 30px;
          font-size: 15px;
          padding-left: 20px;
          margin: 0;
          width: 70%; } }
  header .cart {
    float: right;
    width: 515px;
    margin-top: 26px; }
    @media only screen and (max-width: 980px) {
      header .cart {
        width: auto; } }
    header .cart .icon-cart {
      display: none; }
      @media only screen and (max-width: 699px) {
        header .cart .icon-cart {
          display: inline-block;
          font-size: 22px;
          padding: 20px;
          line-height: 30px; } }
    @media only screen and (max-width: 699px) {
      header .cart {
        width: auto;
        margin: 0; } }
    header .cart .cart-empty {
      padding: 16px;
      color: #999; }
    header .cart .cart-content {
      float: left;
      position: absolute;
      z-index: 10;
      width: 350px;
      height: 40px;
      border: 1px solid #EEEEF2;
      border-radius: 0px;
      background: #FFF; }
      @media only screen and (max-width: 980px) {
        header .cart .cart-content {
          width: auto;
          position: relative;
          margin-right: 5px;
          z-index: 1; }
          header .cart .cart-content .amount,
          header .cart .cart-content .arrow {
            display: none; } }
      @media only screen and (max-width: 699px) {
        header .cart .cart-content {
          display: none; } }
      header .cart .cart-content.cart-active {
        box-shadow: 0px 0px 3px #EEEEF2;
        height: auto; }
      header .cart .cart-content .amount {
        float: left;
        width: 120px;
        padding: 0px 0 0 20px;
        line-height: 40px;
        font-weight: bold; }
      header .cart .cart-content .sum {
        float: left;
        width: 170px;
        padding: 0px 0 0 0px;
        line-height: 40px;
        text-align: right;
        font-weight: bold; }
        @media only screen and (max-width: 980px) {
          header .cart .cart-content .sum {
            width: auto;
            padding: 0 15px; } }
      header .cart .cart-content .sum span {
        font-weight: normal; }
      header .cart .cart-content .arrow {
        float: right;
        width: 40px;
        height: 40px;
        background: url(../images/arrow-down.png) center center no-repeat; }
      header .cart .cart-content .items {
        float: left;
        width: 100%;
        display: none;
        padding: 10px; }
        header .cart .cart-content .items table {
          border-collapse: collapse;
          width: 100%; }
          header .cart .cart-content .items table th,
          header .cart .cart-content .items table td {
            text-align: left;
            padding: 5px 10px 5px 5px;
            font-size: 12px; }
            header .cart .cart-content .items table th.r,
            header .cart .cart-content .items table td.r {
              text-align: right;
              white-space: nowrap; }
          header .cart .cart-content .items table thead th {
            border-bottom: 1px solid #c81414; }
          header .cart .cart-content .items table tbody td {
            border-bottom: 1px solid #EEEEF2; }
          header .cart .cart-content .items table tbody tr:nth-child(odd) {
            background-color: #fcfcfc; }
          header .cart .cart-content .items table td span span {
            display: block; }
          header .cart .cart-content .items table tfoot th {
            font-size: 14px;
            padding-top: 10px; }
    header .cart .to-checkout {
      float: right; }
      @media only screen and (max-width: 980px) {
        header .cart .to-checkout .to-checkout {
          margin-right: 10px; } }
      @media only screen and (max-width: 699px) {
        header .cart .to-checkout {
          display: none; } }

.menu {
  float: left;
  clear: both;
  width: 100%;
  height: 50px;
  background: #24293d; }
  @media only screen and (max-width: 1100px) {
    .menu {
      padding-left: 20px; } }
  .menu .holder {
    height: 100%; }
  .menu ul {
    float: left;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0; }
  .menu ul li {
    float: left;
    height: 100%;
    margin-right: 30px; }
  .menu ul li ul {
    display: none; }
  .menu ul li a {
    float: left;
    height: 100%;
    color: #FFF;
    padding: 15px 0 0;
    border-bottom: 2px solid transparent;
    text-decoration: none;
    font-family: "Mont"; }
  .menu ul li a:hover {
    color: #C81414;
    border-color: #e40532; }
  .menu .short-cuts {
    float: right; }
    @media only screen and (max-width: 1100px) {
      .menu .short-cuts {
        padding-right: 20px; } }
    .menu .short-cuts li {
      margin: 0 0 0 30px; }
      .menu .short-cuts li a {
        font-family: 'Mont Book';
        font-weight: normal; }
        .menu .short-cuts li a span.icon {
          float: left;
          line-height: 100%;
          font-size: 22px;
          margin: -3px 5px 0 0; }

/* main */
.main {
  float: left;
  width: 100%;
  background: #FFF;
  padding-bottom: 100px; }

/* footer */
footer {
  float: left;
  width: 100%;
  padding: 50px 0 50px;
  color: #FFF; }
  @media only screen and (max-width: 1100px) {
    footer {
      padding: 50px 20px; } }
  footer h3 {
    margin-top: 0;
    position: relative; }
    footer h3:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0%;
      margin-top: -15px;
      width: 55px;
      height: 2px;
      background: #e40532; }
  footer .foot-menu {
    float: left; }
    @media only screen and (max-width: 699px) {
      footer .foot-menu {
        width: 100%; } }
    footer .foot-menu ul {
      float: left;
      list-style: none;
      padding: 0;
      margin: 0; }
      footer .foot-menu ul li {
        float: left;
        width: 100%;
        margin-right: 0; }
        footer .foot-menu ul li a {
          float: left;
          text-decoration: none;
          position: relative;
          padding-left: 10px;
          color: #FFF; }
          footer .foot-menu ul li a:before {
            content: "";
            width: 7px;
            height: 2px;
            background: #e40532;
            position: absolute;
            transform: rotate(-45deg) scale(0.8);
            left: 0;
            top: 50%;
            margin-top: 1px;
            transition: all 0.2s ease-in-out; }
          footer .foot-menu ul li a:after {
            content: "";
            width: 7px;
            height: 2px;
            background: #e40532;
            position: absolute;
            transform: rotate(45deg) scale(0.8);
            left: 0;
            top: 50%;
            margin-top: -3px;
            transition: all 0.3s ease-in-out; }
  footer .contact {
    float: left;
    margin-left: 100px; }
    @media only screen and (max-width: 699px) {
      footer .contact {
        width: 100%;
        margin: 50px 0 0 0; } }

/* rubriker */
h1, h2, h3 {
  font-family: "Mont"; }

h1 {
  font-size: 40px;
  line-height: 48px;
  margin-top: 10px;
  text-transform: uppercase; }

h2 {
  font-size: 20px;
  line-height: 24px;
  margin-top: 30px; }

h2.links {
  float: left;
  width: 100%;
  margin-bottom: 0;
  border-bottom: 3px solid #C7C8CA;
  padding-bottom: 10px;
  margin-top: 40px; }

h3 {
  font-size: 16px;
  line-height: 20px;
  margin: 30px 0 6px; }

/* reg nr search */
.reg-number-search {
  float: left;
  width: 100%;
  background: #EEEEF2;
  padding: 20px; }
  @media only screen and (max-width: 699px) {
    .reg-number-search {
      padding: 10px; } }
  .reg-number-search h1, .reg-number-search h2 {
    margin: 0; }
  .reg-number-search form {
    float: left;
    width: 100%;
    padding: 40px 0 0px; }
    .reg-number-search form input.regnr {
      float: left;
      clear: both;
      width: 250px;
      height: 50px;
      line-height: 50px;
      background: url(../images/bg_regnr_eu.jpg) left center no-repeat #FFF;
      background-size: auto 100%;
      border: 1px solid #000;
      font-size: 34px;
      padding-left: 10px;
      text-align: center;
      text-transform: uppercase; }
    .reg-number-search form .regnr-number-box {
      float: left;
      width: 100%; }
      .reg-number-search form .regnr-number-box h3 {
        font-size: 16px;
        margin-top: 0;
        position: relative; }
        .reg-number-search form .regnr-number-box h3:before {
          content: '';
          position: absolute;
          left: 0;
          right: 0;
          top: 0%;
          margin-top: -15px;
          width: 55px;
          height: 2px;
          background: #e40532; }
      .reg-number-search form .regnr-number-box .page-options-list {
        float: left;
        margin: 0 50px 15px 0; }
        @media only screen and (max-width: 699px) {
          .reg-number-search form .regnr-number-box .page-options-list {
            margin: 0 0 30px; } }
        .reg-number-search form .regnr-number-box .page-options-list label {
          float: left;
          cursor: pointer;
          padding: 0px 14px 0px 6px;
          line-height: 40px;
          margin: 0 5px 5px 0;
          border: 1px solid #CCC;
          background: #FFF;
          font-size: 14px; }
          @media only screen and (max-width: 699px) {
            .reg-number-search form .regnr-number-box .page-options-list label {
              width: 100%; } }
          .reg-number-search form .regnr-number-box .page-options-list label.active {
            border-color: #2d4059;
            background: #2d4059;
            color: #FFF; }
          .reg-number-search form .regnr-number-box .page-options-list label:nth-child(5) {
            clear: both; }
      .reg-number-search form .regnr-number-box .reg-search,
      .reg-number-search form .regnr-number-box .model-search {
        float: left;
        margin-right: 50px; }
        .reg-number-search form .regnr-number-box .reg-search select,
        .reg-number-search form .regnr-number-box .model-search select {
          float: left;
          clear: both;
          padding: 3px;
          margin-bottom: 5px; }
      .reg-number-search form .regnr-number-box .model-search {
        display: none; }
      .reg-number-search form .regnr-number-box a {
        float: left;
        clear: both;
        margin-top: 10px; }
    .reg-number-search form input[type=submit] {
      float: left;
      margin: 30px 0 0 0;
      cursor: pointer; }
    .reg-number-search form .reg-header {
      margin: 0 0 5px; }

.products .reg-number-search .regnr-number-box {
  height: auto; }

.products .main .holder {
  padding-top: 30px; }
  @media only screen and (max-width: 699px) {
    .products .main .holder {
      padding: 0; } }
.products .holder h1 {
  float: left;
  width: 100%;
  margin-top: 30px; }
.products .tire-search {
  float: left;
  width: 100%;
  background: #EEEEF2;
  padding: 10px;
  margin-bottom: 20px; }
  .products .tire-search h2 {
    display: none; }
  .products .tire-search table,
  .products .tire-search input {
    float: left; }
  .products .tire-search input[type=text] {
    width: 50px;
    line-height: 30px;
    height: 30px;
    text-align: center; }
  .products .tire-search select {
    padding: 7px;
    height: 30px; }
  .products .tire-search table th,
  .products .tire-search table td {
    text-align: left;
    padding: 0 5px 0 0; }
  .products .tire-search table th {
    text-align: center; }
  .products .tire-search input[type=submit] {
    margin: 15px 0 0 30px; }
    @media only screen and (max-width: 699px) {
      .products .tire-search input[type=submit] {
        margin: 20px 0 0; } }

.complete-wheel-search .reg-number-search {
  background: #fafafa;
  padding: 20px; }

.complete-wheel-search .regnr-number-box {
  height: auto;
  background: none;
  padding: 0; }

.complete-wheel-search .reg-number-search .red-button {
  margin: 0; }

.complete-wheel-search .types {
  float: left;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0; }

.complete-wheel-search .types li {
  float: left;
  width: 100%;
  margin-bottom: 5px; }

.complete-wheel-search .types li label {
  float: left;
  width: 100%;
  font-size: 16px; }

/* startsidan */
body.startpage .main .holder {
  width: 100%; }
  body.startpage .main .holder .holder {
    width: 1100px; }
    @media only screen and (max-width: 1100px) {
      body.startpage .main .holder .holder {
        width: 100%; } }
body.startpage .article {
  float: left;
  width: 100%;
  margin: 0 0 40px; }
  @media only screen and (max-width: 1100px) {
    body.startpage .article {
      padding: 0 15px; } }
  @media only screen and (max-width: 699px) {
    body.startpage .article {
      padding: 0 10px; } }
  body.startpage .article h1 {
    margin-bottom: 20px; }
    @media only screen and (max-width: 699px) {
      body.startpage .article h1 {
        margin-top: 30px; } }
  body.startpage .article .text {
    float: left;
    width: 60%; }
    @media only screen and (max-width: 699px) {
      body.startpage .article .text {
        width: 100%; } }
body.startpage .shop-guide {
  float: left;
  width: 100%;
  padding: 0;
  margin: 20px 0 20px;
  list-style: none; }
  @media only screen and (max-width: 1100px) {
    body.startpage .shop-guide {
      padding: 0 15px; } }
  @media only screen and (max-width: 699px) {
    body.startpage .shop-guide {
      display: none; } }
  body.startpage .shop-guide li {
    float: left;
    width: 33%;
    padding-right: 1%; }
    @media only screen and (max-width: 699px) {
      body.startpage .shop-guide li {
        width: 100%;
        padding: 0;
        margin-bottom: 5px; } }
    body.startpage .shop-guide li:nth-child(2) {
      width: 34%;
      padding: 0 1%; }
      @media only screen and (max-width: 699px) {
        body.startpage .shop-guide li:nth-child(2) {
          width: 100%;
          padding: 0; } }
    body.startpage .shop-guide li:nth-child(3) {
      padding-right: 0;
      padding-left: 1%; }
      @media only screen and (max-width: 699px) {
        body.startpage .shop-guide li:nth-child(3) {
          padding: 0; } }
    body.startpage .shop-guide li h3 {
      float: left;
      width: 100%;
      height: 80px;
      font-family: "Mont";
      margin: 0;
      padding: 0px 20px;
      border: 1px solid #EEEEF2;
      text-transform: uppercase; }
      @media only screen and (max-width: 980px) {
        body.startpage .shop-guide li h3 {
          font-size: 15px; } }
      body.startpage .shop-guide li h3 table {
        float: left;
        border-collapse: collapse;
        height: 100%;
        width: 85%; }
      body.startpage .shop-guide li h3 span {
        float: left;
        font-size: 50px;
        line-height: 80px;
        width: 15%;
        color: #576c8c; }
body.startpage div.regnr {
  float: left;
  width: 100%;
  background: #EEEEF2;
  width: 100%;
  padding: 30px 0; }
  body.startpage div.regnr .reg-number-search {
    width: 100%; }
    body.startpage div.regnr .reg-number-search h2 {
      margin-top: 0; }
body.startpage .tire-search-holder {
  float: left;
  width: 100%;
  padding: 30px 0;
  background: #222532;
  color: #FFF; }
  @media only screen and (max-width: 1100px) {
    body.startpage .tire-search-holder {
      padding: 30px 20px; } }
  body.startpage .tire-search-holder .tire-search {
    float: left;
    width: 100%; }
    body.startpage .tire-search-holder .tire-search h2 {
      margin: 0 0 20px; }
    body.startpage .tire-search-holder .tire-search .search {
      float: left;
      width: 100%; }
    body.startpage .tire-search-holder .tire-search table {
      float: left;
      border-collapse: collapse; }
      body.startpage .tire-search-holder .tire-search table th, body.startpage .tire-search-holder .tire-search table td {
        padding: 0 5px 0 0; }
      body.startpage .tire-search-holder .tire-search table th {
        padding-bottom: 2px;
        text-align: center; }
      body.startpage .tire-search-holder .tire-search table select {
        border: 1px solid #EEEEF2;
        padding: 0 5px;
        height: 30px;
        margin-left: 10px; }
      body.startpage .tire-search-holder .tire-search table input {
        border: 1px solid #EEEEF2;
        padding: 0 5px;
        width: 50px;
        height: 30px;
        text-align: center; }
    body.startpage .tire-search-holder .tire-search input[type=submit] {
      float: left;
      margin: 15px 0 0 30px; }
      @media only screen and (max-width: 699px) {
        body.startpage .tire-search-holder .tire-search input[type=submit] {
          margin-left: 0; } }
body.startpage .campaign {
  float: left;
  width: 100%; }
  @media only screen and (max-width: 1100px) {
    body.startpage .campaign {
      padding: 0 20px; } }
  @media only screen and (max-width: 699px) {
    body.startpage .campaign {
      padding: 0 10px; } }
  body.startpage .campaign h2 {
    color: #e40532;
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase; }
body.startpage .campaign .slideshow {
  width: 100%;
  height: 250px;
  margin-bottom: 0px;
  position: relative; }
body.startpage .campaign .slideshow .slide {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0px;
  top: 0;
  opacity: 0;
  display: none;
  z-index: 5; }
body.startpage .campaign .slideshow .slide_1 {
  opacity: 1;
  display: block; }
body.startpage .campaign .slideshow a {
  float: left;
  width: 100%; }
body.startpage .campaign .slideshow a img {
  float: left;
  width: 100%; }
body.startpage .campaign-pagination {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 10px; }
body.startpage .campaign-pagination ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none; }
body.startpage .campaign-pagination li {
  float: left;
  padding: 0 5px; }
body.startpage .campaign-pagination li a {
  float: left;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #CCC; }
body.startpage .campaign-pagination li a.nav-active {
  background: #666; }
body.startpage .toplist-holder {
  float: left;
  width: 100%; }
  @media only screen and (max-width: 1100px) {
    body.startpage .toplist-holder {
      padding: 0 20px; } }
  @media only screen and (max-width: 699px) {
    body.startpage .toplist-holder {
      padding: 0 10px; } }
  body.startpage .toplist-holder h2 {
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 100px; }
  body.startpage .toplist-holder .toplist {
    float: left;
    width: 33.3%;
    margin-top: 30px; }
    @media only screen and (max-width: 699px) {
      body.startpage .toplist-holder .toplist {
        width: 100%; } }
    body.startpage .toplist-holder .toplist h3 {
      font-size: 16px;
      line-height: 20px;
      position: relative;
      margin: 0px 0 10px;
      padding-bottom: 10px;
      text-transform: uppercase;
      color: #2d4059; }
      body.startpage .toplist-holder .toplist h3:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0%;
        margin-top: -15px;
        width: 55px;
        height: 2px;
        background: #e40532; }
    body.startpage .toplist-holder .toplist .product {
      float: left;
      width: 100%;
      padding: 10px 0;
      border-bottom: 1px solid #EEEEF2; }
      body.startpage .toplist-holder .toplist .product a {
        float: left;
        width: 100%;
        text-align: left;
        text-decoration: none; }
        body.startpage .toplist-holder .toplist .product a img {
          float: left;
          width: 100px; }
        body.startpage .toplist-holder .toplist .product a .info {
          float: left;
          padding-left: 10px;
          width: calc(100% - 100px); }
          body.startpage .toplist-holder .toplist .product a .info h4 {
            margin: 10px 0 0;
            font-size: 15px;
            font-weight: normal; }
          body.startpage .toplist-holder .toplist .product a .info h5 {
            font-size: 13px;
            margin: 5px 0 10px;
            color: #222532;
            font-weight: normal; }

/* Valt bild */
.car {
  float: left;
  width: 100%;
  border: 1px solid #EEEEF2;
  padding: 10px;
  margin: 0; }
  .car a.clear {
    float: right; }

/* filter */
.filter {
  float: left;
  width: 25%;
  padding-right: 20px; }

.filter .block {
  float: left;
  width: 100%;
  padding: 10px 0 5px; }

.filter .head {
  float: left;
  width: 100%;
  font-weight: bold;
  padding-top: 5px; }

.filter .values {
  float: left;
  width: 100%; }

.filter .sub-values {
  float: left;
  width: 100%; }

.filter a {
  float: left;
  padding: 5px;
  margin: 0 5px 5px 0;
  background: #f3f1e9;
  color: #121212;
  padding: 3px 8px;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid #e0ded7; }

.filter a.active {
  background: #c81414;
  border-color: #9b0e0e;
  color: #FFF; }

/* Nytt filter */
.tire-filter {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 2px solid #e40532; }
  .tire-filter a.btn-toggle {
    float: left;
    margin: 10px; }
    @media only screen and (max-width: 699px) {
      .tire-filter a.btn-toggle {
        display: none; } }
    .tire-filter a.btn-toggle span {
      margin: 5px 0 0 5px; }
    .tire-filter a.btn-toggle span.icon-arrow-up {
      display: none; }
    .tire-filter a.btn-toggle span.icon-arrow-down {
      display: inline-block; }
    .tire-filter a.btn-toggle.active span.icon-arrow-up {
      display: inline-block; }
    .tire-filter a.btn-toggle.active span.icon-arrow-down {
      display: none; }
  .tire-filter .row-sort {
    margin-top: 20px; }
  .tire-filter .row.toggle {
    display: none; }
    @media only screen and (max-width: 699px) {
      .tire-filter .row.toggle {
        display: block; } }
  .tire-filter .row {
    float: left;
    width: 100%;
    border-bottom: 1px solid #EEEEF2;
    padding: 5px 0 0px; }
    .tire-filter .row .head {
      float: left;
      width: 15%;
      padding: 5px 0 0 10px; }
      @media only screen and (max-width: 980px) {
        .tire-filter .row .head {
          width: 20%; } }
      @media only screen and (max-width: 699px) {
        .tire-filter .row .head {
          width: 100%;
          padding-left: 0; } }
    .tire-filter .row .values {
      float: left;
      width: 85%; }
      @media only screen and (max-width: 980px) {
        .tire-filter .row .values {
          width: 80%; } }
      @media only screen and (max-width: 699px) {
        .tire-filter .row .values {
          width: 100%; } }
      .tire-filter .row .values label {
        float: left;
        padding: 3px 10px;
        border: 1px solid #EEEEF2;
        background: #f7f7f7;
        font-size: 11px;
        text-transform: uppercase;
        border-radius: 3px;
        cursor: pointer;
        margin: 0 5px 5px 0; }
        .tire-filter .row .values label.selected {
          background: #576c8c;
          color: #FFF;
          border-color: #2d4059; }
      .tire-filter .row .values input {
        position: absolute;
        opacity: 0.001; }
  .tire-filter .desc {
    float: left;
    width: 100%;
    padding: 10px;
    font-size: 13px; }

/* Lista */
table.list {
  border-collapse: collapse; }
  table.list th,
  table.list td {
    text-align: left;
    padding: 10px 20px 10px 10px; }
  table.list thead th {
    border-bottom: 1px solid #EEEEF2; }
  table.list tbody td {
    border-bottom: 1px solid #EEEEF2; }
  table.list th.r,
  table.list td.r {
    text-align: right; }
  table.list tfoot th {
    font-size: 17px;
    padding-top: 20px; }
  table.list input.amount {
    width: 40px;
    text-align: right;
    border: 1px solid #EEEEF2;
    padding: 3px; }
  table.list td td {
    padding: 2px;
    border: 0; }
  table.list tbody tr:nth-child(odd) tr,
  table.list tbody tr tr:nth-child(odd) {
    background: none; }

/* Valj produkt */
.selection div {
  float: left;
  width: 33%;
  padding-right: 1%; }

.selection div.tire {
  width: 34%;
  padding: 0 1%; }

.selection div.rim {
  padding: 0 0 0 1%; }

.selection div h3 {
  float: left;
  width: 100%;
  background: #EEEEF2;
  padding: 10px;
  margin: 0; }

.selection div h3 span {
  font-size: 13px;
  font-weight: 500; }

.selection div ul {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #ccc;
  border-bottom: 0; }

.selection div ul li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc; }

.selection div ul li a {
  float: left;
  width: 100%;
  height: 100%;
  padding: 15px;
  text-decoration: none;
  font-size: 15px; }

.selection div ul li a:hover {
  background: #fafafa; }

.selection div ul li a img {
  vertical-align: middle;
  margin-right: 10px; }

/* Produktlista */
div.product-list {
  float: left;
  width: 80%;
  position: relative;
  margin-top: 20px; }

div.product-list .loading {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 100px;
  color: #0f121f;
  font-size: 22px;
  background: rgba(255, 255, 255, 0.8); }

div.product-list div.product {
  float: left;
  width: 100%;
  border-bottom: 2px solid #EEEEF2;
  padding: 10px 0; }

div.product-list div.product a {
  text-decoration: none; }

div.product-list div.product .thumbnail {
  float: left;
  width: 20%;
  padding-right: 20px; }

div.product-list div.product .thumbnail img {
  float: left;
  max-width: 100%;
  border: 0; }

div.product-list div.product .info {
  float: left;
  width: 45%;
  padding: 10px 0; }

div.product-list div.product .info h3 {
  margin: 0 0 5px; }

div.product-list div.product .info span.size {
  float: left;
  width: 100%; }

div.product-list div.product .info div.ingress {
  float: left;
  width: 100%;
  padding: 10px 0 0; }

div.product-list div.product .info .button {
  clear: both;
  float: left;
  margin-top: 20px; }

div.product-list div.product .info .prices {
  float: left;
  width: 100%;
  margin-top: 20px; }

div.product-list div.product .info th,
div.product-list div.product .info td {
  padding: 5px 20px 5px 10px; }

div.product-list div.product .buy-form {
  float: right;
  width: 28%;
  padding: 20px; }

div.product-list div.product .buy-form .price {
  float: left;
  width: 100%;
  text-align: right;
  margin-bottom: 20px; }

div.product-list div.product .buy-form .price h3 {
  margin: 0;
  font-size: 22px;
  color: #1451a6; }

div.product-list div.product .buy-form .price-campaign h3 {
  color: #CC0000; }

div.product-list div.product .buy-form .price span {
  font-size: 12px;
  padding-top: 3px;
  line-height: 16px; }

div.product-list div.product .buy-form .price span.ord-price {
  text-decoration: line-through; }

div.product-list div.product .product-buy-form input[type=text] {
  width: 40px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #EEEEF2;
  text-align: center;
  margin-right: 5px; }

div.product-list div.product .product-buy-form input[type=submit] {
  float: right;
  cursor: pointer; }

/* Ny produktlista */
.products-list {
  float: left;
  width: 100%; }
  .products-list .loader {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 20px; }
    .products-list .loader h5 {
      margin: 10px 0 0;
      font-size: 17px;
      font-weight: normal;
      text-align: center; }
  .products-list ul.products {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #F7F7F7;
    border-width: 1px 0 0px 1px; }
    .products-list ul.products > li {
      width: 25%;
      border: 1px solid #F7F7F7;
      border-width: 0 1px 1px 0;
      padding: 20px; }
      @media only screen and (max-width: 980px) {
        .products-list ul.products > li {
          width: 33.3%; } }
      @media only screen and (max-width: 699px) {
        .products-list ul.products > li {
          width: 50%;
          padding: 10px; } }
      .products-list ul.products > li:nth-child(4n) div.product a.eu-label-link .eu-label-tooltip {
        right: 0; }
      .products-list ul.products > li div.product {
        float: left;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .products-list ul.products > li div.product a {
          width: 100%;
          text-decoration: none; }
          .products-list ul.products > li div.product a .thumbnail {
            float: left;
            width: 100%;
            text-align: center; }
            .products-list ul.products > li div.product a .thumbnail img {
              max-width: 100%; }
              @media only screen and (max-width: 699px) {
                .products-list ul.products > li div.product a .thumbnail img {
                  /*max-width: 200px;*/ } }
          .products-list ul.products > li div.product a .info {
            display: flex;
            flex-direction: column;
            width: 100%;
            text-align: center; }
            .products-list ul.products > li div.product a .info h3 {
              text-align: center;
              margin-top: 15px; }
              @media only screen and (max-width: 699px) {
                .products-list ul.products > li div.product a .info h3 {
                  font-size: 14px; } }
            .products-list ul.products > li div.product a .info span.size {
              float: left;
              width: 100%;
              text-align: center; }
            .products-list ul.products > li div.product a .info table {
              display: inline-block; }
        .products-list ul.products > li div.product .eu-label-holder {
          display: flex;
          width: 100%;
          justify-content: center;
          margin-top: 20px; }
          .products-list ul.products > li div.product .eu-label-holder a:hover {
            color: #e40532; }
          .products-list ul.products > li div.product .eu-label-holder ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            align-items: center; }
            .products-list ul.products > li div.product .eu-label-holder ul li {
              display: flex;
              align-items: center;
              padding: 0 5px;
              margin-right: 0; }
              .products-list ul.products > li div.product .eu-label-holder ul li img {
                height: 20px;
                margin-right: 3px; }
                @media only screen and (max-width: 699px) {
                  .products-list ul.products > li div.product .eu-label-holder ul li img {
                    height: 16px; } }
              .products-list ul.products > li div.product .eu-label-holder ul li span {
                background: #F7F7F7;
                padding: 3px; }
                @media only screen and (max-width: 699px) {
                  .products-list ul.products > li div.product .eu-label-holder ul li span {
                    font-size: 11px; } }
        .products-list ul.products > li div.product .product-marker {
          position: absolute;
          top: 0;
          left: 0; }
        .products-list ul.products > li div.product .buy-form {
          width: 100%; }
          .products-list ul.products > li div.product .buy-form h4 {
            float: left;
            width: 100%;
            text-align: center;
            margin: 10px 0 0;
            height: 70px; }
          .products-list ul.products > li div.product .buy-form h4 span {
            font-weight: normal;
            font-style: italic; }
          .products-list ul.products > li div.product .buy-form .eu-label {
            float: left;
            width: 100%;
            text-align: center; }
            .products-list ul.products > li div.product .buy-form .eu-label ul {
              display: inline-block;
              list-style: none;
              margin: 0;
              padding: 0; }
              .products-list ul.products > li div.product .buy-form .eu-label ul li {
                padding: 0;
                border: 0;
                margin: 0 5px;
                width: auto;
                font-size: 12px;
                height: auto; }
                .products-list ul.products > li div.product .buy-form .eu-label ul li img {
                  float: left;
                  margin-right: 4px; }
                .products-list ul.products > li div.product .buy-form .eu-label ul li span {
                  float: left; }
          .products-list ul.products > li div.product .buy-form .price {
            float: left;
            width: 100%;
            margin: 20px 0 10px;
            text-align: center; }
            .products-list ul.products > li div.product .buy-form .price h3 {
              float: left;
              width: 100%;
              margin: 0;
              font-size: 20px;
              color: #1451a6; }
              .products-list ul.products > li div.product .buy-form .price h3 span {
                display: inline;
                text-transform: none; }
            .products-list ul.products > li div.product .buy-form .price span {
              float: left;
              width: 100%;
              font-size: 12px;
              padding: 3px 20px 0px; }
            .products-list ul.products > li div.product .buy-form .price .ord-price {
              float: left;
              width: 100%;
              color: #333;
              font-size: 11px;
              margin-top: 0px; }
          .products-list ul.products > li div.product .buy-form .price-campaign h3 {
            color: #CC0000; }
          .products-list ul.products > li div.product .buy-form form {
            float: left;
            width: 100%;
            text-align: center; }
          .products-list ul.products > li div.product .buy-form input[type=text] {
            display: inline-block;
            margin-right: 5px;
            padding: 0 5px;
            line-height: 38px;
            width: 40px;
            text-align: center;
            border: 1px solid #EEEEF2; }
          .products-list ul.products > li div.product .buy-form .btn {
            display: inline-block;
            cursor: pointer; }

/* Kompletta hjul */
.wheels {
  float: left;
  width: 100%; }
  .wheels .notice {
    float: left;
    width: 100%;
    padding-bottom: 20px; }
  .wheels .wheel-list {
    float: left;
    width: 100%; }
    .wheels .wheel-list .selected {
      display: flex;
      width: 100%; }
      @media only screen and (max-width: 699px) {
        .wheels .wheel-list .selected {
          flex-direction: column; } }
    .wheels .wheel-list .product {
      width: 30%;
      padding: 20px;
      border: 2px solid #f7f7f7;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media only screen and (max-width: 699px) {
        .wheels .wheel-list .product {
          width: 100%; } }
      .wheels .wheel-list .product .top .img {
        width: 100%;
        text-align: center; }
        @media only screen and (max-width: 699px) {
          .wheels .wheel-list .product .top .img {
            padding: 0 50px; } }
        .wheels .wheel-list .product .top .img img {
          max-width: 90%; }
      .wheels .wheel-list .product .top .product-info {
        width: 100%; }
        .wheels .wheel-list .product .top .product-info h3 {
          float: left;
          width: 100%;
          margin: 10px 0 0; }
        .wheels .wheel-list .product .top .product-info span.size {
          float: left;
          width: 100%;
          margin: 0px 0 20px; }
        .wheels .wheel-list .product .top .product-info .eu {
          float: left;
          width: 100%; }
      .wheels .wheel-list .product .foot {
        width: 100%;
        margin-top: 10px; }
        .wheels .wheel-list .product .foot .price {
          float: left;
          font-size: 22px;
          color: #2d4059;
          font-family: "Mont";
          line-height: 40px; }
        .wheels .wheel-list .product .foot a {
          float: right; }
          @media only screen and (max-width: 980px) {
            .wheels .wheel-list .product .foot a {
              float: left;
              margin-top: 15px; } }
          @media only screen and (max-width: 699px) {
            .wheels .wheel-list .product .foot a {
              float: right;
              margin-top: 0; } }
    .wheels .wheel-list .wheel-total {
      float: left;
      width: 32%;
      background: #EEEEF2;
      padding: 0;
      margin-left: 4%; }
      @media only screen and (max-width: 699px) {
        .wheels .wheel-list .wheel-total {
          width: 100%;
          margin: 0; } }
      .wheels .wheel-list .wheel-total h3 {
        float: left;
        width: 100%;
        margin: 0;
        background: #2d4059;
        color: #FFF;
        padding: 10px; }
      .wheels .wheel-list .wheel-total .row {
        float: left;
        width: 100%;
        padding: 10px; }
        .wheels .wheel-list .wheel-total .row .head {
          float: left;
          width: 65%; }
        .wheels .wheel-list .wheel-total .row .value {
          float: left;
          width: 35%;
          text-align: right; }
        .wheels .wheel-list .wheel-total .row.sum {
          font-size: 20px;
          font-family: "Mont";
          padding-bottom: 0; }
        .wheels .wheel-list .wheel-total .row.last {
          text-align: right; }
    .wheels .wheel-list .add {
      width: 4%;
      font-size: 32px;
      font-family: "Mont";
      text-align: center;
      color: #2d4059;
      align-self: center; }
      @media only screen and (max-width: 699px) {
        .wheels .wheel-list .add {
          width: 100%;
          padding: 10px 0; } }
    .wheels .wheel-list .wheel-selection {
      float: left;
      display: none;
      position: fixed;
      z-index: 11;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      overflow: auto;
      background: #FFF;
      padding: 30px;
      border: 1px solid #f7f7f7;
      border-width: 1px 0 0px 1px; }
      @media only screen and (max-width: 980px) {
        .wheels .wheel-list .wheel-selection {
          padding: 20px; } }
      @media only screen and (max-width: 699px) {
        .wheels .wheel-list .wheel-selection {
          padding: 10px; } }
      .wheels .wheel-list .wheel-selection h2 {
        float: left;
        width: 100%;
        margin: 0;
        background: #2d4059;
        color: #FFF;
        padding: 20px; }
        .wheels .wheel-list .wheel-selection h2 a {
          float: right;
          color: #FFF;
          text-decoration: none; }
      .wheels .wheel-list .wheel-selection .list {
        display: flex;
        flex-wrap: wrap;
        width: 100%; }
        .wheels .wheel-list .wheel-selection .list a {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          width: 25%;
          text-decoration: none;
          padding: 20px;
          border: 1px solid #EEEEF2;
          border-width: 0 1px 1px 0;
          position: relative; }
          @media only screen and (max-width: 980px) {
            .wheels .wheel-list .wheel-selection .list a {
              width: 50%; } }
          @media only screen and (max-width: 699px) {
            .wheels .wheel-list .wheel-selection .list a {
              width: 100%; } }
          .wheels .wheel-list .wheel-selection .list a .product-marker {
            position: absolute;
            left: 0;
            top: 0; }
      .wheels .wheel-list .wheel-selection .img {
        float: left;
        width: 100%;
        text-align: center; }
        .wheels .wheel-list .wheel-selection .img img {
          max-width: 80%; }
      .wheels .wheel-list .wheel-selection h4 {
        float: left;
        width: 100%;
        margin: 0;
        font-family: "Mont";
        font-size: 14px; }
      .wheels .wheel-list .wheel-selection span.size {
        float: left;
        width: 100%;
        margin-bottom: 10px; }
      .wheels .wheel-list .wheel-selection .eu {
        float: left;
        width: 100%; }
      .wheels .wheel-list .wheel-selection .buy {
        float: left;
        width: 100%;
        margin-top: 20px; }
      .wheels .wheel-list .wheel-selection .price {
        float: left;
        width: 50%;
        font-size: 18px;
        color: #2d4059;
        font-family: "Mont";
        line-height: 40px; }
      .wheels .wheel-list .wheel-selection .price-campaign {
        color: #e40532; }
      .wheels .wheel-list .wheel-selection span.btn {
        float: right; }

body.campaign .main .holder {
  padding-top: 30px; }
body.campaign .holder h1 {
  float: left;
  width: 100%;
  margin-top: 30px; }

div.campaign div.product-list {
  width: 100%; }

div.campaign div.product-list .info {
  width: 57%; }

div.campaign div.product-list .buy-form {
  width: 20%;
  padding-left: 0; }

div.campaign div.product-list .prices {
  float: left;
  width: 100%;
  margin-top: 10px; }

div.campaign div.product-list div.product td .buy-form {
  width: auto;
  padding: 0; }

/* Kompletta hjul */
.complete-suggestion {
  float: left;
  width: 100%;
  margin-bottom: 20px; }

.complete-suggestion .box {
  float: left;
  width: 32%;
  margin: 0 1% 0 0;
  position: relative;
  border: 1px solid #CCC;
  border-radius: 3px; }

.complete-suggestion .box:nth-child(2) {
  width: 32%;
  margin: 0 1%; }

.complete-suggestion .box:nth-child(3) {
  margin: 0 0 0 1%; }

.complete-suggestion .box .tire {
  float: left;
  width: 45%;
  padding: 0 2% 10px;
  margin: 20px 0 0 0px; }

.complete-suggestion .box .tire .img {
  float: left;
  width: 100%;
  height: 100px;
  overflow: hidden;
  text-align: center; }

.complete-suggestion .box .tire .img img {
  max-width: 100%;
  max-height: 100%; }

.complete-suggestion .box .tire h4 {
  float: left;
  clear: both;
  margin: 10px 0 0 0;
  font-size: 12px; }

.complete-suggestion .box .tire h4 span {
  display: block;
  font-weight: normal; }

.complete-suggestion .box div.add {
  float: left;
  width: 10%;
  text-align: center;
  padding-top: 62px; }

.complete-suggestion .box div.price {
  float: left;
  width: 100%;
  padding: 10px;
  background: #CCC; }

.complete-suggestion .box div.price .sum {
  float: left;
  color: #FFF; }

.complete-suggestion .box div.price .head {
  display: inline;
  font-weight: bold;
  font-size: 15px; }

.complete-suggestion .box div.price .price {
  display: inline;
  padding-right: 10px;
  color: #0f121f;
  font-size: 18px;
  font-weight: 900; }

.complete-suggestion .box div.price .red-button {
  float: right; }

.complete-wheel-selected {
  float: left;
  width: 100%;
  margin-bottom: 20px; }

.complete-wheel-selected .step {
  float: left;
  width: 24.25%;
  margin-right: 1%;
  height: 75px;
  background: #EAEAEA;
  border-radius: 3px; }

.complete-wheel-selected .step-active {
  background: #004d95;
  color: #FFF; }

.complete-wheel-selected .step a {
  float: left;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  color: #121212;
  font-size: 12px; }

.complete-wheel-selected .step-active a {
  color: #FFF; }

.complete-wheel-selected .step a h3 {
  margin: 0; }

.complete-wheel-selected .step:nth-child(4) {
  margin-right: 0; }

body.map .main .holder {
  padding-top: 30px; }

/* Produkt sida */
body.product .main .holder {
  padding-top: 30px; }

.product-page {
  float: left;
  width: 100%;
  padding-top: 20px; }
  @media only screen and (max-width: 1100px) {
    .product-page {
      padding: 20px; } }
  @media only screen and (max-width: 699px) {
    .product-page {
      padding: 10px; } }
  .product-page .brand-logo {
    float: right;
    max-width: 140px;
    display: none; }
  .product-page .images {
    float: right;
    clear: right;
    width: 400px; }
    @media only screen and (max-width: 1100px) {
      .product-page .images {
        width: 40%; } }
    @media only screen and (max-width: 699px) {
      .product-page .images {
        width: 100%; } }
    .product-page .images .focus-image {
      float: left;
      width: 100%; }
      .product-page .images .focus-image img {
        max-width: 100%; }
    .product-page .images.images-thumbs .focus-image {
      float: left;
      width: 100%;
      height: 401px;
      position: relative;
      border-bottom: 1px solid #EEEEF2; }
      .product-page .images.images-thumbs .focus-image img {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        max-width: 100%; }
      .product-page .images.images-thumbs .focus-image .image-1 {
        display: block; }
    .product-page .images.images-thumbs .thumbnails {
      float: left;
      width: 100%;
      padding: 20px 0 20px 20px;
      text-align: center; }
      @media only screen and (max-width: 699px) {
        .product-page .images.images-thumbs .thumbnails {
          padding-left: 0; } }
      .product-page .images.images-thumbs .thumbnails a {
        display: inline-block;
        width: 75px;
        height: 75px;
        margin: 0 5px 10px 5px;
        border: 1px solid #EEEEF2; }
        .product-page .images.images-thumbs .thumbnails a.active {
          border-color: #e40532; }
        .product-page .images.images-thumbs .thumbnails a img {
          width: 90%;
          margin: 5%; }
        @media only screen and (max-width: 699px) {
          .product-page .images.images-thumbs .thumbnails a {
            margin: 0 4px 8px 4px; } }
  .product-page .eu_brand {
    float: right;
    width: 400px;
    margin-top: 40px;
    text-align: center; }
    @media only screen and (max-width: 980px) {
      .product-page .eu_brand {
        float: right;
        width: 40%; } }
    @media only screen and (max-width: 699px) {
      .product-page .eu_brand {
        width: 100%; } }
    .product-page .eu_brand .eu-label {
      display: inline-block;
      position: relative;
      width: 200px;
      height: 293px;
      background: url(../images/eulabel.jpg); }
      .product-page .eu_brand .eu-label.eu-label-1 {
        background-image: url(../images/eulabel_1.jpg); }
      .product-page .eu_brand .eu-label.eu-label-2 {
        background-image: url(../images/eulabel_2.jpg); }
      .product-page .eu_brand .eu-label.eu-label-3 {
        background-image: url(../images/eulabel_2.jpg); }
      .product-page .eu_brand .eu-label .marker {
        position: absolute;
        color: #FFF;
        font-size: 18px;
        font-family: "Mont";
        background: url(../images/eulabel_marker.png) no-repeat;
        width: 45px;
        height: 28px;
        padding: 5px 0 0 9px; }
        .product-page .eu_brand .eu-label .marker span {
          font-size: 12px;
          padding-left: 3px; }
      .product-page .eu_brand .eu-label .sound {
        left: 135px;
        bottom: 39px;
        background: none;
        padding: 3px 0 0 0; }
      .product-page .eu_brand .eu-label .rull {
        left: 68px; }
      .product-page .eu_brand .eu-label .wet {
        left: 146px; }
  .product-page .buy-form {
    float: left;
    width: 100%;
    background: #EEEEF2;
    margin: 20px 0;
    padding: 30px; }
    @media only screen and (max-width: 980px) {
      .product-page .buy-form {
        padding: 20px; } }
    @media only screen and (max-width: 699px) {
      .product-page .buy-form {
        display: flex;
        flex-direction: column; } }
    .product-page .buy-form form {
      float: left;
      width: 60%;
      order: 2; }
      @media only screen and (max-width: 699px) {
        .product-page .buy-form form {
          width: 100%; } }
      .product-page .buy-form form label {
        float: left;
        width: 100%;
        font-family: "Mont";
        padding-bottom: 3px;
        font-size: 14px; }
      .product-page .buy-form form select {
        float: left;
        margin-bottom: 10px;
        padding: 6px;
        border: 1px solid #EEEEF2; }
      .product-page .buy-form form input[type=text].amount {
        float: left;
        clear: both;
        line-height: 40px;
        border: 0;
        padding: 0px;
        width: 42px;
        background: #FFF;
        text-align: center;
        font-size: 15px;
        margin-right: 10px; }
      .product-page .buy-form form .btn {
        float: left; }
    .product-page .buy-form .price {
      float: right;
      width: 40%;
      font-size: 28px;
      color: #2d4059;
      order: 1; }
      @media only screen and (max-width: 699px) {
        .product-page .buy-form .price {
          font-size: 24px;
          width: 100%;
          text-align: left;
          padding-bottom: 20px; } }
      .product-page .buy-form .price span {
        float: right;
        font-family: "Mont"; }
        @media only screen and (max-width: 699px) {
          .product-page .buy-form .price span {
            float: left; } }
        .product-page .buy-form .price span.info {
          font-family: 'Mont Book';
          font-weight: normal;
          text-align: right;
          margin-top: 10px;
          width: 100%;
          font-size: 12px;
          line-height: 16px;
          color: #121212; }
    .product-page .buy-form .regnr-box {
      float: left;
      width: 100%;
      margin-top: 20px;
      order: 3; }
    .product-page .buy-form .reg-number-search {
      display: none;
      padding: 30px 0 0; }
      .product-page .buy-form .reg-number-search h3 {
        margin-top: 0; }
      .product-page .buy-form .reg-number-search form {
        padding-top: 0; }
  .product-page .description {
    float: left;
    width: 590px;
    padding-right: 40px; }
    @media only screen and (max-width: 1100px) {
      .product-page .description {
        width: 60%; } }
    @media only screen and (max-width: 699px) {
      .product-page .description {
        width: 100%;
        padding: 0; } }
    .product-page .description h1 {
      font-size: 20px;
      line-height: 32px;
      font-family: 'Mont Book';
      font-weight: normal; }
      @media only screen and (max-width: 699px) {
        .product-page .description h1 {
          font-size: 18px;
          line-height: 22px; } }
      .product-page .description h1 span {
        display: block;
        font-size: 32px;
        font-family: "Mont"; }
        @media only screen and (max-width: 699px) {
          .product-page .description h1 span {
            font-size: 24px;
            line-height: 28px; } }
    .product-page .description .ingress {
      float: left;
      width: 100%; }
    .product-page .description .information {
      float: left;
      width: 100%;
      padding-top: 20px; }
    .product-page .description .run-flat {
      float: left;
      width: 100%;
      display: none;
      padding-top: 20px; }
  .product-page .specification {
    float: left;
    width: 100%; }
    .product-page .specification table.list td, .product-page .specification table.list th {
      border: 0;
      padding: 3px 10px; }
    .product-page .specification img {
      max-width: 300px;
      border: 1px solid #CCC; }
    .product-page .specification.eu-data-specification .eu-label {
      width: 100%; }
  .product-page h2 {
    float: left;
    width: 100%;
    border-bottom: 1px solid #EEEEF2;
    padding-bottom: 10px; }

.eu-label {
  display: flex; }
  .eu-label a {
    text-decoration: none; }
    .eu-label a:hover {
      color: #e40532; }
  .eu-label ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center; }
    .eu-label ul li {
      display: flex;
      align-items: center;
      margin-right: 10px; }
      .eu-label ul li img {
        height: 20px;
        margin-right: 5px; }
      .eu-label ul li span {
        display: flex;
        align-items: flex-end;
        line-height: 100%; }
        .eu-label ul li span div {
          font-size: 11px;
          margin-left: 5px; }

.other-sizes {
  float: left;
  width: 100%;
  margin-top: 30px; }
  .other-sizes h2 {
    float: left;
    width: 100%;
    border-bottom: 1px solid #EEEEF2;
    padding-bottom: 10px; }
  .other-sizes .buy-form .product_form input[type=text] {
    width: 40px;
    border: 1px solid #EEEEF2;
    line-height: 28px;
    text-align: center;
    margin-right: 5px; }
  .other-sizes .buy-form .product_form .btn-small {
    line-height: 30px; }
  .other-sizes .data {
    float: left;
    width: 100%; }
    .other-sizes .data th {
      font-family: "Mont";
      font-size: 15px;
      padding-top: 15px; }
    .other-sizes .data td {
      padding: 5px 10px; }
      .other-sizes .data td td {
        padding: 2px; }

/* Kalender */
.calendar {
  float: left;
  width: 100%; }

.calendar table {
  width: 100%; }

.calendar .select-time {
  float: left;
  width: 100%;
  margin-top: 10px;
  border: 1px solid #CCC; }

.calendar .prev,
.calendar .next {
  width: 30%; }

.calendar .header {
  width: 40%;
  text-align: center; }

.calendar .prev-week {
  float: left; }

.calendar .next-week {
  float: right; }

.calendar .day {
  float: left;
  width: 14.2%;
  padding: 20px;
  border-right: 1px solid #CCC; }

.calendar .day:nth-child(7) {
  border-right: 0px; }

.calendar .day .head {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  text-align: center; }

.calendar .day-1 {
  clear: both; }

.calendar .day h5 {
  float: left;
  width: 100%;
  margin: 0;
  font-weight: bold;
  font-size: 13px; }

.calendar .day a {
  float: left;
  width: 100%;
  background: #f3f1e9;
  border: 1px solid #e0ded7;
  margin-bottom: 3px;
  padding: 5px 0;
  text-align: center;
  border-radius: 3px;
  text-decoration: none;
  color: #121212; }

.calendar .day a.active {
  background-color: #FFE000;
  border-color: #ffc000; }

/* Forsta steget i kassan */
.checkout .main .holder {
  padding-top: 30px; }
  @media only screen and (max-width: 699px) {
    .checkout .main .holder {
      padding-top: 0; }
      .checkout .main .holder .car {
        margin-bottom: 20px; } }
.checkout .main h2 {
  padding-bottom: 10px;
  position: relative;
  margin-top: 60px;
  padding-top: 10px; }
  .checkout .main h2:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0%;
    margin-top: -15px;
    width: 55px;
    height: 2px;
    background: #e40532; }
.checkout .list span {
  display: block;
  font-size: 12px; }
.checkout .tire-insurance {
  float: left;
  width: 100%; }
.checkout .buy-form {
  float: left;
  margin-top: 20px; }
  .checkout .buy-form input[type=submit] {
    float: left; }
  .checkout .buy-form .amount {
    float: left;
    width: 40px;
    line-height: 26px;
    height: 26px;
    border: 1px solid #EEEEF2;
    text-align: center;
    margin-right: 5px; }
  .checkout .buy-form .price {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    font-family: "Mont";
    color: #2d4059;
    font-size: 18px; }

.checkout-time .main .holder {
  padding-top: 30px; }

/* Sista steget i kassan */
.payment .main .holder {
  padding-top: 30px; }
.payment .main h3 {
  float: left;
  width: 100%;
  background: #2d4059;
  color: #FFF;
  line-height: 40px;
  padding: 0px 20px;
  margin: 0; }
.payment .main .field {
  float: left;
  width: 100%;
  padding: 20px 20px 0px 20px;
  border: 1px solid #EEEEF2;
  border-width: 0 1px; }
.payment .main .user-information {
  float: left;
  width: 400px;
  padding-bottom: 0px;
  border-radius: 3px; }
.payment .main .user-information .field-zipcode {
  width: 28%;
  padding-right: 0;
  border-right: 0; }
.payment .main .user-information .field-city {
  width: 72%;
  padding-left: 5px;
  border-left: 0; }
.payment .main .user-information .regnr-payment {
  float: left; }
.payment .main .user-information .field-regnr {
  padding-bottom: 30px;
  border-width: 0 1px 1px; }
.payment .main .user-information .field-regnr input[type=text] {
  width: 40%;
  border-radius: 0 3px 3px 0;
  border-left: 0; }
.payment .main .user-information label {
  display: block;
  font-family: "Mont";
  padding-bottom: 3px; }
.payment .main .user-information input[type=text] {
  padding: 10px;
  width: 100%;
  border: 1px solid #EEEEF2; }
.payment .main .user-information span.error {
  float: left;
  width: 100%;
  color: #e40532;
  padding-top: 2px; }
.payment .main .contractor-info {
  float: left;
  width: 100%;
  margin-bottom: 20px; }
.payment .main .payment-info {
  margin-top: 40px; }
.payment .main .contractor-info .field,
.payment .main .mount-time .field,
.payment .main .reg-number .field,
.payment .main .payment-options .field,
.payment .main .cart .field {
  border-width: 0 1px 1px;
  padding-bottom: 20px; }
.payment .main .mount-time {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold; }
.payment .main .mount-time span {
  font-size: 14px;
  font-weight: normal; }
.payment .main .reg-number {
  float: left;
  width: 100%;
  margin-bottom: 20px; }
  .payment .main .reg-number span {
    font-size: 14px;
    font-weight: normal; }
  .payment .main .reg-number input {
    padding: 10px;
    width: 120px;
    border: 1px solid #EEEEF2; }
  .payment .main .reg-number span.error {
    float: left;
    width: 100%;
    color: #e40532;
    padding-top: 2px; }
.payment .main .cart {
  float: left;
  width: 100%;
  margin-bottom: 20px; }
.payment .main .cart td span {
  display: block; }
.payment .main .cart th {
  font-family: "Mont"; }
.payment .main .submit {
  float: left;
  width: 100%;
  margin-top: 40px;
  text-align: right; }
.payment .main .payment-options {
  float: left;
  width: 100%;
  margin-bottom: 20px; }
  .payment .main .payment-options ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column; }
    .payment .main .payment-options ul li {
      display: flex;
      margin-bottom: 5px;
      width: 100%;
      height: 50px; }
      .payment .main .payment-options ul li label {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #CCC;
        padding: 10px 10px 10px 15px;
        width: 100%;
        border-radius: 5px;
        font-size: 14px; }
        .payment .main .payment-options ul li label .input {
          display: flex;
          align-items: center; }
          .payment .main .payment-options ul li label .input input {
            margin: 0 10px 0 0; }
        .payment .main .payment-options ul li label:hover {
          cursor: pointer; }
        .payment .main .payment-options ul li label img {
          height: 100%; }

/* Resurs betalning */
body.payment_resurs {
  background: #FFF; }
  body.payment_resurs header,
  body.payment_resurs .menu,
  body.payment_resurs .main .car,
  body.payment_resurs footer {
    display: none; }
  body.payment_resurs .logo {
    display: flex;
    justify-content: center;
    padding: 50px 0; }
    body.payment_resurs .logo img {
      height: 100px; }

/* Resurs betalning */
body.payment_shop .main .holder {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 600px; }
  body.payment_shop .main .holder .payment-block {
    width: 600px; }
    body.payment_shop .main .holder .payment-block form {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      justify-content: center; }
      body.payment_shop .main .holder .payment-block form h3 {
        margin: 30px 0 10px;
        width: 100%; }
      body.payment_shop .main .holder .payment-block form .field {
        border: 1px solid #CCC;
        width: 100%;
        position: relative;
        border-width: 1px 1px 0 1px; }
        body.payment_shop .main .holder .payment-block form .field label {
          position: absolute;
          left: 15px;
          top: 19px;
          font-size: 15px;
          transition: all .15s ease-out;
          color: #666; }
        body.payment_shop .main .holder .payment-block form .field.field-error label {
          display: none; }
        body.payment_shop .main .holder .payment-block form .field input {
          border: 0;
          padding: 25px 20px 15px 15px;
          width: 100%; }
          body.payment_shop .main .holder .payment-block form .field input:focus {
            outline: none; }
          body.payment_shop .main .holder .payment-block form .field input:focus + label {
            font-size: 11px;
            top: 8px; }
        body.payment_shop .main .holder .payment-block form .field.field-zipcode {
          width: 40%; }
        body.payment_shop .main .holder .payment-block form .field.field-city {
          width: 60%;
          border-left: 0; }
        body.payment_shop .main .holder .payment-block form .field.field-phone {
          border-width: 1px; }
        body.payment_shop .main .holder .payment-block form .field.not-empty label {
          font-size: 11px;
          top: 8px; }
        body.payment_shop .main .holder .payment-block form .field span.error {
          color: #e40532;
          display: flex;
          align-items: center;
          position: absolute;
          left: 15px;
          top: 20px; }
          body.payment_shop .main .holder .payment-block form .field span.error div.icon {
            width: 20px;
            height: 20px;
            margin-right: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Mont';
            border: 2px solid #e40532;
            border-radius: 20px; }
      body.payment_shop .main .holder .payment-block form .sum {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 30px 0; }
        body.payment_shop .main .holder .payment-block form .sum span {
          font-weight: bold;
          font-size: 24px;
          font-family: 'Mont';
          color: #2d4059; }
        body.payment_shop .main .holder .payment-block form .sum label {
          font-size: 14px;
          margin-bottom: 8px; }
      body.payment_shop .main .holder .payment-block form input[type=submit] {
        width: 470px;
        height: 70px;
        font-size: 16px;
        font-style: normal;
        border-radius: 6px;
        background: #2d4059; }

div.eu-label-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  align-items: center;
  justify-content: center;
  z-index: 10; }
  div.eu-label-popup .eu-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 320px;
    background: #FFF;
    padding: 20px; }
    div.eu-label-popup .eu-content a {
      width: auto !important;
      margin-bottom: 20px;
      text-decoration: none; }
    div.eu-label-popup .eu-content span {
      font-size: 24px; }
    div.eu-label-popup .eu-content img {
      max-width: 100%;
      border: 1px solid #CCC; }

/* 404 */
body.no-found {
  padding: 40px 10%; }

body.no-found h1 {
  font-size: 24px; }

.mobile-only {
  display: none; }

/* Ipad */
@media only screen and (max-width: 980px) {
  h1 {
    font-size: 36px;
    line-height: 42px; }

  .reg-number-search .regnr-number-box {
    height: auto; }

  .reg-number-search input.regnr {
    width: 240px; }

  .selection div h3 span {
    font-size: 11px; }

  .products .reg-number-search {
    float: right;
    width: 100%; }

  .filter {
    width: 60%;
    padding-left: 20px;
    padding-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #EEEEF2; }

  .filter .head {
    width: 15%; }

  .filter .values {
    width: 85%; }

  div.product-list {
    width: 100%; }

  .product-boxes-suggestion .box {
    width: 49%; }

  .complete-suggestion .box:nth-child(2) {
    width: 49%;
    margin: 0 0 0 1%; }

  .product-boxes-suggestion .box:nth-child(3) {
    display: none; }

  .checkout .main,
  .checkout-time .main,
  .payment .main,
  .select .main,
  .products .main {
    padding: 20px 2%; }

  .payment .main .user-information {
    width: 48%;
    margin-right: 2%; }

  .payment .main .contractor-info {
    margin-left: 2%;
    margin-right: 0; }

  div.campaign .main {
    padding: 0 1%; }

  div.campaign div.product-list div.product .info {
    width: 58%; }

  div.campaign div.product-list div.product .buy-form {
    width: 22%;
    padding-left: 0; } }
/* Mobil */
@media only screen and (max-width: 699px) {
  .mobile-only {
    display: block; }

  .no-mobile {
    display: none; }

  h1 {
    font-size: 24px;
    line-height: 28px; }

  .reg-number-search .regnr-number-box {
    height: auto; }

  .reg-number-search .reg-header {
    font-size: 14px; }

  .reg-number-search input.regnr {
    line-height: 37px; }

  .reg-number-search input[type="submit"] {
    float: left;
    margin: 10px 0 0 0;
    clear: both; }

  .selection div,
  .selection div.tire,
  .selection div.rim {
    width: 100%;
    padding: 0;
    margin-bottom: 10px; }

  .complete-suggestion {
    display: none; }

  .complete-wheel-selected .step {
    width: 100%;
    height: auto;
    margin-bottom: 2px; }

  .complete-wheel-selected .step div {
    display: none; }

  .filter {
    padding: 20px 0; }

  .filter .head {
    width: 25%; }

  .filter .values {
    width: 75%; }

  div.product-list div.product .thumbnail {
    width: 30%;
    padding-right: 0;
    padding-top: 10px; }

  div.product-list div.product .info {
    width: 70%;
    padding-left: 10px; }

  div.product-list div.product .info .button {
    margin-top: 10px; }

  div.product-list div.product .buy-form {
    width: 100%;
    padding: 10px 10px 0; }

  div.product-list div.product .buy-form .price {
    width: auto;
    margin-top: 10px; }

  div.product-list div.product .buy-form .price h3 {
    font-size: 18px; }

  .buy-form .amount {
    clear: none; }

  .mobile-cart .row {
    float: left;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #EEEEF2; }

  .mobile-cart .row .name {
    float: left;
    width: 50%;
    font-weight: bold; }

  .mobile-cart .row .name span {
    display: block;
    font-weight: normal; }

  .mobile-cart .row .form {
    float: left;
    width: 38%;
    padding-left: 10px; }

  .mobile-cart .row .form .amount input {
    float: left;
    text-align: right;
    padding: 5px;
    width: 40px;
    border: 1px solid #EEEEF2; }

  .mobile-cart .row .form .price {
    float: right;
    margin-top: 5px; }

  .mobile-cart .row a.remove {
    float: right;
    margin: 5px 5px 0 0; }

  .calendar h3 {
    margin-top: 10px; }

  .calendar .day {
    width: 100%; }

  .calendar .day a {
    width: 32%;
    margin-right: 3px; }

  .calendar .day-no-times {
    display: none; }

  .calendar .day-inactive {
    display: none; }

  .payment .main .user-information {
    width: 100%;
    margin-right: 0; }

  .payment .main .contractor-info {
    margin-left: 0;
    margin-top: 20px; }

  .payment .main .mount-time {
    margin-top: 20px; }

  .payment .main .cart {
    margin: 20px 0 0 0;
    padding: 0;
    border: 0;
    border-radius: 0; }

  .payment .main .cart .field {
    padding: 10px; }

  .payment .main .cart td.price-each,
  .payment .main .cart th.price-each {
    display: none; }

  .site footer .menu {
    width: 100%; }

  .site footer .contact {
    width: 100%;
    padding: 20px 20px; }

  div.campaign div.product-list div.product .info {
    width: 70%; }

  div.campaign div.product-list div.product div.buy-form {
    display: none; }

  div.campaign div.product-list div.product td div.buy-form {
    display: block; }

  div.campaign div.product-list div.product .prices table {
    width: 100%; }

  div.campaign .buy-form .amount {
    display: none; }

  /* Ny produktlista */
  .products-list ul.products li .img img {
    max-height: 200px; }

  .products-list ul.products li h4 {
    height: auto;
    font-size: 18px;
    line-height: 24px; }

  .products-list ul.products li h4 span {
    font-size: 16px; }

  .products-list ul.products li .eu-label {
    margin-top: 10px; }

  .products-list ul.products li .eu-label ul li {
    font-size: 13px; }

  .products-list ul.products li .price {
    height: auto; }

  .products-list ul.products li .price h3 {
    font-size: 32px;
    margin-top: 10px;
    line-height: 31px; }

  .products-list ul.products li .amount {
    padding-right: 20px; }

  .products-list ul.products li .amount input {
    font-size: 15px;
    padding: 10px; }

  .products-list ul.products li .green-button {
    font-size: 18px;
    padding: 10px 24px; }

  .tire-filter-head {
    float: left;
    width: 100%;
    padding: 10px;
    font-weight: bold;
    background: #1451a6;
    color: #FFF;
    text-decoration: none;
    margin-bottom: 10px; } }
a.eu-label-link {
  position: relative; }
  a.eu-label-link .eu-label-tooltip {
    position: absolute;
    bottom: 30px;
    display: none;
    background: #FFF;
    padding: 10px;
    border: 1px solid #EEEEF2;
    z-index: 100%; }
    a.eu-label-link .eu-label-tooltip img {
      max-width: 300px; }
  @media only screen and (min-width: 820px) {
    a.eu-label-link:hover .eu-label-tooltip {
      display: block; } }

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