/*
 * reset materialize styles
 */

body {
  background-color: #fafafa; }

h1, h2, h3 {
  color: #575757;
  text-align: center; }

  h1, h2, h3, h4, h5, p {
    cursor: default;
  }

tbody {
  overflow: hidden; }
  tbody tr {
    width: 100%; }

span.h5 {
  cursor: default;
  display: block;
  font-size: 1.64rem;
  margin: .82rem 0 .656rem;
  line-height: 110%;
  font-weight: 400;
/*  -webkit-margin-before: 1.67em;
  -webkit-margin-after: 1.67em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;*/
}

/* label color */
.input-field label {
  color: #7d7d7d; }

/* label focus color */
.input-field input[type=text]:focus + label, .input-field input[type=email]:focus + label {
  color: white; }

/* label underline focus color */
.input-field input[type=text]:focus, .input-field input[type=email]:focus {
  border: 1px solid transparent; }

/* valid color */
.input-field input[type=text].valid, .input-field input[type=email].valid {
  border: 1px solid transparent; }

/* invalid color */
.input-field input[type=text].invalid, .input-field input[type=email].invalid {
  border: 1px solid transparent; }

/* icon prefix focus color */
.input-field .prefix.active {
  color: white; }

button[type='submit'], input[type='submit'] {
  background-color: #ffb300;
  border: none !important;
  color: white;
  text-transform: uppercase;
  height: 50px;
  line-height: 24px;
  font-size: 24px; }

input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
  border: 1px solid rgba(255, 255, 255, 0.9);
  background-color: white;
  color: #7d7d7d;
  padding-left: 3px !important; }

label.label-search {
  color: white;
  display: block;
  width: 100%;
  padding: 0 15px;
  cursor: pointer; }

/* filter icon */
.label-filter-btn, .label-filter {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  color: #7d7d7d;
  /*width: 100%;*/
  padding: 0 15px;
  cursor: pointer !important;
  font-size: 1.2rem;
   }
.label-filter-btn i, .label-filter i {
  padding: 5px;
}

@media all and (min-width: 786px) {
  .label-filter-btn, .label-filter {
    display: none; } }

/* end filter icon */
@media all and (min-width: 768px) {
  .extend-search .input-field.large .select-wrapper {
    background: white;
  }
  .extend-search .input-field.large .select-wrapper input.select-dropdown {
    background-color: transparent;
    /*border-bottom: 1px solid white;*/
    border-bottom: none;
    color: #7d7d7d !important; }
  .extend-search .input-field.large .select-wrapper span.caret {
    color: #7d7d7d;
    z-index: 0; } }
.product-list .input-field.large .select-wrapper {
  background: white;
}
.product-list .input-field.large .select-wrapper input.select-dropdown { 
  background-color: transparent;
  /*border-bottom: 1px solid white;*/
  border-bottom: none;
  color: #7d7d7d !important;
  margin-bottom: 0; }

.product-list .input-field.large .select-wrapper span.caret {
  color: #7d7d7d;
  z-index: 0; }

@media all and (max-width: 767px) {
  .extend-search .input-field.large .select-wrapper input.select-dropdown {
    background-color: transparent;
    /*border-bottom: 1px solid white;*/
    color: white !important; }
  .extend-search .input-field.large .select-wrapper span.caret {
    color: white;
    z-index: 99; } }

.select-wrapper input.select-dropdown {
  border-color: white;
  color: white; }

.dropdown-content li > a, .dropdown-content li > span {
  color: #7d7d7d; }

::-webkit-input-placeholder {
  color: #a0a0a0; }

::-moz-placeholder {
  color: #a0a0a0; }

/* Firefox 19+ */
:-moz-placeholder {
  color: #a0a0a0; }

/* Firefox 18- */
:-ms-input-placeholder {
  color: #a0a0a0; }

/*
 * @mixin
 */
/*
 * custom styles
 */
.payment-icon {
  background: url(../images/payments-icon-s.png) no-repeat;
  display: inline-block;
  width: 50px;
  height: 35px;
  opacity: .8;
  float: left; }
  .payment-icon.payment-icon-prepayment {
    background-position: 0 -210px; }
  .payment-icon.payment-icon-paypal {
    background-position: 0 -490px; }
  .payment-icon.payment-icon-downpayment {
    background-position: 0 -385px; }
  .payment-icon.payment-icon-visa {
    background-position: 0 -175px; }
  .payment-icon.payment-icon-mastercard {
    background-position: 0 -35px; }
  .payment-icon.payment-icon-creditcard {
    background-position: 0 0; }

.amazon {
  background: url(../images/amazon.png) no-repeat;
  width: 120px;
  height: 35px;
  background-size: 100%;
  display: inline-block;
  opacity: .8; }

.grad-radial {
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  background: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: radial-gradient(center, circle cover, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 999; }

a.close {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

a.close, a.close i {
  font-size: 1.4rem;
  font-weight: 300;
  padding: 0 5px;
}

nav.home {
  z-index: 999;
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  background: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: radial-gradient(center, circle cover, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  background-color: rgba(255, 255, 255, 0.2);
  background-color: rgba(0, 176, 255, 0.6);
  position: fixed;
  top: 0; }
  nav.home .nav-wrapper i, nav.home a.button-collapse, nav.home a.button-collapse i {
    height: 45px;
    line-height: 45px; }

nav {
  box-shadow: none; }
  nav .search-field-header {
    position: relative;
    width: 100%; }
    nav .search-field-header input[type='search'] {
      margin: 0;
      padding-left: 4rem;
      text-align: center;
      position: fixed;
      top: -100%;
      right: 0;
      height: 1vh;
      width: 100vw;
      z-index: 9999;
      color: #7d7d7d !important;
      font-weight: 500;
      font-size: 36px;
      text-transform: lowercase; }

    @media all screen and (max-width: 600px) {
      nav .search-field-header input[type='search']:focus {
        padding-left: 0 !important;
      }
    }

      nav .search-field-header input[type='search']:focus {
        /*width: 100vw;*/
        width: 100%;
        height: 90px;
        top: 0;
        -webkit-transition: all 0.6s;
                transition: all 0.6s;
        background: #ffffff;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        left: 0; }
  nav .side-nav h5 {
    color: #7d7d7d;
    text-align: center; }
  nav .side-nav li {
    color: #7d7d7d;
    line-height: 42px; 
    font-weight: 300; } 

    nav .side-nav .menu-item {
      position: relative;
    }
    nav .side-nav .menu-item > a {
      height: inherit; 
      font-size: 18px;
      line-height: 48px;
    }
      nav .nav-wrapper i.fa.fa-angle-down, nav .nav-wrapper i.fa.fa-angle-up  {
        /*float: right;*/
        /*padding: 0 10px;*/
        position: absolute;
        right: 15px;
        line-height: inherit;
        color: #5E5E5E;
        font-weight: 100;
        cursor: pointer;
        font-size: 1.4rem;
        top: 0;
      }

    nav .side-nav .menu > .menu-item {
      border-bottom: 1px solid #ededed;
    }
      nav .slide-nav .menu > .menu-item > a {
        padding-top: 10px !important;
      }
    nav .side-nav .menu > .menu-item > .dropdown-menu > .menu-item-has-children {
      padding: 10px 0;
      line-height: 32px;
    }

    nav .side-nav .menu .dropdown-menu .dropdown-menu li {
      padding-left: 20px;
    }

    nav .dropdown-menu .menu-item a {
      font-size: 16px;
      line-height: 32px;
    }
      .rotate {
        -ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
            transform: rotate(180deg);
            top: -24px !important;
      }

.extend-search {
  padding-bottom: 50px; }
  .extend-search h2, .extend-search h3 {
    color: white;
    text-align: center; }
  .extend-search form {
    margin-top: 50px; }
    .extend-search form .big-search:hover {
      background-color: #ffc107; }

.brand-c {
  padding-top: 70px;
  padding-bottom: 70px; }
  .brand-c .card .card-image {
    padding-top: 15px; }

.col.s12.m3.l3.item .card {
  margin-bottom: 30px; }
  .col.s12.m3.l3.item .card .card-image {
    padding: 10px; }
  .col.s12.m3.l3.item .card .card-content {
    padding: 15px; }
    .col.s12.m3.l3.item .card .card-content .card-title {
      color: #7d7d7d;
      line-height: 24px;
      font-size: 20px; }
    .col.s12.m3.l3.item .card .card-content p {
      color: #7d7d7d; }
  .col.s12.m3.l3.item .card .card-action {
    padding: 0; }
    .col.s12.m3.l3.item .card .card-action p {
      margin: 15px 0 5px;
      font-size: 22px;
      text-align: center; }
    .col.s12.m3.l3.item .card .card-action .btn {
      width: 100%;
      margin: 0; }

.features {
  /*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: radial-gradient(center, circle cover, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);*/
  background-color: rgba(255, 255, 255, 0.1);
  padding: 70px 30px; }
  .owl-carousel .owl-wrapper-outer {
    overflow: hidden; }
    .owl-carousel .owl-wrapper-outer .owl-wrapper {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
  .owl-carousel .owl-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .owl-carousel .owl-controls .owl-buttons {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .owl-carousel .owl-controls .owl-buttons > * {
        margin: 0 10px; }
  .col.s12.m3.l3.item {
    width: 100%; }

    .features .card {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;

      -webkit-flex-flow: column nowrap;
      flex-flow: column nowrap;

      -webkit-justify-content: space-between;
      justify-content: space-between;

      min-height: 440px;
    }
    .features .card .card-image img {
      width: 62%;
      margin: 0 auto;
    }
    .features .card-action {
      text-align: center;
    }
    .features .card-action p {
      display: inline;
    }

.text, .contact {
  padding-top: 70px;
  padding-bottom: 70px; }
  .text h4, .contact h4 {
    margin-bottom: 0; }
  .text .inner textarea, .contact .inner textarea {
    padding: 15px 0; }
  .text .inner input, .contact .inner input, .text .inner textarea, .contact .inner textarea {
    border: 1px solid #7d7d7d; }
    .text .inner input:focus:not([readonly]), .contact .inner input:focus:not([readonly]), .text .inner textarea:focus:not([readonly]), .contact .inner textarea:focus:not([readonly]) {
      border: 1px solid #7d7d7d;
      box-shadow: none; }
  .text .inner button[type='submit'], .contact .inner button[type='submit'], .text .inner input[type='submit'], .contact .inner input[type='submit'] {
    width: 100%; }
    .text .inner button[type='submit']:hover, .contact .inner button[type='submit']:hover, .text .inner input[type='submit']:hover, .contact .inner input[type='submit']:hover {
      background-color: #ffc107; }

.contact {
  padding: 120px 0;
  background: #fafafa; }

.footer {
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: radial-gradient(center, circle cover, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-color: rgba(255, 255, 255, 0.1);
  background-position: 0 -290px; }
  .footer .newsletter {
    padding: 40px 0 30px; }
    .footer .newsletter input {
      height: 47px; }
    .footer .newsletter .btn {
      height: 49px; }
      .footer .newsletter .btn:hover {
        background-color: #ffc107; }
  .footer footer {
    padding: 70px 0 0;
    margin: 0; }
    .footer footer h5, .footer footer .h5 {
      color: rgba(255, 255, 255, 0.9); }
    .footer footer .cols {
      margin-bottom: 50px; }
      .footer footer .cols li {
        color: rgba(255, 255, 255, 0.9); }
    .footer footer .divider {
      width: 100%; }
    .footer footer .socials {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-bottom: 100px; }
      .footer footer .socials .icons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around;
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center; }
        .footer footer .socials .icons:before {
          content: '';
          display: block;
          border-top: 2px solid white;
          width: 33%;
          position: absolute;
          top: 20px;
          left: 0;
          -webkit-transition: width 0.5s;
                  transition: width 0.5s; }
        .footer footer .socials .icons:after {
          content: '';
          display: block;
          border-top: 2px solid white;
          width: 33%;
          position: absolute;
          top: 20px;
          right: 0;
          -webkit-transition: width 0.5s;
                  transition: width 0.5s; }
        @media all and (min-width: 768px) and (max-width: 991px) {
          .footer footer .socials .icons:before, .footer footer .socials .icons:after {
            width: 25%;
            -webkit-transition: width 0.5s;
                    transition: width 0.5s; } }
        @media all and (max-width: 767px) {
          .footer footer .socials .icons:before, .footer footer .socials .icons:after {
            width: 20%;
            -webkit-transition: width 0.5s;
                    transition: width 0.5s; } }
        .footer footer .socials .icons span {
          color: rgba(255, 255, 255, 0.9); }
    .footer footer .footer-copyright {
      height: 50px;
      line-height: 25px; }
      .footer footer .footer-copyright p {
        color: rgba(255, 255, 255, 0.9);
        text-align: left; }

.product-list {
  padding: 15px 30px; }

/*  #tire_search_form > .row {
    display: -webkitflex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 0;
  }
    #tire_search_form > .row a.label-filter {
      display: -webkit-inline-flex;
      display: inline-flex;
      -webkit-align-items: center;
      align-items: center;
      padding: 0;
    }
  .product-list .filter .row {
    margin-bottom: 10px;
  }*/
  @media all and (max-width: 768px) {
    .product-list {
      padding: 15px 0;
    }
    .product-list .col.m9.tyres-list {
      width: 100% !important; } }

  .product-list .filter p {
    margin: 0;
    line-height: 36px;
  }

  .product-list .filter .input-field {
    margin-bottom: 12px !important;
  }

  .product-list .content-list {
    display: flex;
    flex-flow: column nowrap;
    justify-coontent: flex-start;
  }

  .product-list .content-list-header {
      margin-left: 0;
      margin-right: 0;
  }

  .product-list .content-list .seo-desc {
    order: 1;
  }

  .product-list .h5 {
    line-height: 2.4rem;
    color: #7d7d7d; 
    margin: 0;}
  .product-list .cat-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .product-list h1 {
      font-size: 1.64rem;
      margin: 0;
      line-height: 2.4rem;
      color: #7d7d7d;
    }
    .product-list .listing {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
       -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
      margin: 0;
      justify-content: flex-start;
    }
  .product-list .card {
    margin-bottom: 30px; 
    position: relative; 
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;}
    .product-list .card .card-image {
      padding: 15px;
      position: relative;
      overflow: hidden; }
      .product-list .card .card-image img {
        width: 70%;
        margin: 0 auto;
        max-height: 290px;
      }
      .product-list .card .card-image img.brand-image {
        position: absolute !important;
        bottom: 21%;
        left: 0;
        width: 100%; }
    .product-list .card .card-action {
      padding: 0; 
      text-align: center;
      margin-top: 25px;
     /* position: absolute;
      left:0;
      right: 0; 
      bottom: 0;*/ }
    .product-list .listing .card .card-content {
      padding-bottom: 40px;
    }
    .product-list .listing .card-content .card-title {
      font-size: 1.4rem;
    }
      .product-list .card .card-action p {
        margin: 15px 0 5px;
        font-size: 22px;
        text-align: center;
        display: inline; }
      .product-list .card .card-action .btn {
        width: 100%;
        margin: 0; }
  .product-list .input-field input {
    border: 1px solid #d8d8d8 !important;
    height: 36px;
    line-height: 1rem; }
  .product-list .filter form {
    margin-bottom: 30px; }
    .product-list .filter form p:last-child {
      margin-bottom: 10px !important; }
  .product-list .filter .input-field {
    margin: 0;
    padding: 0; }
  @media all and (min-width: 599px) {
    .product-list .filter button.search-submit {
      width: 100%; } }
  .product-list .side-nav {
    padding: 0 20px 0 15px;
    height: 100vh; }
    .product-list .side-nav .search-submit {
      width: 100%; }

.product {
  padding: 15px 30px; }
  @media all and (min-width: 320px) and (max-width: 767px) {
    .product {
      padding: 15px 15px; } }
  .product .card-image {
    padding-top: 30px;
    padding-bottom: 30px; }

    .product .card-image img {
      /*width: 62%;*/
      margin: 0 auto;
    }

  .product .card-content .card-title {
    font-size: 36px;
    line-height: 48px;
    color: #616161;
    margin: 30px 0 15px;
    display: block; }
    .product .card-content .card-title h1  {
      font-size: inherit;
      text-align: left;
      font-weight: inherit;
    }
    .product .card-content .card-title .brand-name {
      font-weight: bold;
      font-style: italic; }
    @media all and (min-width: 320px) and (max-width: 767px) {
      .product .card-content .card-title {
        font-size: 36px;
        line-height: 48px; } 
        .product .card-content .card-title h1  {
            font-size: inherit;
            text-align: left;
            font-weight: inherit;
        }
      }
  .product .card-content p {
    font-size: 24px;
    color: #7d7d7d; }
    @media all and (min-width: 320px) and (max-width: 767px) {
      .product .card-content p {
        font-size: 18px; } }
  .product .card-content .card-action {
    padding-left: 0;
    padding-right: 0;
    position: relative; }
    .product .card-content .card-action .best-price p {
      display: inline;
    }
    .product .card-content .card-action p {
      color: #616161; }
    .product .card-content .card-action .btn {
      margin: 30px 0;
      height: 56px;
      font-size: 24px; 
      display: inline-flex;
      flex-flow: column wrap;
      justify-content: center; }
      @media all and (min-width: 320px) and (max-width: 767px) {
        .product .card-content .card-action .btn {
          font-size: 18px; } }
    .product .card-content .card-action img.brand-image {
      bottom: 0;
      left: 0;
      top: inherit;
      width: 100%; }
      .product .card-image .thumbnail {
        width: 220px;
        position: relative;
      }
  .product .tab-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    padding: 0; }
    .product .tab-inner 
    .product .tab-inner p, .product .tab-inner li {
      font-size: 18px; }
    .product .tab-inner .affil-curr {
      text-align: center;
    }
    .product .tab-inner .affil-curr p {
      display: inline;
      font-size: 18px;
      font-weight: 500;
      line-height: 24px;
    }
    .product .tab-inner .row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 100%;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      padding: 15px 0; }
      .product .tab-inner .row.thead {
        margin-bottom: 0; }
        .product .tab-inner .row.thead p {
          font-weight: 500; }

        @media only screen and (max-width: 600px) {

          .product .tab-inner .row:not(:last-child), .product .tab-inner .row:not(:first-child) div:not(:last-child) {
            border-bottom: 1px solid #e7e7e7;
          }
          
            .product .tab-inner .thead-decor {
              font-weight: 700;
              font-size: 24px;
            }
        }

      .product .tab-inner .row:nth-child(2n) {
        background: #f5f5f5; }
      .product .tab-inner .row:last-child {
        margin-bottom: 0; }
      .product .tab-inner .row .divider {
        margin: 20px auto;
        width: 88%; }
      .product .tab-inner .row .col {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .product .tab-inner .row .col .price {
          font-size: 24px;
          font-weight: 500; }
        @media all and (max-width: 600px) {
          .product .tab-inner .row .col {
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center; }
          .product .tab-inner .row .col .branding {
            -webkit-transform: scale(2);
            -ms-transform: scale(2);
            transform: scale(2); } }
        .product .tab-inner .row .col:last-child {
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
  .product #tab2 .text-row {
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
    .product #tab2 .text-row img {
      float: left;
      margin-right: 30px; }
    .product #tab2 .text-row .col {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
  .product #tab3 a {
    font-size: 24px; }
  .product #tab3 .star {
    width: 32px;
    font-size: 32px;
    color: #ffb300; }
  .product #tab3 .tester {
    background-image: url(../images/tester-logo.png);
    width: 150px;
    height: 60px;
    display: inline-block; }
    .product #tab3 .tester.automotor {
      background-position: 0 -186px; }


/* === custom css === */

ul.collapsible {
  box-shadow: none;
  margin: 0;
  border-left: none;
  border-right: none;
}

.collapsible-header {
  font-weight: 500;
  color: #7d7d7d;

    position: relative;
}

.collapsible-header .material-icons {
  /*margin-right: 0;*/
  color: #7d7d7d;

    opacity: 1;
    transform: rotate(0deg);
    transition: all .6s;
    position: absolute;
    right: 0;
    top: 0;
}

.collapsible-header .material-icons.minus {
    /*transform: rotate(0deg);*/
    opacity: 0;
    transition: all .6s;
}

.collapsible-header.active .material-icons.plus {
    transform: rotate(270deg);
    opacity: 0;
    transition: all .6s;
}

.collapsible-header.active .material-icons.minus {
    transform: rotate(360deg);
    opacity: 1;
    transition: all .6s;
}

.collapsible-body {
  border-bottom: 0;
}


.modal-content .name {
  text-transform: capitalize;
}


/* === search autocomplete === */

ul.ui-autocomplete {
    background: white;
    left: 0 !important;
    width: 100% !important;
    text-align: center;
    padding: 0;
    z-index: 999 !important;
}

ul.ui-autocomplete .ui-menu-item {
    padding: 15px 0px;
    font-size: 24px;
    color: #7d7d7d;
    font-weight: 500;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer;
}

ul.ui-autocomplete .ui-menu-item.ui-state-focus {
  background-color: rgba(0,0,0,.1);
}

span.ui-helper-hidden-accessible {
  display: none;
}

/* === LOGO SVG === */

.brand-logo svg {
  color: white;
  vertical-align: middle;
}

@media only screen and (max-width: 992px) {
  nav .brand-logo {
    left: 0;
    -webkit-tran1sform: translat0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  
}

@media only screen and (max-width: 480px) {
  nav .brand-logo svg {
    width: 180px;
    vertical-align: top;
  }
}

/* == new story == */

#breadcrumbs {
  padding: 0 15px;
  /*margin: 0;*/
  /*background: #fafafa;*/
}

#breadcrumbs a {
  color: #262626;
  font-weight: 300;
}

.brand-list #breadcrumbs {
  padding: 0;
  background: white;
}

.brand-page #breadcrumbs {
  background: white;
  margin-top: 30px;
}

#breadcrumbs .breadcrumb_last {
  font-weight: 300;
  color: #7d7d7d;
}

.h {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem 0;
  color: #262626;
  display: block;
}

.text-center {
  text-align: center;
}

.brand-item {
  margin-bottom: 30px;
}
/*
.eurocurr_symb:before {
  content: 'EUR';
  display: inline-block;
  color: inherit;
  font-size: inherit;
}*/

span.page-numbers.current {
    background-color: #00B0FF;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
}

.product .tab-inner p, .product .tab-inner li {
  text-align: center;
}

img.activator.brand-image.wp-post-image {
  position: absolute;
  bottom: 21%;
  left: 0;
  right: 0;
}

select.sizes {
    margin: 10px 0;
}

/* breadcrumbs */
#breadcrumbs {
  display: flex;
  margin-bottom: 1.6rem;
  flex-flow: row wrap;
}

.breadcrumbs-wraper {
  display: flex;
  position: relative;
  flex-flow: row nowrap;
  /*margin-left: 10px;*/
   margin-right: 10px; 
   margin-bottom: 5px;
}

.breadcumbs-current {
  cursor: pointer;
  padding-left: 3px;
}

.breadcumbs-current:hover {
  box-shadow: 0px 1px 0px 0px rgb(159, 159, 159),0 2px 10px 0 rgb(255, 255, 255);
}

.breadcumbs-current .fa {
  padding: 0 3px;
}

ul.sub-breadcrumbs {
  display: none; 
  position: absolute;
  top: 17px;
  left: 0;
  background: white;
  padding: 15px 30px;
  z-index: 99;
  width: 50vw;
  flex-flow: row wrap;
  flex: 100%;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

ul.sub-breadcrumbs.open-cab {
  display: flex !important;
}

ul.sub-breadcrumbs li {
  flex: 0 1 150px;
  padding: 3px 0;
}

ul.sub-breadcrumbs li.active {
  text-decoration: underline;
}

.breadcrumbs-wraper .sub-breadcrumbs a {
    width: 100%;
    display: block;
}

.breadcrumbs-wraper .sub-breadcrumbs a:hover {
  text-decoration: underline;
  color: #039be5 !important;
}