// Mixins
.box-shadow (@string) {
  -webkit-box-shadow: @string;
  box-shadow: @string;
}

.linear-gradient(@string) {
  background-image: -webkit-linear-gradient(@string);
  background-image: linear-gradient(@string);
}

.box-sizing (@type: border-box) {
  -webkit-box-sizing: @type;
  -moz-box-sizing: @type;
  box-sizing: @type;
}

.clearfix {
  zoom: 1;
  &:before, &:after {
    content: "";
    display: table;
  }
  &:after {
    clear: both;
  }
}

// import rest styles
@import 'reset.css';
@import 'fonts.css';
@import 'grid.css';

@def-font-size: 1em;
@def-font-family: Tahoma, Geneva, Kalimati, sans-serif;
@arial-font-family: Helvetica, Arial, sans-serif;
@buttons-font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
@def-text-color: #252525;
@link-color: #5e9900;
@link-active-color: #4a7900;

.row {
  .clearfix();
}

html {
  font-size: 0.813em;
}

body {
  font-size: @def-font-size;
  line-height: 1.33em;
  font-family: @def-font-family;
  color: @def-text-color;
}

html, body {
  height: 100%;
}

#page {
  position: relative;
  min-height: 100%;
}

// Text styles

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 1em 0;
}

h1 {
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  margin-bottom: 1.2em;
}

h2 {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #968e82;
}

h3 {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
}

h4 {
  font-size: 1em;
  font-weight: bold;
}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6 {
  margin-top: 2em;
}

blockquote {
  margin-bottom: 2em;
}

p, ol {
  margin: 0 0 1em 0;
}

//@import (reference) '/themes/vsetravi/css/bootstrap-theme.css';

.text-content {
  ul {
    li {
      list-style: disc;
      margin-left: 30px;
      margin-top: 8px;
    }

  }
  ol {
    li {
      list-style: decimal;
    }
  }

  p {

  }
}

strong {
  font-weight: bold;
}

a {
  color: @link-color;

  &:hover {
    text-decoration: none;
  }
  &:active, &:visited {
    color: @link-active-color;
  }
}

.pseudo {
  text-decoration: none;
  border-bottom: dotted 1px;
  cursor: pointer;

  &:hover {
    border-color: transparent;
  }
}

.rur {
  font-family: rublregular;
  font-weight: normal;
}

.btn, input[type="button"] {
  border: solid 1px #ccc;
  border-radius: 3px;
  padding: 5px 10px 6px;
  min-width: 60px;
  height: 27px;
  font-weight: bold;
  font-size: 11px;
  font-family: @buttons-font-family;
  color: #7f7f7f;
  text-shadow: 1px 1px rgba(255, 255, 255, .55);
  cursor: pointer;
  .box-shadow(inset 0 2px rgba(255, 255, 255, .66));
  background: #e7e7e7;
  background-image: -webkit-linear-gradient(bottom, rgba(210, 210, 209, .33), rgba(255, 255, 255, .33));
  background-image: -ms-linear-gradient(to top, rgba(210, 210, 209, .33), rgba(255, 255, 255, .33));
  background-image: linear-gradient(to top, rgba(210, 210, 209, .33), rgba(255, 255, 255, .33));

  &:hover {
    -webkit-box-shadow: inset 0 2px rgba(255, 255, 255, .66), inset 0 0 1px 1px #fff;
    box-shadow: inset 0 2px rgba(255, 255, 255, .66), inset 0 0 1px 1px #fff;
    color: #595959;
  }
  &:active {
    color: #7f7f7f;
    .box-shadow(inset 0 2px rgba(255, 255, 255, .66));
    background: #e8e8e8;
    background-image: -webkit-linear-gradient(top, rgba(210, 210, 209, .33), rgba(255, 255, 255, .33));
    background-image: linear-gradient(to bottom, rgba(210, 210, 209, .33), rgba(255, 255, 255, .33));
  }
  &.primary {
    border: none;
    padding: 5px 10px;
    min-width: 83px;
    color: #885f07;
    text-shadow: 1px 1px rgba(255, 255, 255, .55);
    .box-shadow(1px 2px 0 -1px #BF8200);
    background-color: #f6bc24;
    background: -webkit-linear-gradient(top, #ffd543 0%, #eea507 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top, #ffd543 0%, #eea507 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffd543 0%, #eea507 100%);

    &:hover {
      color: #6a4a05;
      -webkit-box-shadow: 0 1px #bf8200, inset 0 0 3px rgba(255, 255, 190, .75);
      box-shadow: 0 1px #bf8200, inset 0 0 3px rgba(255, 255, 190, .75);
      background: -webkit-linear-gradient(top, #ffd543 0%, #f5b81f 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top, #ffd543 0%, #f5b81f 100%); /* IE10+ */
      background: linear-gradient(to bottom, #ffd543 0%, #f5b81f 100%);
    }
    &:active {
      color: #885f07;
      .box-shadow(0 1px #bf8200);
      background-color: #fac630;
      background: -webkit-linear-gradient(top, #eea406 0%, #ffd442 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top, #eea406 0%, #ffd442 100%); /* IE10+ */
      background: linear-gradient(to bottom, #eea406 0%, #ffd442 100%);
    }
    &.disabled, &[disabled] {
      opacity: .5;
      color: #885f07;
      text-shadow: 1px 1px rgba(255, 255, 255, .55);
      .box-shadow(0 1px #bf8200);
      background-color: #f6bc24;
      background: -webkit-linear-gradient(top, #ffd543 0%, #eea507 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top, #ffd543 0%, #eea507 100%); /* IE10+ */
      background: linear-gradient(to bottom, #ffd543 0%, #eea507 100%);
    }
  }
  &.large {
    padding: 8px 15px 8px;
    height: 35px;
    font-size: 1rem;
  }
  &.primary.large {
    height: 33px;
  }
  &.disabled, &[disabled] {
    opacity: .5;
    cursor: default;
    color: #7f7f7f;
    text-shadow: 1px 1px rgba(255, 255, 255, .55);
    .box-shadow(inset 0 2px rgba(255, 255, 255, .66));
    background: #e7e7e7;
    background-image: -webkit-linear-gradient(bottom, rgba(210, 210, 209, .33), rgba(255, 255, 255, .33));
    background-image: linear-gradient(to top, rgba(210, 210, 209, .33), rgba(255, 255, 255, .33));
  }
  &.narrow {
    min-width: 122px;
  }
}

div.btn, a.btn, span.btn {
  .box-sizing(border-box);
  display: inline-block;
  padding: 4px 10px 6px;
  text-align: center;
  text-decoration: none;
  color: #7F7F7F;
  line-height: 18px;

  &.large {
    //    padding-top: 9px;
  }
  &.primary.large {
    height: 33px;
  }
}

table {
  width: 100%;

  th {
    border-bottom: solid 1px #e1ded3;
    padding: 0 5px 10px 0;
    color: #999;
  }
  td {
    border-bottom: dashed 1px #e1ded3;
    padding: 14px 5px 15px 0;
    vertical-align: middle;
  }
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="tel"] {
  border: solid 1px #f5f5f5;
  border-top-color: #c5c5c5;
  border-left-color: #c5c5c5;
  padding: 0 9px;
  height: 27px;
  .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, .14));

  &.error {
    border-color: #c42a29;
  }
}

form {
  .form-group {
    margin-bottom: 9px;
  }
  input[type="radio"], input[type="radio"] + label {
    vertical-align: middle;
  }
  legend {
    display: block;
    font-weight: bold;
  }
  .info {
    font-size: 11px;
    color: #968e82;
  }
  div.error, p.error {
    margin: 8px 0;
    color: #c01b1b;
  }
}

.form {
  label {
    display: inline-block;
    width: 124px;
  }
  &.login-form {
    input {
      width: 255px;
    }
  }
  .right {
    display: inline-block;
    margin-left: 128px;

    & + .right {
      margin-top: 3px;
    }
  }
  label + .right {
    margin-left: 0;
  }
  input {
    width: 280px;
  }
}

textarea {
  outline: none;
  border: 0px solid transparent;
  padding: 10px;
  min-height: 55px;
  resize: none;
  .box-shadow(inset 1px 1px 3px rgba(0, 0, 0, .34));
  font-family: inherit;
  font-size: inherit;
}

#page, .footer-container {
  margin: 0 auto;
  width: 940px;
}

.header-site {
  position: relative;
}

.logo {
  display: inline-block;
  margin: 21px 0 0 10px;
  width: 224px;
  height: 47px;
  background: url(../img/sprite.png) -10px -15px no-repeat;
}

.top-line {
  margin-bottom: 14px;
}

.shop-info {
  font-size: 12px;
  color: #000;

  .title {
    margin: 14px 0 2px;
    font-size: 11px;
    color: #968e82;
  }
  .shop-tel {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 4px;
    font-size: 20px;
    text-decoration: none;
    color: #000;
    font-family: @arial-font-family;
  }
}

.top-menu {
  position: relative;
  a {
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, .15);
    text-decoration: none;
    font-size: 1.3em;
  }
}

.orrange-bg {
  background-color: #d78d51;
  box-shadow: inset -1px -2px rgba(0, 0, 0, .11);
  text-decoration: none;
  background: -moz-linear-gradient(top, #e69c60 0%, #cb8245 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e69c60), color-stop(100%, #cb8245));
  background: -webkit-linear-gradient(top, #e69c60 0%, #cb8245 100%);
  background: -o-linear-gradient(top, #e69c60 0%, #cb8245 100%);
  background: -ms-linear-gradient(top, #e69c60 0%, #cb8245 100%);
  background: linear-gradient(to bottom, #e69c60 0%, #cb8245 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e69c60', endColorstr='#cb8245', GradientType=0);
}

.top-bg {
  position: absolute;
  left: 212px;
  top: 1px;
  width: 397px;
  height: 104px;
  background: url(../img/sprite.png) 0 -159px;
  z-index: 2;
}

.top-nav {
  float: left;
  border-radius: 5px 0 0 5px;
  width: 551px;
  background: #8ac006;
  background: url(../img/sprite.png) no-repeat 0 -68px #8bc006;
  height: 38px;

  ul {
    display: table;
    width: 320px;
  }
  li {
    display: table-cell;
    height: 38px;
    text-align: center;
    vertical-align: middle;
  }
  .menu-content {

  }
}

.user-cabinet-link {
  position: relative;
  float: left;
  padding: 10px 5px 0 25px;
  width: 137px;
  height: 28px;
  background: #01a8ca;
  margin-left: -20px;

  &:after {
    content: "";
    position: absolute;
    right: -14px;
    top: 0;
    width: 14px;
    height: 38px;
    background: url(../img/sprite.png) -555px -68px;
    z-index: 1;
  }

  &:before {
    width: 18px;
    background: url(../img/sprite.png) -537px -67px;
    z-index: 2;
    content: "";
    top: 0;
    position: absolute;
    display: block;
    height: 38px;
    left: -4px;
  }
}

.shopping-cart-wrap {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  border-radius: 5px;
  width: 242px;

  &.has-product:hover {
    .box-shadow(0 1px 3px rgba(0, 0, 0, .65));
    z-index: 2;

    .shopping-cart > a {
      border-radius: 5px 5px 0 0;
    }
    .cart-block {
      display: block;
    }
  }
}

.shopping-cart {
  .orrange-bg {
    display: block;
    position: relative;
    padding: 10px 0 0 21px;
    border-radius: 5px 5px 5px 0;
    height: 28px;

    &:hover {
      .name {
        text-decoration: none;
      }
    }
  }
  .icon-cart {
    margin: -22px 6px -28px 0;
    vertical-align: top;
  }
  .name {
    text-decoration: underline;
    margin-left: -8px;
  }
  .cart-counter {
    color: #ffe400;
  }
  .icon-arrow {
    position: absolute;
    top: 18px;
    right: 11px;
  }
}

.cart-block {
  display: none;
  border-top: 1px solid #fff;
  border-radius: 0 0 5px 5px;
  padding: 3px 0 0;
  width: 100%;
  background-color: #f6f3e8;

  li {
    padding: 9px 5px 13px 9px;
    background: url(../img/dashed.png) repeat-x left bottom;
  }
  a {
    color: @def-text-color;
    text-shadow: none;
  }
  .icon-remove {
    float: left;
    margin: 5px 0 0;
  }
  .product-name {
    display: block;
    margin: 0 70px 0 21px;
  }
  .price {
    min-width: 70px;
    float: right;
  }
  .cart_block_no_products {
    padding-left: 6px;
  }
}

.ajax_cart_quantity {
  margin-right: 3px;
}

.cart-prices {
  padding: 7px 17px 9px;
  text-align: right;
}

.cart-buttons {
  padding: 0 5px 5px;

  .btn {
    display: block;
  }
}

.columns-container {
  position: relative;
  margin: 23px 0 0;
}

.products-catalog {
  margin-bottom: 22px;

  &.dropdown {

    &:hover {
      .box-shadow(0 1px 2px rgba(0, 0, 0, .65));

      .products-catalog-list {
        display: block;
        min-height: 1px;
        .box-shadow(0 1px 2px rgba(0, 0, 0, .65));
      }
      .orrange-bg {
        border-radius: 3px 3px 0 0;
      }
    }
    .products-catalog-list {
      display: none;
      position: absolute;
      left: 0;
      width: 172px;
      z-index: 2;
    }
    .orrange-bg {
      position: relative;
      border-radius: 3px;
      padding-left: 21px;
      cursor: pointer;
      text-align: left;

      &:after {
        content: "";
        position: absolute;
        top: 18px;
        right: 8px;
        width: 9px;
        height: 6px;
        background: url(../img/sprite.png) -305px 0;
      }
    }
  }
  .orrange-bg {
    border-radius: 4px 4px 0 0;
    border-bottom: solid 1px #fff;
    padding: 10px 0 11px;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, .15);
    font-size: 1.3em;
  }
  h1 {
    margin-bottom: 12px;
  }
}

.products-catalog-list {
  border-radius: 0 0 5px 5px;
  background: #f6f3e8;
  border-top: solid 1px transparent;
  margin-top: -1px;

  .index & {
    min-height: 282px;
  }

  & > li {
    position: relative;
    background: url(../img/dashed.png) repeat-x left bottom;

    &:last-child {
      background: transparent;
    }
    &:hover a {
      color: #a45731;
    }
    &.active {

      a {
        color: #968e82;
        cursor: default;
      }
      &.with-subcategories {
        li a {
          cursor: pointer;
        }
      }
    }
    &.with-subcategories {
      li a {
        color: #252525;
      }
      li:hover {
        a {
          color: #a45731;
        }
      }
    }
    &.with-subcategories:hover {
      & > a {
        position: relative;
        border-radius: 5px 0 0 5px;
        margin-top: -2px;
        padding-top: 10px;
        background: #fff;
        .box-shadow(0 0 3px rgba(0, 0, 0, .45));

        &:after {
          content: "";
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          width: 3px;
          background: #fff;
          z-index: 3;
        }
      }
      ul {
        display: block;
      }
    }
    a {
      display: block;
      position: relative;
      margin-left: -2px;
      padding: 8px 12px 10px 14px;
      font-size: 14px;
      text-decoration: none;
      color: @def-text-color;
    }
  }
  .icon-arrow-right {
    float: right;
    margin: 6px -1px 0 0;
  }
  ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    border-radius: 0 5px 5px 5px;
    width: 177px;
    padding: 0 3px;
    background: #fff;
    z-index: 2;
    .box-shadow(0 0 3px rgba(0, 0, 0, .45));

    li {
      border-bottom: dashed 1px #ccc;

      &:last-child {
        border-bottom: 0px solid;
      }
    }
  }
}

.open-category .products-catalog-list {
  .active {

    &:hover {
      & > a {
        .box-shadow(none);
        background: transparent;
        border-radius: 0;
        margin: 0 0 0 -2px;
        padding-top: 8px;

        &:after {
          display: none;
        }
      }
    }
    ul {
      display: block;
      position: static;
      margin: 0 1px;
      border-radius: 0px;
      width: auto;
      .box-shadow(none);

      a {
        padding-left: 20px;
        font-size: 12px;
        color: @def-text-color;
      }
    }
  }
}

.search-block-top {
  position: relative;
  margin: 0 0 13px;
  padding: 5px;
  height: 30px;
  border-radius: 5px;
  background: #facb00;
  background: -moz-linear-gradient(left, #facc00 0%, #facc00 60%, #f9bf00 60%, #f9bf00 63%, #f8b400 63%, #f6a200 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #facc00), color-stop(60%, #facc00), color-stop(60%, #f9bf00), color-stop(63%, #f9bf00), color-stop(63%, #f8b400), color-stop(100%, #f6a200));
  background: -webkit-linear-gradient(left, #facc00 0%, #facc00 60%, #f9bf00 60%, #f9bf00 63%, #f8b400 63%, #f6a200 100%);
  background: -o-linear-gradient(left, #facc00 0%, #facc00 60%, #f9bf00 60%, #f9bf00 63%, #f8b400 63%, #f6a200 100%);
  background: -ms-linear-gradient(left, #facc00 0%, #facc00 60%, #f9bf00 60%, #f9bf00 63%, #f8b400 63%, #f6a200 100%);
  background: linear-gradient(to right, #facc00 0%, #facc00 60%, #f9bf00 60%, #f9bf00 63%, #f8b400 63%, #f6a200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#facc00', endColorstr='#f6a200', GradientType=1);
  z-index: 1;

  &:after {
    content: "";
    position: absolute;
    right: -11px;
    top: 0;
    width: 22px;
    height: 40px;
    background: url(../img/sprite.png) -685px 0;
  }
  input {
    border-radius: 7px;
    padding: 0px 10px 0 25px;
    vertical-align: top;
    width: 368px;
    height: 27px;
    font-size: 13px;
    .box-shadow(inset 1px 1px 1px rgba(88, 60, 0, .28))
  }
  .btn {
    position: relative;
    top: -1px;
    font-size: 12px;
    margin: 0 -6px 0 0;
    padding: 0 4px 2px 0;
    width: 75px;
    height: 35px;
    background: url(../img/sprite.png) -531px 0;
    .box-shadow(none);
    border: 0px solid transparent;
    z-index: 2;
  }
  .icon-search {
    position: absolute;
    left: 14px;
    top: 14px;
  }
}

.col-sm-12 {
  .search-block-top {
    #search_query_top {
      width: 625px;
    }
  }
}

.banner-list {
  li {
    margin-bottom: 9px;
  }
}

.category-list-tabs {
  margin: 36px 0 0 0;

  .tab-title-list {
    margin: 0 0 20px;

    a {
      display: inline-block;
      padding: 1px 0 0;
      width: 17px;
      height: 25px;
      text-transform: uppercase;
      font-size: 15px;
      color: @def-text-color;
      text-decoration: none;
      text-align: center;

      &:hover span {
        border-color: transparent;
      }
      span {
        border-bottom: 1px dotted #000;
      }
    }
    li {
      float: left;
      margin: 0 1px;

      &:first-child {
        margin-left: 0;
      }
      &:last-child {
        margin-right: 0;
      }
    }
    .active {
      background: url(../img/sprite.png) -575px -68px;
      color: #fff;
      border-color: transparent;
      cursor: default;

      span {
        border-color: transparent;
      }
    }
  }
  .tab-content {

  }
  .tab-item {
    display: none;

    &.active-tab {
      display: block;
    }
    ul {
      -webkit-column-count: 4;
      -moz-column-count: 4;
      column-count: 4;
      -webkit-column-gap: 8px;
      -moz-column-gap: 8px;
      column-gap: 8px;

    }
    li {
      margin-bottom: 5px;
    }
    a {
      display: inline-block;
      max-width: 120px;
      font-size: 12px;
    }
  }
  .tab-footer {
    margin: 20px 0 0;
    border-top: solid 1px #e1ded3;
    padding: 9px 13px 0 0;
    text-align: right;

    a {
      color: #323232;
      font-size: 12px;
    }
  }
}

.category-wrap {
  margin: 3px 0 20px;

  h1 {
    margin-bottom: 13px;
  }
}

.info-banner {
  position: relative;
  margin: 0 0 25px;
  border-radius: 4px;
  background: #f6f3e8;
  .box-shadow(inset -11px -26px 10px -22px rgba(0, 0, 0, 0.06));
  color: #323232;

  .separator {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 276px;
    width: 2px;
    height: 100%;
    float: left;
    background: url(../img/dashed-vertecal.png) repeat-y top left;

    &.second {
      left: 629px;
    }
  }
  .left-col {
    float: left;
    padding: 26px 8px 28px 56px;
    width: 212px;

    .icon {
      float: left;
    }
    .text {
      display: block;
      margin: 5px 0 0 70px;
    }
    .f-helth {
      margin-bottom: 16px;

      .text {
        margin-top: 15px;
      }
    }
    .f-payment {
      margin-bottom: 20px;

      .text {
        margin-top: 4px;
      }
    }
    li {
      overflow: hidden;
    }
  }
  .middle-col {
    float: left;
    padding: 34px 19px 35px 32px;
    width: 300px;
  }
  .right-col {
    float: right;
    padding: 34px 21px 35px 32px;
    width: 255px;

    input {
      width: 227px;
    }
  }
  .icon-kettle {
    margin-right: 8px;
    vertical-align: middle;
  }
  .icon-cart {
    margin: 0 11px 0 5px;
  }
  .icon-copyright {
    margin: 0 19px 0 15px;
  }
  h2 {
    margin: 0 0 16px;
    font-size: 22px;
    font-weight: normal;
    color: #323232;
    text-transform: none;
  }
  p {
    margin-bottom: 8px;
    line-height: 18px;
  }
  p.error {
    margin: -3px 0 16px;
  }
}

.tabs {
  margin-bottom: 15px;

  .nav-tabs {
    margin: 0 0 17px 11px;

    a {
      font-size: 18px;
      color: #968e82;
    }
    .active {
      color: #000;
      border-color: transparent;
      cursor: default;
    }
    li {
      display: inline-block;
      margin-right: 49px;
    }
  }
  .tab-content {
    .row, .product-list {
      display: none;
      .col-sm-3 {
        height: 300px;
      }
    }
    .row {
      margin-top: 22px;
    }
    .active-tab {
      display: block;
    }
  }
}

.product-wrap {
  margin-top: 36px;

  h1 {
    margin-bottom: 22px;
  }
}

.product-list {
  .img-cnt {
    position: relative;
    margin: 0 0 9px;
    border-radius: 3px;
    border: solid 1px #e1ded3;
    padding: 2px;
    background: #fff;
  }
  .img-wrap {
    height: 147px;
    text-align: center;
    line-height: 147px;
    overflow: hidden;
  }
  img {
    max-width: 100%;
    vertical-align: middle;
  }
  .product-container > a:first-child {
    text-decoration: none;
  }
  .category-title {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 87.1%;
    border-radius: 3px;
    padding: 2px 8px 3px;
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, .15);
    font-size: 11px;
    text-align: center;
    background-color: #82bc05;
  }
  .info-wrap {
    position: relative;
    padding: 0 10px;
  }
  .btn.in-cart {
    display: none;
    position: absolute;
    right: 0;
    top: -3px;
    width: 99px;
  }
  .in-process {
    .in-cart {
      display: inline-block;
    }
  }
  li {
    &:hover {
      .in-cart {
        display: block;
      }
    }
  }
  .price-row {
    overflow: hidden;
    line-height: 22px;
  }
  .price {
    float: left;
    margin-bottom: 5px;
    width: 100%;
    font-size: 18px;
    color: #000;
  }
  .sale {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 15px;
  }
  .old-price {
    margin: 0 7px 0 0;
    font-size: 14px;
  }
  .suppliers {
    margin: 4px 0 0;
  }
  &.products-grid {
    .col-sm-3 {
      display: inline-block;
      float: none;
      vertical-align: top;
      width: 24.5%;
      margin-bottom: 15px;
    }
  }
}

.btn.in-cart {
  position: relative;

  &.added {
    color: transparent;
    font-size: 0px;
    .box-shadow(1px 1px #bf8200);
    background-image: -webkit-linear-gradient(top, #eea406, #ffd543);
    background-image: -moz-linear-gradient(top, #eea406, #ffd543);
    background-image: -o-linear-gradient(top, #eea406, #ffd543);
    background-image: linear-gradient(to bottom, #eea406, #ffd543);

    &:after {
      content: "";
      position: absolute;
      left: 50%;
      top: 10px;
      margin-left: -6px;
      width: 12px;
      height: 10px;
      background: url(../img/sprite.png) -303px -39px;
    }
  }
}

.single-list {
  li {
    margin-bottom: 22px;
  }
}

.old-price {
  font-size: 14px;
  color: #968e82;
  text-decoration: line-through;
}

.sale {
  display: inline-block;
  padding: 4px 4px 4px 5px;
  font-size: 16px;
  line-height: 17px;
  color: #fff;
  background: #f21c40;
}

.suppliers {
  font-size: 11px;
  color: #968e82;
}

.spinner {
  overflow: hidden;
  width: 85px;

  &.big {
    width: 169px;

    input {
      margin-left: 7px;
      width: 67px;
      height: 33px;
      font-size: 15px;
    }
    .btn {
      width: 34px;
      height: 34px;
      line-height: 30px;
    }
  }
  .btn {
    padding: 0;
    width: 20px;
    height: 20px;
    min-width: 20px;
  }
  .js-plus {
    float: right;
  }
  .js-minus {
    float: left;
  }
  .list & input {
    background: #fff;
  }
  input {
    float: left;
    margin: 0 0 0 3px;
    width: 19px;
    height: 19px;
    text-align: center;
    font-size: 12px;
    color: #505050;
    background-color: #e6e6e6;
  }
  .icon {
    vertical-align: middle;
  }
}

.footer-container {
  position: relative;
  margin-top: -139px;
  padding-bottom: 8px;

  &.in-bottom {
    margin-top: 0;
  }
  .top-nav {
    width: 762px;
    background-position: 0 -114px;
  }
  .user-cabinet-link {
    border-radius: 0 5px 5px 0;
    padding: 10px 0 0 37px;
    width: 141px;

    &:after {
      display: none;
    }
  }
  .top-bg {
    background-position: 0 -267px;
    top: 29px;
    width: 462px;
  }
  .social-block {
    position: absolute;
    right: 263px;
    top: 7px;
    z-index: 2;
  }
  .shop-info {
    .title {
      margin-top: 19px;
    }
    .shop-tel {
      margin-top: 5px;
    }
  }
  .bottom-container {
    position: relative;
    z-index: 2;
  }
  .block-top-menu {
    position: relative;
    z-index: 1;
  }
}

.social-block {
  overflow: hidden;

  li {
    float: left;
    margin: 0 9px 0 0;
  }
}

.copyright {
  margin: 31px 0 0 15px;
  color: #968e82;

  a {
    color: #968e82;
    text-decoration: none;
  }
  .icon {
    vertical-align: middle;
  }
}

.list {
  margin: 0 0 35px;

  td {
    padding: 0;
  }
  td:first-child, th:first-child {
    padding-left: 10px;
  }
  td:last-child {
    padding-right: 10px;
  }
  .active td {
    background: #f6f3e8;
  }
  .not-avaliable {
    color: #9B9488;
    font-size: 15px;
  }
}

.popular-list {
  td {
    padding: 5px 0;
    height: 37px;
  }
  .img_link {
    text-decoration: none;
  }
  .name {
    padding-right: 5px;
    width: 267px;
  }
  .statement {
    padding-right: 20px;
    width: 324px;
    font-size: 11px;
    line-height: 15px;
    color: #968e82;
  }
  .price {
    width: 13.617%;
    font-weight: bold;
  }
  .to-cart {
    text-align: right;
    width: 98px;
  }
  .sale, .old-price {
    font-size: 12px;
  }
  .sale {
    padding: 0 2px 1px;
  }
  .price-wrap {
    font-size: 15px;
  }
  .spinner {
    margin-top: 4px;
  }
}

.popular-list .name img {
  max-height: 100px;
}

.order-history-list {
  td {
    height: 49px;
  }
  .id {
    width: 117px;
  }
  .date {
    width: 117px;
  }
  .total {
    width: 108px;
  }
  .payment {
    width: 241px;
  }
  .status {
    width: 173px;
  }
  .details {
    width: 76px;
  }
  .repeat-order {
    a {
      font-size: 11px;
    }
  }
  .active {
    .pseudo {
      border-color: transparent;
    }
  }
}

.order-history {
  td {
    height: 35px;
  }
  .date {
    width: 128px;
  }
}

.search-list {
  td:first-child {
    padding-left: 10px;
  }
  .img {
    width: 56px;
  }
  .name {
    width: 321px;
    padding-right: 55px;
  }
  img {
    vertical-align: middle;
  }
}

.checkout-list {
  margin-bottom: 16px;

  .to-cart {
    width: 64px;
    text-align: left;
  }
  td.spinner {
    width: 128px;
  }
  td.cart_delete {
    padding: 0;
    width: 44px;
    text-align: center;
  }
  .prepacking {
    padding-right: 5px;
  }
}

.popup {
  display: none;
  position: relative;
  background: #f6f3e8;
  border-radius: 3px;
  border: solid 2px #f6f3e8;
  padding: 0 0 21px;
  min-height: 100px;
  .box-shadow(0 0 6px rgba(0, 0, 0, .77));

  .close {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .popup-header {
    padding: 12px 34px 0 20px;
  }
  h1 {
    margin-bottom: 16px;
  }
  div.error {
    margin: 8px 0 18px;
  }
}

.popup-prepacking {
  width: 400px;

  .form-group {
    overflow: hidden;
    padding: 0 15px 3px 20px;
    height: 47px;
    background: url(../img/dashed.png) repeat-x left bottom;

    &:last-child {
      margin-bottom: 6px;
      background: transparent;
    }
  }
  .price-info {
    float: right;
    width: 90px;
  }
  input[type="radio"] {
    float: left;
    margin: 11px 11px 0 0;
  }
  .form-footer {
    padding: 0 0 0 20px;
  }
}

.popup-login {
  padding-bottom: 9px;
  width: 468px;

  form {
    margin: 21px 0 0 20px;
  }
}

.prepacking-form {
  .spinner {
    display: inline-block;
    margin: 0 6px 0 0;
    vertical-align: middle;

    input {
      background-color: #fff;
    }
  }
  .sale {
    padding: 0 2px 1px;
    font-size: 12px;
  }
  .old-price {
    font-size: 12px;
  }
  .price {
    &.no-sale {
      margin-top: 9px;
    }
    font-size: 15px;
  }
}

.popup-form {
  width: 596px;
  padding-bottom: 10px;

  .product-list {
    width: 172px;
    float: left;

    li {
      margin-bottom: 0;
    }
  }
  .right-col {
    margin-left: 192px;
    width: 337px;
  }
  .popup-content {
    padding: 20px 20px 0;
  }
}

.popup-comment {
  input, textarea {
    width: 314px;
  }
  label {
    display: block;
    margin-bottom: 4px;
  }
  .info {
    margin-top: 9px;
  }
  .primary {
    width: 226px;
  }
  .cansel-btn {
    width: 99px;
    float: right;
  }
  .product-container {
    .info-wrap {
      padding: 0 4px;
    }
  }
  .rating-wrap {
    .rating-cnt {
      display: inline-block;
      margin: 0 2px 0 8px;
      vertical-align: middle;
    }
    label {
      display: inline-block;
      vertical-align: middle;
      margin-right: 7px;
    }
    .star_content {
      vertical-align: middle;
    }
  }
}

.popup-comment-result {
  width: 300px;
  height: 203px;
  text-align: center;

  h2 {
    display: none;
  }
  p {
    margin-top: 90px;
    line-height: 26px;
  }
}

.popup-comment-result-content {
  font-size: 22px;
}

.star_content {
  position: relative;
  display: inline-block;

  .star {
    float: left;
    margin: 0 3px 0 0;
    width: 16px;
    height: 15px;
    background: url(../img/star-off.png);
    cursor: pointer;

    &:last-child {
      margin: 0;
    }
    &.star_on, &.star_hover {
      background: url(../img/star-on.png);
    }
    a {
      color: transparent;
    }
  }
  .cancel {
    &:after {
      content: "Сбросить";
      display: inline-block;
      position: absolute;
      left: 98px;
      top: -1px;
      color: @link-color;
      text-decoration: underline;
      font-size: 12px;
      cursor: pointer;
    }
  }
}

.popup-buy {
  .product-container {
    .price {
      margin-top: 2px;
      font-size: 18px;
    }
  }
  label {
    width: 73px;
  }
  input {
    width: 235px;
  }
  .right {
    margin-left: 76px;
    width: 257px;
  }
  .primary {
    width: 152px;
  }
  .cansel-btn {
    float: right;
    width: 92px;
  }
}

.breadcrumb {
  margin: 0 0 16px;
  color: #968e82;

  a {
    display: inline-block;
    color: #968e82;

    &:last-child {
      text-decoration: none;

      &:after {
        display: none;
      }
    }
  }
  .navigation-pipe:last-child {
    margin: 0 4px;
  }
}

.sort-cnt {
  float: right;
  margin: 0 0 0 2px;
  position: relative;

  ul {
    display: inline-block;
  }
  li {
    display: inline-block;
    border-radius: 3px;
    padding: 4px 5px 0;
    height: 24px;
    vertical-align: middle;
  }
  a {
    color: #968e82;
  }
  .active {
    background: #f6f3e8;

    a {
      color: @def-text-color;
      border-color: transparent;

      &:after {
        content: "\002193";
        display: inline-block;
        margin-left: 4px;
        vertical-align: top;
      }
    }
    &.desc {
      a:after {
        content: "\002191"
      }
    }
  }
}

.filter-wrap {
  margin: 0 0 20px;

  .btn {
    float: right;
    margin-top: -4px;
    text-transform: none;
  }
  h2 {
    color: @def-text-color;
    margin: 26px 0 18px;
  }
  .layered_filter:first-child {
    .form-title {
      margin-top: 0;
    }
  }
  .form-title {
    border-radius: 3px;
    margin: 21px 0 5px;
    padding: 4px 12px 6px;
    background-color: #f6f3e8;
    color: @def-text-color;
  }
  .form-group {
    isplay: block;
  }
  input[type="checkbox"] {
    float: left;
    margin: 3px 0 0;
  }
  label {
    display: block;
    margin: 0 0 0 22px;
    font-size: 11px;
  }
}

.pagination-wrap {
  margin-bottom: 14px;
  .pagination {
    text-align: center;
    li {
      padding-right: 4px;
    }
  }
}

.pagination {
  li {
    display: inline-block;

    &:last-child {
      font-size: 13px;
    }
  }
  .btn {
    padding: 4px 0 0;
    min-width: 28px;
    width: 28px;
    height: 28px;
    font-size: 12px;
    line-height: 20px;
    color: #878787;
  }
  span.btn {
    color: @def-text-color;
  }
}

.search-title {
  .sort-cnt {
    margin-top: 4px;
  }
}

.continue-shopping {
  margin-bottom: 48px;

  .in-total {
    float: right;
    margin: -5px 0 0;
  }
  .name {
    display: inline-block;
    margin-top: 2px;
    color: #968e82;
  }
  .price {
    font-size: 18px;
    vertical-align: top;
  }
}

.red {
  color: #f21c40;
}

.black {
  color: @def-text-color;
}

.delivery-address-wrap {
  position: relative;
  margin-bottom: 50px;
  padding: 42px 52px 52px 55px;
  background: #F6F3E8;

  .title {
    float: left;
  }
  .select-address {
    margin-left: 155px;

    select {
      margin-bottom: 15px;
      width: 225px;
    }
    .btn {
    }
  }
  .selected-address {
    margin-left: 155px;

    .address-list {
      li {
        display: block;
        margin-bottom: 10px;
      }
      .btn {
        margin-right: 6px;
      }
    }
  }
  input {
    vertical-align: middle;
  }
  textarea {
    margin-top: 12px;
    width: 275px;
    height: 125px;
  }
  .comment-cnt {
    margin-left: 155px;
  }
  .comment-wrap {
    .title {
      margin-top: 20px;
    }
  }
  .checkout-total {
    bottom: 55px;
  }
}

.comment-cnt {
  .help-block {
    color: #f00;
    margin-left: 165px;
    font-weight: bold;
  }
}

.address-list {
  margin: 0 0 14px;
  font-size: 15px;

  .single-address & {
    li {
      display: block;
      margin: 0;

      br {
        display: none;
      }
      li {
        display: inline-block;
        margin-right: 4px;
      }
    }
    .address_address1 {
      font-weight: bold;
    }
    .btn-wrap {
      margin-top: 14px;
    }
  }
  .address {
    line-height: 21px;
    margin-bottom: 14px;
  }
  li {
    display: inline-block;
    margin: 0 104px 15px 0;
  }
}

.order-info-wrap {
  margin-bottom: 10px;

  .form-group {
    margin-bottom: 16px;
  }
  input, label {
    vertical-align: middle;
  }
}

.form-footer-wrap {
  margin: 0 0 20px;
  border-radius: 3px;
  padding: 19px 18px 21px 18px;
  background-color: #f6f3e8;

  &.form-group {
    margin: 23px -20px 20px 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .btn {
    margin: 0 6px 0 0;
  }
  &.checkout, &.align-right {
    text-align: right;

    .btn {
      margin: 0 0 0 6px;
    }
  }
  &.align-center {
    padding-left: 127px;

    .btn {
      margin: 0;
      width: 177px;
    }
  }
}

.checkout-total {
  overflow: hidden;
  margin: 0 0 27px;

  .info-row {
    margin-bottom: 8px;
  }
  textarea {
    width: 415px;
  }
  .total-info {
    float: right;
    width: 320px;
  }
  .name {
    display: inline-block;
    margin-right: 16px;
    width: 192px;
    text-align: right;
    color: #968e82;
  }
  b, .rur {
    font-size: 15px;
  }
  .total {
    margin-top: -3px;

    b, .rur {
      font-size: 18px;
    }
  }
}

.contact-info {
  margin-bottom: 20px;

  legend {
    margin-bottom: 13px;
  }
  .form-wrap {
    position: relative;
    border-radius: 3px;
    background: #f6f3e8;

    form {
      padding: 42px 12px 16px 54px;
    }
  }
  .comment-cnt.clearfix {
    width: 458px;
    margin: 13px 0 20px;

    .title {
      margin-top: 8px;
    }
    textarea {
      width: 273px;
      float: right;
    }
  }
  .left-col {
    float: left;
    margin: 0 54px 0 0;

    .check {
      label {
        width: 250px;
      }
      input {
        margin: 3px 8px 0 166px;
        width: auto;
        vertical-align: top;
      }
    }
    label {
      width: 160px;
    }
    a {
      text-decoration: none;
      border-bottom: 1px dotted;
    }
  }
  .right-col {
    label {
      width: 74px;
    }
    .btn {
      margin-left: 78px;
    }
  }
  label {
    display: inline-block;
    vertical-align: middle;
  }
  input {
    width: 276px;
    vertical-align: middle;
  }
  .form-group {
    margin-bottom: 13px;
  }
}

.delivery-address-wrap,
.contact-info {
  .checkout-total {
    position: absolute;
    right: 53px;
    bottom: 0;

    .info-row {
      text-align: right;

      .name {
        margin-right: -3px;
      }
      b {
        display: inline-block;
        width: 85px;
      }
    }
    .order {
      margin-top: 27px;
    }
    .btn {
      width: 177px;
    }
  }
}

.order-details-wrap {
  h3 {
    text-transform: none;
  }
  .popular-list {
    margin-bottom: 18px;
    .to-cart {
      text-align: left;
      font-size: 15px;
    }
  }
}

.order-info-list {
  .name {
    display: inline-block;
    width: 64px;
    color: #968e82;
  }
  li {
    margin-bottom: 9px;
  }
}

.link-list {
  margin: -10px 0 30px;
  font-size: 15px;

  li {
    margin-bottom: 15px;
  }
}

// @todo Статусы для заказа

.contacts-wrap {
  .important {
    font-size: 11px;
    color: #9b5938;
    line-height: 14px;
  }
  h2 {
    margin-bottom: 5px;
  }
  .phone-info {
    a {
      display: inline-block;
      margin-top: 2px;
      text-decoration: none;
      color: @def-text-color;
    }
  }
}

.map {
  margin: 10px 0 20px;
  border: solid 1px #e1ded3;
  border-radius: 3px;
  overflow: hidden;

  img {
    vertical-align: middle;
  }
}

/*
* Icons
*/

.icon {
  display: inline-block;
  background: url(../img/sprite.png) no-repeat;
}

.icon-cart {
  width: 53px;
  height: 50px;
  background-position: -245px 0;
}

.icon-arrow {
  width: 9px;
  height: 6px;
  background-position: -305px 0;
}

.icon-remove {
  width: 10px;
  height: 10px;
  background-position: -330px -21px;
  text-decoration: none;
}

.icon-arrow-right {
  width: 5px;
  height: 9px;
  background-position: -320px 0;
}

.icon-search {
  width: 13px;
  height: 13px;
  background-position: -332px 0;
}

.icon-kettle {
  width: 62px;
  height: 60px;
  background-position: -351px 0;
}

.icon-card {
  width: 54px;
  height: 42px;
  background-position: -423px 0;
}

.icon-copyright {
  width: 35px;
  height: 42px;
  background-position: -485px 0;
}

.icon-fb {
  width: 24px;
  height: 24px;
  background-position: -402px -158px;
}

.icon-vk {
  width: 24px;
  height: 24px;
  background-position: -429px -158px;
}

.icon-od {
  width: 24px;
  height: 24px;
  background-position: -456px -158px;
}

.icon-stfalcon {
  width: 20px;
  height: 20px;
  background-position: -302px -16px;
}

.icon-plus {
  width: 10px;
  height: 11px;
  background-position: -627px 0;
}

.icon-minus {
  width: 10px;
  height: 11px;
  background-position: -614px 0;
}

.icon-close {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-position: -325px -34px;
  background-color: #767064;
  cursor: pointer;
}

.icon-prev-page,
.icon-next-page {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background-color: #f6f3e8;
  cursor: pointer;

  &:hover {
    background-color: #f5b920;
  }
}

.icon-prev-page {
  background-position: -522px -33px;

  &:hover {
    background-position: -560px -35px;
  }
}

.icon-next-page {
  background-position: -541px -34px;

  &:hover {
    background-position: -581px -35px;
  }
}

.icon-checkout {
  width: 27px;
  height: 27px;
  background-position: -645px 0;
}

.unvisible {
  display: none;
}

#layer_cart {
  display: none;
}

.ac_results {
  margin: 11px 0 0;
  border-radius: 3px;
  width: 663px !important;
  .box-shadow(0 0 6px rgba(0, 0, 0, .32));
  background: #fff;
  z-idnex: 3;

  .index & {
    width: 407px !important;
  }
  li {
    padding: 6px 10px;
    font-size: 12px;
    color: @def-text-color;
    cursor: pointer;

    &:hover {
      background: #f8f7f2;
    }
    &:first-child {
      padding-top: 8px;
    }
    &:last-child {
      padding-bottom: 8px;
    }
  }
}

.subcategories-item {
  overflow: hidden;
  margin: 0 0 40px;

  &:first-child {
    margin-top: 18px;
  }
  .img-cnt {
    float: left;
    width: 128px;
    height: 128px;
    border-radius: 3px;
    border: solid 1px #e1ded3;

    img {
      max-width: 100%;
      max-height: 100%;
    }
  }
  h2 {
    font-size: 18px;

    a {
      color: #968e82;
    }
  }
  .text-content {
    min-height: 130px;
    margin: 0 0 20px 143px;
    font-size: 12px;
  }
  .show-all {
    text-align: right;
  }
  .list {
    margin-bottom: 10px;
  }
}

.popup-error {
  .popup-content {
    font-size: 22px;
    margin: 50px 20px 10px;
  }
}

.popup-info {
  width: 725px;
}

#layered_block_left {
  position: relative;
}

#filter-blocking, #ordering-blocking {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}

div.tel {
  margin-left: -30px;
  position: relative;
  z-index: 5;

}

div.addresss {
  width: 220px;
}

.form-group {
  span.help-block {
    display: block;
    margin-left: 165px;
    margin-top: 5px;
    color: #d00;
  }
}

.dropzone {
  width: 400px;
  height: 50px;
  border: 1px solid gray;
  border-radius: 7px;
  padding: 10px;
}

.bolders {
  font-weight: bold;
}

a.order {
  text-decoration: none;
}

.displayproductextrainfo {
  border: 1px solid gray;
  border-radius: 8px;
  background: #daecd7;
  clear: both;
  padding: 10px;
  display: inline-block;
  margin: 15px 10px 10px 20px;
}

.displayproductattributeextrainformation {
  border: 1px solid gray;
  border-radius: 8px;
  background: rgb(247, 255, 203);
  clear: both;
  padding: 10px;
  display: inline-block;
  margin: 5px 15px 15px 5px;
}

.displayproductattributeextrainformation a {
  color: rgb(25, 140, 185);
}

.displayproductattributeextrainformation span.item {
  color: rgb(255, 95, 134);
}

.displayproductextrainfo-leftblock {
  margin-bottom: 20px;
  display: inline-block;
  border: 1px solid gray;
  border-radius: 7px;
  padding: 15px;
}

.displayproductextrainfo-leftblock .title_block {
  font-size: 18px;
  font-weight: bold;
}

.h1 {
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  margin-bottom: 16px;
}

.cat_descr {
  margin: 20px 0 30px;
}

/* Block for displaying certificates */
.certificate_item ul {
  display: inline;
  list-style: none;
}


.certificate_item ul li {
  display: inline;
}

.certificate_item ul li:last-child:after {
  content: "";
}

/* fixing special characters in navigation elements */
.selectProductSortCnt, .navigation-pipe {
  font-family: sans-serif;
}

.crossselling_list_car {
  li.col {
    margin-right: 0px;
  }
}

//AlertBox
.alert-warning {
  background-image: linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%);
  background-repeat: repeat-x;
  border-color: #f5e79e;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
  color: #8a6d3b;
  background-color: #fcf8e3;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 4px;
}

//One Page Checkout Styles
//////////////////////////
#onepagecheckoutps {

  .panel:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out; /* Firefox 4 */
    -webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
    -o-transition: all 0.3s ease-in-out; /* Opera */
  }

  .step_number {

    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px;
    margin-left: 17px;
    font-family: 'Roboto', sans-serif;
    background-color: #8BC106;
  }

  h4 {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
    font-weight: 300;
    line-height: 1.1;
    font-size: 1.3em;
    color: #fff;
  }

  .form-group {
    margin-bottom: 12px;
    margin-top: 12px;
  }

  label {
    color: #666;
  }

  #field_delivery_address1 {
    margin-bottom: 0;
  }

  .form-error {
    display: block;
    text-align: right;
    width: 100%;
  }

  #field_delivery_city {
    width: 258px;
    margin-right: 12px !important;
    div, input, span {
      width: 258px;
    }
  }

  #field_delivery_postcode {
    width: 139px;
    div, input, span {
      width: 139px;
    }
  }

  .selected {
    border-left: solid 5px #82f089;
    background-color: #f0ead6;
  }

  .list-group-item:hover {
    background-color: #f7f1dd;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out; /* Firefox 4 */
    -webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
    -o-transition: all 0.3s ease-in-out; /* Opera */
  }

  .list-group .list-group-separator:before {
    width: 100%;
  }

  .list-group .list-group-separator {
    margin-top: 0;
    margin-bottom: 0;
  }

  .list-group-item {
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    .carrier_title {
      color: #000;
    }

    .list-group-item-heading, label {
      cursor: pointer;
    }

    .list-group-item-heading {
      color: #000;
      font-size: 18px;
      line-height: 18px;
      font-weight: 400;
    }
  }

  .cart_quantity_delete {
    padding-left: 0;
    padding-right: 0;
    height: 34px;
    width: 21px !important;
  }
  .alert-warning {
    color: #333;
  }

  .order_total_items span, .order_total_items .price {
    color: #000;
    font-size: 18px;
    line-height: 18px;
  }

  .total-block {
    margin-top: 20px;
    .row {
      line-height: 32px;
    }
    .item_total {
    }
  }

  tr {
    padding-left: 12px;
  }

  td {
    border-width: 0;
  }

  .payment-content span, p {
    font-weight: normal;
    font-size: 14px;
  }

  .order-summary-item {
    padding-left: 10px;
  }

  h2 {
    text-transform: none;
  }
}

// Product Page Styles
.product-wrap {

  font-size: 16px;
  line-height: 1.5em;
  font-family: 'Open Sans', sans-serif;

  .btn.large {
    height: 46px;
    line-height: 30px;
    margin-top: 10px;
  }

  .tab-category-list {
    a {
      display: inline-block;
      margin: 0 1px 5px 0;
      border-radius: 3px;
      padding: 0 8px 4px;
      color: #fff;
      text-shadow: 0 1px rgba(0, 0, 0, .15);
      background: #82bc05;
      text-decoration: none;
    }
  }

  .product-slider-wrap {

    .icon-prev-page {
      position: relative;
      bottom: 45px;
      left: -11px;
    }

    .icon-next-page {
      position: relative;
      bottom: 45px;
      right: -200px;
    }
  }

  .product-slider {

    overflow: hidden;

    li {
      float: left;
      width: 362px;
      height: 362px;
      line-height: 164px;
      text-align: center;

    }
    img {
      max-width: 362px;
      max-height: 362px;
    }
  }

  .product-header .alert {
    font-size: 80%;
    line-height: 80%;
    text-align: center;
  }

  .slider-thumbs {
    width: 236px;
    max-height: 72px;

    li {
      float: left;
      margin: 0 10px 0 0;
      width: 70px;
      height: 70px;
      border: 1px solid #e1ded3;
      border-radius: 3px;
      cursor: pointer;
      line-height: 67px;
      text-align: center;

      &.active {
        .box-shadow(inset 0px 0px 0px 4px #e1ded3)
      }
    }
    img {
      max-height: 50px;
      max-width: 50px;
      vertical-align: middle;
    }
  }

  .product-info-wrap {

    .popular-list {
      margin-bottom: 10px;

      .name {
        width: 145px;
        pading-right: 10px;
      }
      .prepacking {
        width: 192px;
      }
    }
    .checkout-cnt {
      margin: 12px 0 0 192px;

      .primary {
        margin: 10px 0 0 0;
        width: 194px;
        height: 46px;
        font-size: 16px;
        line-height: 30px;

        &.added {
          color: transparent;
          font-size: 0px;

          .icon {
            display: none;
          }
          &:after {
            top: 20px;
            margin-left: -4px;
          }
        }
      }
      .icon {
        margin: 0 7px 0 0;
        vertical-align: middle;
      }
    }
    .spinner-wrap {
      float: left;

      .title {
        margin-bottom: 7px;
        color: #999;
      }
    }
  }

  .product-info-tabs {
    margin-bottom: 25px;

    .tab-title-list {
      overflow: hidden;
      margin-bottom: 15px;

      li {
        float: left;
        margin: 0 13px 0 0;

        &:last-child {
          margin-right: 0
        }
      }
      a {
        display: inline-block;
        border-radius: 3px;
        padding: 7px 19px 9px;
        text-decoration: none;
        font-size: 18px;
        color: #968e82;
      }
      .active {
        background: #f6f3e8;
        color: @def-text-color;

        .pseudo {
          border-color: transparent;
        }
      }
    }
    .tabs-content {
      border: solid 1px #e1ded3;
      border-radius: 3px;
      padding: 12px 19px 7px 19px;

      & > li {
        display: none;
      }
      .active-tab {
        display: block;
      }
    }
  }

  //Payment types
  .payment_options {
    .options_item {
      width: 46px;
      height: 46px;
      margin-right: 7px;
    }
  }

  .payment_options .title, .delivery_options .title {
    margin-bottom: 7px;
    color: #999;
  }

  .delivery_options {
    .delivery_options_item {
      width: 165px;
      height: 55px;
      float: left;
    }
    .delivery_options_item .title {
      display: inline-block;
      margin-left: 5px;
      margin-right: 5px;
      color: #000;
    }

    .delivery_options_item img {
      display: inline-block;
    }

    margin-bottom: 15px;
    margin-top: 15px;
    overflow: hidden;
  }

  .product-header {
    margin-bottom: 15px;
  }

  .use {
    margin-bottom: 15px;
  }
  .composition {
    margin-bottom: 25px;
  }

  .product-reviews {
    margin-top: 15px;
  }

  .reviews-list {
    .left-col {
      float: left;
      width: 135px;
    }
    .right-col {
      margin-left: 145px;
    }
    .name {
      margin-bottom: -3px;
    }
    .date {
      margin-bottom: 4px;
      font-size: 11px;
      color: #968e82;
    }
    h2 {
      margin-bottom: 4px;
    }
    p {
      line-height: 18px;
    }
    li {
      margin-bottom: 18px;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  .certificate-list {
    margin-right: -26px;

    li {
      display: inline-block;
      margin: 0 25px 25px 0;
      vertical-align: top;
    }
    .date {
      margin: 0 0 11px;
      color: #968e82;
    }
    img {
      border: solid 1px #e3e0d6;
      max-width: 214px;
      max-height: 304px;
    }
  }
}