@import "reset";
@import "mixin";

$bodySizeText:13px;

$link-color:#0f6fc7;
$link-active:#0c579b;

$main-color:#4b4b4b;

$color2:#707376;
$color3:#f7f7f7;

$Main-bg:#f3f3f3;
$Menu-bg:#64696d;

$MenuSepBg:#858a8e;
$Mein-menu-hover:#d9dadc;

$seo-border: #d3d5d6;

$ulColor: #bec2c3;

$colorStock: #a9adb0;
$colorDdd:#dddddd;

$colorCheckBorder:#dddddd;


@mixin Shadow {
  box-shadow: 0 0 12px 0 rgba(187, 187, 187, 0.35);
}
@mixin Shadow2 {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.35);
}
@mixin Shadow3 {
  box-shadow: 0 0 12px 0 rgba(149, 149, 149, 0.75);
}
@mixin Shadow4 {
  box-shadow: 0 0 6px 0 rgba(67, 67, 67, 0.70);
}

@mixin svgIcon {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: Ubuntu;
  font-size: $bodySizeText;
  color: $main-color;
  line-height: 18px;
  &.hidden_scroll-y {
    overflow-y: hidden;
  }
}

a {

  color: $link-color;
  outline: none !important;
  &:hover {
    text-decoration: underline;
  }
  &:active {
    color: $link-active;
  }
}

.style {
  width: 100%;
  float: left;
}
[class*="section-box"]{
  @extend .style;
  position:relative;
}
.container {
  min-width:330px;
}

$statusNewColor:#50a924;
$statusSaleColor:#de3b1b;
$statusHitColor:#7862aa;
$statusExclusiveColorTo:#d1b47e;
$statusExclusiveColorFrom:#967c46;

@import "buttons";
@import "header-style";
@import "inputs";
@import "forms";


@import "items";
@import "slider-all";
@import "stars-reiting";


@import "map";
@import "seo";

@import "breadcrumb";

.margin-t-28 {margin-top: 28px}

@import "catalog";
@import "pagination";

@import "ionRangeSlider";

@import "card";
@import "timer";

@import "comments";

@import "basket";

@import "blog";

@import "page";


.modal-link {
  cursor: pointer;
}

.padding-r-none {}
.padding-l-none {}

$margin-title-home:48;
.title-blocks-home {
  font-weight: 700;
  font-size: 18px;
  color: $main-color;
  float: left;
  line-height: 18px;
  margin-top: $margin-title-home + px;
}
.all-articles-link {
  float: left;
  margin-left: 25px;
  margin-top: $margin-title-home + 2 + px;
}

.sidebar-blocks {
  margin-top: 30px;
}
a.banner-img {
  overflow: hidden;
  display: block;
  width: 100%;
  img {
    vertical-align: top;
    width: 100%;
  }

  &:hover {
    img {
      @include filter-gray(80%);
      @include Transition(0.6);

    }
  }
}

.tile-wr {

  a {
    display: block;
    position: relative;
    $bottom:10;
    z-index: 4;
      div {
        position: absolute;
        min-height: 43px;
        z-index: 2;
        left: 0;
        bottom: $bottom + px;
        display: table;
        @include Transition(0.3);
        span {
          @include Transition(0.3);
          color: #fff;
          text-transform: uppercase;
          font-size: 13px;
          font-weight: 700;
          display: table-cell;
          vertical-align: middle;
          padding: 0 20px;
          background: $Menu-bg;
        }
      }
    &:hover {
      $top:12;
      div {
        bottom: $bottom + $top + px;

      }
      span {
        background: $link-color !important;
      }
      img {
        transform: translate3d(0px, -$top + px, 0px);
        @include Transition(0.6);
        @include filter-gray(80%);
      }
    }
  }

  img {
    vertical-align: top;
    max-width: 100%;
    margin-top: 2px;
    @include Transition(0.4);
  }



  &.tile-left-p {

    a {
      img {

      }
    }
  }
  &.tile-right-p {

    a {

      img {

      }
    }
  }
  &.one-tile {
    a {

    }
    img {
      //margin-left: 1px;
    }
  }

}
.tile-left-p {
  padding-left: 1px !important;
}
.tile-right-p {
  padding-right: 1px !important;
}

























@media (max-width: 1200px) {
  .tile-wr {
    img {

    }
    &.one-tile {
      position: relative;
      &:before {
        width: 100%;
        height: 2px;
        background: #fff;
        left: 0;
        bottom: 0;
        content: '';
        position: absolute;
        z-index: 2;
      }
      img {

      }
    }
  }
.padding-r-none-1200 {
  padding-right: 0 !important;

}
  .header-phones {
    p {
    font-size: 16px;
    }
  }
}

@media (max-width: 991px) {
  .tile-wr {
    img {
    }
    &.one-tile {
      &:before {
        display: none;
      }
      img {

      }
    }
  }
}
@media (max-width: 990px) {

}
@media (max-width: 970px) {}
@media (max-width: 960px) {

}
@media (max-width: 959px) {
  .tile-wr {
    img {
    }
    &.one-tile {
      &:before {
        display: block;
        height: 1px;
      }
      img {

      }
    }
  }
}
@media (max-width: 940px) {

}
@media (max-width: 939px) {

}

@media (max-width: 920px) {

}
@media (max-width: 910px) {

}
@media (max-width: 900px) {

}
@media (max-width: 890px) {

}
@media (max-width: 896px) {

}
@media (max-width: 860px) {

}

@media (max-width: 850px) {

}
@media (max-width: 835px) {

}

@media (max-width: 800px) {

}

@media (max-width: 790px) {

}
@media (max-width: 774px) {
  .tile-wr {
    img {
    }
    &.one-tile {
      &:before {
        height: 2px;
      }
      img {

      }
    }
  }
}
@media (max-width: 770px) {

}
@media (max-width: 768px) {

}
@media (max-width: 767px) {
  .margin-t-28 {
    margin-top: 18px;
  }
  .tile-wr {

    &.tile-left-p {


    }
    img {

    }
    &.one-tile {

      img {

      }
    }
  }
}

@media (max-width: 749px) {

}
@media (max-width: 715px) {
  .tile-wr {
    a {
      div {

        span {
          font-size: 11px;
          padding: 0 10px;
        }
      }
    }
  }
}
@media (max-width: 700px) {

}
@media (max-width: 667px) {
  .tile-wrapper {
    position: relative;
    &:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      background: #fff;
      width: 100%;
      height: 6px;
      z-index: 3;
    }
  }
}
@media (max-width: 600px) {

}
@media (max-width: 585px) {
  .tile-wr {
    a {
      div {
        span {
          font-size: 10px;
          padding: 0 10px;
        }
      }
    }
  }
}
@media (max-width: 580px) {

}
@media (max-width: 555px) {


}
@media (max-width: 540px) {
  .tile-wrapper {
    &:before {
     display: none;
    }
  }
  .tile-wrapper {
    .x-12 {
      width: 100%;
    }
    [class*="col-xs-"]{
      //width: 100%;
    }
    .tile-wr {

      &.tile-left-p {

      }
      &.one-tile {
        padding-left: 15px !important;
        img {
          &.hidden-540 {display: none !important;}
          &.visible-540 {display: block !important;}
        }

      }
      a {

        img {

              }
      }
    }
    .one-tile-wr {
      padding-left: 15px !important;
    }
  }
}
@media (max-width: 500px) {

}
@media (max-width: 480px) {

}
@media (max-width: 470px) {

}
@media (max-width: 460px) {

}
@media (max-width: 450px) {

}
@media (max-width: 436px) {
}
@media (max-width: 420px) {

}
@media (max-width: 400px) {

}
@media (max-width: 370px) {

}
@media (max-width: 350px) {

}
@media (max-width: 345px) {

}
@media (max-width: 335px) {

}
@media (max-width: 327px) {

}

@import "footer-style";
@import "grid-b";