@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/*$green: #008136;*/
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?cb2d6l");
  src: url("fonts/icomoon.eot?cb2d6l#iefix") format("embedded-opentype"), url("fonts/icomoon.woff2?cb2d6l") format("woff2"), url("fonts/icomoon.ttf?cb2d6l") format("truetype"), url("fonts/icomoon.woff?cb2d6l") format("woff"), url("fonts/icomoon.svg?cb2d6l#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body {
  background: #009a42;
  background-size: cover; }

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

body, td, th, option, select, input, textarea {
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 14px;
  color: #111111; }

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

.develop {
  float: left;
  width: 100%;
  background: #CC0000;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  display: none; }

span.icon-summer {
  color: #ffde00; }

span.icon-winter {
  color: #0078ff; }

h1 {
  position: relative;
  color: #111111;
  font-size: 32px;
  font-weight: 600;
  margin: 0 0 36px;
  text-transform: uppercase; }
  h1:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 10px;
    width: 80px;
    height: 6px;
    background: #009a42; }
  @media screen and (max-width: 920px) {
    h1 {
      font-size: 24px; }
      h1:after {
        margin-top: 6px;
        width: 60px;
        height: 4px; } }

h2 {
  position: relative;
  color: #111111;
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 36px;
  text-transform: uppercase; }
  h2:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 10px;
    width: 80px;
    height: 4px;
    background: #009a42; }
  @media screen and (max-width: 920px) {
    h2 {
      font-size: 24px; }
      h2:after {
        margin-top: 6px;
        width: 60px;
        height: 4px; } }

.added-to-cart {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  text-align: center; }
  .added-to-cart .holder {
    display: inline-block;
    width: 500px;
    background: #FFF;
    box-shadow: 0 0 10px #000;
    padding: 30px 20px;
    position: relative;
    top: 50%;
    margin-top: -100px; }
    @media screen and (max-width: 920px) {
      .added-to-cart .holder {
        width: 96%; } }
    .added-to-cart .holder h2 {
      margin: 0 0 48px;
      font-weight: 600;
      font-size: 24px; }
      .added-to-cart .holder h2:after {
        margin: 10px auto 0; }
    .added-to-cart .holder a.btn {
      margin: 0 5px; }
      @media screen and (max-width: 920px) {
        .added-to-cart .holder a.btn {
          margin: 10px 5px 0px; } }

.login-shadow {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  align-items: center;
  justify-content: center; }
  .login-shadow .login,
  .login-shadow .forgot {
    display: flex;
    flex-direction: column;
    width: 320px;
    background: #FFF;
    box-shadow: 0 0 10px #000;
    padding: 48px 32px;
    position: relative;
    /*border-radius: 20px;*/ }
    @media screen and (max-width: 920px) {
      .login-shadow .login,
      .login-shadow .forgot {
        width: calc(100% - 24px);
        padding: 24px; } }
    .login-shadow .login a.close,
    .login-shadow .forgot a.close {
      position: absolute;
      z-index: 2;
      right: 16px;
      top: 16px;
      font-size: 24px;
      margin-top: 0;
      color: #111111; }
    .login-shadow .login.forgot,
    .login-shadow .forgot.forgot {
      display: none; }
      .login-shadow .login.forgot .done,
      .login-shadow .forgot.forgot .done {
        display: none; }
    .login-shadow .login .error,
    .login-shadow .forgot .error {
      display: none;
      background: #970101;
      padding: 12px;
      color: #FFF;
      font-weight: bold;
      font-size: 13px; }
    .login-shadow .login h3,
    .login-shadow .forgot h3 {
      position: relative;
      color: #111111;
      font-size: 32px;
      font-weight: 600;
      margin: 0 0 36px;
      text-transform: uppercase; }
      .login-shadow .login h3:after,
      .login-shadow .forgot h3:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: 10px;
        width: 80px;
        height: 6px;
        background: #009a42; }
      @media screen and (max-width: 920px) {
        .login-shadow .login h3,
        .login-shadow .forgot h3 {
          font-size: 24px; }
          .login-shadow .login h3:after,
          .login-shadow .forgot h3:after {
            margin-top: 6px;
            width: 60px;
            height: 4px; } }
    .login-shadow .login .login-box,
    .login-shadow .forgot .login-box {
      margin-bottom: 8px; }
      .login-shadow .login .login-box input[type="text"], .login-shadow .login .login-box input[type="password"],
      .login-shadow .forgot .login-box input[type="text"],
      .login-shadow .forgot .login-box input[type="password"] {
        width: 100%; }
    .login-shadow .login div.links,
    .login-shadow .forgot div.links {
      margin-top: 16px;
      display: flex;
      flex-direction: column; }
      .login-shadow .login div.links a.forgot-link,
      .login-shadow .forgot div.links a.forgot-link {
        display: flex;
        align-items: center;
        font-size: 13px;
        margin-top: 8px; }
        .login-shadow .login div.links a.forgot-link span,
        .login-shadow .forgot div.links a.forgot-link span {
          margin-right: 2px;
          color: #009a42; }

.holder {
  width: 1400px;
  padding: 0 24px; }
  @media screen and (max-width: 920px) {
    .holder {
      padding: 0 12px;
      width: 100%; } }

.header {
  display: flex;
  justify-content: center;
  width: 100%;
  background: #FFF;
  flex-wrap: wrap; }
  .header .bar {
    display: flex;
    justify-content: center;
    width: 100%;
    background: #009a42; }
    @media screen and (max-width: 920px) {
      .header .bar {
        display: none; } }
    .header .bar .holder {
      justify-content: space-between;
      padding: 8px 24px 8px 12px; }
      .header .bar .holder .top-menu {
        display: flex; }
        .header .bar .holder .top-menu ul {
          display: flex;
          list-style: none;
          margin: 0;
          padding: 0; }
          .header .bar .holder .top-menu ul li {
            display: flex;
            padding: 0px 12px;
            border-left: 1px solid #017834;
            align-items: center; }
            .header .bar .holder .top-menu ul li:nth-child(1) {
              border-width: 0; }
            .header .bar .holder .top-menu ul li a {
              font-size: 13px;
              color: #FFF;
              text-transform: uppercase; }
      .header .bar .holder ul.settings {
        display: flex;
        align-items: center;
        list-style: none;
        margin: 0;
        padding: 0; }
        .header .bar .holder ul.settings li {
          padding: 0px 12px 0;
          border-right: 1px solid #017834; }
          .header .bar .holder ul.settings li select {
            font-size: 12px;
            padding: 2px 4px; }
          .header .bar .holder ul.settings li:nth-last-child(1) {
            border: 0; }
          .header .bar .holder ul.settings li a.active {
            cursor: default; }
          .header .bar .holder ul.settings li a img {
            width: 16px; }
          .header .bar .holder ul.settings li .language {
            display: flex;
            align-items: center; }
            .header .bar .holder ul.settings li .language a {
              display: flex;
              align-items: center;
              margin-left: 4px; }
              .header .bar .holder ul.settings li .language a:nth-child(1) {
                margin-left: 0; }
  .header .holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 40px 24px; }
    @media screen and (max-width: 920px) {
      .header .holder {
        padding: 12px;
        align-items: center; } }
    .header .holder .logo {
      height: 50px; }
      @media screen and (max-width: 920px) {
        .header .holder .logo {
          height: 24px; } }
      .header .holder .logo a {
        height: 100%; }
        .header .holder .logo a img {
          height: 100%; }
    .header .holder div.mobile-head {
      display: none;
      position: relative; }
      @media screen and (max-width: 920px) {
        .header .holder div.mobile-head {
          display: flex;
          align-items: center; } }
      .header .holder div.mobile-head a {
        display: flex;
        width: 32px;
        height: 32px;
        align-items: center;
        justify-content: center;
        margin-right: 16px; }
        .header .holder div.mobile-head a span {
          font-size: 24px;
          color: #111111; }
      .header .holder div.mobile-head a.show-mobile-menu {
        margin-right: 0; }
        .header .holder div.mobile-head a.show-mobile-menu span {
          font-size: 24px;
          color: #111111; }
      .header .holder div.mobile-head a.show-search {
        display: none; }
        .header .holder div.mobile-head a.show-search span {
          font-size: 20px; }
      .header .holder div.mobile-head .mobile-profile-menu {
        display: none; }
      .header .holder div.mobile-head.profile-open .mobile-profile-menu {
        position: absolute;
        top: 100%;
        right: calc(100% - 32px);
        display: flex;
        background: #FFF;
        z-index: 10;
        width: 160px;
        border: 1px solid #CCC; }
        .header .holder div.mobile-head.profile-open .mobile-profile-menu .links {
          display: flex;
          flex-direction: column;
          width: 100%;
          padding: 12px; }
          .header .holder div.mobile-head.profile-open .mobile-profile-menu .links ul {
            display: flex;
            flex-direction: column;
            list-style: none;
            margin: 0;
            padding: 0; }
            .header .holder div.mobile-head.profile-open .mobile-profile-menu .links ul li {
              display: flex; }
              .header .holder div.mobile-head.profile-open .mobile-profile-menu .links ul li a {
                display: flex;
                white-space: nowrap;
                width: 100%;
                height: auto;
                margin-right: 0;
                justify-content: flex-start;
                padding: 8px; }
            .header .holder div.mobile-head.profile-open .mobile-profile-menu .links ul.logout {
              border-top: 1px solid #CCC;
              margin-top: 8px; }
    .header .holder .search {
      padding: 4px;
      background: #f7f7f7;
      border-radius: 40px;
      width: 40%; }
      @media screen and (max-width: 920px) {
        .header .holder .search {
          display: none; } }
      .header .holder .search form {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .header .holder .search form input[type=text] {
          border-radius: 40px;
          border: 0;
          width: calc(100% - 28px);
          padding-left: 16px;
          font-size: 12px; }
        .header .holder .search form a {
          font-size: 18px;
          width: 50px;
          display: flex;
          justify-content: center; }
    .header .holder .user-cart {
      display: flex; }
      @media screen and (max-width: 920px) {
        .header .holder .user-cart {
          display: none; } }
      .header .holder .user-cart .logged-in {
        display: flex;
        align-items: center;
        margin-right: 12px;
        height: 48px;
        position: relative; }
        .header .holder .user-cart .logged-in > a {
          display: flex;
          /*background: $grey-light-bg; border-radius: 40px;*/
          padding: 0 20px;
          align-items: center;
          height: 100%;
          transition: ease 0.1s;
          width: 100%; }
          .header .holder .user-cart .logged-in > a:hover {
            background: #eaeaea; }
          .header .holder .user-cart .logged-in > a span {
            font-size: 24px;
            margin-right: 12px;
            color: #009a42; }
          .header .holder .user-cart .logged-in > a > div {
            display: flex;
            flex-direction: column; }
            .header .holder .user-cart .logged-in > a > div div {
              font-size: 10px; }
          .header .holder .user-cart .logged-in > a.profile {
            border: 1px solid #009a42; }
            .header .holder .user-cart .logged-in > a.profile span, .header .holder .user-cart .logged-in > a.profile div {
              color: #009a42; }
            .header .holder .user-cart .logged-in > a.profile:hover {
              background: #009a42; }
              .header .holder .user-cart .logged-in > a.profile:hover span, .header .holder .user-cart .logged-in > a.profile:hover div {
                color: #FFF; }
          .header .holder .user-cart .logged-in > a.btn-login {
            background: #FFF;
            border: 1px solid #009a42;
            color: #009a42;
            text-transform: uppercase; }
        .header .holder .user-cart .logged-in div.profile-menu {
          display: none; }
        .header .holder .user-cart .logged-in.open div.profile-menu {
          display: flex;
          position: absolute;
          width: 100%;
          left: 0;
          top: 100%;
          z-index: 200; }
          .header .holder .user-cart .logged-in.open div.profile-menu div.links {
            background: #FFF;
            width: 100%;
            /*border-radius: 24px;*/
            padding: 20px;
            position: relative;
            border: 1px solid #009a42;
            border-top: 0; }
            .header .holder .user-cart .logged-in.open div.profile-menu div.links a.close {
              position: absolute;
              right: 12px;
              top: 12px; }
            .header .holder .user-cart .logged-in.open div.profile-menu div.links ul {
              list-style: none;
              padding: 0;
              margin: 0; }
              .header .holder .user-cart .logged-in.open div.profile-menu div.links ul li a {
                display: flex;
                padding: 4px 0;
                font-size: 12px;
                text-transform: uppercase; }
              .header .holder .user-cart .logged-in.open div.profile-menu div.links ul.logout {
                border-top: 1px solid #CCC;
                padding-top: 4px;
                margin-top: 4px; }
      .header .holder .user-cart .cart a {
        background: #009a42;
        /*border-radius: 40px;*/
        height: 100%;
        display: flex;
        align-items: center;
        padding: 4px 24px 4px 20px;
        transition: ease 0.1s;
        color: #FFF; }
        .header .holder .user-cart .cart a:hover {
          background: #008137; }
        .header .holder .user-cart .cart a span.icon {
          color: #FFF;
          font-size: 24px; }
        .header .holder .user-cart .cart a .price {
          padding: 0 16px 0 16px;
          position: relative; }
          .header .holder .user-cart .cart a .price .amount {
            position: absolute;
            background: #FFF;
            font-size: 9px;
            height: 16px;
            width: 16px;
            color: #009a42;
            top: -6px;
            right: -3px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 40px; }
        .header .holder .user-cart .cart a.inactive {
          cursor: default; }
          .header .holder .user-cart .cart a.inactive .price {
            padding: 0 0 0 16px; }
          .header .holder .user-cart .cart a.inactive:hover {
            background: #008137; }

.mobile-search {
  display: none; }
  @media screen and (max-width: 920px) {
    .mobile-search {
      display: flex;
      padding: 0 12px;
      background: #FFF; }
      .mobile-search form {
        background: #f7f7f7;
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .mobile-search form input {
          background: none;
          border: 0;
          padding-left: 16px;
          flex-grow: 1; }
        .mobile-search form a {
          display: flex;
          align-items: center;
          width: 42px;
          justify-content: center; } }

body.fixed .menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: #009a42; }
  body.fixed .menu .holder ul li a {
    color: #FFF; }
  body.fixed .menu .holder ul li.open ul {
    background: #009a42; }
@media screen and (max-width: 920px) {
  body.fixed .header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    border-bottom: 1px solid #f7f7f7; } }

.menu {
  display: flex;
  justify-content: center;
  width: 100%;
  background: #f7f7f7;
  flex-wrap: wrap; }
  @media screen and (max-width: 920px) {
    .menu {
      display: none; } }
  .menu .holder ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none; }
    .menu .holder ul li {
      display: flex;
      position: relative; }
      .menu .holder ul li a {
        display: flex;
        align-items: center;
        color: #111111;
        padding: 12px 12px 12px 0;
        font-weight: bold;
        margin-right: 32px;
        font-size: 15px;
        text-transform: uppercase; }
        .menu .holder ul li a span {
          margin-left: 12px;
          transition: linear 0.1s; }
      .menu .holder ul li ul {
        transition: linear .05s;
        position: absolute;
        opacity: 0;
        display: none;
        flex-direction: column;
        top: 100%;
        left: 0;
        background: #f7f7f7;
        padding: 12px 24px;
        /*box-shadow: 0 14px 14px #666;*/
        z-index: -1; }
        .menu .holder ul li ul li a {
          color: #111111;
          padding: 8px 32px 8px 0;
          font-size: 14px;
          margin-right: 0;
          font-weight: normal;
          white-space: nowrap; }
          .menu .holder ul li ul li a:hover {
            text-decoration: underline; }
        .menu .holder ul li ul a span {
          transform: rotate(180deg); }
      .menu .holder ul li.open ul {
        display: flex;
        z-index: 3;
        opacity: 1; }

.mobile-cart {
  display: none; }

.mobile-menu {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #009a42;
  color: #FFF;
  padding: 24px;
  flex-direction: column; }
  .mobile-menu .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px; }
    .mobile-menu .top a.logo img {
      height: 24px; }
    .mobile-menu .top a.close-mobile-menu {
      color: #FFF;
      display: flex; }
      .mobile-menu .top a.close-mobile-menu span {
        font-size: 28px; }
  .mobile-menu ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0 0 30px;
    padding: 0; }
    .mobile-menu ul li {
      display: flex;
      flex-direction: column; }
      .mobile-menu ul li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #FFF;
        padding: 8px 0px;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: bold; }
        .mobile-menu ul li a span {
          font-size: 24px;
          padding-right: 3px; }
      .mobile-menu ul li.selected ul, .mobile-menu ul li.active ul {
        display: flex; }
      .mobile-menu ul li ul {
        margin-bottom: 20px;
        display: none; }
        .mobile-menu ul li ul li {
          border: 0; }
          .mobile-menu ul li ul li a {
            padding: 6px 0 6px 16px;
            font-size: 14px; }
          .mobile-menu ul li ul li ul li a {
            padding-left: 40px; }
  .mobile-menu div.company-menu ul li a {
    font-size: 13px;
    font-weight: normal; }
  .mobile-menu .logged-in {
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column; }
    .mobile-menu .logged-in a {
      display: flex;
      align-items: center;
      color: #FFF; }
      .mobile-menu .logged-in a span {
        margin-right: 8px; }
      .mobile-menu .logged-in a.btn {
        background: #FFF;
        color: #111111; }
  .mobile-menu .currency select {
    width: auto; }
  .mobile-menu .language {
    margin-bottom: 12px; }
    .mobile-menu .language a {
      margin-right: 12px; }
      .mobile-menu .language a img {
        width: 24px; }
  .mobile-menu .logout {
    margin: 0px 0 50px;
    color: #FFF; }

body.mobile-menu-open {
  overflow-y: hidden; }
  body.mobile-menu-open .mobile-menu {
    display: flex; }

.content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  background: #FFF;
  position: relative; }
  .content .shadow {
    display: flex;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    transition: linear .1s; }
  .content .holder {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    z-index: 1; }
    .content .holder .breadcrumb,
    .content .holder .breadcrumb-mobile {
      display: flex;
      width: 100%;
      margin-top: 20px; }
      @media screen and (max-width: 920px) {
        .content .holder .breadcrumb,
        .content .holder .breadcrumb-mobile {
          display: none; } }
      .content .holder .breadcrumb ul,
      .content .holder .breadcrumb-mobile ul {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0; }
        .content .holder .breadcrumb ul li,
        .content .holder .breadcrumb-mobile ul li {
          padding-right: 8px;
          color: #666;
          font-size: 13px; }
          .content .holder .breadcrumb ul li a,
          .content .holder .breadcrumb-mobile ul li a {
            color: #666; }
    .content .holder .breadcrumb-mobile {
      display: none; }
      @media screen and (max-width: 920px) {
        .content .holder .breadcrumb-mobile {
          display: flex; } }
    .content .holder .left {
      width: 200px;
      padding-top: 32px; }
      @media screen and (max-width: 920px) {
        .content .holder .left {
          display: none; } }
      .content .holder .left ul {
        float: left;
        width: 100%;
        list-style: none;
        padding: 0;
        margin: 0; }
        .content .holder .left ul li {
          float: left;
          width: 100%; }
          @media screen and (max-width: 920px) {
            .content .holder .left ul li {
              width: auto; } }
          .content .holder .left ul li a {
            float: left;
            width: 100%;
            padding: 10px 15px;
            border-bottom: 1px solid #f3f3f3; }
            @media screen and (max-width: 920px) {
              .content .holder .left ul li a {
                border: 0; } }
            .content .holder .left ul li a:hover {
              text-decoration: underline; }
          .content .holder .left ul li.selected, .content .holder .left ul li.active {
            border-bottom: 1px solid #f3f3f3; }
            .content .holder .left ul li.selected a, .content .holder .left ul li.active a {
              border: 0;
              font-weight: 600; }
            .content .holder .left ul li.selected ul, .content .holder .left ul li.active ul {
              padding-bottom: 10px; }
              .content .holder .left ul li.selected ul li, .content .holder .left ul li.active ul li {
                border: 0; }
                .content .holder .left ul li.selected ul li a, .content .holder .left ul li.active ul li a {
                  padding: 6px 0 6px 30px;
                  font-size: 13px;
                  font-weight: normal; }
                .content .holder .left ul li.selected ul li.selected a, .content .holder .left ul li.selected ul li.active a, .content .holder .left ul li.active ul li.selected a, .content .holder .left ul li.active ul li.active a {
                  font-weight: 600; }
    .content .holder .main {
      width: calc(100% - 200px);
      padding: 32px 64px; }
      @media screen and (max-width: 920px) {
        .content .holder .main {
          width: 100%;
          padding: 24px 0; } }
  .content .footer {
    display: flex;
    justify-content: center;
    width: 100%;
    background: #009a42;
    margin-top: 100px; }
    .content .footer .holder {
      padding: 64px 24px;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      color: #FFF; }
      @media screen and (max-width: 920px) {
        .content .footer .holder {
          padding: 0 0 32px;
          flex-direction: column;
          align-items: center;
          justify-content: center; } }
      .content .footer .holder h3 {
        margin: 0 0 8px;
        font-size: 18px;
        font-weight: 600; }
      .content .footer .holder .logo img {
        height: 40px; }
      @media screen and (max-width: 920px) {
        .content .footer .holder .logo {
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 48px 0 32px;
          order: 3; } }
      @media screen and (max-width: 920px) {
        .content .footer .holder .products-menu,
        .content .footer .holder .company-menu {
          order: 1;
          width: 100%;
          border-bottom: 1px solid #017834; } }
      @media screen and (max-width: 920px) {
        .content .footer .holder .products-menu h3,
        .content .footer .holder .company-menu h3 {
          display: none; } }
      .content .footer .holder .products-menu > a,
      .content .footer .holder .company-menu > a {
        display: none; }
        @media screen and (max-width: 920px) {
          .content .footer .holder .products-menu > a,
          .content .footer .holder .company-menu > a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px 12px; }
            .content .footer .holder .products-menu > a h3,
            .content .footer .holder .company-menu > a h3 {
              display: flex;
              margin: 0;
              font-size: 18px;
              color: #FFF; }
            .content .footer .holder .products-menu > a span,
            .content .footer .holder .company-menu > a span {
              font-size: 28px;
              color: #FFF;
              transition: linear 0.1s; } }
      .content .footer .holder .products-menu ul,
      .content .footer .holder .company-menu ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        margin: 0;
        padding: 0; }
        @media screen and (max-width: 920px) {
          .content .footer .holder .products-menu ul,
          .content .footer .holder .company-menu ul {
            display: none; } }
        .content .footer .holder .products-menu ul li,
        .content .footer .holder .company-menu ul li {
          display: flex; }
          .content .footer .holder .products-menu ul li a,
          .content .footer .holder .company-menu ul li a {
            display: flex;
            color: #FFF;
            padding: 4px 0; }
            @media screen and (max-width: 920px) {
              .content .footer .holder .products-menu ul li a,
              .content .footer .holder .company-menu ul li a {
                padding: 12px 12px;
                width: 100%; } }
      .content .footer .holder .products-menu.open a span,
      .content .footer .holder .company-menu.open a span {
        transform: rotate(180deg); }
      .content .footer .holder .products-menu.open ul,
      .content .footer .holder .company-menu.open ul {
        display: flex; }
      .content .footer .holder div.info {
        color: #FFF; }
        .content .footer .holder div.info a {
          color: #FFF; }
        @media screen and (max-width: 920px) {
          .content .footer .holder div.info {
            order: 4; } }

/* Logga in */
body.login .content .login {
  display: inline-block;
  width: 400px;
  text-align: center;
  margin-top: 20px;
  background: #FFF;
  padding: 30px 20px; }
  @media screen and (max-width: 920px) {
    body.login .content .login {
      width: 100%; } }
  body.login .content .login img {
    width: 200px; }
  body.login .content .login div.desc {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 13px;
    margin: 40px 0 10px; }
  body.login .content .login form {
    float: left;
    width: 100%;
    background: #FFF;
    margin-top: 10px;
    padding: 0px; }
  body.login .content .login label {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px; }
  body.login .content .login .login-box {
    float: left;
    text-align: left;
    width: 100%;
    margin-bottom: 12px; }
    body.login .content .login .login-box input {
      width: 100%;
      line-height: 50px; }
    body.login .content .login .login-box.login-box-submit {
      width: 100%;
      padding-top: 20px;
      margin-right: 0; }
      body.login .content .login .login-box.login-box-submit input {
        width: 100%;
        font-weight: bold;
        font-size: 16px;
        border-radius: 100px;
        background: #333333;
        color: #FFF; }
  body.login .content .login a {
    float: left;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    font-size: 12px; }

div.list {
  display: flex;
  flex-direction: column;
  width: 100%; }
  div.list div.row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f3f3f3; }
    div.list div.row.head {
      border-color: #CCC; }
      div.list div.row.head div {
        font-weight: bold; }
    div.list div.row div {
      display: flex;
      padding: 12px 0; }
      div.list div.row div.r {
        justify-content: flex-end; }
    div.list div.row.row-total {
      justify-content: flex-end;
      border: 0; }
      div.list div.row.row-total div {
        width: auto;
        padding: 12px 0 0 12px;
        font-size: 18px;
        font-weight: bold; }
  div.list.list-5 div.row div {
    width: 20%; }
  div.list.list-5 div.row.row-total div {
    width: auto; }

/* Meddelande */
div.flash {
  float: left;
  width: 100%;
  clear: left;
  margin: 20px 0; }

div.flash span {
  float: left;
  width: 100%;
  background: #CC0000;
  color: #FFF;
  font-weight: bold;
  padding: 15px;
  font-size: 17px;
  text-align: center; }

div.flash .ok {
  background: #009a42; }

/* form */
label {
  display: block;
  font-weight: 600;
  padding: 10px 0 3px; }

label.checkbox {
  display: inline-block;
  font-weight: normal;
  padding: 5px 10px 5px 5px;
  border-radius: 5px;
  margin-right: 10px;
  border: 2px solid #000;
  background: #fcfcfc; }

label.checkbox input {
  margin-right: 5px; }

td label {
  display: inline;
  padding: 0;
  font-weight: normal; }

input[type=text],
input[type=password],
select,
textarea {
  border: 1px solid #CCC;
  padding: 8px;
  border-radius: 2px;
  outline: none; }
  input[type=text].disabled,
  input[type=password].disabled,
  select.disabled,
  textarea.disabled {
    background: #f7f7f7; }

input[type=text],
input[type=password] {
  padding: 0 12px;
  line-height: 40px; }

.cke_editor_text_dialog input[type=text] {
  line-height: 20px; }

select {
  padding: 6px;
  border: 1px solid #CCC;
  border-radius: 2px; }

input[type=text].amount {
  width: 50px; }

input[type=text].price, input[type=text].cost {
  width: 100px; }

input.datepicker {
  width: 100px; }

input.zipcode {
  width: 60px; }

input.city {
  width: 235px;
  margin-left: 5px; }

input.prio {
  width: 40px; }

input.medium {
  width: 200px; }

textarea {
  height: 100px;
  width: 400px;
  max-width: 100%;
  line-height: auto; }

textarea.img_desc {
  height: 50px;
  width: 100%; }

input[type=submit],
input[type=button],
span.btn,
a.btn {
  display: inline-block;
  padding: 0px 20px;
  line-height: 40px;
  text-decoration: none;
  border: 0;
  text-transform: uppercase;
  /*background: #40494d; color: #FFF;*/
  color: #111111;
  border: 1px solid #111111;
  font-weight: 600;
  cursor: pointer;
  font-size: 13px;
  /*border-radius: 20px;*/ }

input[type=submit]:hover,
input[type=button]:hover,
a.btn:hover {
  background: #333333;
  border-color: #333333;
  color: #FFF; }

a.btn:hover span {
  color: #FFF; }

li.btn {
  text-transform: uppercase;
  font-size: 12px;
  background: #f7f7f7;
  border-radius: 3px;
  color: #262626; }

a.btn span {
  float: left;
  margin-right: 7px;
  font-size: 16px; }

a.btn div {
  float: left; }

a.btn-r {
  float: right; }

input[type=submit].btn-green,
a.btn-green {
  background: #009a42;
  color: #FFF;
  transition: ease 0.1s;
  border-color: #009a42; }
  input[type=submit].btn-green:hover,
  a.btn-green:hover {
    background: #008137; }

a.add-button,
a.remove-button {
  float: left; }

a.add-button span,
a.remove-button span {
  float: left;
  background: #000;
  font-size: 14px;
  width: 20px;
  height: 20px;
  padding-top: 3px;
  text-align: center;
  color: #FFF;
  border-radius: 10px; }

a.add-button span {
  background: #ea6a0e; }

.filter input[type=submit] {
  border-color: #999;
  background: #40494d; }

/* Standard lista */
table.list {
  border-collapse: collapse; }

table.list th {
  font-weight: bold; }

table.list th,
table.list td {
  padding: 10px 20px 10px 10px;
  border-bottom: 1px solid #CCC;
  text-align: left; }

table.list th a {
  color: #000; }

table.list td {
  border-color: #f2f2f2; }

table.list tr.done td {
  background: #f2f2f2; }

table.list .btn {
  padding: 0px 10px;
  line-height: 30px; }

table.list tr.child td.article_number {
  font-style: italic;
  color: orange; }

table.list tr.child td.article_number span {
  font-size: 12px; }

table.list td.c, table.list th.c {
  text-align: center; }

table.list td.r, table.list th.r {
  text-align: right; }

table.list th.b-left, table.list td.b-left {
  border-left: 1px solid #CCC; }

table.list tfoot td {
  background: #f7f7f7;
  color: #FFF; }

table.list tfoot tr.bold td {
  font-weight: bold; }

table.list td.green {
  color: #00ff00; }

table.list td.red {
  color: red; }

table.list td.orange {
  color: orange; }

table.list th.head {
  background: #333333;
  color: #FFF;
  padding: 10px;
  border: 0; }

table.list .pagination {
  padding: 5px 0;
  border-bottom: 0; }

table.list tr:hover td.pagination,
table.list .pagination tbody tr:nth-child(odd) td {
  background: #fff;
  border: 0; }

table.list .pagination table.info {
  float: left; }

table.list .pagination table.pages {
  float: right; }

table.list .pagination table.pages td {
  padding: 5px; }

/* Filter */
.box-filter {
  float: left;
  width: 100%;
  padding: 10px 10px 0 10px;
  background: #f7f7f7;
  margin: 20px 0;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap; }
  .box-filter .field {
    margin: 0 10px 10px; }
    .box-filter .field label {
      padding-top: 0; }

/* Sida */
body.page .content .main .ingress,
body.page .content .main .text {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  line-height: 22px; }
  body.page .content .main .ingress img,
  body.page .content .main .text img {
    max-width: 100%; }
body.page .content .main .ingress {
  font-size: 14px; }
body.page .content .main .text p {
  margin: 0 0 20px;
  font-size: 13px; }
body.page .content .main .text ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  body.page .content .main .text ul li {
    width: 24%;
    margin: 0 0 20px; }
    body.page .content .main .text ul li img {
      width: 100%; }

/* Sidor */
.tree ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 400px; }
  .tree ul li {
    float: left;
    width: 100%;
    border-top: 1px dashed #f7f7f7; }
    .tree ul li a {
      float: left;
      padding: 10px; }
    .tree ul li ul.icons {
      float: right;
      width: auto; }
  .tree ul ul li {
    border: 0; }

div.sort-pages ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  div.sort-pages ul li {
    padding-left: 20px; }
    div.sort-pages ul li span {
      clear: both;
      display: inline-block;
      width: 300px;
      line-height: 30px;
      padding: 0 5px;
      background: #f7f7f7;
      border: 1px solid #CCC;
      margin-bottom: 5px;
      border-radius: 3px; }
      div.sort-pages ul li span:hover {
        cursor: move; }

/* Filter */
div.product-filter {
  display: flex;
  margin-bottom: 24px; }
  div.product-filter form {
    display: flex;
    flex-direction: column; }
    div.product-filter form div.filter-field {
      display: flex;
      flex-wrap: wrap; }
      div.product-filter form div.filter-field span {
        width: 100%;
        display: none; }
      div.product-filter form div.filter-field div {
        display: flex;
        margin: 0 4px 4px 0;
        position: relative; }
        div.product-filter form div.filter-field div input {
          position: absolute;
          opacity: 0.001; }
        div.product-filter form div.filter-field div label {
          padding: 8px 12px;
          background: #f7f7f7;
          cursor: pointer; }
        div.product-filter form div.filter-field div input:checked + label {
          background: #009a42;
          color: #FFF; }

/* produkter */
ul.product-image-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.product-image-list li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 25%;
    border: 1px solid #f3f3f3;
    border-width: 0 1px 1px 0;
    padding: 16px;
    position: relative; }
    ul.product-image-list li:nth-child(4n) {
      border-right: 0px; }
    @media screen and (max-width: 920px) {
      ul.product-image-list li {
        width: 50%; }
        ul.product-image-list li:nth-child(2n) {
          border-right: 0px; } }
    ul.product-image-list li .icons {
      position: absolute;
      top: 12px;
      right: 12px;
      display: flex;
      align-items: center; }
      ul.product-image-list li .icons span {
        font-size: 24px; }
        ul.product-image-list li .icons span.icon-leaf {
          color: #009a42;
          font-size: 16px; }
        ul.product-image-list li .icons span.favorite {
          color: #CCC;
          margin-right: 4px;
          font-size: 20px; }
          ul.product-image-list li .icons span.favorite:hover {
            cursor: pointer; }
          ul.product-image-list li .icons span.favorite.selected {
            color: #FFBF00; }
    ul.product-image-list li a {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 16px; }
      ul.product-image-list li a .image {
        height: 120px;
        margin-top: 12px; }
        ul.product-image-list li a .image img {
          height: 100%; }
      ul.product-image-list li a h3 {
        display: flex;
        flex-direction: column;
        margin: 16px 0;
        text-align: center; }
        ul.product-image-list li a h3 span {
          font-weight: 300;
          font-size: 13px;
          padding-bottom: 4px; }
          ul.product-image-list li a h3 span.pattern {
            font-weight: 600;
            font-size: 16px; }
      ul.product-image-list li a div.pattern-icons {
        display: flex;
        align-items: center; }
        ul.product-image-list li a div.pattern-icons img {
          height: 20px;
          margin: 0 4px; }
    ul.product-image-list li .buy {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      ul.product-image-list li .buy .stock {
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        font-size: 12px; }
        ul.product-image-list li .buy .stock span {
          font-size: 16px;
          margin-right: 6px; }
        ul.product-image-list li .buy .stock.stock-green span {
          color: #009a42; }
        ul.product-image-list li .buy .stock.stock-orange span {
          color: #b7410e; }
        ul.product-image-list li .buy .stock.stock-red span {
          color: #b7410e; }
        ul.product-image-list li .buy .stock.stock-red div span {
          font-size: 12px;
          margin-left: 4px;
          color: #111111; }
      ul.product-image-list li .buy .price {
        margin-bottom: 2px;
        font-weight: 600;
        font-size: 18px; }
      ul.product-image-list li .buy .price-info {
        margin-bottom: 16px;
        font-size: 12px;
        font-style: italic;
        text-align: center; }
        @media screen and (max-width: 920px) {
          ul.product-image-list li .buy .price-info {
            font-size: 11px; } }
      ul.product-image-list li .buy form {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; }
        ul.product-image-list li .buy form ul.buttons {
          display: flex;
          list-style: none;
          margin: 0;
          padding: 0;
          flex-wrap: wrap; }
          ul.product-image-list li .buy form ul.buttons li {
            width: auto;
            border: 0;
            padding: 0;
            margin: 0 4px 4px;
            position: relative; }
            ul.product-image-list li .buy form ul.buttons li label {
              display: flex;
              border: 1px solid #CCC;
              border-radius: 80px;
              padding: 4px 8px;
              font-weight: normal;
              cursor: pointer; }
            ul.product-image-list li .buy form ul.buttons li input {
              margin: 0 4px 0 0;
              position: absolute;
              opacity: 0.001;
              z-index: -1; }
            ul.product-image-list li .buy form ul.buttons li input[type="radio"]:checked + label {
              border-color: #009a42; }
        ul.product-image-list li .buy form .track-width {
          width: 100%;
          display: flex;
          align-items: center;
          flex-direction: column;
          margin-bottom: 12px; }
          ul.product-image-list li .buy form .track-width span {
            text-transform: uppercase;
            font-size: 11px; }
          ul.product-image-list li .buy form .track-width .buttons {
            margin-top: 4px; }
        ul.product-image-list li .buy form .carcasses {
          width: 100%;
          display: flex;
          justify-content: center;
          margin-bottom: 12px; }
          ul.product-image-list li .buy form .carcasses select, ul.product-image-list li .buy form .carcasses option {
            font-size: 13px; }
          ul.product-image-list li .buy form .carcasses select {
            width: 100%; }
            @media screen and (max-width: 920px) {
              ul.product-image-list li .buy form .carcasses select {
                font-size: 11px; } }
        ul.product-image-list li .buy form input[type=text] {
          width: 48px;
          line-height: 32px;
          margin-right: 8px; }
        ul.product-image-list li .buy form a {
          display: flex;
          justify-content: center;
          align-items: center;
          color: #FFF;
          background: #009a42;
          width: 32px;
          height: 32px;
          margin-bottom: 0;
          transition: ease 0.1s; }
          ul.product-image-list li .buy form a:hover {
            background: #008137; }
        ul.product-image-list li .buy form .pallet-size {
          width: 100%;
          font-size: 12px;
          text-align: center;
          margin-top: 8px; }

/* Redigera order */
.order-edit label,
.order label {
  padding-top: 20px; }
.order-edit .big-block,
.order .big-block {
  width: 100%; }
.order-edit .change-product,
.order-edit .search-option,
.order .change-product,
.order .search-option {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  text-align: center; }
  .order-edit .change-product .holder,
  .order-edit .search-option .holder,
  .order .change-product .holder,
  .order .search-option .holder {
    display: inline-block;
    width: 500px;
    height: 400px;
    overflow: auto;
    background: #FFF;
    box-shadow: 0 0 10px #000;
    padding: 30px 20px;
    position: relative;
    top: 100px;
    text-align: left; }
    .order-edit .change-product .holder input[type=text],
    .order-edit .search-option .holder input[type=text],
    .order .change-product .holder input[type=text],
    .order .search-option .holder input[type=text] {
      width: 200px; }
    .order-edit .change-product .holder a.close,
    .order-edit .search-option .holder a.close,
    .order .change-product .holder a.close,
    .order .search-option .holder a.close {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 24px; }
    @media screen and (max-width: 920px) {
      .order-edit .change-product .holder,
      .order-edit .search-option .holder,
      .order .change-product .holder,
      .order .search-option .holder {
        width: 96%; } }
    .order-edit .change-product .holder table,
    .order-edit .search-option .holder table,
    .order .change-product .holder table,
    .order .search-option .holder table {
      width: 100%;
      margin-top: 30px; }
      .order-edit .change-product .holder table td,
      .order-edit .search-option .holder table td,
      .order .change-product .holder table td,
      .order .search-option .holder table td {
        padding: 8px 0; }
@media screen and (max-width: 920px) {
  .order-edit td select,
  .order td select {
    width: 200px; } }

body.startpage .mobile-search {
  display: none; }
body.startpage .header .search {
  display: none; }
body.startpage .content > .holder {
  width: 100%;
  padding: 0; }
  body.startpage .content > .holder .left, body.startpage .content > .holder .breadcrumb, body.startpage .content > .holder .breadcrumb-mobile {
    display: none; }
  body.startpage .content > .holder .main {
    width: 100%;
    padding: 0; }
    body.startpage .content > .holder .main .hero {
      display: flex;
      justify-content: center;
      background: url(../images/startpage.webp) center center;
      background-size: cover;
      margin-bottom: 32px; }
      body.startpage .content > .holder .main .hero .holder {
        width: 100%;
        padding: 64px 24px;
        flex-direction: column;
        align-items: center;
        color: #FFF;
        background: rgba(0, 0, 0, 0.5); }
        body.startpage .content > .holder .main .hero .holder h1 {
          color: #FFF;
          text-align: center;
          text-shadow: 0 0 3px #000; }
          body.startpage .content > .holder .main .hero .holder h1:after {
            left: 50%;
            margin-left: -40px; }
        body.startpage .content > .holder .main .hero .holder div.desc {
          text-align: center;
          text-shadow: 0 0 3px #000; }
        body.startpage .content > .holder .main .hero .holder form {
          display: flex;
          align-items: center;
          background: #FFF;
          width: 600px;
          max-width: 100%;
          /*border-radius: 60px;*/
          padding: 4px;
          margin-top: 48px;
          border: 3px solid #009a42; }
          body.startpage .content > .holder .main .hero .holder form input {
            border-radius: 60px;
            border: 0;
            flex-grow: 1;
            padding: 0 20px; }
          body.startpage .content > .holder .main .hero .holder form a {
            display: flex;
            justify-content: center;
            width: 48px;
            font-size: 28px; }
            @media screen and (max-width: 920px) {
              body.startpage .content > .holder .main .hero .holder form a {
                font-size: 22px; } }
        body.startpage .content > .holder .main .hero .holder .search {
          display: flex;
          justify-content: center; }
          body.startpage .content > .holder .main .hero .holder .search .holder {
            width: 100%;
            max-width: 700px;
            flex-direction: column;
            align-items: center;
            padding: 32px 24px;
            background: none; }
            body.startpage .content > .holder .main .hero .holder .search .holder div.sizes {
              display: flex;
              align-items: center;
              flex-direction: column; }
              body.startpage .content > .holder .main .hero .holder .search .holder div.sizes ul {
                display: flex;
                flex-wrap: wrap;
                list-style: none;
                margin: 0;
                padding: 0; }
                @media screen and (max-width: 920px) {
                  body.startpage .content > .holder .main .hero .holder .search .holder div.sizes ul {
                    width: 100%;
                    justify-content: space-between; } }
                body.startpage .content > .holder .main .hero .holder .search .holder div.sizes ul li {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  padding: 0 32px; }
                  @media screen and (max-width: 920px) {
                    body.startpage .content > .holder .main .hero .holder .search .holder div.sizes ul li {
                      padding: 0 12px; } }
                  body.startpage .content > .holder .main .hero .holder .search .holder div.sizes ul li h4 {
                    margin: 0 0 12px; }
                  body.startpage .content > .holder .main .hero .holder .search .holder div.sizes ul li ul {
                    display: flex;
                    flex-direction: column; }
                    body.startpage .content > .holder .main .hero .holder .search .holder div.sizes ul li ul li {
                      padding: 0;
                      margin-bottom: 8px; }
                      body.startpage .content > .holder .main .hero .holder .search .holder div.sizes ul li ul li a.btn {
                        /*background: $grey-light-bg; color: $black;*/
                        font-weight: 600;
                        background: transparent;
                        color: #FFF;
                        border: 1px solid #FFF;
                        border-radius: 0; }
                        @media screen and (max-width: 920px) {
                          body.startpage .content > .holder .main .hero .holder .search .holder div.sizes ul li ul li a.btn {
                            font-size: 13px;
                            padding: 0 12px;
                            line-height: 32px; } }
    body.startpage .content > .holder .main h2 {
      position: relative;
      margin-bottom: 40px; }
      body.startpage .content > .holder .main h2:after {
        content: '';
        position: absolute;
        left: 50%;
        right: 0;
        top: 100%;
        margin-top: 10px;
        width: 80px;
        height: 6px;
        background: #009a42;
        margin-left: -40px; }
    body.startpage .content > .holder .main .tires {
      display: flex;
      justify-content: center;
      margin-bottom: 48px; }
      body.startpage .content > .holder .main .tires .holder {
        flex-direction: column;
        align-items: center; }
        body.startpage .content > .holder .main .tires .holder ul.product-image-list {
          width: 100%;
          justify-content: center; }
          body.startpage .content > .holder .main .tires .holder ul.product-image-list li {
            width: 20%; }
            body.startpage .content > .holder .main .tires .holder ul.product-image-list li li {
              width: auto; }
            body.startpage .content > .holder .main .tires .holder ul.product-image-list li:nth-child(4n) {
              border-right: 1px solid #f3f3f3; }
            body.startpage .content > .holder .main .tires .holder ul.product-image-list li:nth-child(5n) {
              border-right: 0; }
            @media screen and (max-width: 920px) {
              body.startpage .content > .holder .main .tires .holder ul.product-image-list li {
                width: 50%; }
                body.startpage .content > .holder .main .tires .holder ul.product-image-list li:nth-child(2n) {
                  border-right: 0px; }
                body.startpage .content > .holder .main .tires .holder ul.product-image-list li:nth-child(5n) {
                  border-right: 1px solid #f3f3f3; } }

body.checkout .content .holder {
  justify-content: center; }
  body.checkout .content .holder .left {
    display: none; }
body.checkout .content .footer .holder {
  justify-content: space-between; }
body.checkout .main .rows {
  display: flex;
  flex-direction: column; }
  body.checkout .main .rows .row {
    display: flex; }
    body.checkout .main .rows .row.row-head div {
      font-weight: 600;
      border-bottom: 1px solid #CCC; }
    body.checkout .main .rows .row div {
      display: flex;
      padding: 8px 24px 8px 0;
      border-bottom: 1px solid #f3f3f3;
      align-items: center; }
      body.checkout .main .rows .row div.r {
        justify-content: flex-end;
        white-space: nowrap; }
      body.checkout .main .rows .row div.article-number {
        width: 140px; }
      body.checkout .main .rows .row div.product {
        flex-grow: 1; }
      body.checkout .main .rows .row div.price {
        width: 110px; }
      body.checkout .main .rows .row div.amount {
        width: 80px; }
      body.checkout .main .rows .row div.total {
        width: 120px; }
      body.checkout .main .rows .row div.remove {
        width: 40px;
        padding-right: 12px; }
        body.checkout .main .rows .row div.remove span {
          display: flex; }
      body.checkout .main .rows .row div span {
        display: none; }
    body.checkout .main .rows .row.row-foot {
      justify-content: flex-end;
      padding-right: 40px; }
      body.checkout .main .rows .row.row-foot div {
        border: 0;
        padding: 4px 24px 4px 0;
        align-items: flex-end; }
        body.checkout .main .rows .row.row-foot div.sum {
          width: 120px; }
      body.checkout .main .rows .row.row-foot.row-sum {
        padding-top: 12px; }
      body.checkout .main .rows .row.row-foot.row-total {
        font-size: 18px;
        font-weight: 600;
        padding-top: 12px; }
    @media screen and (max-width: 920px) {
      body.checkout .main .rows .row {
        flex-wrap: wrap; }
        body.checkout .main .rows .row.row-head {
          display: none; }
        body.checkout .main .rows .row.row-foot {
          padding-right: 0; }
        body.checkout .main .rows .row div {
          flex-direction: column;
          align-items: flex-start; }
          body.checkout .main .rows .row div.article-number {
            order: 3;
            border: 0;
            width: 100%;
            color: #666;
            font-size: 13px;
            padding-top: 2px;
            flex-direction: row; }
            body.checkout .main .rows .row div.article-number span {
              margin-right: 4px; }
          body.checkout .main .rows .row div.product {
            order: 1;
            border: 0;
            width: calc(100% - 40px);
            padding-bottom: 0;
            font-weight: 600; }
          body.checkout .main .rows .row div.price {
            order: 5;
            width: 30%;
            justify-content: center; }
          body.checkout .main .rows .row div.amount {
            order: 4;
            width: 30%;
            justify-content: flex-start; }
          body.checkout .main .rows .row div.total {
            order: 6;
            width: 40%;
            justify-content: center;
            align-items: flex-end; }
          body.checkout .main .rows .row div.remove {
            order: 2;
            border: 0;
            padding: 12px 0 0;
            align-items: flex-end;
            justify-content: flex-start; }
            body.checkout .main .rows .row div.remove span {
              color: #111111; }
          body.checkout .main .rows .row div span {
            display: flex;
            margin-right: 4px;
            color: #666;
            font-size: 13px; } }
body.checkout .main form.order-form {
  padding-top: 20px;
  margin-top: 40px;
  width: 400px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  body.checkout .main form.order-form .delivery {
    margin-bottom: 32px;
    width: 100%; }
    body.checkout .main form.order-form .delivery ul {
      display: flex;
      flex-direction: column;
      list-style: none;
      padding: 0;
      margin: 0 0 24px; }
      body.checkout .main form.order-form .delivery ul li {
        margin-bottom: 4px; }
        body.checkout .main form.order-form .delivery ul li label {
          display: flex;
          align-items: center;
          padding: 16px 24px;
          border: 2px solid #CCC;
          border-radius: 50px;
          font-weight: normal; }
          body.checkout .main form.order-form .delivery ul li label input {
            margin: 0 8px 0 0; }
          body.checkout .main form.order-form .delivery ul li label:hover {
            cursor: pointer; }
          body.checkout .main form.order-form .delivery ul li label.active {
            border-color: #009a42; }
    body.checkout .main form.order-form .delivery .external_delivery {
      flex-direction: column; }
      body.checkout .main form.order-form .delivery .external_delivery h3 {
        margin: 0 0 20px 0; }
      body.checkout .main form.order-form .delivery .external_delivery label {
        font-weight: normal;
        display: flex;
        align-items: center; }
        body.checkout .main form.order-form .delivery .external_delivery label input {
          margin: 0 8px 0 0; }
      body.checkout .main form.order-form .delivery .external_delivery .error-external {
        display: flex;
        width: 100%;
        background: #970101;
        padding: 12px;
        color: #FFF;
        font-weight: bold;
        margin-bottom: 16px; }
      body.checkout .main form.order-form .delivery .external_delivery .form {
        display: none;
        flex-wrap: wrap;
        border: 1px solid #CCC;
        padding: 24px;
        margin-top: 16px; }
        body.checkout .main form.order-form .delivery .external_delivery .form .field {
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          margin-bottom: 6px; }
          body.checkout .main form.order-form .delivery .external_delivery .form .field.error input {
            border: 2px solid #970101; }
          body.checkout .main form.order-form .delivery .external_delivery .form .field label {
            padding: 0 0 4px; }
          body.checkout .main form.order-form .delivery .external_delivery .form .field.field-zipcode {
            width: 90px;
            padding-right: 8px; }
          body.checkout .main form.order-form .delivery .external_delivery .form .field.field-city {
            width: calc(100% - 90px); }
          body.checkout .main form.order-form .delivery .external_delivery .form .field input {
            width: 100%;
            margin-bottom: 4px; }
  body.checkout .main form.order-form .wish-delivery {
    display: none;
    flex-direction: column; }
    body.checkout .main form.order-form .wish-delivery.selected {
      display: flex; }
  body.checkout .main form.order-form input[type=submit].btn-green {
    margin-top: 24px; }

body.orders .main .mobile {
  display: none; }
@media screen and (max-width: 920px) {
  body.orders .main .desktop {
    display: none; }
  body.orders .main .mobile {
    display: inline-block;
    width: 100%; }
    body.orders .main .mobile td table {
      width: 100%;
      border-collapse: collapse; }
      body.orders .main .mobile td table tr th, body.orders .main .mobile td table tr td {
        border-color: #CCC;
        padding: 5px 10px 5px 0; } }

body.tire .content .holder .main {
  display: flex;
  flex-wrap: wrap; }
  body.tire .content .holder .main h1 {
    width: 100%;
    margin-bottom: 72px; }
  body.tire .content .holder .main .image {
    display: flex;
    justify-content: center;
    width: 50%; }
    @media screen and (max-width: 920px) {
      body.tire .content .holder .main .image {
        width: 100%;
        margin-bottom: 24px; } }
    body.tire .content .holder .main .image img {
      max-width: 100%; }
  body.tire .content .holder .main .buy-col {
    width: 50%;
    padding-left: 64px;
    position: relative; }
    @media screen and (max-width: 920px) {
      body.tire .content .holder .main .buy-col {
        width: 100%;
        padding-left: 0; } }
    body.tire .content .holder .main .buy-col div.icons {
      position: absolute;
      top: 12px;
      right: 12px;
      display: flex;
      align-items: center; }
      body.tire .content .holder .main .buy-col div.icons span {
        font-size: 24px; }
        body.tire .content .holder .main .buy-col div.icons span.favorite {
          color: #CCC;
          margin-right: 4px;
          font-size: 20px; }
          body.tire .content .holder .main .buy-col div.icons span.favorite:hover {
            cursor: pointer; }
          body.tire .content .holder .main .buy-col div.icons span.favorite.selected {
            color: #FFBF00; }
    body.tire .content .holder .main .buy-col .pattern-icons {
      display: flex;
      align-items: center;
      margin-bottom: 32px; }
      body.tire .content .holder .main .buy-col .pattern-icons img {
        height: 32px;
        margin-right: 16px; }
    body.tire .content .holder .main .buy-col .ingress {
      font-size: 15px;
      margin-bottom: 32px; }
    body.tire .content .holder .main .buy-col .season {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 920px) {
        body.tire .content .holder .main .buy-col .season {
          justify-content: center;
          width: 100%; } }
      body.tire .content .holder .main .buy-col .season span {
        font-size: 24px;
        margin-right: 4px; }
    body.tire .content .holder .main .buy-col .price {
      margin: 24px 0 32px; }
      body.tire .content .holder .main .buy-col .price span {
        font-size: 19px; }
      body.tire .content .holder .main .buy-col .price h2 {
        font-weight: 600;
        margin: 0 0 24px;
        font-size: 40px; }
      body.tire .content .holder .main .buy-col .price .enviroment-fee {
        font-style: italic;
        font-size: 13px; }
        body.tire .content .holder .main .buy-col .price .enviroment-fee span {
          font-size: 13px; }
    body.tire .content .holder .main .buy-col .price-info {
      margin-bottom: 12px; }
    body.tire .content .holder .main .buy-col .stock {
      display: flex;
      align-items: center;
      margin-bottom: 32px; }
      body.tire .content .holder .main .buy-col .stock.stock-green span {
        color: #009a42; }
      body.tire .content .holder .main .buy-col .stock.stock-orange span {
        color: #b7410e; }
      body.tire .content .holder .main .buy-col .stock.stock-red span {
        color: #970101; }
      body.tire .content .holder .main .buy-col .stock span {
        font-size: 20px;
        margin-right: 8px; }
      body.tire .content .holder .main .buy-col .stock div span.help {
        margin-left: 8px;
        font-size: 16px; }
    body.tire .content .holder .main .buy-col form {
      display: flex;
      flex-wrap: wrap;
      background: #f7f7f7;
      padding: 24px;
      margin-bottom: 48px; }
      body.tire .content .holder .main .buy-col form ul.buttons {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        flex-wrap: wrap; }
        body.tire .content .holder .main .buy-col form ul.buttons li {
          width: auto;
          border: 0;
          padding: 0;
          margin: 0 4px 4px;
          position: relative; }
          body.tire .content .holder .main .buy-col form ul.buttons li label {
            display: flex;
            border: 1px solid #CCC;
            border-radius: 80px;
            padding: 4px 8px;
            font-weight: normal;
            cursor: pointer; }
          body.tire .content .holder .main .buy-col form ul.buttons li input {
            margin: 0 4px 0 0;
            position: absolute;
            opacity: 0.001;
            z-index: -1; }
          body.tire .content .holder .main .buy-col form ul.buttons li input[type="radio"]:checked + label {
            border-color: #009a42; }
      body.tire .content .holder .main .buy-col form .track_width {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 16px; }
      body.tire .content .holder .main .buy-col form .carcasses {
        display: flex;
        width: 100%;
        margin-bottom: 16px; }
        @media screen and (max-width: 920px) {
          body.tire .content .holder .main .buy-col form .carcasses select {
            width: 100%; } }
      body.tire .content .holder .main .buy-col form .amount {
        display: flex;
        margin-right: 12px;
        align-items: center; }
        body.tire .content .holder .main .buy-col form .amount label {
          margin-right: 4px;
          font-weight: normal;
          padding: 0; }
        body.tire .content .holder .main .buy-col form .amount input {
          width: 60px; }
      body.tire .content .holder .main .buy-col form a {
        display: flex;
        align-items: center;
        background: #009a42;
        color: #FFF;
        padding: 0 12px;
        border: 0; }
        body.tire .content .holder .main .buy-col form a span {
          font-size: 18px;
          margin-right: 8px; }
    body.tire .content .holder .main .buy-col .product-data table {
      border-collapse: collapse; }
      body.tire .content .holder .main .buy-col .product-data table tr td {
        padding: 4px 32px 4px 0;
        border-bottom: 1px solid #f3f3f3; }
  body.tire .content .holder .main .description {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 72px; }
  body.tire .content .holder .main .similar-tires {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 72px; }
    body.tire .content .holder .main .similar-tires h2 {
      margin: 0 0 32px;
      font-weight: 600; }

body.profile-order .main div.data {
  display: flex;
  flex-wrap: wrap; }
  body.profile-order .main div.data div.block {
    padding-right: 100px; }
  body.profile-order .main div.data div.products {
    width: 100%;
    margin-top: 32px; }

body.become-customer .main form {
  display: flex;
  flex-wrap: wrap;
  width: 400px;
  max-width: 100%; }
  body.become-customer .main form div.field {
    width: 100%;
    margin-bottom: 8px; }
    body.become-customer .main form div.field.zipcode {
      width: 90px; }
    body.become-customer .main form div.field.city {
      width: calc(100% - 90px);
      padding-left: 4px; }
    body.become-customer .main form div.field input {
      width: 100%; }
    body.become-customer .main form div.field.error input {
      border: 2px solid #970101; }

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