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

body {
  margin: 0;
  padding: 0px;
  background-color: #f0f0f0;
  color: #262626; }

body, td, th, input, select, textarea {
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 1;
  color: #262626; }

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

a.btn,
div.btn,
span.btn,
input[type=submit],
input[type=button] {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
  line-height: 100%;
  background: #ef3c30;
  color: #FFF;
  padding: 12px 20px;
  border-radius: 20px;
  border: 0;
  text-transform: uppercase;
  font-weight: bold; }

a.green,
input[type=submit].green {
  background: #5ab451; }

a.black,
input[type=submit].black {
  background: #000; }

a.btn-small,
div.btn-small,
span.btn-small,
input[type=submit].btn-small,
input[type=button].btn-small {
  font-size: 12px;
  line-height: 17px;
  border-radius: 15px;
  padding: 6px 14px;
  background: #000; }

a.btn-r {
  float: right; }

/* form */
input[type=email],
input[type=text],
input[type=password],
select,
textarea {
  border: 1px solid #999;
  padding: 10px; }

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

p {
  margin: 0;
  line-height: 140%; }

.hidden {
  display: none; }

/* Shadow */
.shadow {
  display: none;
  position: fixed;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  transition: opacity .3s ease; }

body.shadow-shown .shadow {
  display: block; }
body.shadow-shown .top .cart-holder {
  display: none; }

/* Content */
.content-holder {
  display: inline-block;
  width: 900px;
  text-align: left;
  vertical-align: bottom;
  max-width: 100%; }
  @media screen and (max-width: 1020px) {
    .content-holder {
      width: 100%; } }

body.logged-in .content-holder {
  width: 1200px; }

/* Rubriker */
h1 {
  text-transform: uppercase;
  font-size: 38px;
  line-height: 110%;
  letter-spacing: 1px; }
  @media screen and (max-width: 700px) {
    h1 {
      font-size: 28px; } }

body.logged-in h1 {
  font-size: 30px; }
  @media screen and (max-width: 700px) {
    body.logged-in h1 {
      font-size: 28px; } }

/* Lista */
table.list {
  border-collapse: collapse; }
  table.list td,
  table.list th {
    text-align: left;
    padding: 10px 10px;
    border-bottom: 1px solid #f0f0f0; }
  table.list th {
    border-color: #CCC; }
  table.list td.r,
  table.list th.r {
    text-align: right; }
  table.list tbody tr:nth-child(odd) td {
    background: #f7f7f7; }
    table.list tbody tr:nth-child(odd) td table td, table.list tbody tr:nth-child(odd) td table th {
      padding: 0;
      border: 0; }
  table.list tbody tr table td {
    border: 0;
    padding: 0; }
  table.list tbody tr table tr:nth-child(odd) td {
    background: none; }
  table.list tbody td.pagination .info {
    float: left; }
  table.list tbody td.pagination .pages {
    float: right; }
    table.list tbody td.pagination .pages td {
      padding-left: 5px; }

/* Priser */
div.price-netto h3 {
  color: #CC0000; }

div.price-customer h3,
div.price-customer_mount h3 {
  color: green; }

/* Box */
div.box {
  float: left;
  width: 100%;
  background: #f0f0f0;
  padding: 20px 20px 15px; }
  div.box .field {
    float: left;
    margin: 0 5px 5px 0; }
    div.box .field label {
      display: block;
      padding-bottom: 3px;
      font-weight: bold; }

/* Struktur */
div.top-bar {
  width: 100%;
  height: 5px;
  background: #ef3c30; }

/* Menu */
.mobile-menu-shown {
  overflow-y: hidden; }

.mobile-menu-shown div.top .menu {
  left: 0; }

.mobile-shadow-shown .shadow {
  opacity: 1;
  display: block; }

/* Flash */
.flash {
  float: left;
  width: 100%;
  margin: 0;
  position: relative;
  z-index: 1; }
  .flash span {
    float: left;
    width: 100%;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    background: #6dde62;
    padding: 40px 20px;
    color: #285524; }
  .flash span.error {
    border-color: #990000;
    background-color: #e30613;
    font-weight: bold;
    color: #FFF; }

/* Lagt i kundvagn */
.cart-confirm {
  display: none;
  position: fixed;
  z-index: 11;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }
  .cart-confirm .cart-confirm-block {
    background: #FFF;
    display: flex;
    padding: 30px;
    justify-content: center;
    position: relative;
    max-width: 96%;
    box-shadow: 0 0 15px #333; }
    @media screen and (max-width: 700px) {
      .cart-confirm .cart-confirm-block {
        padding: 20px; } }
    .cart-confirm .cart-confirm-block .info {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .cart-confirm .cart-confirm-block .info h2 {
        margin: 10px 0 20px;
        text-align: center; }
      .cart-confirm .cart-confirm-block .info a.close-confirm {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 18px;
        color: #262626; }
      .cart-confirm .cart-confirm-block .info div.buttons {
        display: flex;
        margin-top: 20px; }
        @media screen and (max-width: 700px) {
          .cart-confirm .cart-confirm-block .info div.buttons {
            flex-direction: column; } }
        .cart-confirm .cart-confirm-block .info div.buttons a {
          margin: 0 5px;
          text-align: center; }
          @media screen and (max-width: 700px) {
            .cart-confirm .cart-confirm-block .info div.buttons a {
              margin: 5px 0; } }

/* Topp */
div.top {
  width: 100%;
  position: relative;
  text-align: center;
  background: url(../images/bg/summer_2.jpg) no-repeat;
  background-size: cover;
  background-position: center -555px; }
  @media screen and (max-width: 700px) {
    div.top {
      background-position: center -126px; } }
  div.top:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    z-index: 0; }
  div.top .content-holder {
    padding-bottom: 15px;
    position: relative;
    z-index: 3; }
    @media screen and (max-width: 1240px) {
      div.top .content-holder {
        padding: 0 20px 10px; } }
    @media screen and (max-width: 700px) {
      div.top .content-holder {
        padding: 0 10px 10px; } }
  div.top .logo {
    float: left;
    margin-top: 26px; }
    @media screen and (max-width: 700px) {
      div.top .logo {
        margin-top: 0; } }
    div.top .logo a {
      display: flex; }
      div.top .logo a img {
        height: 44px; }
        @media screen and (max-width: 700px) {
          div.top .logo a img {
            height: 32px; } }
    div.top .logo a#logo-115 img {
      height: 70px; }
    @media screen and (max-width: 700px) {
      div.top .logo {
        padding: 10px 20px 0; } }
  div.top .language {
    float: right;
    display: flex;
    align-items: center;
    margin-top: 5px; }
    div.top .language span {
      margin-right: 5px;
      color: #FFF;
      font-size: 12px; }
    div.top .language form {
      display: flex; }
      div.top .language form label {
        display: flex;
        margin-left: 5px;
        position: relative;
        cursor: pointer; }
        div.top .language form label input {
          position: absolute;
          opacity: 0.001;
          z-index: -1; }
        div.top .language form label img {
          width: 22px;
          border: 2px solid #FFF;
          border-radius: 30px; }
    div.top .language select, div.top .language option {
      padding: 2px;
      font-size: 12px; }
    @media screen and (max-width: 700px) {
      div.top .language {
        display: none; } }
  div.top .cart-holder {
    float: left;
    color: #262626;
    margin: 15px 0 0 120px; }
    @media screen and (max-width: 1020px) {
      div.top .cart-holder {
        margin-left: 40px; } }
    div.top .cart-holder .cart {
      float: left;
      width: 100%;
      border-radius: 50px;
      padding: 10px 20px;
      display: flex;
      align-items: center;
      background: #FFF;
      /*#000*/ }
      div.top .cart-holder .cart.cart-loader {
        padding: 22px 0;
        width: 450px;
        justify-content: center; }
        div.top .cart-holder .cart.cart-loader img {
          height: 11px; }
      div.top .cart-holder .cart a.btn {
        margin-left: 30px; }
        @media screen and (max-width: 700px) {
          div.top .cart-holder .cart a.btn {
            display: none; } }
        @media screen and (max-width: 1020px) {
          div.top .cart-holder .cart a.btn {
            margin-left: 15px; } }
      div.top .cart-holder .cart span.icon-shopping-cart {
        font-size: 24px;
        margin-right: 20px;
        color: #262626; }
        @media screen and (max-width: 700px) {
          div.top .cart-holder .cart span.icon-shopping-cart {
            margin: 0;
            color: #FFF; } }
      div.top .cart-holder .cart .cart-data {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column; }
        div.top .cart-holder .cart .cart-data .amount-price {
          width: 100%;
          display: flex;
          align-items: flex-end;
          padding-bottom: 5px; }
          div.top .cart-holder .cart .cart-data .amount-price .price div {
            display: none; }
            div.top .cart-holder .cart .cart-data .amount-price .price div h3 {
              margin: 0 0 0 10px; }
          @media screen and (max-width: 1020px) {
            div.top .cart-holder .cart .cart-data .amount-price .amount {
              display: none; } }
        div.top .cart-holder .cart .cart-data .volume-discount,
        div.top .cart-holder .cart .cart-data .shipping-left {
          font-size: 11px;
          line-height: 14px; }
          div.top .cart-holder .cart .cart-data .volume-discount div.price div,
          div.top .cart-holder .cart .cart-data .shipping-left div.price div {
            display: none; }
        @media screen and (max-width: 700px) {
          div.top .cart-holder .cart .cart-data {
            display: none; } }
      div.top .cart-holder .cart ul.volume-list {
        list-style: none;
        margin: 0;
        padding: 0; }
        div.top .cart-holder .cart ul.volume-list li {
          font-size: 11px;
          line-height: 14px; }
      @media screen and (max-width: 700px) {
        div.top .cart-holder .cart {
          width: auto;
          padding: 0;
          background: none;
          border-radius: 0; }
          div.top .cart-holder .cart a {
            width: 52px;
            height: 52px;
            text-align: center;
            display: flex;
            justify-content: center; }
            div.top .cart-holder .cart a span {
              align-self: center; }
          div.top .cart-holder .cart p {
            display: none; } }
    @media screen and (max-width: 700px) {
      div.top .cart-holder {
        margin: 0;
        background: none;
        float: right; } }
  div.top .info-box {
    float: right;
    color: #FFF;
    margin-top: 10px;
    display: flex;
    flex-direction: column; }
    div.top .info-box ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center; }
      div.top .info-box ul li {
        border-left: 1px solid #333;
        padding: 0 10px 0 10px; }
        div.top .info-box ul li .language {
          margin-top: 0; }
          div.top .info-box ul li .language span, div.top .info-box ul li .language select, div.top .info-box ul li .language option {
            font-size: 13px; }
        div.top .info-box ul li a {
          font-size: 13px; }
        div.top .info-box ul li:nth-child(1) {
          border: 0;
          padding-left: 0; }
    div.top .info-box .contractor {
      line-height: 140%;
      margin-top: 8px;
      padding-top: 6px;
      border-top: 1px solid #666;
      font-size: 13px; }
      div.top .info-box .contractor select {
        margin-top: 2px; }
      div.top .info-box .contractor select, div.top .info-box .contractor option {
        padding: 2px;
        font-size: 13px; }
    @media screen and (max-width: 700px) {
      div.top .info-box {
        display: none; } }
  div.top .mobile-menu {
    display: none; }
    @media screen and (max-width: 700px) {
      div.top .mobile-menu {
        display: flex;
        justify-content: center;
        float: right;
        height: 52px;
        width: 52px;
        color: #FFF;
        font-size: 40px;
        position: relative;
        z-index: 12;
        margin-right: -10px; }
        div.top .mobile-menu span {
          align-self: center; } }
  div.top .menu {
    float: right;
    clear: right; }
    div.top .menu ul {
      float: left;
      list-style: none;
      margin: 30px 0 0;
      padding: 0; }
      div.top .menu ul li {
        float: left;
        margin-left: 40px;
        padding-bottom: 5px; }
        div.top .menu ul li a {
          float: left;
          color: #FFF;
          text-transform: uppercase;
          font-weight: bold;
          font-size: 14px;
          letter-spacing: 1px; }
      div.top .menu ul li.active {
        border-bottom: 3px solid #ef3c30; }
    div.top .menu .language {
      display: none; }
    @media screen and (max-width: 700px) {
      div.top .menu {
        position: fixed;
        top: 0;
        left: -70%;
        width: 70%;
        height: 100%;
        background: #1a1a1a;
        z-index: 10;
        transition: left .3s ease;
        overflow-x: hidden;
        overflow-y: auto; }
        div.top .menu ul {
          margin-top: 20px; }
          div.top .menu ul.logged-in {
            margin-top: 30px;
            border-top: 1px solid #000; }
            div.top .menu ul.logged-in li a {
              display: none; }
              div.top .menu ul.logged-in li a.help {
                display: block; }
            div.top .menu ul.logged-in li ul {
              margin-top: 0; }
              div.top .menu ul.logged-in li ul li a {
                display: block; }
          div.top .menu ul li {
            width: 100%;
            margin-left: 0;
            padding: 0; }
            div.top .menu ul li a {
              float: left;
              width: 100%;
              padding: 12px 0 12px 14px;
              text-transform: none;
              font-weight: normal;
              letter-spacing: 0;
              font-size: 16px;
              border-left: 6px solid transparent; }
          div.top .menu ul li.active {
            border: 0; }
          div.top .menu ul li.active a {
            border-color: #ef3c30;
            background: #000;
            border-bottom: 0; }
        div.top .menu .language {
          float: left;
          margin-top: 30px;
          display: inline-block;
          padding-left: 20px; }
          div.top .menu .language span {
            font-size: 14px;
            line-height: 25px; }
          div.top .menu .language select, div.top .menu .language option {
            padding: 3px;
            font-size: 14px; } }
  div.top .info {
    clear: both;
    float: left;
    width: 52%;
    color: #FFF;
    margin-top: 40px; }
    @media screen and (max-width: 1020px) {
      div.top .info {
        width: 54%; } }
    @media screen and (max-width: 700px) {
      div.top .info {
        width: 100%; } }
    div.top .info h1 {
      margin: 0 0 20px; }
      @media screen and (max-width: 1020px) {
        div.top .info h1 {
          font-size: 31px; } }
      @media screen and (max-width: 700px) {
        div.top .info h1 {
          font-size: 26px;
          line-height: 130%; } }
    div.top .info a.btn {
      margin-right: 5px; }
    @media screen and (min-width: 700px) {
      div.top .info a.btn-login {
        display: none; } }
  div.top .login {
    float: right;
    width: 40%;
    position: relative;
    border-radius: 5px;
    background: #FFF;
    padding: 30px;
    margin-top: 40px;
    box-shadow: 0 0 14px #000; }
    @media screen and (max-width: 1020px) {
      div.top .login {
        padding: 20px; } }
    @media screen and (max-width: 700px) {
      div.top .login {
        width: 100%;
        display: none; } }
    div.top .login h2 {
      margin: 0 0 20px;
      text-transform: uppercase;
      font-size: 18px; }
    div.top .login div.input {
      float: left;
      width: 100%;
      margin-bottom: 10px; }
      div.top .login div.input label {
        display: block;
        font-size: 12px;
        text-transform: uppercase;
        padding-bottom: 4px; }
      div.top .login div.input input[type=email],
      div.top .login div.input input[type=text],
      div.top .login div.input input[type=password] {
        width: 100%; }
    div.top .login input[type=submit] {
      margin-top: 10px; }
    div.top .login a.forgot {
      font-size: 13px;
      margin-left: 5px; }
    div.top .login img.stack {
      position: absolute;
      width: 120px;
      right: 5px;
      bottom: 10px; }
      @media screen and (max-width: 1020px) {
        div.top .login img.stack {
          display: none; } }
  div.top .movie {
    float: left;
    width: 100%;
    text-align: center;
    margin: 40px 0 0; }
    div.top .movie div {
      display: inline-block;
      border: 2px solid #000;
      width: 560px;
      height: 315px;
      box-shadow: 0 0 14px #000; }
      @media screen and (max-width: 700px) {
        div.top .movie div {
          width: 320px;
          height: 180px; } }
      div.top .movie div iframe {
        width: 100%;
        height: 100%; }
  div.top .contact-bar {
    float: left;
    width: 100%;
    background: #FFF;
    border-radius: 5px;
    margin-top: 40px;
    box-shadow: 0 0 14px #000; }
    div.top .contact-bar ul {
      float: left;
      width: 100%;
      list-style: none;
      padding: 0;
      margin: 0; }
      div.top .contact-bar ul li {
        float: left;
        width: 25%;
        text-align: center;
        padding: 20px 0;
        border-right: 1px solid #CCC; }
        @media screen and (max-width: 700px) {
          div.top .contact-bar ul li {
            width: 50%;
            font-size: 14px; } }
      @media screen and (max-width: 700px) {
        div.top .contact-bar ul li:nth-child(1),
        div.top .contact-bar ul li:nth-child(4) {
          display: none; }
        div.top .contact-bar ul li:nth-child(3) {
          border: 0; } }
      div.top .contact-bar ul li:nth-child(4) {
        border: 0; }
  div.top .boxes {
    width: 100%;
    border-top: 2px solid #FFF;
    margin-top: 30px;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 700px) {
      div.top .boxes {
        padding: 20px 0; } }
    div.top .boxes .content-holder {
      padding-bottom: 0; }
    div.top .boxes ul {
      display: inline-block;
      vertical-align: bottom;
      width: 100%;
      list-style: none;
      padding: 0;
      margin: 0;
      border: 2px solid #FFF;
      border-width: 0 2px; }
      @media screen and (max-width: 700px) {
        div.top .boxes ul {
          border: 0; } }
      div.top .boxes ul li {
        float: left;
        width: 33.3%;
        height: 70px;
        border-right: 2px solid #FFF;
        padding: 15px 0;
        color: #FFF;
        text-align: center; }
        @media screen and (max-width: 1020px) {
          div.top .boxes ul li {
            height: 80px; } }
        @media screen and (max-width: 700px) {
          div.top .boxes ul li {
            width: 100%;
            height: auto;
            text-align: left;
            border: 0;
            padding: 10px 0; } }
        div.top .boxes ul li div {
          display: inline-block;
          padding: 0 10px; }
          @media screen and (max-width: 700px) {
            div.top .boxes ul li div {
              padding: 0; } }
          div.top .boxes ul li div .icon-check {
            float: left;
            text-align: center;
            border-radius: 30px;
            width: 40px;
            height: 40px;
            padding: 6px 0 0 0;
            border: 2px solid #FFF;
            font-size: 22px; }
          div.top .boxes ul li div h3 {
            float: left;
            font-size: 16px;
            width: calc(100% - 40px);
            line-height: 110%;
            margin: 0;
            padding: 2px 0 0 15px;
            text-align: left;
            text-transform: uppercase; }
            @media screen and (max-width: 1020px) {
              div.top .boxes ul li div h3 {
                font-size: 14px;
                line-height: 120%; } }
            div.top .boxes ul li div h3 span {
              display: block;
              font-weight: normal;
              font-size: 14px;
              text-transform: none; }
      div.top .boxes ul li:nth-child(3) {
        border: 0; }

body.startpage .top {
  background-position: center center; }

/* Om inloggad */
body.logged-in .top {
  background-position: center -555px; }
  @media screen and (max-width: 700px) {
    body.logged-in .top {
      background-position: center -126px; } }
  body.logged-in .top .logo {
    margin: 0; }
    body.logged-in .top .logo a {
      padding: 20px; }
      @media screen and (max-width: 700px) {
        body.logged-in .top .logo a {
          padding: 0; } }
      body.logged-in .top .logo a#logo-115 {
        padding-bottom: 10px; }
        @media screen and (max-width: 700px) {
          body.logged-in .top .logo a#logo-115 {
            padding: 0; }
            body.logged-in .top .logo a#logo-115 img {
              height: 42px; } }
  body.logged-in .top .menu {
    display: none; }
    @media screen and (max-width: 700px) {
      body.logged-in .top .menu {
        display: block; } }

body.logged-in .menu-container {
  background: #f0f0f0;
  text-align: center; }
  body.logged-in .menu-container ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #CCC; }
    body.logged-in .menu-container ul li {
      float: left;
      border: 1px solid #CCC;
      border-width: 0 1px 0 0; }
      body.logged-in .menu-container ul li a {
        float: left;
        padding: 15px 20px;
        color: #262626;
        text-transform: uppercase;
        font-weight: bold; }
    body.logged-in .menu-container ul li.active {
      background: #ef3c30; }
      body.logged-in .menu-container ul li.active a {
        color: #FFF; }
  body.logged-in .menu-container ul.logged-in {
    float: right; }
    body.logged-in .menu-container ul.logged-in li {
      position: relative; }
      body.logged-in .menu-container ul.logged-in li a {
        padding: 14px 20px; }
      body.logged-in .menu-container ul.logged-in li span {
        margin-right: 10px;
        font-size: 16px; }
      body.logged-in .menu-container ul.logged-in li ul {
        position: absolute;
        z-index: 2;
        display: none;
        top: 100%;
        right: -1px;
        background: #f0f0f0;
        padding: 10px 0;
        border: 0; }
        body.logged-in .menu-container ul.logged-in li ul li {
          width: 100%;
          border-width: 0 0 1px 0; }
          body.logged-in .menu-container ul.logged-in li ul li a {
            white-space: nowrap;
            width: 100%;
            padding: 12px 20px; }
  body.logged-in .menu-container .language {
    display: none; }
  @media screen and (max-width: 1240px) {
    body.logged-in .menu-container {
      padding: 0 20px; } }
  @media screen and (max-width: 1020px) {
    body.logged-in .menu-container {
      padding: 0 20px; } }
  @media screen and (max-width: 700px) {
    body.logged-in .menu-container {
      display: none; } }

@media screen and (max-width: 1020px) {
  body.startpage .top .content-holder {
    padding-bottom: 30px; } }

@media screen and (max-width: 1020px) {
  body.logged-in .top .content-holder {
    padding-bottom: 10px; } }

/* Foot */
.foot {
  float: left;
  width: 100%;
  text-align: center;
  padding: 30px 0 60px; }
  .foot img {
    width: 116px;
    display: block; }
  .foot a {
    color: #262626; }
  @media screen and (max-width: 1240px) {
    .foot {
      padding: 30px 20px 60px; } }
  .foot .contact {
    float: left;
    line-height: 120%;
    margin-right: 80px; }
    .foot .contact h4 {
      margin: 20px 0 10px; }
  .foot .links {
    float: left;
    line-height: 120%; }
    .foot .links h4 {
      margin: 20px 0 10px; }

.brand-list {
  float: left;
  width: 100%;
  text-align: center;
  background: #FFF; }
  .brand-list .content-holder {
    padding: 30px 0;
    text-align: center; }
  .brand-list ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0; }
  .brand-list ul li {
    padding: 0 20px 10px;
    align-self: center; }
    @media screen and (max-width: 700px) {
      .brand-list ul li {
        padding: 10px 20px; } }

/* Page */
.page {
  float: left;
  width: 100%;
  padding: 20px 20px 40px;
  text-align: center;
  background: #FFF;
  border-bottom: 3px solid #f0f0f0; }
  @media screen and (max-width: 700px) {
    .page {
      padding: 20px 10px 40px; } }
  .page h1 {
    position: relative;
    margin-bottom: 40px; }
  .page h1:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 10px;
    width: 80px;
    height: 6px;
    background: #ef3c30; }

/* Startsidan */
.startpage .page {
  display: none; }
.startpage .left-block {
  float: left;
  width: 60%; }
  @media screen and (max-width: 1020px) {
    .startpage .left-block {
      width: 100%; } }
  .startpage .left-block .search-block {
    width: 100%;
    max-width: 100%; }
  .startpage .left-block .popular {
    float: left;
    width: 100%;
    margin-top: 40px; }
    @media screen and (max-width: 700px) {
      .startpage .left-block .popular {
        display: none; } }
    .startpage .left-block .popular .change-price {
      float: right; }
    .startpage .left-block .popular h2 {
      margin: 10px 0 0; }
    .startpage .left-block .popular .result {
      margin-top: 10px;
      border-top: 3px solid #ef3c30; }
      .startpage .left-block .popular .result div.list .rim .thumb {
        width: 30%; }
      .startpage .left-block .popular .result div.list .rim .info {
        width: 40%; }
      .startpage .left-block .popular .result div.list .rim .price {
        width: 30%; }
      .startpage .left-block .popular .result div.list .product .price form {
        margin-top: 0px; }
      .startpage .left-block .popular .result div.list .product .price table.amount {
        margin-right: 10px; }
      .startpage .left-block .popular .result div.list .info h3 {
        margin: 0 0 15px 0; }
        .startpage .left-block .popular .result div.list .info h3 span {
          display: block;
          font-style: italic;
          font-weight: normal;
          font-size: 14px;
          padding-top: 5px; }
      .startpage .left-block .popular .result div.list .wheel .thumb img {
        float: left;
        max-width: 50%; }
      .startpage .left-block .popular .result div.list .wheel span.car {
        line-height: 120%; }
      .startpage .left-block .popular .result div.list .product .buy {
        margin-top: 20px;
        display: flex; }
        .startpage .left-block .popular .result div.list .product .buy form {
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: flex-end; }
          .startpage .left-block .popular .result div.list .product .buy form table {
            border-collapse: collapse;
            margin-top: 5px; }
          .startpage .left-block .popular .result div.list .product .buy form td input {
            margin-right: 5px; }
          .startpage .left-block .popular .result div.list .product .buy form td input[type=submit] {
            margin-right: 0; }
          .startpage .left-block .popular .result div.list .product .buy form input.amount {
            width: 40px; }
          .startpage .left-block .popular .result div.list .product .buy form input.note {
            width: 100%; }
.startpage .right-block {
  float: right;
  width: 30%; }
  @media screen and (max-width: 1020px) {
    .startpage .right-block {
      width: 100%;
      margin-top: 30px; } }
  .startpage .right-block ul {
    float: left;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    width: 100%; }
    .startpage .right-block ul li {
      float: left;
      width: 100%;
      padding: 12px 0;
      border-top: 2px solid #f0f0f0; }
      .startpage .right-block ul li a {
        float: left;
        width: 100%; }
        .startpage .right-block ul li a h3 {
          float: left;
          width: 100%;
          margin: 0 0 6px;
          color: #ef3c30; }
        .startpage .right-block ul li a span.date {
          float: left;
          width: 100%;
          font-size: 12px;
          margin-bottom: 8px;
          color: #262626; }
        .startpage .right-block ul li a div.ingress {
          float: left;
          width: 100%;
          margin-bottom: 10px;
          color: #262626; }
          .startpage .right-block ul li a div.ingress p {
            line-height: 140%; }

body.logged-in.startpage .page {
  display: block; }
@media screen and (max-width: 700px) {
  body.logged-in.startpage div.search-block .tab div.field {
    width: 100%; }
    body.logged-in.startpage div.search-block .tab div.field input[type=text] {
      width: 100%; }
  body.logged-in.startpage div.search-block .tab div.field-radios,
  body.logged-in.startpage div.search-block .tab div.field-submit {
    width: auto;
    padding-top: 10px; }
  body.logged-in.startpage div.search-block .tab div.field-radios label {
    border: 2px solid #CCC;
    padding: 10px;
    margin: 0 4px 0 0;
    border-radius: 3px; }
  body.logged-in.startpage div.search-block .tab div.field-submit {
    float: right; } }

/* Brands */
body.brands .list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 30px 0 0; }
  body.brands .list li {
    display: flex;
    width: 25%;
    padding: 0px 20px 20px 0; }
    @media screen and (max-width: 700px) {
      body.brands .list li {
        width: 50%;
        padding: 0px 10px 10px 0; } }
    body.brands .list li a {
      width: 100%;
      height: 130px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border: 1px solid #f0f0f0;
      color: #262626; }
      body.brands .list li a .logo {
        width: 100%;
        height: 100%;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center; }
        body.brands .list li a .logo img {
          display: flex;
          width: 100%; }

/* Brand */
body.brand .page .default .description {
  display: flex;
  margin-bottom: 40px; }
  @media screen and (max-width: 700px) {
    body.brand .page .default .description {
      flex-direction: column; } }
  body.brand .page .default .description .text {
    font-size: 16px;
    line-height: 1.2;
    padding-right: 100px; }
    @media screen and (max-width: 700px) {
      body.brand .page .default .description .text {
        padding-right: 0; } }
  body.brand .page .default .description .brand-logo {
    max-width: 200px;
    margin-right: 20px;
    display: flex;
    align-items: flex-start; }
    body.brand .page .default .description .brand-logo img {
      width: 100%; }
    @media screen and (max-width: 700px) {
      body.brand .page .default .description .brand-logo {
        border: 0;
        margin-right: 0;
        margin-top: 30px;
        padding: 0; } }
  body.brand .page .default .description .buttons {
    width: 100%;
    padding-top: 20px; }
body.brand h2 {
  margin-top: 40px;
  display: none; }
body.brand .product-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 10px 0 0; }
  body.brand .product-list li {
    display: flex;
    width: 33.3%;
    padding: 10px 20px 10px 0; }
    @media screen and (max-width: 700px) {
      body.brand .product-list li {
        width: 50%;
        padding: 5px 10px 5px 0; } }
    body.brand .product-list li div.product {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      height: 100%;
      border: 1px solid #f0f0f0;
      padding: 20px;
      position: relative; }
      body.brand .product-list li div.product .icon {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 20px; }
      body.brand .product-list li div.product .img {
        width: 200px;
        height: 200px;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        body.brand .product-list li div.product .img img {
          display: flex;
          width: 100%;
          height: auto; }
      body.brand .product-list li div.product h3 {
        text-align: center;
        font-size: 16px;
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
        align-items: center; }
        @media screen and (max-width: 700px) {
          body.brand .product-list li div.product h3 {
            font-size: 13px; } }
        body.brand .product-list li div.product h3 span {
          font-size: 12px;
          font-weight: normal;
          padding-top: 5px; }
        body.brand .product-list li div.product h3:after {
          content: '';
          display: inline-block;
          width: 40px;
          height: 4px;
          background: #ef3c30;
          margin-top: 10px; }
      body.brand .product-list li div.product .ingress {
        line-height: 1.2;
        width: 100%; }

/* Ny kund */
.new-customer form {
  float: left;
  margin-top: 40px; }
  @media screen and (max-width: 700px) {
    .new-customer form {
      width: 100%; } }
  .new-customer form .field {
    float: left;
    clear: both;
    width: 300px;
    margin-bottom: 20px;
    position: relative; }
    @media screen and (max-width: 700px) {
      .new-customer form .field {
        width: 100%; } }
    .new-customer form .field label {
      display: block;
      padding-bottom: 5px;
      font-weight: bold; }
    .new-customer form .field input[type=email],
    .new-customer form .field input[type=text],
    .new-customer form .field input[type=password] {
      display: block;
      width: 100%; }
    .new-customer form .field span.icon-warning {
      position: absolute;
      right: 0;
      top: 0;
      color: #ef3c30; }
    .new-customer form .field .error {
      display: block;
      margin-top: 5px;
      color: #ef3c30; }
.new-customer .images {
  float: right;
  width: 350px;
  margin-top: 40px; }
  .new-customer .images img {
    float: left;
    width: 100%;
    margin-bottom: 20px; }
  @media screen and (max-width: 700px) {
    .new-customer .images {
      display: none; } }

/* Om NDI */
.about-ndi .info {
  float: left;
  width: calc(100% - 560px);
  padding-right: 40px; }
.about-ndi p {
  line-height: 140%; }
.about-ndi .movie {
  float: left;
  width: 560px;
  height: 315px; }
@media screen and (max-width: 1020px) {
  .about-ndi .info {
    width: 100%;
    padding: 0 0 30px; } }
@media screen and (max-width: 700px) {
  .about-ndi .movie {
    width: 320px;
    height: 180px; } }

/* Kontakt */
div.contact div.big-box {
  font-size: 22px;
  line-height: 28px; }
  div.contact div.big-box ul {
    display: flex;
    flex-direction: column;
    margin-top: 20px; }
    div.contact div.big-box ul li {
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      font-size: 18px;
      font-weight: bold; }
      div.contact div.big-box ul li span {
        color: #CCC;
        margin-right: 10px;
        display: flex;
        align-items: center;
        font-size: 28px; }
      div.contact div.big-box ul li a {
        display: flex;
        align-items: center; }
div.contact ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  div.contact ul li {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 30px; }
    div.contact ul li div.image {
      float: left;
      margin-right: 30px; }
      div.contact ul li div.image img {
        width: 100px; }
    div.contact ul li div.info {
      float: left; }
      div.contact ul li div.info h4 {
        font-size: 16px;
        margin: 15px 0 5px; }

/* Sok ruta */
div.search-block {
  display: flex;
  max-width: 70%;
  flex-direction: column;
  align-items: flex-start; }
  @media screen and (max-width: 1020px) {
    div.search-block {
      width: 100%;
      max-width: 100%; } }
  div.search-block ul.tab-list {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0; }
    div.search-block ul.tab-list li {
      float: left;
      background: #CCC; }
      div.search-block ul.tab-list li a {
        float: left;
        padding: 10px 20px;
        color: #262626; }
        @media screen and (max-width: 700px) {
          div.search-block ul.tab-list li a {
            padding: 12px; } }
    div.search-block ul.tab-list li.selected {
      background: #f0f0f0; }
  div.search-block .tab {
    display: flex;
    padding: 20px;
    background: #f0f0f0;
    display: none;
    flex-wrap: wrap;
    min-width: 500px; }
    @media screen and (max-width: 700px) {
      div.search-block .tab {
        width: 100%;
        padding: 20px 10px; } }
    div.search-block .tab.wheel-query {
      flex-direction: column; }
      div.search-block .tab.wheel-query .base {
        display: flex; }
      @media screen and (max-width: 700px) {
        div.search-block .tab.wheel-query.combo-open input[type=text] {
          max-width: 180px; } }
      div.search-block .tab.wheel-query.combo-open .field-combo {
        display: flex;
        margin: 8px 0; }
      div.search-block .tab.wheel-query .field-combo {
        display: none; }
      div.search-block .tab.wheel-query label {
        margin-top: 8px;
        align-items: center; }
        div.search-block .tab.wheel-query label input {
          margin: 0 4px 0 0; }
    div.search-block .tab.wheel-model form {
      display: flex; }
    div.search-block .tab div.field {
      display: flex; }
      div.search-block .tab div.field input[type=text] {
        width: 300px; }
        @media screen and (max-width: 700px) {
          div.search-block .tab div.field input[type=text] {
            width: 100%; } }
      @media screen and (max-width: 700px) {
        div.search-block .tab div.field {
          width: auto; } }
    div.search-block .tab div.field-radios {
      margin-right: 10px; }
      div.search-block .tab div.field-radios label {
        padding: 0;
        margin-left: 8px;
        display: flex;
        align-items: center; }
        div.search-block .tab div.field-radios label input {
          margin: 0 3px 0 0; }
    div.search-block .tab div.field-submit {
      padding-left: 10px;
      display: flex;
      flex-grow: 0; }
    div.search-block .tab select {
      padding: 10px;
      margin-right: 5px; }
    div.search-block .tab div.car-model select.car_brand_models {
      display: none; }
    div.search-block .tab .car-info {
      width: 100%;
      padding-top: 10px;
      font-style: italic; }
      div.search-block .tab .car-info b {
        display: block;
        font-style: normal;
        padding-bottom: 5px; }
      div.search-block .tab .car-info span {
        color: #ef3c30; }
    div.search-block .tab.wheel-inch form, div.search-block .tab.wheel-query form {
      display: flex;
      flex-direction: column; }
      @media screen and (max-width: 700px) {
        div.search-block .tab.wheel-inch form, div.search-block .tab.wheel-query form {
          width: 100%; } }
      div.search-block .tab.wheel-inch form.combo-open div.field-combo, div.search-block .tab.wheel-query form.combo-open div.field-combo {
        display: flex;
        margin: 8px 0; }
    div.search-block .tab.wheel-inch form {
      flex-direction: row; }
  @media screen and (max-width: 700px) {
    div.search-block .tire-filter {
      width: 100%; } }

@media screen and (max-width: 700px) {
  .startpage div.search-block .tab.wheel-query form {
    flex-direction: row;
    flex-wrap: wrap; }
    .startpage div.search-block .tab.wheel-query form .field-radios {
      margin-right: 0; }
    .startpage div.search-block .tab.wheel-query form div.field-submit {
      padding-left: 0; } }

/* Senaste soken */
div.latest_search {
  float: right; }
  div.latest_search a {
    color: #262626; }
  div.latest_search table {
    min-width: 100%; }
  @media screen and (max-width: 1020px) {
    div.latest_search {
      display: none; } }

span.shipping_time .direct-1 {
  color: #5ab451; }
span.shipping_time .direct-2 {
  color: #ff9000; }
span.shipping_time .direct-3 {
  color: #ea3200; }

/* Alt. dimension */
div.alt-sizes {
  float: left;
  width: 70%;
  margin-top: 10px;
  font-size: 13px; }
  @media screen and (max-width: 1020px) {
    div.alt-sizes {
      margin-top: 20px;
      font-size: 14px; } }
  @media screen and (max-width: 700px) {
    div.alt-sizes {
      width: 100%; } }
  div.alt-sizes .sizes {
    float: left;
    display: none;
    border: 1px solid #f0f0f0;
    padding: 10px;
    margin-top: 10px; }
    div.alt-sizes .sizes td.green {
      color: #5ab451; }
    div.alt-sizes .sizes td.orange {
      color: #ff9000; }
    div.alt-sizes .sizes a.btn {
      font-size: 12px;
      padding: 0px 10px;
      line-height: 24px; }
    div.alt-sizes .sizes tr.selected td.name {
      font-weight: bold; }
    div.alt-sizes .sizes tr.selected a.btn {
      background: #CCC; }
    div.alt-sizes .sizes ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      div.alt-sizes .sizes ul li {
        float: left; }
        div.alt-sizes .sizes ul li div {
          float: left;
          padding-right: 10px;
          font-size: 11px;
          line-height: 12px; }
          div.alt-sizes .sizes ul li div.icon {
            width: 10px;
            height: 10px;
            border-radius: 20px;
            margin: 2px 3px 0 0; }
    @media screen and (max-width: 700px) {
      div.alt-sizes .sizes {
        padding: 5px;
        width: 100%; }
        div.alt-sizes .sizes table {
          width: 100%; }
        div.alt-sizes .sizes th.rek-rim,
        div.alt-sizes .sizes td.rek-rim,
        div.alt-sizes .sizes th.storage,
        div.alt-sizes .sizes td.storage {
          display: none; }
        div.alt-sizes .sizes td, div.alt-sizes .sizes th {
          padding: 10px 5px; } }

/* Sok resultat */
div.result {
  float: left;
  width: 100%;
  margin-top: 30px;
  position: relative;
  /* Loader */
  /* Saknade produkter */ }
  @media screen and (max-width: 1020px) {
    div.result {
      margin-top: 10px; } }
  div.result.rims .list {
    padding-top: 0; }
  div.result div.loader {
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px 0; }
    div.result div.loader h5 {
      font-size: 16px;
      margin: 10px 0 0;
      font-weight: normal; }
  div.result div.loader-hover {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
    padding-top: 50px; }
    div.result div.loader-hover h5 {
      font-size: 16px;
      margin: 10px 0 0;
      font-weight: normal;
      color: #FFF; }
  div.result .missing-product {
    float: left;
    width: 100%; }
    div.result .missing-product .form {
      display: none; }
  div.result .common-search {
    float: left;
    width: 100%;
    margin-bottom: 40px; }
    div.result .common-search table tr {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: flex-start;
      align-content: space-between; }
      div.result .common-search table tr td {
        padding: 0 20px 20px 0; }
        div.result .common-search table tr td b {
          display: block;
          padding-bottom: 5px; }
        div.result .common-search table tr td a.btn {
          display: block;
          margin-bottom: 5px; }
        @media screen and (max-width: 700px) {
          div.result .common-search table tr td {
            padding-right: 10px; }
            div.result .common-search table tr td a.btn {
              padding: 12px 15px; } }
  div.result .blocks {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #f0f0f0; }
    @media screen and (max-width: 1020px) {
      div.result .blocks {
        border: 0; } }
    div.result .blocks ul.tab-list {
      display: flex;
      list-style: none;
      margin: 0;
      padding: 0;
      height: 100%; }
      @media screen and (max-width: 1020px) {
        div.result .blocks ul.tab-list {
          width: 100%; }
          div.result .blocks ul.tab-list li {
            width: 25%; } }
      div.result .blocks ul.tab-list li {
        display: flex;
        background: #f0f0f0;
        border-right: 1px solid #CCC; }
        div.result .blocks ul.tab-list li a {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0 20px;
          color: #262626;
          width: 100%; }
          @media screen and (max-width: 1020px) {
            div.result .blocks ul.tab-list li a {
              font-weight: bold;
              color: #666;
              font-size: 12px;
              padding: 0; } }
        @media screen and (max-width: 1020px) {
          div.result .blocks ul.tab-list li:nth-child(1) {
            border-radius: 20px 0 0 20px; }
          div.result .blocks ul.tab-list li:nth-child(4) {
            border-radius: 0 20px 20px 0; } }
        div.result .blocks ul.tab-list li:nth-last-child(1) {
          border: 0; }
        div.result .blocks ul.tab-list li.selected {
          background: #ef3c30;
          border-color: transparent; }
          div.result .blocks ul.tab-list li.selected a {
            color: #FFF; }
            @media screen and (max-width: 1020px) {
              div.result .blocks ul.tab-list li.selected a {
                font-weight: bold; } }
    div.result .blocks a.show-price {
      display: none; }
      @media screen and (max-width: 1020px) {
        div.result .blocks a.show-price {
          display: block;
          float: right; } }
    div.result .blocks ul.short-cuts {
      float: right;
      list-style: none;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 1020px) {
        div.result .blocks ul.short-cuts {
          display: none; } }
      div.result .blocks ul.short-cuts li {
        float: left;
        margin-left: 10px; }
        div.result .blocks ul.short-cuts li a {
          font-size: 24px; }
          div.result .blocks ul.short-cuts li a span {
            padding: 0;
            border-radius: 3px;
            border: 2px solid #CCC;
            color: #262626; }
        div.result .blocks ul.short-cuts li a.active span {
          color: #ef3c30;
          border-color: #ef3c30; }
      div.result .blocks ul.short-cuts li.view {
        padding: 6px 10px 0 0; }
  div.result div.list {
    float: left;
    width: 100%;
    padding: 20px 0;
    /* Hjul */
    /* bildlista */
    /* bildlista combos */
    /* Lista */ }
    div.result div.list .no-products {
      font-style: italic; }
    div.result div.list h2 {
      float: left;
      width: 100%;
      margin: 20px 0 10px;
      border-bottom: 3px solid #ef3c30;
      padding: 0 20px 10px; }
    div.result div.list div.product {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      border-bottom: 1px solid #f0f0f0;
      padding: 10px 0;
      position: relative; }
      div.result div.list div.product .product-loader {
        position: absolute;
        display: none;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.8);
        justify-content: center;
        align-items: center;
        z-index: 10;
        flex-direction: column; }
        div.result div.list div.product .product-loader h5 {
          font-size: 16px;
          margin: 10px 0 0;
          font-weight: normal;
          color: #333; }
      div.result div.list div.product img.quick-delivery {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 60px;
        z-index: 5; }
        @media screen and (max-width: 1020px) {
          div.result div.list div.product img.quick-delivery {
            width: 40px;
            left: 5px;
            top: 5px; } }
        @media screen and (max-width: 700px) {
          div.result div.list div.product img.quick-delivery {
            width: 60px; } }
      div.result div.list div.product img.campaign {
        position: absolute;
        left: 0px;
        top: 0px; }
      @media screen and (max-width: 700px) {
        div.result div.list div.product {
          display: flex;
          flex-direction: column; } }
      div.result div.list div.product .thumb {
        float: left;
        width: 36%; }
        @media screen and (max-width: 1020px) {
          div.result div.list div.product .thumb {
            width: 28%; } }
        @media screen and (max-width: 700px) {
          div.result div.list div.product .thumb {
            width: 100%;
            order: 1; } }
        div.result div.list div.product .thumb img {
          max-width: 100%; }
        div.result div.list div.product .thumb .tire,
        div.result div.list div.product .thumb .plus,
        div.result div.list div.product .thumb .rim {
          float: left;
          width: 46%;
          text-align: center;
          position: relative; }
        div.result div.list div.product .thumb .plus {
          width: 8%;
          font-size: 28px;
          font-weight: bold;
          padding-top: 74px; }
          @media screen and (max-width: 1020px) {
            div.result div.list div.product .thumb .plus {
              padding-top: 30px; } }
          @media screen and (max-width: 700px) {
            div.result div.list div.product .thumb .plus {
              padding-top: 60px; } }
      div.result div.list div.product .info {
        float: left;
        width: 39%;
        padding: 10px 0 0 40px; }
        @media screen and (max-width: 1020px) {
          div.result div.list div.product .info {
            width: 41%;
            padding-left: 30px; }
            div.result div.list div.product .info p.description {
              display: none; } }
        @media screen and (max-width: 700px) {
          div.result div.list div.product .info {
            width: 100%;
            padding-left: 0;
            order: 3;
            margin-top: 20px; } }
        div.result div.list div.product .info h3 {
          margin: 0 0 20px;
          font-size: 16px;
          line-height: 150%; }
        div.result div.list div.product .info ul.data {
          display: inline-block;
          list-style: none;
          padding: 0;
          margin: 0px 0 10px; }
          div.result div.list div.product .info ul.data li {
            float: left;
            width: 100%;
            padding-bottom: 5px;
            line-height: 120%; }
            div.result div.list div.product .info ul.data li ul.eu-values li {
              width: auto; }
              div.result div.list div.product .info ul.data li ul.eu-values li .sound div {
                top: 8px; }
            div.result div.list div.product .info ul.data li span,
            div.result div.list div.product .info ul.data li div {
              float: left; }
            div.result div.list div.product .info ul.data li span {
              font-weight: bold;
              padding-right: 5px; }
            div.result div.list div.product .info ul.data li.adjust-cona {
              font-style: italic; }
            @media screen and (max-width: 1020px) {
              div.result div.list div.product .info ul.data li {
                padding-bottom: 5px; } }
            div.result div.list div.product .info ul.data li table {
              border-collapse: collapse;
              margin-top: 5px; }
              div.result div.list div.product .info ul.data li table td {
                padding: 0 20px 10px 0;
                line-height: 140%; }
        div.result div.list div.product .info ul.eu-values {
          margin-bottom: 20px;
          justify-content: flex-start; }
          @media screen and (max-width: 700px) {
            div.result div.list div.product .info ul.eu-values {
              margin-bottom: 0; } }
        div.result div.list div.product .info p.description {
          margin-bottom: 20px;
          line-height: 140%; }
      div.result div.list div.product .price {
        width: 25%;
        padding-top: 10px;
        text-align: right;
        padding-left: 100px; }
        @media screen and (max-width: 1020px) {
          div.result div.list div.product .price {
            width: 31%;
            padding-left: 50px; } }
        @media screen and (max-width: 700px) {
          div.result div.list div.product .price {
            width: 100%;
            order: 4;
            padding-left: 0px; } }
        div.result div.list div.product .price div {
          display: none;
          padding-bottom: 10px; }
          @media screen and (max-width: 700px) {
            div.result div.list div.product .price div {
              padding-bottom: 10px; } }
          div.result div.list div.product .price div h3 {
            margin: 0 0 5px;
            font-size: 22px; }
            div.result div.list div.product .price div h3 span {
              font-size: 16px;
              font-weight: normal; }
            div.result div.list div.product .price div h3.tpms {
              display: none; }
          div.result div.list div.product .price div span {
            font-size: 12px; }
            div.result div.list div.product .price div span.ord-price, div.result div.list div.product .price div span.ord-price-tpms {
              padding-bottom: 5px; }
            div.result div.list div.product .price div span.ord-price {
              display: block; }
            div.result div.list div.product .price div span.ord-price-tpms {
              display: none; }
        div.result div.list div.product .price .storage,
        div.result div.list div.product .price .shipping_time {
          display: block;
          color: #5ab451;
          font-style: italic;
          margin-bottom: 5px; }
        div.result div.list div.product .price .location-flag {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          margin-top: 10px; }
          @media screen and (max-width: 700px) {
            div.result div.list div.product .price .location-flag {
              justify-content: flex-start; } }
          div.result div.list div.product .price .location-flag span.tire {
            border-right: 1px solid #eaeaea;
            padding-right: 10px;
            margin-right: 10px; }
          div.result div.list div.product .price .location-flag span img {
            width: 24px; }
            div.result div.list div.product .price .location-flag span img.ndi {
              width: 32px; }
        div.result div.list div.product .price .location-holder {
          display: flex;
          justify-content: flex-end;
          margin-bottom: 0;
          padding-bottom: 0; }
          div.result div.list div.product .price .location-holder .location-flag {
            display: flex;
            padding: 10px 5px;
            border: 2px solid #eaeaea; }
            div.result div.list div.product .price .location-holder .location-flag img {
              width: 36px; }
        div.result div.list div.product .price form {
          float: left;
          width: 100%;
          margin-top: 20px; }
          @media screen and (max-width: 700px) {
            div.result div.list div.product .price form {
              margin-top: 10px;
              text-align: left; } }
        div.result div.list div.product .price select.tpms {
          display: none;
          float: left;
          width: 100%;
          margin: 10px 0 3px; }
          @media screen and (max-width: 700px) {
            div.result div.list div.product .price select.tpms {
              margin-bottom: 5px; } }
        div.result div.list div.product .price .note {
          float: left;
          width: 100%;
          margin-bottom: 3px; }
          @media screen and (max-width: 700px) {
            div.result div.list div.product .price .note {
              width: 140px; } }
        div.result div.list div.product .price input[type=submit] {
          float: right;
          clear: both; }
          @media screen and (max-width: 700px) {
            div.result div.list div.product .price input[type=submit] {
              clear: none; } }
        div.result div.list div.product .price table.amount {
          float: right;
          margin-right: 20px;
          border-collapse: collapse; }
          @media screen and (max-width: 1020px) {
            div.result div.list div.product .price table.amount {
              margin-right: 10px; } }
          div.result div.list div.product .price table.amount input.amount {
            width: 50px; }
      div.result div.list div.product .alternative-rims {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 20px; }
        @media screen and (max-width: 700px) {
          div.result div.list div.product .alternative-rims {
            width: 100%;
            order: 2; } }
        div.result div.list div.product .alternative-rims .rim {
          float: left;
          border: 2px solid #CCC;
          margin: 0 5px 5px 0;
          cursor: pointer;
          border-radius: 3px; }
          div.result div.list div.product .alternative-rims .rim.superhidden {
            display: none !important; }
          @media screen and (max-width: 700px) {
            div.result div.list div.product .alternative-rims .rim {
              width: calc(33.3% - 5px); } }
          div.result div.list div.product .alternative-rims .rim img {
            width: 100px;
            max-width: 100%; }
          div.result div.list div.product .alternative-rims .rim div.selected,
          div.result div.list div.product .alternative-rims .rim div.select {
            float: left;
            width: 100%;
            position: relative;
            margin-top: 5px;
            display: flex;
            align-items: center;
            justify-content: space-between; }
            div.result div.list div.product .alternative-rims .rim div.selected img,
            div.result div.list div.product .alternative-rims .rim div.select img {
              width: 24px; }
              div.result div.list div.product .alternative-rims .rim div.selected img.ndi,
              div.result div.list div.product .alternative-rims .rim div.select img.ndi {
                width: 32px; }
            div.result div.list div.product .alternative-rims .rim div.selected span.shipping,
            div.result div.list div.product .alternative-rims .rim div.select span.shipping {
              position: absolute;
              width: 10px;
              height: 10px;
              background: #5ab451;
              border-radius: 20px;
              right: 6px;
              top: 50%;
              margin-top: -5px; }
              div.result div.list div.product .alternative-rims .rim div.selected span.shipping.shipping-2,
              div.result div.list div.product .alternative-rims .rim div.select span.shipping.shipping-2 {
                background: #ff9000; }
              div.result div.list div.product .alternative-rims .rim div.selected span.shipping.shipping-3,
              div.result div.list div.product .alternative-rims .rim div.select span.shipping.shipping-3 {
                background: #ea3200; }
          div.result div.list div.product .alternative-rims .rim div.selected {
            display: none;
            background: #5ab451; }
          div.result div.list div.product .alternative-rims .rim .click {
            float: left;
            padding: 5px;
            position: relative;
            text-align: center; }
            @media screen and (max-width: 700px) {
              div.result div.list div.product .alternative-rims .rim .click {
                /*div.btn { display: none; }*/ } }
          div.result div.list div.product .alternative-rims .rim .zoom {
            float: left;
            clear: both;
            width: 100%;
            font-size: 10px;
            padding: 5px 0;
            text-transform: uppercase;
            text-align: center; }
            @media screen and (max-width: 700px) {
              div.result div.list div.product .alternative-rims .rim .zoom {
                display: none; } }
          div.result div.list div.product .alternative-rims .rim.rim-show-all {
            display: flex;
            width: 114px;
            border-color: #f0f0f0; }
            @media screen and (max-width: 700px) {
              div.result div.list div.product .alternative-rims .rim.rim-show-all {
                width: 100%; } }
            div.result div.list div.product .alternative-rims .rim.rim-show-all a {
              display: flex;
              width: 100%;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              padding: 20px;
              text-align: center;
              color: #666;
              font-size: 15px; }
              @media screen and (max-width: 700px) {
                div.result div.list div.product .alternative-rims .rim.rim-show-all a {
                  flex-direction: row;
                  padding: 10px; } }
              div.result div.list div.product .alternative-rims .rim.rim-show-all a span {
                font-size: 52px;
                color: #ef3c30;
                margin-bottom: 10px; }
                @media screen and (max-width: 700px) {
                  div.result div.list div.product .alternative-rims .rim.rim-show-all a span {
                    font-size: 32px;
                    margin-bottom: 0; } }
              div.result div.list div.product .alternative-rims .rim.rim-show-all a div {
                width: 100%;
                line-height: 16px;
                font-size: 14px; }
                @media screen and (max-width: 700px) {
                  div.result div.list div.product .alternative-rims .rim.rim-show-all a div {
                    width: auto; } }
        div.result div.list div.product .alternative-rims .rim-selected {
          border-color: #5ab451; }
          div.result div.list div.product .alternative-rims .rim-selected div.select {
            display: none; }
          div.result div.list div.product .alternative-rims .rim-selected div.selected {
            display: flex; }
        div.result div.list div.product .alternative-rims .price {
          float: none;
          width: 100%;
          padding: 0; }
          div.result div.list div.product .alternative-rims .price h3 {
            text-align: center;
            margin: 0; }
          div.result div.list div.product .alternative-rims .price div {
            width: 100%; }
        div.result div.list div.product .alternative-rims div.buttons {
          float: left;
          width: 100%;
          margin-top: 10px; }
          @media screen and (max-width: 700px) {
            div.result div.list div.product .alternative-rims div.buttons .btn-big-images {
              display: none; } }
    @media screen and (max-width: 700px) {
      div.result div.list > .tire, div.result div.list > .rim {
        display: inline-block; } }
    div.result div.list > .tire .thumb, div.result div.list > .rim .thumb {
      width: 20%; }
      @media screen and (max-width: 700px) {
        div.result div.list > .tire .thumb, div.result div.list > .rim .thumb {
          width: 40%; } }
    div.result div.list > .tire .info, div.result div.list > .rim .info {
      width: 50%;
      padding-left: 0; }
      @media screen and (max-width: 1020px) {
        div.result div.list > .tire .info, div.result div.list > .rim .info {
          width: 45%; } }
      @media screen and (max-width: 700px) {
        div.result div.list > .tire .info, div.result div.list > .rim .info {
          width: 60%;
          margin-top: 0; }
          div.result div.list > .tire .info ul li.article-number,
          div.result div.list > .tire .info ul li.run-flat, div.result div.list > .rim .info ul li.article-number,
          div.result div.list > .rim .info ul li.run-flat {
            display: none; }
          div.result div.list > .tire .info h3, div.result div.list > .rim .info h3 {
            line-height: 140%; }
            div.result div.list > .tire .info h3 span, div.result div.list > .rim .info h3 span {
              display: block; } }
    div.result div.list > .tire.rim .info, div.result div.list > .rim.rim .info {
      padding-left: 30px; }
    div.result div.list > .tire .price, div.result div.list > .rim .price {
      width: 30%;
      padding-left: 50px; }
      @media screen and (max-width: 1020px) {
        div.result div.list > .tire .price, div.result div.list > .rim .price {
          width: 35%;
          padding-left: 30px; } }
      @media screen and (max-width: 700px) {
        div.result div.list > .tire .price, div.result div.list > .rim .price {
          float: left;
          width: 100%;
          margin-top: 20px;
          padding-left: 0px; }
          div.result div.list > .tire .price div, div.result div.list > .rim .price div {
            float: right; }
          div.result div.list > .tire .price span, div.result div.list > .rim .price span {
            float: left;
            clear: left; }
          div.result div.list > .tire .price form, div.result div.list > .rim .price form {
            float: left;
            width: 100%;
            margin-top: 10px; }
            div.result div.list > .tire .price form .note, div.result div.list > .rim .price form .note {
              width: 140px; }
            div.result div.list > .tire .price form input[type="submit"], div.result div.list > .rim .price form input[type="submit"] {
              clear: none; } }
    div.result div.list ul.product-images {
      width: 100%;
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      div.result div.list ul.product-images > li {
        width: 20%;
        padding: 20px;
        border: 1px solid #f0f0f0;
        border-width: 0 1px 1px 0;
        text-align: center;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /*.shipping_time {
        	@media screen and (max-width: $break-mobile) {
        		display: none;
        	}
        }*/ }
        div.result div.list ul.product-images > li .p-top {
          display: flex;
          flex-direction: column;
          align-items: center; }
        @media screen and (max-width: 1020px) {
          div.result div.list ul.product-images > li {
            width: 33.3%;
            padding: 10px; } }
        @media screen and (max-width: 700px) {
          div.result div.list ul.product-images > li {
            width: 50%; }
            div.result div.list ul.product-images > li:nth-child(even) {
              border-right: 0; } }
        div.result div.list ul.product-images > li img.campaign {
          width: auto;
          position: absolute;
          left: 0;
          top: 0; }
        div.result div.list ul.product-images > li .img {
          width: 200px;
          height: 200px; }
          @media screen and (max-width: 700px) {
            div.result div.list ul.product-images > li .img {
              max-width: 100%;
              height: auto; } }
          div.result div.list ul.product-images > li .img img {
            width: 100%; }
        div.result div.list ul.product-images > li h4 {
          width: 100%;
          margin: 20px 0 15px; }
          div.result div.list ul.product-images > li h4 span {
            display: block;
            font-weight: normal;
            padding-top: 3px;
            line-height: 120%; }
            div.result div.list ul.product-images > li h4 span p {
              display: inline;
              line-height: 120%; }
              @media screen and (max-width: 700px) {
                div.result div.list ul.product-images > li h4 span p {
                  display: block; } }
          div.result div.list ul.product-images > li h4 i {
            display: block;
            font-weight: normal;
            padding-top: 5px; }
        div.result div.list ul.product-images > li .eu-values {
          display: flex;
          margin-bottom: 10px; }
          div.result div.list ul.product-images > li .eu-values span {
            padding-right: 5px;
            font-size: 11px; }
        div.result div.list ul.product-images > li .storage,
        div.result div.list ul.product-images > li .rubber,
        div.result div.list ul.product-images > li .shipping_time,
        div.result div.list ul.product-images > li .dot-year {
          float: left;
          width: 100%;
          margin-bottom: 5px;
          font-style: italic; }
        div.result div.list ul.product-images > li .storage_plate {
          display: flex;
          justify-content: center;
          font-size: 13px;
          width: 100%; }
          div.result div.list ul.product-images > li .storage_plate.shipping-2 {
            border-color: #ff9000; }
          div.result div.list ul.product-images > li .storage_plate.shipping-1 .location span {
            color: #5ab451; }
          div.result div.list ul.product-images > li .storage_plate.shipping-2 .location span {
            color: #ff9000; }
          div.result div.list ul.product-images > li .storage_plate .location {
            display: flex;
            flex-direction: column;
            padding: 0;
            justify-content: center;
            align-items: center;
            border: 2px solid #eaeaea;
            border-radius: 3px;
            width: 50px; }
            div.result div.list ul.product-images > li .storage_plate .location img {
              width: 28px; }
            div.result div.list ul.product-images > li .storage_plate .location span {
              font-size: 18px;
              display: none; }
          div.result div.list ul.product-images > li .storage_plate.sp-ndi .location img {
            width: 36px; }
          div.result div.list ul.product-images > li .storage_plate div.storage-shipping {
            padding: 4px 0 4px 8px;
            display: flex;
            flex-direction: column; }
            div.result div.list ul.product-images > li .storage_plate div.storage-shipping span {
              text-align: left; }
            div.result div.list ul.product-images > li .storage_plate div.storage-shipping .shipping_time {
              margin: 0; }
          @media screen and (max-width: 700px) {
            div.result div.list ul.product-images > li .storage_plate {
              font-size: 12px; } }
        div.result div.list ul.product-images > li .storage {
          color: #5ab451; }
        div.result div.list ul.product-images > li .rubber {
          font-style: normal;
          margin-bottom: 10px; }
          @media screen and (max-width: 700px) {
            div.result div.list ul.product-images > li .rubber {
              text-transform: uppercase;
              font-size: 10px; } }
        div.result div.list ul.product-images > li .dot-year {
          font-style: italic;
          margin-bottom: 10px; }
        div.result div.list ul.product-images > li .price {
          float: left;
          width: 100%;
          margin-bottom: 20px;
          padding-left: 0; }
          div.result div.list ul.product-images > li .price div {
            display: none;
            text-align: center; }
            div.result div.list ul.product-images > li .price div h3 {
              margin: 20px 0 5px;
              font-size: 16px; }
              div.result div.list ul.product-images > li .price div h3 span {
                display: inline;
                text-decoration: line-through;
                color: #262626;
                font-weight: normal; }
            div.result div.list ul.product-images > li .price div span {
              display: block;
              font-size: 12px;
              font-style: italic; }
              div.result div.list ul.product-images > li .price div span.ord-price {
                padding-bottom: 5px; }
        div.result div.list ul.product-images > li .product-form table {
          display: inline-block;
          margin: 2px 0 10px; }
        div.result div.list ul.product-images > li .product-form input.amount {
          width: 50px; }
        div.result div.list ul.product-images > li form input.note {
          max-width: 100%; }
        div.result div.list ul.product-images > li form td.title {
          display: none; }
    div.result div.list ul.product-images-combo > li {
      width: 33.3%;
      /*&:nth-child(1) { border-right: 1px solid $grey; }*/ }
      @media screen and (min-width: 1020px) {
        div.result div.list ul.product-images-combo > li:nth-child(3n) {
          border-right: 0; } }
      @media screen and (max-width: 1020px) {
        div.result div.list ul.product-images-combo > li {
          width: 50%; }
          div.result div.list ul.product-images-combo > li:nth-child(2n) {
            border-right: 0; } }
      @media screen and (max-width: 700px) {
        div.result div.list ul.product-images-combo > li {
          width: 100%;
          border-right: 0; } }
      div.result div.list ul.product-images-combo > li h3 {
        margin: 24px 0;
        font-size: 17px; }
        div.result div.list ul.product-images-combo > li h3.rubber_compound {
          margin: 24px 0 8px; }
      div.result div.list ul.product-images-combo > li .tires {
        display: flex; }
        div.result div.list ul.product-images-combo > li .tires .tire {
          width: 50%;
          padding: 0 12px;
          /*&:nth-child(1) { border-right: 1px solid $grey; }*/ }
          @media screen and (max-width: 700px) {
            div.result div.list ul.product-images-combo > li .tires .tire {
              padding: 0 6px; } }
          div.result div.list ul.product-images-combo > li .tires .tire .eu-values {
            flex-wrap: wrap; }
            div.result div.list ul.product-images-combo > li .tires .tire .eu-values li {
              margin: 0 2px 2px 0; }
              div.result div.list ul.product-images-combo > li .tires .tire .eu-values li img {
                height: 16px; }
              div.result div.list ul.product-images-combo > li .tires .tire .eu-values li .sound img {
                height: 30px; }
          div.result div.list ul.product-images-combo > li .tires .tire .storage_plate {
            font-size: 11px; }
            div.result div.list ul.product-images-combo > li .tires .tire .storage_plate .location {
              width: 42px; }
              div.result div.list ul.product-images-combo > li .tires .tire .storage_plate .location img {
                max-width: 28px; }
      div.result div.list ul.product-images-combo > li .buy {
        margin: 24px 0 12px 0; }
        div.result div.list ul.product-images-combo > li .buy form.product-form {
          display: flex;
          align-items: center;
          flex-direction: column; }
          div.result div.list ul.product-images-combo > li .buy form.product-form .note {
            margin-bottom: 8px; }
          div.result div.list ul.product-images-combo > li .buy form.product-form .add {
            display: flex; }
            div.result div.list ul.product-images-combo > li .buy form.product-form .add div.amount {
              display: flex;
              align-items: center;
              margin-right: 4px; }
              div.result div.list ul.product-images-combo > li .buy form.product-form .add div.amount div {
                margin: 0 4px; }
    div.result div.list table.product-list {
      border-collapse: collapse;
      width: 100%; }
      div.result div.list table.product-list td,
      div.result div.list table.product-list th {
        border-bottom: 1px solid #CCC;
        padding: 5px 10px; }
      div.result div.list table.product-list td {
        border-color: #f0f0f0;
        /*&.eu-values {
        	ul.eu-values {
        		li {
        			padding: 3px;
        			
        			img { height: 16px; }
        		}
        	}
        }*/ }
        div.result div.list table.product-list td .price div {
          display: none; }
          div.result div.list table.product-list td .price div h3 {
            margin: 0 0 2px; }
          div.result div.list table.product-list td .price div span {
            display: block;
            font-size: 11px;
            font-style: italic;
            padding-bottom: 3px; }
        div.result div.list table.product-list td.name i {
          display: block;
          font-size: 12px;
          padding-top: 5px; }
          div.result div.list table.product-list td.name i.campaign {
            color: #ef3c30; }
        div.result div.list table.product-list td em {
          font-style: normal; }
        @media screen and (max-width: 1200px) {
          div.result div.list table.product-list td.name em {
            display: block;
            line-height: 120%; } }
        div.result div.list table.product-list td.storage div {
          display: flex;
          width: 100%;
          justify-content: space-between;
          align-items: center;
          font-style: italic;
          color: #5ab451; }
          div.result div.list table.product-list td.storage div img {
            width: 32px;
            margin-right: 5px; }
        div.result div.list table.product-list td.storage, div.result div.list table.product-list td.shipping-time, div.result div.list table.product-list td.price, div.result div.list table.product-list td.buy {
          white-space: nowrap; }
      @media screen and (max-width: 1200px) {
        div.result div.list table.product-list th.shipping-time,
        div.result div.list table.product-list td.shipping-time {
          display: none; } }
      @media screen and (max-width: 1020px) {
        div.result div.list table.product-list th.shipping-time,
        div.result div.list table.product-list td.shipping-time,
        div.result div.list table.product-list td.eu-values,
        div.result div.list table.product-list th.eu-values {
          display: none; } }
      div.result div.list table.product-list th {
        padding-top: 30px; }
      div.result div.list table.product-list td.r,
      div.result div.list table.product-list th.r {
        text-align: right; }
      div.result div.list table.product-list form {
        float: right; }
        div.result div.list table.product-list form input.note {
          float: left;
          margin-right: 10px;
          width: 120px; }
          @media screen and (max-width: 1020px) {
            div.result div.list table.product-list form input.note {
              display: none; } }
        div.result div.list table.product-list form div.amount {
          float: left;
          margin-right: 10px; }
          div.result div.list table.product-list form div.amount input.amount {
            width: 40px; }

/* Popup */
div.popup {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: rgba(0, 0, 0, 0.6);
  transition: opacity .3s ease;
  align-items: center;
  justify-content: center; }
  div.popup .popup-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    background: #FFF;
    padding: 20px;
    justify-content: center;
    max-width: 96%;
    box-shadow: 0 0 15px #333; }
    div.popup .popup-block a.close-confirm {
      font-size: 24px;
      color: #262626; }
    div.popup .popup-block .info {
      width: 100%;
      display: flex;
      align-items: flex-start;
      margin-top: 20px; }

ul.eu-values {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0; }
  @media screen and (max-width: 700px) {
    ul.eu-values {
      flex-wrap: wrap; } }
  ul.eu-values li {
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
    padding: 3px 5px;
    background: #f0f0f0;
    margin-right: 2px; }
    @media screen and (max-width: 700px) {
      ul.eu-values li {
        margin-bottom: 2px; } }
    ul.eu-values li img {
      height: 20px; }
      @media screen and (max-width: 700px) {
        ul.eu-values li img {
          height: 16px; } }
    ul.eu-values li.snow img, ul.eu-values li.ice img {
      height: 16px; }
    ul.eu-values li span {
      padding-right: 5px;
      font-size: 11px;
      margin-left: 3px;
      font-weight: bold; }
    ul.eu-values li span, ul.eu-values li div {
      color: #262626; }
    ul.eu-values li .sound {
      position: relative; }
      ul.eu-values li .sound img {
        height: 30px; }
      ul.eu-values li .sound div {
        position: absolute;
        font-size: 8px;
        left: 2px;
        top: 11px; }

a.eu-label-link {
  position: relative; }
  a.eu-label-link .eu-label-tooltip {
    position: absolute;
    bottom: 50px;
    display: none;
    background: #FFF;
    padding: 10px;
    border: 1px solid #CCC;
    z-index: 100; }
    a.eu-label-link .eu-label-tooltip span.icon-cross {
      display: none; }
    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; } }
  @media only screen and (max-width: 821px) {
    a.eu-label-link .eu-label-tooltip {
      width: 100%;
      height: 100%;
      bottom: 0;
      left: 0; }
      a.eu-label-link .eu-label-tooltip span.icon-cross {
        display: block; } }

body.filter-shown {
  overflow: hidden; }

div.filter-view {
  float: left;
  width: 100%;
  display: none; }
  @media screen and (max-width: 1020px) and (min-width: 700px) {
    div.filter-view {
      display: block;
      margin-top: 20px;
      float: right;
      width: auto; }
      div.filter-view a.show-filter {
        display: none; } }
  @media screen and (max-width: 700px) {
    div.filter-view {
      display: block;
      margin-top: 20px; }
      div.filter-view a {
        text-transform: uppercase;
        font-size: 13px;
        line-height: 20px;
        display: flex; }
        div.filter-view a span {
          font-size: 20px;
          padding-right: 5px;
          line-height: auto;
          align: center; }
      div.filter-view a.show-filter {
        float: right; }
      div.filter-view a.show-price {
        float: left; }
        div.filter-view a.show-price span {
          padding-right: 0; } }

div.price-info {
  float: left;
  width: 100%;
  display: none;
  display: none;
  position: fixed;
  z-index: 20;
  background: #FFF;
  padding: 20px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: 0; }
  div.price-info .price-exit {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 32px;
    display: inline-block; }
  div.price-info div.optional {
    float: left;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0; }
    div.price-info div.optional span {
      display: block;
      padding-bottom: 5px;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 12px; }
    div.price-info div.optional label {
      float: left;
      background: #f0f0f0;
      cursor: pointer;
      padding: 8px;
      border-radius: 3px;
      margin: 0 3px 3px 0;
      text-transform: uppercase;
      font-size: 12px; }
      div.price-info div.optional label input {
        position: absolute;
        opacity: 0.001;
        z-index: -1; }
    div.price-info div.optional label.selected {
      background: #ef3c30;
      color: #FFF; }
  div.price-info div.show-products {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center; }

div.filter {
  float: left;
  width: 100%;
  margin-top: 20px;
  position: relative; }
  div.filter div.filter-loader {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.7); }
  div.filter table {
    border-collapse: collapse; }
  div.filter span.desc {
    display: inline-block;
    margin-top: 10px;
    font-style: italic; }
  div.filter tr th, div.filter tr td {
    border-bottom: 1px solid #f0f0f0;
    padding: 8px 10px 5px;
    text-transform: uppercase;
    font-size: 12px; }
  div.filter tr th {
    vertical-align: top;
    padding-top: 12px;
    text-align: left; }
  @media screen and (max-width: 700px) {
    div.filter tr td, div.filter tr th {
      padding-left: 0; } }
  div.filter a,
  div.filter label {
    float: left;
    position: relative;
    background: #f0f0f0;
    cursor: pointer;
    padding: 5px 8px;
    border-radius: 3px;
    margin: 0 3px 3px 0;
    text-transform: uppercase;
    font-size: 12px; }
    @media screen and (max-width: 700px) {
      div.filter a,
      div.filter label {
        padding: 8px; } }
    div.filter a input,
    div.filter label input {
      position: absolute;
      opacity: 0.001;
      z-index: -1;
      left: 0;
      top: 0; }
  div.filter div.value-info {
    display: flex;
    align-items: center;
    padding: 3px 0 3px 10px;
    text-transform: none;
    font-size: 11px; }
    div.filter div.value-info span {
      font-size: 16px;
      color: #ef3c30;
      margin-right: 5px; }
  div.filter a {
    background: #262626;
    color: #FFF; }
  div.filter label.selected,
  div.filter a.selected {
    background: #ef3c30;
    color: #FFF; }
  div.filter tr.toggle {
    display: none; }
  div.filter .filter-exit {
    display: none; }
  div.filter a.extra-opener {
    float: right;
    margin: 3px 0 0 3px;
    text-transform: none; }
    @media screen and (max-width: 700px) {
      div.filter a.extra-opener {
        float: left; } }
  div.filter div.filter-menu {
    float: left;
    width: 100%;
    display: none; }
  div.filter div.extra-values {
    clear: both;
    display: none;
    padding-top: 10px; }
    div.filter div.extra-values span {
      display: block;
      padding-bottom: 3px;
      font-weight: bold; }
  @media screen and (max-width: 700px) {
    div.filter {
      display: none;
      position: fixed;
      z-index: 20;
      background: #FFF;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      margin: 0; }
      div.filter .filter-exit {
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 32px;
        display: inline-block; }
      div.filter tr.toggle {
        display: flex; }
      div.filter tr.toggle-header {
        display: none; }
      div.filter form {
        float: left;
        width: 100%;
        height: calc(100% - 68px);
        overflow: auto;
        padding: 20px 10px; }
      div.filter table {
        width: 100%; }
        div.filter table tbody {
          width: 100%; }
          div.filter table tbody tr {
            display: flex;
            flex-direction: column; }
      div.filter div.filter-menu {
        display: block;
        text-align: center;
        height: 48px;
        padding: 10px; }
        div.filter div.filter-menu a {
          display: inline-block;
          float: none;
          background: #ef3c30;
          font-size: 14px;
          border-radius: 20px;
          padding: 12px 20px;
          color: #FFF; }
      div.filter span.desc {
        padding-bottom: 20px; } }

/* Webshop */
.page .webshop {
  float: left;
  width: 100%; }
  .page .webshop .tree {
    float: left;
    width: 240px; }
    .page .webshop .tree a.oil-search {
      float: left;
      width: 100%;
      padding: 5px;
      background: #ffd300;
      border-radius: 2px;
      margin-bottom: 10px; }
      .page .webshop .tree a.oil-search div.image {
        float: left;
        height: 40px;
        margin-right: 10px;
        padding: 3px;
        background: #FFF; }
        .page .webshop .tree a.oil-search div.image img {
          float: left;
          height: 100%; }
      .page .webshop .tree a.oil-search span {
        float: left;
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
        color: #000; }
    .page .webshop .tree ul {
      float: left;
      width: 100%;
      list-style: none;
      margin: 0;
      padding: 0;
      background: #e5e5e5; }
      .page .webshop .tree ul li {
        float: left;
        width: 100%; }
        .page .webshop .tree ul li a {
          float: left;
          width: 100%;
          padding: 15px 10px;
          text-decoration: none;
          font-weight: bold;
          color: #262626; }
          .page .webshop .tree ul li a span {
            float: right; }
          .page .webshop .tree ul li a span.icon-arrow-up {
            display: none; }
        .page .webshop .tree ul li a:hover {
          text-decoration: underline; }
        .page .webshop .tree ul li ul {
          display: none;
          background: #f7f7f7; }
          .page .webshop .tree ul li ul li {
            border-bottom: 1px solid #eaeaea; }
            .page .webshop .tree ul li ul li a {
              font-weight: normal;
              padding: 10px 10px 10px 20px; }
            .page .webshop .tree ul li ul li ul {
              display: none;
              padding-bottom: 10px; }
              .page .webshop .tree ul li ul li ul li a {
                padding-left: 30px; }
      .page .webshop .tree ul li.selected a {
        font-weight: bold; }
      .page .webshop .tree ul li.selected li a {
        font-weight: normal; }
      .page .webshop .tree ul li.active span.icon-arrow-up {
        display: block; }
      .page .webshop .tree ul li.active span.icon-arrow-down {
        display: none; }
      .page .webshop .tree ul li.active ul {
        display: block; }
        .page .webshop .tree ul li.active ul li ul {
          display: none; }
        .page .webshop .tree ul li.active ul li span.icon-arrow-up {
          display: none; }
        .page .webshop .tree ul li.active ul li span.icon-arrow-down {
          display: block; }
        .page .webshop .tree ul li.active ul li.active ul {
          display: block; }
        .page .webshop .tree ul li.active ul li.active span.icon-arrow-up {
          display: block; }
        .page .webshop .tree ul li.active ul li.active span.icon-arrow-down {
          display: none; }
      .page .webshop .tree ul li.last {
        border: 0; }
  .page .webshop .content {
    float: left;
    width: calc(100% - 240px);
    padding-left: 40px; }
    .page .webshop .content .search {
      float: left;
      width: 100%;
      background: #eaeaea;
      padding: 10px; }
      .page .webshop .content .search .category {
        display: none; }
      @media screen and (max-width: 700px) {
        .page .webshop .content .search .category {
          display: block; } }
    .page .webshop .content .products {
      float: left;
      width: 100%; }
      .page .webshop .content .products ul.category-link-tree {
        list-style: none;
        margin: 0;
        padding: 0; }
        .page .webshop .content .products ul.category-link-tree li {
          float: left;
          padding: 0px 50px 30px 0;
          width: 25%; }
        .page .webshop .content .products ul.category-link-tree li:nth-child(4n+1) {
          clear: left; }
        .page .webshop .content .products ul.category-link-tree li .thumb {
          float: left;
          width: 100%;
          height: 120px;
          margin-bottom: 10px;
          text-align: center; }
          .page .webshop .content .products ul.category-link-tree li .thumb img {
            max-height: 120px;
            max-width: 100%; }
        .page .webshop .content .products ul.category-link-tree li h3 {
          float: left;
          width: 100%;
          font-size: 14px;
          margin: 0 0 5px;
          color: #444c58;
          padding: 5px 10px;
          font-weight: bold;
          border: 1px solid #CCC;
          border-width: 1px 0; }
        .page .webshop .content .products ul.category-link-tree li ul {
          list-style: none;
          margin: 0;
          padding: 0;
          padding-bottom: 10px; }
          .page .webshop .content .products ul.category-link-tree li ul li {
            clear: both;
            padding: 5px 10px;
            width: 100%; }
            .page .webshop .content .products ul.category-link-tree li ul li a {
              font-weight: normal; }
      .page .webshop .content .products table.list input.amount {
        width: 40px; }
      .page .webshop .content .products table.list table.sizes {
        border-collapse: collapse;
        margin-top: 20px; }
        .page .webshop .content .products table.list table.sizes th,
        .page .webshop .content .products table.list table.sizes td {
          text-align: left;
          padding: 5px 10px 5px 5px; }
        .page .webshop .content .products table.list table.sizes th {
          border-bottom: 1px solid #CCC; }
        .page .webshop .content .products table.list table.sizes td.r, .page .webshop .content .products table.list table.sizes th.r {
          text-align: right; }
        .page .webshop .content .products table.list table.sizes b.mobile {
          display: none; }
    .page .webshop .content .products-default .product {
      float: left;
      width: 100%;
      padding-bottom: 20px; }
      .page .webshop .content .products-default .product .image {
        float: right;
        width: 30%; }
        .page .webshop .content .products-default .product .image img {
          max-width: 100%; }
      .page .webshop .content .products-default .product .info {
        float: left;
        width: 70%;
        padding-right: 40px; }
    .page .webshop .content .products-default .list td {
      padding-right: 3px; }
      .page .webshop .content .products-default .list td input[type=text] {
        width: 50px; }
      .page .webshop .content .products-default .list td input[type=submit] {
        margin-left: 10px; }

/* Produkt-information */
body.product .page .product-info {
  float: left;
  width: 100%;
  padding-top: 40px; }
  @media screen and (max-width: 700px) {
    body.product .page .product-info {
      padding-top: 0; } }
  body.product .page .product-info .image {
    float: left;
    width: 30%;
    text-align: center; }
    @media screen and (max-width: 700px) {
      body.product .page .product-info .image {
        width: 100%; }
        body.product .page .product-info .image .focus-image img {
          max-height: 240px; } }
    body.product .page .product-info .image .focus-image {
      display: inline-block;
      width: 100%;
      margin-bottom: 20px; }
    body.product .page .product-info .image .focus-image img {
      display: inline-block;
      max-width: 100%; }
    body.product .page .product-info .image .thumbnail {
      float: left;
      width: 100%;
      text-align: center; }
      body.product .page .product-info .image .thumbnail ul {
        display: inline-block;
        margin: 0;
        padding: 0; }
        body.product .page .product-info .image .thumbnail ul li {
          display: inline; }
          body.product .page .product-info .image .thumbnail ul li a {
            display: inline-block;
            margin: 0 5px 5px 0;
            width: 20%;
            border: 2px solid #cbcbcb;
            padding: 5px;
            border-radius: 2px; }
            body.product .page .product-info .image .thumbnail ul li a img {
              display: inline-block;
              width: 100%; }
          body.product .page .product-info .image .thumbnail ul li a.active {
            border-color: #000; }
  body.product .page .product-info .data {
    float: left;
    width: 70%;
    padding-left: 50px; }
    @media screen and (max-width: 700px) {
      body.product .page .product-info .data {
        width: 100%;
        padding-left: 0; } }
    body.product .page .product-info .data .ingress {
      float: left;
      width: 100%; }
  body.product .page .product-info .buy {
    float: right; }
    @media screen and (max-width: 1020px) {
      body.product .page .product-info .buy {
        width: 100%; } }
    body.product .page .product-info .buy .change-price {
      float: right;
      width: 100%;
      margin-bottom: 20px; }
    body.product .page .product-info .buy .price {
      float: left;
      width: 100%;
      background: #f7f7f7;
      border: 1px solid #cbcbcb;
      padding: 20px;
      margin-top: 20px; }
    body.product .page .product-info .buy .price div.price-div {
      display: none; }
    body.product .page .product-info .buy .price h3 {
      font-size: 22px;
      margin: 0 0 0px; }
    body.product .page .product-info .buy .price div.price-netto h3 {
      color: #CC0000; }
    body.product .page .product-info .buy .price div.price-customer h3,
    body.product .page .product-info .buy .price div.price-customer_mount h3 {
      color: green; }
    body.product .page .product-info .buy span {
      display: block;
      padding: 5px 0; }
    body.product .page .product-info .buy span.storage,
    body.product .page .product-info .buy span.shipping_time {
      font-style: italic;
      color: green; }
    body.product .page .product-info .buy .note {
      margin-top: 20px; }
    body.product .page .product-info .buy table.amount input[type=text] {
      width: 50px; }
  body.product .page .product-info .eu-values {
    margin-bottom: 20px;
    justify-content: flex-start; }
    body.product .page .product-info .eu-values td.value {
      padding-right: 10px; }
  body.product .page .product-info .data .product-data {
    float: left;
    margin-top: 30px; }
  body.product .page .product-info .data .product-data table.product-data-table {
    border-collapse: collapse; }
    @media screen and (max-width: 700px) {
      body.product .page .product-info .data .product-data table.product-data-table {
        margin-top: 20px; } }
  body.product .page .product-info .data .product-data table.product-data-table th,
  body.product .page .product-info .data .product-data table.product-data-table td {
    padding: 10px 40px 10px 10px;
    border-bottom: 1px solid #cbcbcb;
    text-align: left; }
body.product .page .similar-products {
  float: left;
  width: 100%;
  margin-top: 50px; }
  body.product .page .similar-products h2 {
    color: #262626;
    padding: 20px;
    border-bottom: 2px solid #f0f0f0; }
    @media screen and (max-width: 700px) {
      body.product .page .similar-products h2 {
        padding: 10px;
        font-size: 18px;
        line-height: 140%; } }
  body.product .page .similar-products .blocks {
    display: none; }
  body.product .page .similar-products .result {
    margin-top: 0; }
    body.product .page .similar-products .result .list {
      padding-top: 0; }
      body.product .page .similar-products .result .list h2 {
        display: none; }
  body.product .page .similar-products .missing-product {
    display: none; }
body.product .page .other-sizes {
  float: left;
  width: 100%; }
  body.product .page .other-sizes input[type=text].note {
    width: 140px;
    margin-right: 10px; }
  body.product .page .other-sizes input[type=text].amount {
    width: 50px;
    margin-right: 10px; }
  body.product .page .other-sizes table {
    width: 100%; }
  body.product .page .other-sizes .price .price-div {
    display: none; }
  body.product .page .other-sizes thead th {
    background: #262626;
    color: #f0f0f0;
    border: 0; }
  body.product .page .other-sizes td.shipping-time {
    font-style: italic; }
  body.product .page .other-sizes th.order-stock {
    text-align: right; }
  body.product .page .other-sizes td.order-stock {
    font-style: italic;
    text-align: right;
    color: #5ab451; }
    body.product .page .other-sizes td.order-stock.short {
      color: #ff9000; }
  @media screen and (max-width: 700px) {
    body.product .page .other-sizes th.order-stock,
    body.product .page .other-sizes td.order-stock,
    body.product .page .other-sizes th.shipping-time,
    body.product .page .other-sizes td.shipping-time,
    body.product .page .other-sizes input[type=text].note {
      display: none; }
    body.product .page .other-sizes input[type=text].amount {
      margin-right: 5px; }
    body.product .page .other-sizes span.amount {
      white-space: nowrap; }
      body.product .page .other-sizes span.amount span {
        display: none; } }

/* Nyhet */
div.news-article .article {
  float: left;
  width: 60%; }
  div.news-article .article .head,
  div.news-article .article .ingress,
  div.news-article .article .news-content {
    float: left;
    width: 100%;
    padding-bottom: 20px; }
    div.news-article .article .head p,
    div.news-article .article .ingress p,
    div.news-article .article .news-content p {
      line-height: 140%; }
  div.news-article .article .head h1 {
    margin-bottom: 30px; }
  div.news-article .article .head p {
    font-style: italic; }
div.news-article .news-list {
  float: right;
  width: 25%; }
  div.news-article .news-list ul {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0; }
    div.news-article .news-list ul li {
      float: left;
      width: 100%;
      border-top: 2px solid #f0f0f0; }
      div.news-article .news-list ul li a {
        float: left;
        width: 100%;
        color: #262626;
        padding: 10px 0; }
        div.news-article .news-list ul li a h3 {
          float: left;
          width: 100%;
          margin: 0 0 5px;
          color: #ef3c30; }
        div.news-article .news-list ul li a span.date {
          float: left;
          width: 100%;
          margin: 0 0 15px;
          font-size: 12px; }
        div.news-article .news-list ul li a span.btn {
          float: left; }

/* Kassan */
@media screen and (max-width: 700px) {
  div.page div.checkout {
    padding-top: 20px; } }
div.page div.checkout h1 {
  float: left; }
  @media screen and (max-width: 700px) {
    div.page div.checkout h1 {
      margin-top: 0; } }
div.page div.checkout .change-price-holder {
  float: left;
  clear: left;
  margin-bottom: 20px; }
  @media screen and (max-width: 1020px) {
    div.page div.checkout .change-price-holder {
      float: right;
      clear: none; } }
div.page div.checkout .cart {
  clear: both;
  float: left;
  width: 70%;
  padding-right: 50px; }
  @media screen and (max-width: 1020px) {
    div.page div.checkout .cart {
      width: 100%;
      padding-right: 0; } }
  div.page div.checkout .cart ul.products {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 2px solid #f0f0f0; }
    div.page div.checkout .cart ul.products li {
      float: left;
      width: 100%;
      padding: 20px 0;
      border-bottom: 2px solid #f0f0f0; }
      div.page div.checkout .cart ul.products li.total {
        border: 0; }
      div.page div.checkout .cart ul.products li div.images {
        float: left;
        width: 25%;
        text-align: center;
        min-height: 10px; }
        div.page div.checkout .cart ul.products li div.images img {
          max-width: 80%; }
        @media screen and (max-width: 700px) {
          div.page div.checkout .cart ul.products li div.images {
            width: 30%;
            display: flex;
            flex-direction: column; } }
        div.page div.checkout .cart ul.products li div.images .season-info {
          float: left;
          width: 100%;
          margin-top: 10px;
          text-align: center;
          line-height: 20px; }
          div.page div.checkout .cart ul.products li div.images .season-info span {
            display: inline-block;
            height: 20px;
            background-size: auto 20px;
            background-repeat: no-repeat;
            padding-left: 25px;
            font-style: italic; }
      div.page div.checkout .cart ul.products li div.images-wheel img {
        max-width: 50%; }
        @media screen and (max-width: 700px) {
          div.page div.checkout .cart ul.products li div.images-wheel img {
            max-width: 100%; } }
      div.page div.checkout .cart ul.products li div.info {
        float: left;
        width: 55%;
        padding: 0px 15px 0 30px; }
        @media screen and (max-width: 700px) {
          div.page div.checkout .cart ul.products li div.info {
            width: 70%; } }
        div.page div.checkout .cart ul.products li div.info .head {
          float: left;
          margin-bottom: 20px;
          padding-right: 20px; }
          @media screen and (max-width: 700px) {
            div.page div.checkout .cart ul.products li div.info .head {
              padding-right: 0; } }
          div.page div.checkout .cart ul.products li div.info .head h3 {
            float: left;
            width: 100%;
            line-height: 140%;
            margin: 10px 0 0px;
            font-size: 16px; }
          div.page div.checkout .cart ul.products li div.info .head span {
            font-style: italic; }
          div.page div.checkout .cart ul.products li div.info .head p.desc {
            float: left;
            width: 100%;
            margin-top: 10px; }
        div.page div.checkout .cart ul.products li div.info span {
          float: left;
          width: 100%;
          line-height: 140%; }
          div.page div.checkout .cart ul.products li div.info span.car-warning {
            font-weight: bold;
            padding-bottom: 10px; }
        div.page div.checkout .cart ul.products li div.info .car_info {
          float: left;
          width: 100%;
          background: #f0f0f0;
          padding: 10px;
          margin-top: 10px; }
          div.page div.checkout .cart ul.products li div.info .car_info h4 {
            color: #ef3c30;
            margin: 0 0 10px;
            font-size: 14px; }
            div.page div.checkout .cart ul.products li div.info .car_info h4 div {
              display: inline; }
      div.page div.checkout .cart ul.products li .price-block {
        float: right;
        width: 20%;
        padding-top: 10px; }
        @media screen and (max-width: 700px) {
          div.page div.checkout .cart ul.products li .price-block {
            width: 100%;
            padding-top: 20px; } }
        div.page div.checkout .cart ul.products li .price-block .price {
          float: left;
          width: 100%;
          padding-bottom: 10px; }
          @media screen and (max-width: 700px) {
            div.page div.checkout .cart ul.products li .price-block .price {
              float: right;
              width: auto;
              padding-bottom: 0; } }
        div.page div.checkout .cart ul.products li .price-block .field {
          float: left;
          margin: 5px 0px 0 0;
          width: 100%; }
          @media screen and (max-width: 700px) {
            div.page div.checkout .cart ul.products li .price-block .field {
              width: auto;
              margin: 0; } }
          div.page div.checkout .cart ul.products li .price-block .field label {
            display: block;
            padding-bottom: 5px; }
          div.page div.checkout .cart ul.products li .price-block .field input {
            max-width: 100%; }
          div.page div.checkout .cart ul.products li .price-block .field input.amount {
            width: 50px; }
          div.page div.checkout .cart ul.products li .price-block .field table {
            float: right;
            border-collapse: collapse; }
          div.page div.checkout .cart ul.products li .price-block .field.field-bolts select {
            float: right;
            display: none; }
          @media screen and (max-width: 700px) {
            div.page div.checkout .cart ul.products li .price-block .field.field-note {
              clear: left;
              width: 160px;
              margin-top: 5px; } }
          @media screen and (max-width: 700px) {
            div.page div.checkout .cart ul.products li .price-block .field.field-remove {
              float: right;
              clear: right;
              margin-top: 10px; } }
        div.page div.checkout .cart ul.products li .price-block .icon-trash {
          color: #262626;
          margin: 0 5px; }
      div.page div.checkout .cart ul.products li .price div {
        text-align: right;
        display: none; }
        div.page div.checkout .cart ul.products li .price div h3 {
          margin: 0 0 3px;
          font-size: 22px; }
        div.page div.checkout .cart ul.products li .price div span {
          font-size: 11px; }
    div.page div.checkout .cart ul.products li.total .btn {
      float: left;
      margin: 0 5px 5px 0; }
    div.page div.checkout .cart ul.products li.total table {
      float: right; }
      div.page div.checkout .cart ul.products li.total table td {
        padding-bottom: 5px;
        padding-left: 20px; }
      div.page div.checkout .cart ul.products li.total table tr.total td {
        padding-top: 10px; }
    div.page div.checkout .cart ul.products li.total h3 {
      font-size: 24px;
      margin: 0; }
    div.page div.checkout .cart ul.products li.total .price div h3 {
      font-size: 24px; }
  div.page div.checkout .cart div.no-return {
    float: left;
    padding: 20px;
    margin: 15px 0;
    border: 1px solid #f0f0f0;
    width: 100%; }
  div.page div.checkout .cart div.shipping-days {
    display: flex;
    flex-direction: column;
    padding: 20px 10px;
    margin: 15px 0;
    border: 1px solid #f0f0f0;
    width: 100%; }
    @media screen and (max-width: 700px) {
      div.page div.checkout .cart div.shipping-days {
        padding: 15px 10px; } }
    div.page div.checkout .cart div.shipping-days div.days {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 700px) {
        div.page div.checkout .cart div.shipping-days div.days {
          font-size: 13px; } }
      div.page div.checkout .cart div.shipping-days div.days span.shipping_time {
        width: 42px;
        display: flex;
        justify-content: center; }
        @media screen and (max-width: 700px) {
          div.page div.checkout .cart div.shipping-days div.days span.shipping_time {
            width: 32px; } }
        div.page div.checkout .cart div.shipping-days div.days span.shipping_time span[class^="icon-"] {
          font-size: 22px; }
          @media screen and (max-width: 700px) {
            div.page div.checkout .cart div.shipping-days div.days span.shipping_time span[class^="icon-"] {
              font-size: 18px; } }
      div.page div.checkout .cart div.shipping-days div.days.shipping-days-2 span[class^="icon-"] {
        color: #ff9000; }
      div.page div.checkout .cart div.shipping-days div.days label {
        font-weight: bold;
        margin: 0 5px 0 0;
        padding: 0; }
    div.page div.checkout .cart div.shipping-days div.quick-delivery {
      margin-top: 10px;
      padding: 10px 10px 0 42px;
      border-top: 1px solid #f7f7f7;
      line-height: 20px; }
      @media screen and (max-width: 700px) {
        div.page div.checkout .cart div.shipping-days div.quick-delivery {
          padding-left: 32px;
          font-size: 13px; } }
      div.page div.checkout .cart div.shipping-days div.quick-delivery label {
        font-weight: normal; }
  div.page div.checkout .cart div.shipping {
    display: flex;
    flex-direction: column; }
    div.page div.checkout .cart div.shipping ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      div.page div.checkout .cart div.shipping ul li {
        display: flex;
        border: 1px solid #eaeaea;
        margin-bottom: 5px;
        border-radius: 5px;
        flex-wrap: wrap; }
        div.page div.checkout .cart div.shipping ul li > label {
          display: flex;
          align-items: center;
          padding: 0;
          font-weight: normal;
          width: 100%;
          padding: 15px; }
          div.page div.checkout .cart div.shipping ul li > label input {
            margin: 0; }
          div.page div.checkout .cart div.shipping ul li > label .title {
            margin-left: 10px; }
            div.page div.checkout .cart div.shipping ul li > label .title h4 {
              margin: 0; }
            div.page div.checkout .cart div.shipping ul li > label .title .desc {
              font-size: 12px;
              margin-top: 8px; }
        div.page div.checkout .cart div.shipping ul li .extra {
          display: none;
          width: 100%;
          padding: 15px;
          flex-wrap: wrap; }
          div.page div.checkout .cart div.shipping ul li .extra .customer-info {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            background: #f0f0f0;
            padding: 15px; }
          div.page div.checkout .cart div.shipping ul li .extra .field {
            width: 100%;
            padding-right: 5px;
            display: flex;
            flex-direction: column;
            margin-bottom: 10px; }
            div.page div.checkout .cart div.shipping ul li .extra .field label {
              padding: 0 0 4px;
              font-weight: normal; }
            div.page div.checkout .cart div.shipping ul li .extra .field input {
              width: 100%;
              margin-top: 2px; }
            div.page div.checkout .cart div.shipping ul li .extra .field.field-zipcode {
              width: 100px; }
            div.page div.checkout .cart div.shipping ul li .extra .field.field-city {
              width: calc(100% - 100px); }
  div.page div.checkout .cart form.customer-info {
    float: left;
    width: 100%;
    margin-top: 20px; }
    div.page div.checkout .cart form.customer-info label {
      display: block;
      padding: 20px 0 4px;
      font-weight: bold; }
    div.page div.checkout .cart form.customer-info i {
      display: block;
      padding-top: 4px; }
    div.page div.checkout .cart form.customer-info .free-delivery b {
      display: block;
      padding: 20px 0 4px; }
    div.page div.checkout .cart form.customer-info input[type=text], div.page div.checkout .cart form.customer-info textarea {
      width: 300px;
      max-width: 100%; }
div.page div.checkout div.extra-products {
  float: left;
  width: 30%;
  background: #f0f0f0;
  padding: 20px; }
  @media screen and (max-width: 1020px) {
    div.page div.checkout div.extra-products {
      display: none; } }
  div.page div.checkout div.extra-products h2 {
    color: #262626;
    margin: 0 0 20px;
    font-weight: normal;
    font-size: 18px; }
    div.page div.checkout div.extra-products h2 span {
      margin-right: 10px;
      color: #ef3c30; }
  div.page div.checkout div.extra-products ul {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0; }
    div.page div.checkout div.extra-products ul.no-images li .info {
      width: 100%;
      padding-left: 0px; }
    div.page div.checkout div.extra-products ul li {
      float: left;
      width: 100%;
      border-top: 2px solid #e0e0e0;
      padding: 10px 0; }
      div.page div.checkout div.extra-products ul li .image {
        float: left;
        width: 30%; }
        div.page div.checkout div.extra-products ul li .image img {
          max-width: 100%; }
      div.page div.checkout div.extra-products ul li .info {
        float: left;
        width: 70%;
        padding-left: 10px; }
        div.page div.checkout div.extra-products ul li .info h4 {
          float: left;
          width: 100%;
          margin: 0 0 20px;
          line-height: 140%;
          font-size: 14px;
          font-weight: normal; }
          div.page div.checkout div.extra-products ul li .info h4 span {
            display: block;
            padding-top: 5px;
            font-weight: normal;
            font-size: 14px; }
        div.page div.checkout div.extra-products ul li .info .price {
          float: left;
          font-size: 16px;
          font-weight: bold;
          padding-top: 12px;
          color: #CC0000; }
        div.page div.checkout div.extra-products ul li .info .buy {
          float: right; }
          div.page div.checkout div.extra-products ul li .info .buy input[type=text] {
            width: 50px; }

/* Priser */
body.prices .mobile,
body.users .mobile,
body.orders .mobile,
body.order-edit .mobile,
body.discount-edit .mobile {
  display: none; }
@media screen and (max-width: 700px) {
  body.prices .mobile,
  body.users .mobile,
  body.orders .mobile,
  body.order-edit .mobile,
  body.discount-edit .mobile {
    display: block; }
  body.prices .desktop,
  body.users .desktop,
  body.orders .desktop,
  body.order-edit .desktop,
  body.discount-edit .desktop {
    display: none; } }
body.prices input.small,
body.users input.small,
body.orders input.small,
body.order-edit input.small,
body.discount-edit input.small {
  width: 70px; }

body.users ul.user-list li a.btn {
  clear: both;
  margin-bottom: 5px; }

.mobile ul.user-list,
.mobile ul.list {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }
  .mobile ul.user-list li,
  .mobile ul.list li {
    float: left;
    width: 100%;
    background: #f0f0f0;
    margin-bottom: 5px;
    border-radius: 3px;
    border: 1px solid #CCC; }
    .mobile ul.user-list li a,
    .mobile ul.list li a {
      float: left;
      width: 100%;
      padding: 10px;
      color: #262626;
      font-weight: bold; }
    .mobile ul.user-list li a.btn,
    .mobile ul.list li a.btn {
      color: #FFF;
      width: auto; }
    .mobile ul.user-list li div.short-cuts,
    .mobile ul.list li div.short-cuts {
      display: none;
      float: left;
      padding: 10px; }
      .mobile ul.user-list li div.short-cuts td,
      .mobile ul.list li div.short-cuts td {
        padding: 2px 10px 2px 0; }
      .mobile ul.user-list li div.short-cuts th,
      .mobile ul.list li div.short-cuts th {
        padding-top: 10px; }

/* Saljare */
body.edit-user .page label {
  display: block;
  padding: 10px 0 3px;
  font-weight: bold; }
  body.edit-user .page label.checkbox {
    display: inline; }
body.edit-user .page input[type=text] {
  width: 300px;
  max-width: 100%; }

div.settings td {
  padding-bottom: 10px; }
div.settings input.small {
  width: 70px; }
div.settings .block {
  float: left;
  width: 100%;
  padding: 20px; }
  div.settings .block:nth-child(odd) {
    background: #f0f0f0; }
  div.settings .block h3 {
    margin-top: 0; }

/* Ordrar */
body.orders div.orders ul.list {
  margin-top: 10px; }
body.orders div.orders ul.list li a {
  line-height: 140%;
  font-weight: normal; }
  body.orders div.orders ul.list li a .orderid {
    font-weight: bold; }
  body.orders div.orders ul.list li a table {
    width: 100%;
    border-collapse: collapse; }
    body.orders div.orders ul.list li a table td {
      padding: 5px 0; }
body.orders div.orders .box-filter-toggle form {
  display: none;
  float: left;
  width: 100%;
  padding: 10px;
  background: #f0f0f0;
  margin-top: 10px; }
  body.orders div.orders .box-filter-toggle form .field {
    float: left;
    width: 100%;
    padding-bottom: 10px; }
    body.orders div.orders .box-filter-toggle form .field label {
      display: block;
      padding-bottom: 2px; }

body.order-edit table.list input[type=text] {
  width: 140px; }
body.order-edit .mobile table.list {
  width: 100%; }
  body.order-edit .mobile table.list table {
    width: 100%; }
    body.order-edit .mobile table.list table td {
      padding: 3px 0; }

body.acc_prices input.price {
  width: 80px; }

/* Offert */
div.offer .section {
  float: left;
  width: 100%; }
  div.offer .section .field {
    float: left;
    width: 100%;
    margin-bottom: 10px; }
    div.offer .section .field label {
      display: block;
      padding: 0 0 3px;
      font-weight: bold; }
    div.offer .section .field input, div.offer .section .field textarea {
      width: 300px;
      max-width: 100%; }
div.offer input.amount {
  width: 40px; }
div.offer input.price {
  width: 80px; }

/* Rabattavtal */
body.discount-edit label {
  display: block;
  padding-bottom: 3px;
  font-weight: bold; }
body.discount-edit .field {
  float: left;
  width: 100%;
  margin-bottom: 10px; }

/* Dack hjalp */
body.tire-help .page {
  padding-top: 50px; }
  @media screen and (max-width: 1020px) {
    body.tire-help .page {
      padding-top: 20px; } }
  body.tire-help .page .menu {
    float: left;
    width: 20%; }
    @media screen and (max-width: 1020px) {
      body.tire-help .page .menu {
        width: 100%;
        margin-bottom: 20px; } }
    body.tire-help .page .menu .dropdown-trigger {
      display: none; }
      @media screen and (max-width: 1020px) {
        body.tire-help .page .menu .dropdown-trigger {
          display: block; } }
    body.tire-help .page .menu ul {
      float: left;
      width: 100%;
      list-style: none;
      padding: 0;
      margin: 0; }
      @media screen and (max-width: 1020px) {
        body.tire-help .page .menu ul {
          display: none;
          margin-top: 10px; } }
      body.tire-help .page .menu ul li {
        float: left;
        width: 100%;
        border-bottom: 1px solid #f0f0f0; }
        body.tire-help .page .menu ul li a {
          float: left;
          width: 100%;
          padding: 10px;
          color: #262626; }
          body.tire-help .page .menu ul li a.active {
            color: #ef3c30; }
          @media screen and (max-width: 1020px) {
            body.tire-help .page .menu ul li a {
              padding: 10px 20px; } }
        body.tire-help .page .menu ul li ul li {
          border: 0; }
          body.tire-help .page .menu ul li ul li a {
            padding: 7px 0 7px 30px;
            font-size: 12px; }
  body.tire-help .page .help-content {
    float: left;
    width: 80%;
    padding-left: 50px; }
    @media screen and (max-width: 1020px) {
      body.tire-help .page .help-content {
        width: 100%;
        padding-left: 0; } }
    body.tire-help .page .help-content h1 {
      margin: 0 0 30px; }
    body.tire-help .page .help-content img {
      max-width: 100%; }
    body.tire-help .page .help-content.hc-rullomkrets .wheel {
      float: left;
      margin-right: 30px;
      margin-bottom: 5px;
      width: 280px;
      padding: 20px;
      border: 1px solid #eaeaea;
      text-align: center;
      background: #FFF; }
      body.tire-help .page .help-content.hc-rullomkrets .wheel h3 {
        margin: 0 0 10px;
        font-size: 14px; }
      body.tire-help .page .help-content.hc-rullomkrets .wheel .size {
        display: inline-block;
        margin-bottom: 10px; }
        body.tire-help .page .help-content.hc-rullomkrets .wheel .size div {
          float: left;
          padding: 0 2px; }
        body.tire-help .page .help-content.hc-rullomkrets .wheel .size div.txt {
          padding: 14px 2px 0; }
      body.tire-help .page .help-content.hc-rullomkrets .wheel input[type="text"] {
        float: none;
        width: 80px;
        text-align: center;
        margin: 2px 0 7px; }
    body.tire-help .page .help-content.hc-rullomkrets .button {
      display: inline-block; }
    body.tire-help .page .help-content.hc-rullomkrets .summa {
      float: left;
      width: 590px;
      margin-top: 30px;
      text-align: center; }
      body.tire-help .page .help-content.hc-rullomkrets .summa .status {
        float: left;
        width: 100%;
        padding: 20px;
        background: #ef3c30;
        color: #FFF;
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px; }
        body.tire-help .page .help-content.hc-rullomkrets .summa .status.status-green {
          background: #5ab451; }
        body.tire-help .page .help-content.hc-rullomkrets .summa .status.status-yellow {
          background: #ffc000; }
      body.tire-help .page .help-content.hc-rullomkrets .summa .data {
        float: left;
        width: 100%;
        border: 1px solid #eaeaea;
        padding: 20px;
        background: #FFF; }
        body.tire-help .page .help-content.hc-rullomkrets .summa .data .data-list {
          float: left;
          width: 50%;
          text-align: left; }
        body.tire-help .page .help-content.hc-rullomkrets .summa .data table {
          margin-bottom: 20px; }
        body.tire-help .page .help-content.hc-rullomkrets .summa .data .circle {
          float: right;
          width: 50%;
          padding-left: 30px; }
      body.tire-help .page .help-content.hc-rullomkrets .summa .value {
        font-weight: bold; }
    @media only screen and (max-width: 1240px) {
      body.tire-help .page .help-content.hc-rullomkrets .wheel {
        width: 240px;
        margin-right: 0; }
      body.tire-help .page .help-content.hc-rullomkrets .wheel-2 {
        float: right; }
      body.tire-help .page .help-content.hc-rullomkrets .summa {
        width: 100%; } }
    @media only screen and (max-width: 700px) {
      body.tire-help .page .help-content.hc-rullomkrets .wheel,
      body.tire-help .page .help-content.hc-rullomkrets .summa,
      body.tire-help .page .help-content.hc-rullomkrets .summa .data .data-list,
      body.tire-help .page .help-content.hc-rullomkrets .summa .data .circle {
        width: 100%; }
      body.tire-help .page .help-content.hc-rullomkrets .summa .data .circle {
        margin-top: 20px;
        padding-left: 0; } }
    body.tire-help .page .help-content.hc-tpms ul.tpms-info {
      float: left;
      width: 100%;
      list-style: none;
      margin: 0;
      padding: 0; }
      body.tire-help .page .help-content.hc-tpms ul.tpms-info li {
        float: left;
        width: 100%;
        border-bottom: 1px solid #f0f0f0;
        padding: 15px 0; }
        body.tire-help .page .help-content.hc-tpms ul.tpms-info li h4 {
          margin: 0 0 5px;
          font-size: 16px; }
    body.tire-help .page .help-content.hc-index h4 {
      margin: 20px 0 0;
      font-size: 16px; }
    body.tire-help .page .help-content.hc-index ul {
      float: left;
      list-style: none;
      margin: 5px 0 0;
      padding: 0; }
      body.tire-help .page .help-content.hc-index ul li {
        float: left;
        clear: both; }
        body.tire-help .page .help-content.hc-index ul li a {
          float: left;
          padding: 5px 0; }
    body.tire-help .page .help-content .submenu {
      display: none; }
      @media screen and (max-width: 1020px) {
        body.tire-help .page .help-content .submenu {
          display: block;
          float: left;
          width: 100%;
          margin-top: 30px; }
          body.tire-help .page .help-content .submenu ul {
            float: left;
            list-style: none;
            margin: 5px 0 0;
            padding: 0; }
            body.tire-help .page .help-content .submenu ul li {
              float: left;
              width: 100%;
              border-bottom: 1px solid #f0f0f0; }
              body.tire-help .page .help-content .submenu ul li a {
                float: left;
                padding: 8px 0; } }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?z15hsb");
  src: url("fonts/icomoon.eot?z15hsb#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?z15hsb") format("truetype"), url("fonts/icomoon.woff?z15hsb") format("woff"), url("fonts/icomoon.svg?z15hsb#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  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; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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