@font-face {
  font-family: "ALSRubl";
  src: url("../fonts/ALSRubl/ALSRubl.eot?#iefix") format("embedded-opentype"),
    url("../fonts/ALSRubl/ALSRubl.woff") format("woff"),
    url("../fonts/ALSRubl/ALSRubl.ttf") format("truetype"),
    url("../fonts/ALSRubl/ALSRubl.svg#ALSRubl") format("svg");
  font-weight: normal;
  font-style: normal;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

html,
body {
  margin: 0;
  padding: 0;
  background: url("../img/general-back.png") left top repeat;
}
a img {
  border: none;
}

.overhead-background-wrapper {
  position: relative;
  background: #f06918;
  min-width: 1010px;
}

.header-background-wrapper {
  margin: 0 auto;
  max-width: 1250px;
  min-width: 1010px;
  background: #fff;
}
.layout-center-wrapper {
  margin: 0 auto;
  max-width: 1250px;
  min-width: 1010px;
  background: #fff;
}
.nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav__block {
  display: inline-block;
}
.nav__link {
  display: block;
  text-decoration: none;
}
.nav__link:hover {
  text-decoration: underline;
}
.shop-cart {
  display: block;
  position: relative;
  text-decoration: none;
}
.shop-cart__text {
  display: inline-block;
  font-family: arial;
  font-size: 13px;
  color: #fff;
}
.shop-cart__text:hover {
  text-decoration: underline;
}

.shop-cart__text .num {
  background-color: #fff;
  height: 20px;
  min-width: 20px;
  border-radius: 10px;
  text-align: center;
  color: #de5705;
  margin-left: 7px;
  font-weight: bold;
  line-height: 20px;
  text-shadow: 0px 0px 2px #888;
}
.shop-cart__img {
  margin-right: 5px;
}

.shop-cart__empty {
  display: none;
}

.shop-cart__empty-text {
  position: absolute;
  width: 230px;
  left: -130px;
  top: 35px;
  padding: 10px 10px;
  font-family: arial;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  background: #ffffff;
  border: 1px solid #b3b3b3;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
  z-index: 10;
}

.shop-cart__empty-background {
  position: absolute;
  content: "";
  top: 24px;
  right: 50%;
  width: 20px;
  height: 15px;
  background: url("../img/icon-price-up.png") no-repeat;
  z-index: 20;
}

.city-select {
  padding: 15px 0 0 0;
}
.city-select .city {
  display: inline-block;
  min-width: 180px;
  padding-right: 25px;
  z-index: 100;
}
.city-select .city i {
  font-size: 20px;
  color: #de5705;
}
.city-select .city span.dropdown-toggle {
  margin-left: 10px;
  font-family: arial;
  font-size: 16px;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px dotted #000;
  cursor: pointer;
}
.city-select .city span.dropdown-toggle:hover {
  color: #bf2502;
  border-bottom: 1px dotted #bf2502;
}

.city-select .caret {
  color: #a7a7a7;
  margin-left: 4px;
  border-top: 8px dashed;
  border-top: 8px solid\9;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.city-select a.phone {
  text-decoration: none;
  font-family: arial;
  font-size: 23px;
  font-weight: bold;
  color: #242424;
  line-height: 0.9;
  display: inline-block;
}
.city-select .dropdown-menu li .item {
  display: block;
  padding: 5px 10px;
  cursor: pointer;
}
.city-select .dropdown-menu li:hover {
  background-color: #ededed;
}

.city-select .worktime {
  color: #a7a7a7;
  font-size: 12px;
  max-width: 120px;
  line-height: 12px;
  display: inline-block;
  margin-left: 7px;
  border-left: 1px solid #666;
  padding-left: 7px;
}
.city-select .city-url {
  display: none;
}

.phone-block {
  margin-top: 18px;
}
a.phone-number {
  display: inline-block;
  margin-right: 0px;
  text-decoration: none;
  font-family: arial;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 0.8;
  color: #000;
}
a.phone-number:hover {
  text-decoration: none;
  color: #000;
}

.phone-text {
  display: inline-block;
  padding-left: 10px;
  border-left: 1px solid #666666;
  margin-top: 4px;
  margin-left: 0px;
  font-family: arial;
  font-size: 12px;
  color: #999999;
}
.mail {
  font-family: arial;
  font-size: 16px;
  color: #f06918;
}
.header__mail:hover {
  color: #bf2502;
}

header {
  background: url("../img/line-back.png") center -5px no-repeat;
}
header .container {
  background-color: #fff;
}
header nav .container {
  background: none;
}
header .header-bg {
  position: absolute;
  width: 100%;
  display: block;
  height: 289px;
  background: url("../img/line-back.png") center top no-repeat;
}

.overhead {
  position: relative;
  height: 50px;
  background-color: #fff;
}
.overhead:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 289px;
}

.overhead .container {
  background: none;
}

.overhead__nav {
  margin: 0;
  padding: 0;
}
.overhead a {
  padding: 12px 7px;
  font-family: arial;
  font-size: 13px;
  color: #fff;
  text-decoration: none;
}
.overhead a:hover {
  color: #fff;
  text-decoration: underline;
}
.navbar {
  background: none;
  border: none;
  margin-bottom: 0;
}

.navbar .navbar-nav > li > a,
.navbar-nav > li > span {
  color: #fff;
  padding-top: 12px;
  background-color: transparent;
}
.navbar .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #fff;
  background-color: transparent;
}
.navbar-nav > li .skip-show {
  display: none;
}

.navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-collapse {
  position: absolute;
  z-index: 1000;
}
.navbar-collapse.in {
  background-color: #de5705;
}
.navbar-collapse.in ul {
  color: #fff;
}
@media (min-width: 768px) {
  .navbar-header .navbar-collapse,
  .navbar-header .navbar-nav li:first-child a {
    padding-left: 0;
  }
}

.header {
  min-width: 1010px;
  height: 121px;
  border-top: 1px solid transparent;
  margin-right: 20px;
}
.header_line {
  margin: 0 20px;
}
.header__left {
  float: left;
  margin-top: 10px;
  margin-left: 20px;
}
.city-list {
  margin: 3px 0 10px 0;
}
.city-list li {
  display: inline-block;
}
.city-list li span,
.city-list li a {
  position: relative;
  padding: 5px 1px 5px 15px;
  text-transform: uppercase;
  font-family: arial;
  font-size: 12px;
  color: #a7a7a7;
  letter-spacing: 1px;
}
.city-list li span:before,
.city-list li a:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  top: 6px;
  left: 0;
  background: #a7a7a7;
}
.city-list li.active span {
  color: #de5705;
}
.city-list li.active span:before {
  background: #de5705;
}

.header__logo {
  margin-top: 5px;
}

.header__logo a {
  display: inline-block;
}
.header__logo span {
  display: inline-block;
  position: relative;
  top: 12px;
  color: #993300;
  border-left: 1px solid #666666;
  font-size: 9px;
  font-weight: 600;
  padding: 0 0 3px 10px;
  margin: 0 0 0 10px;
}
.header__logo span:first-line {
  font-size: 10px;
}

.header__city-list {
  margin-top: 20px;
  margin-left: 25px;
}
.header__phone-block {
}
.header__right {
  position: relative;
  clear: right;
  float: right;
  margin-top: 47px;
}
.header__mail {
  float: right;
  display: block;
  margin-left: 20px;
  margin-top: 18px;
}

/* page content */

.page-content {
  background-color: #fff;
}

.page-top {
  position: relative;
  padding: 40px 20px 0 20px;
  min-width: 980px;
}
.page-title {
  margin: 30px 25px 0 20px;
  min-width: 990px;
  border-top: 1px solid transparent;
  line-height: 1.4;
}
.title {
  float: left;
  font-family: arial;
  font-size: 16px;
  color: #393635;
}
.title a {
  font-size: 20px;
  color: #393635;
  text-decoration: none;
}
.title--long {
  float: none;
}
.title__small {
  font-size: 12px;
  color: #4c4c4c;
}
.title__small a {
  font-size: 12px;
  color: #4c4c4c;
}
.title__link {
  text-decoration: none;
  color: #4c4c4c;
}
.title__link:hover {
  text-decoration: underline;
}
.title__large {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 24px;
}
.page_print {
  float: right;
}
.page_print--padding {
  padding-top: 45px;
}
.page_print--img {
  width: 24px;
  height: 24px;
  display: block;
  background: url("../img/print.png") center no-repeat;
}
.page_print a {
  font-size: 16px;
  color: #4c4c4c;
  text-decoration: none;
}
.page_print a:hover {
  text-decoration: underline;
  line-height: 20px;
  color: #de5705;
}
.popup_print {
  position: absolute;
  display: block;
  top: -45px;
  left: 0;
}
.popup_print a {
  font-size: 16px;
  color: #4c4c4c;
  text-decoration: none;
}
.popup_print a:hover {
  text-decoration: underline;
  color: #de5705;
}

.popup_print .print-this {
  cursor: pointer;
  font-size: 16px;
  color: #4c4c4c;
  text-decoration: none;
}
.popup_print .print-this:hover {
  text-decoration: underline;
  color: #de5705;
}
@media print {
  .popup_print .print-this {
    display: none;
  }
}

.main__download {
  float: right;
  width: 226px;
  background: #8d2610 url("../img/icon-download-button.png") no-repeat;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding: 10px 0 10px 40px;
}
.main__download--index {
  float: none;
}
.main__download:after {
  position: absolute;
  content: "";
  top: 7px;
  left: 10px;
  width: 18px;
  height: 24px;
  background: url("../img/icon-download-leaf-button.png") no-repeat;
}
.main {
  min-height: 400px;
}
.content {
  margin: 30px 25px 0 20px;
  min-width: 990px;
}
/* Правая часть main */

.main__right {
  margin-left: 265px;
  margin-right: 20px;
  border-top: 1px solid transparent;
  min-width: 694px;
}
.search-form {
  clear: both;
  padding-top: 13px;
  margin-bottom: 15px;
}
.search-form .input-wrapper {
  margin: 0 -120px 0 0;
  padding: 0 120px 0 0;
  display: inline-block;
  width: 100%;
}
.search-form input.search-suggest {
  width: 100%;
  padding: 0 10px 0 40px;
  height: 30px;
  border: 1px solid #b2b2b2;
  outline: none;
  font-family: arial;
  font-size: 15px;
  box-sizing: border-box;
  background: url("../img/icon-search.png") no-repeat 5px 5px;
}
.search-form .input-wrapper input:hover {
  border: 1px solid #808080;
}
::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  background: url("../img/icon-search-cross.png") no-repeat;
}
::-webkit-search-cancel-button:hover {
  background: url("../img/icon-search-cross-hover.png") no-repeat;
}
.search-form .input-wrapper input:focus {
  border: 1px solid #de5705;
}
.search-form .button {
  display: inline-block;
  width: 110px;
  outline: none;
  background: #de5705 url("../img/icon-search-button.png") no-repeat;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border: 0;
  height: 30px;
}

.button {
  display: block;
  position: relative;
  box-sizing: border-box;
  text-transform: uppercase;
  text-decoration: none;
  height: 40px;
  cursor: pointer;
  color: #fff;
  font-family: arial;
  font-size: 15px;
}
.button:hover {
  color: #fff;
  text-shadow: 1px 1px 3px #333;
  text-decoration: none;
}

.button:active {
  box-shadow: inset 0px 4px 0px 0px rgba(50, 50, 50, 0.3);
}
.main-button {
  display: block;
  position: relative;
  box-sizing: border-box;
  text-transform: uppercase;
  text-decoration: none;
  height: 40px;
  cursor: pointer;
}
.main__slider {
  margin: 20px 25px 20px 284px;
  z-index: 1;
}

.slider__slide img {
  display: block;
  margin: 0 auto;
}
.cycle-pager {
  width: 100%;
  z-index: 200;
  position: absolute;
  top: 240px;
  left: 20px;
  overflow: hidden;
}
.cycle-pager span {
  font-family: arial;
  font-size: 60px;
  width: 20px;
  height: 16px;
  display: inline-block;
  color: #fff;
  cursor: pointer;
}
.cycle-pager span.cycle-pager-active {
  color: #000;
}
.cycle-pager > * {
  cursor: pointer;
}

.main__special {
  margin-top: 15px;
}
.main__special--catalog {
  margin-top: 30px;
}
.special-block {
  font-size: 0;
  min-width: 730px;
}
.special-block__title {
  margin-left: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: arial;
  font-weight: bold;
  font-size: 20px;
  color: #000;
  letter-spacing: 1px;
}
.special-block__item {
  vertical-align: top;
  margin-left: 19px;
  margin-bottom: 20px;
}
.similar-products__item {
  margin-top: 20px;
  margin-right: 19px;
  vertical-align: top;
  margin-left: 0;
}
.special-item {
  display: inline-block;
  position: relative;
  padding: 10px;
  width: 197px;
  height: 256px;
  border: 2px solid #dfe4e6;
}
.special-item--catalog {
  height: 250px;
  line-height: 1;
}
.special-item__img {
  vertical-align: middle;
}
.center-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.special-item__img-wrapper {
  height: 155px;
  text-align: center;
}
.special-item__img-wrapper--catalog {
  height: 120px;
}
.special-item__content {
  position: absolute;
  bottom: 12px;
  width: 197px;
}
.special-item__content--catalog {
  position: absolute;
  left: 16px;
  bottom: 18px;
  width: 186px;
  height: 120px;
}
.special-item__title {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-family: arial;
  font-size: 14px;
  color: #000;
}
.special-item__title:hover {
  text-decoration: underline;
  color: #bf2502;
}
.special-item__size {
  margin: 2px 0;
  font-family: arial;
  font-size: 12px;
  color: #666666;
  line-height: 1.4;
}
.button--special-item {
  height: 36px;
  text-transform: none;
}
.special-item__button {
  background: #8d2610 url("../img/icon-special-item-button.png") no-repeat;
}
.special-item__button--catalog {
  position: absolute;
  bottom: 0;
  width: 186px;
  background: #8d2610 url("../img/icon-special-item-button.png") no-repeat -10px
    0;
}
.button__price-wrapper {
  float: left;
  padding: 10px 30px 10px 10px;
}
.button__price-wrapper--catalog {
  padding: 10px 20px 10px 10px;
}
.button__price {
  font-family: arial;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}
.button__price--small {
  font-size: 14px;
}

.text-super {
  vertical-align: super;
  font-weight: normal;
  font-size: 8px;
}
.button__delivery-info {
  padding: 3px 5px;
  font-family: arial;
  font-size: 12px;
  color: #fff;
  text-align: right;
}

.main__useful {
}
.main__useful--list {
}
.useful-section {
}
.useful-block__img {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  height: 120px;
  border: 1px solid #a7a7a7;
}
.useful-section__title {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: arial;
  font-weight: bold;
  font-size: 20px;
  color: #000;
}
.useful-section__item {
  min-height: 220px;
  margin-bottom: 20px;

  @media (max-width: 991px) {
    min-height: auto;
  }
}
.useful-section__item:nth-child(2n) {
}
.useful-section__item--left {
}
.useful-block__link {
  font-family: arial;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
}

.useful-block__link:hover {
  color: #bf2502;
}
.useful-block__text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: arial;
  font-size: 13px;
  color: #000;
  line-height: 1.4;
}

/* левая часть main */
.left-sidebar .sidebar-block {
  padding: 0 5px;
  margin-bottom: 20px;
}

.main__left {
  float: left;
  margin-left: 20px;
  width: 226px;
}
.main__left--index {
  margin: 85px 0px 25px 20px;
}
.menu {
  position: absolute;
  z-index: 1010;
  width: 226px;
  top: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
}
.menu--hide {
  display: none;
}

.catalog-section-list .head {
  display: block;
  height: 40px;
  background: #de5705 url("../img/icon-menu-button.png") no-repeat;
  background-position: 0 50%;
  padding: 10px 0 10px 10px;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  transition: background-position 0.6s;
  -ms-transition: background-position 0.6s;
  -moz-transition: background-position 0.6s;
  -o-transition: background-position 0.6s;
  -webkit-transition: background-position 0.6s;
}
.catalog-section-list .head:hover {
  background-position: -250px 50%;
}
.catalog-section-list .head a {
  color: #fff;
  text-decoration: none;
}
.catalog-section-list .head a:hover {
  color: #fff;
  text-decoration: none;
}
.catalog-section-list .head i {
  float: right;
  margin-right: 20px;
}
.catalog-section-list ul {
  display: block;
}
.catalog-section-list ul li {
  list-style: none;
  display: block;
}
.catalog-section-list > ul > li {
  position: relative;
  width: 100%;
  padding: 0;
  border-bottom: 1px dotted #666;
}
.catalog-section-list > ul > li > span,
.catalog-section-list > ul > li > a {
  display: block;
  padding: 12px 35px 12px 10px;
  text-decoration: none;
  color: #4d4441;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.catalog-section-list > ul > li > span:after,
.catalog-section-list > ul > li > a:after {
  content: "\f054";
  display: inline-block;
  position: absolute;
  top: 16px;
  right: 10px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.catalog-section-list > ul > li > a span {
  display: inline-block;
}
.catalog-section-list > ul > li:hover > a {
  color: #f06918;
}
.catalog-section-list > ul > li > span {
  color: #f06918;
}

.catalog-section-list > ul > li > span i,
.catalog-section-list > ul > li > a i {
  float: right;
  margin-right: 20px;
}
.catalog-section-list > ul > li .sub {
  display: none;
  position: absolute;
  padding: 10px;
  min-height: 258px;
  width: 250px;
  top: 0px;
  left: 100%;
  background: #ffffff;
  z-index: 1010;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.5);
}
.catalog-section-list > ul > li .sub.col2 {
  width: 485px;
}
.catalog-section-list > ul > li .sub .sub_head {
  display: block;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  color: #8d2610;
  text-transform: uppercase;
}

.catalog-section-list > ul > li:hover > .sub {
  display: block;
}
.catalog-section-list .sub ul {
  display: inline-block;
  width: 200px;
  vertical-align: top;
  margin-right: 20px;
}

.catalog-section-list .sub a {
  display: block;
  padding: 8px 20px 8px 10px;
  font-family: arial;
  font-size: 13px;
  color: #363636;
  text-decoration: none;
}
.catalog-section-list .sub a:hover {
  color: #f06918;
  text-decoration: underline;
}
.catalog-section-list .sub .sub_head {
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  color: #8d2610;
  text-transform: uppercase;
}
.catalog-section-list .sub .sub_head:hover {
  color: #f06918;
  text-decoration: underline;
}
.catalog-section-list.popup_menu > ul {
  display: none;
  position: absolute;
  z-index: 1100;
  width: 275px;
  top: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.catalog-section-list.popup_menu:hover > ul {
  display: block;
}
.catalog-section-list.popup_menu .sub {
  top: 0;
  margin-left: 0;
}
.catalog-section-list li li a {
  display: block;
  padding: 8px 10px 8px 20px;
  font-family: arial;
  font-size: 13px;
  color: #363636;
  text-decoration: none;
}
.catalog-section-list .active > a,
.catalog-section-list li li a:hover {
  color: #f06918;
  text-decoration: underline;
}

.menu__item {
  display: block;
  position: relative;
  padding: 12px 0px 12px 10px;
  text-decoration: none;
  color: #4d4441;
  border: 1px solid #e6e6e6;
  border-top: 0;
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  background: url("../img/icon-menu-item.png") no-repeat 205px 15px;
}
.menu__item:hover {
  color: #f06918;
  background: url("../img/icon-menu-item-active.png") no-repeat 205px 15px;
}

.main__banner-wrapper {
  display: block;
  margin-top: 20px;
  padding: 11px;
  height: 658px;
  border: 1px solid #ffa463;
}
.news-block {
  margin-top: 20px;
}
.news-block--news-list {
  display: inline-block;
  vertical-align: top;
  width: 33%;
}
.news-block__item--news-list {
  width: 300px;
}
.news-block__title {
  margin-bottom: 10px;
  font-family: arial;
  font-size: 20px;
  text-transform: uppercase;
}
.news-block__item {
  margin-bottom: 15px;
  line-height: 1.4;
}
.news-block__item a {
  text-decoration: none !important;
}
.news-block__item img {
  border: 1px solid #a7a7a7;
  width: 100%;
  height: auto;
}
.news-block__date {
  margin-bottom: 5px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: arial;
  font-weight: bold;
  font-size: 10px;
  color: #de5705;
}
.news-block__link {
  font-family: arial;
  font-size: 16px;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}
.news-block__link:hover {
  color: #bf2502;
  border-bottom: 1px solid #bf2502;
}
.news-block__text {
  margin-top: 5px;
  font-family: arial;
  font-size: 13px;
  color: #000;
}
.news-block .news-detail {
  color: #de5705;
  font-size: 12px;
  font-style: italic;
  text-decoration: none;
  display: block;
  text-align: right;
}
.news-block__all-link {
  font-family: arial;
  font-size: 13px;
  color: #de5705;
  text-decoration: none;
  border-bottom: 1px solid #de5705;
}
.news-block__all-link:hover {
  color: #bf2502;
  border-bottom: 1px solid #bf2502;
}

/* Футер */

.overfoot-background-wrapper {
  position: relative;
  background: #f06918;
  min-width: 1010px;
}
.overfoot-background-wrapper:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  background: #8d2610;
}
.footer-background-wrapper {
  background: #fff;
  margin: 0 auto;
  max-width: 1250px;
  min-width: 1010px;
}
.overfoot {
  position: relative;
  z-index: 1;
  background: #f06918 url("../img/icon-overfoot-bg.png") no-repeat;
  min-width: 1010px;
  height: 50px;
}
.overfoot:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: -12px;
  width: 20px;
  height: 50px;
  background: url("../img/icon-overfoot-triangle.png") no-repeat;
}
.overfoot__logo {
  float: left;
  margin-top: 15px;
  margin-left: 20px;
  width: 168px;
  height: 17px;
  background: url("../img/overfoot-logo.png") no-repeat;
}
.overfoot__right {
  float: right;
  margin-top: 10px;
}
.overfoot__phone {
  font-family: arial;
  font-size: 24px;
  color: #fff;
}
.overfoot__phone--grey {
  color: #f5d5cb;
}
.overfoot__phone a {
  color: #fff;
  text-decoration: none;
}
.overfoot__mail {
  float: right;
  margin-top: 5px;
  display: block;
  margin-left: 20px;
  color: #fff;
}
.overfoot__mail:hover {
  color: #000;
}
.footer {
}

.footer__nav {
  float: left;
  margin: 0;
  padding: 0;
}
.footer__nav li {
  display: inline-block;
}
.footer__nav li a {
  padding: 16px 14px;
  font-family: arial;
  font-size: 13px;
  color: #000;
  display: block;
  text-decoration: none;
}
.footer__nav li a:hover {
  text-decoration: underline;
}

.footer__copyrights {
  float: right;
  margin-top: 18px;
  margin-right: 20px;
  font-family: arial;
  font-size: 13px;
  color: #000;
}

.footer-logo {
  padding-top: 15px;
}

@media (min-width: 992px) {
  .footer-logo {
    padding-top: 0;
  }
}

/* СТИЛИ КАТАЛОГА */

.main__option {
  margin-top: 18px;
}
.option-block {
  position: relative;
  min-height: 600px;
}
.option-block__title {
  font-family: arial;
  font-size: 16px;
  color: #000;
}
.main__table-wrapper {
  margin-top: 16px;
  margin-bottom: 40px;
  border-top: 1px solid transparent;
}
.paginator {
  display: inline-block;
  margin: 0px 0px 20px 0px;
  padding: 0;
  list-style: none;
  border: 1px solid #e6e6e6;
  border-left: 0;
  font-size: 0;
}
.paginator__block {
  display: inline-block;
}
.paginator__item {
  display: block;
  padding: 10px 16px;
  text-decoration: none;
  color: #4c4c4c;
  font-family: arial;
  font-size: 13px;
  border-left: 1px solid #e6e6e6;
}
a.paginator__item:hover {
  background: #f06918;
  color: #fff;
}
.paginator__item--left {
  padding-left: 24px;
  background: url("../img/icon-paginator-left.png") no-repeat 13px 11px;
}
a.paginator__item--left:hover {
  color: #fff;
  background: #f06918 url("../img/icon-paginator-left-active.png") no-repeat
    13px 11px;
}
.paginator__item--right {
  padding-right: 24px;
  background: url("../img/icon-paginator-right.png") no-repeat 83px 11px;
}
a.paginator__item--right:hover {
  color: #fff;
  background: #f06918 url("../img/icon-paginator-right-active.png") no-repeat
    83px 11px;
}
a.paginator__item--active {
  background: #f06918;
  color: #fff;
}

.sorting-block {
  min-width: 725px;
}
.sorting-block__price {
  float: left;
  position: relative;
  margin-top: 25px;
  margin-left: 20px;
}
.sorting-block__text {
  float: left;
  padding: 5px 10px;
  font-family: arial;
  font-size: 13px;
  color: #4c4c4c;
}
.sorting-block__link {
  float: left;
  position: relative;
  display: block;
  padding: 4px 25px 4px 10px;
  text-decoration: none;
  font-family: arial;
  font-size: 13px;
  color: #000;
  background: #fff;
  border: 1px solid #e6e6e6;
}
.sorting-block__link:before {
  position: absolute;
  content: "";
  top: 11px;
  right: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #000;
}
#e1 {
  position: relative;
}
#e1:after {
  position: absolute;
  z-index: 9999999;
  content: "";
  top: 11px;
  right: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #000;
}
.sorting-block__link--active {
  background: #fafafb;
}
.sorting-block__menu {
  position: absolute;
  top: 30px;
  right: 0px;
  display: none;
  background: #ffffff;
  z-index: 10;
  font-size: 0;
  border: 1px solid #b3b3b3;
  border-top: 0;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
}
.sorting-block__item {
  display: block;
  padding: 10px;
  text-decoration: none;
  font-family: arial;
  font-size: 13px;
  color: #000;
  background: #fff;
  border-top: 1px solid #b3b3b3;
}
.sorting-block__item--city {
  padding: 15px;
  cursor: pointer;
}
.sorting-block__menu:before {
  position: absolute;
  content: "";
  top: -11px;
  left: 15px;
  width: 20px;
  height: 15px;
  background: url("../img/icon-price-up.png") no-repeat;
}
.sorting-block__show-pic {
  float: right;
  margin-top: 25px;
  margin-right: 20px;
}
.red-link {
  font-family: arial;
  font-size: 13px;
  color: #f06918;
  text-decoration: none;
  border-bottom: 1px solid #f06918;
}
.red-link:hover {
  color: #bf2502;
}
.sorting-block__item:hover {
  color: #bf2502;
}
.sorting-block__text--right {
  padding: 3px 5px;
}
/* СТИЛИ ПОЛЗУНКА */

/* Ширина слайдера */
#slider {
  width: 180px;
  background: #c6ccd2;
}
/* Контейнер слайдера */

.ui-slider {
  position: relative;
}
/* Ползунок */
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 10px; /* Задаем нужную ширину */
  height: 20px; /* и высоту */
  background: url(../img/icon-slider-price-right.png) no-repeat; /* картинка изображающая ползунок. Или можно залить цветом, задать бордюр и скругления */
  cursor: pointer;
  outline: none;
}
.ui-slider .ui-slider-handle:nth-child(2) {
  background: url(../img/icon-slider-price-left.png) no-repeat;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  overflow: hidden;
}
/* горизонтальный слайдер (сама полоса по которой бегает ползунок) */
.ui-slider-horizontal {
  height: 3px; /* задаем высоту согласно дизайна */
}
/* позиционируем ползунки */
.ui-slider-horizontal .ui-slider-handle {
  top: -5px;
  margin-left: -10px;
}
.ui-slider-horizontal .ui-slider-handle:nth-child(3) {
  margin-left: 0px;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
/* оформление полосы по которой ходит ползунок */
.ui-widget-content {
  border: 1px solid #d4d4d4;
  background: #fff;
}
/* оформление активного участка (между двумя ползунками) */
.ui-widget-header {
  border: 1px solid #d4d4d4;
  background: #f00;
}
/* скругление для полосы слайдера */
.ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.scale-block__input {
  display: inline-block;
  margin: 10px 20px 20px 0;
  padding: 0 10px;
  width: 46px;
  height: 30px;
  border: 2px solid #b2b2b2;
  -webkit-box-shadow: inset 0px 2px 5px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: inset 0px 2px 5px 0px rgba(50, 50, 50, 0.15);
  box-shadow: inset 0px 2px 5px 0px rgba(50, 50, 50, 0.15);
}
.scale-block {
  position: relative;
  padding-top: 20px;
  padding-left: 20px;
  font-size: 0;
  border: 1px solid #e6e6e6;
  height: 120px;
}
.scale-block:after {
  position: absolute;
  content: "";
  top: 65px;
  left: 93px;
  width: 14px;
  height: 1px;
  background: #b2b2b2;
}
.rouble--catalog {
  margin-left: -20px;
  font-size: 16px;
}
.option-block__button {
  display: block;
  padding: 12px 20px;
  text-decoration: none;
  background: url("../img/icon-arrow-down-catalog.png") no-repeat 200px 20px;
}
.option-block__button:hover {
  color: #bf2502;
  background-image: url("../img/icon-arrow-down-catalog-active.png");
  background-repeat: no-repeat;
  background-position: 200px 20px;
}
.option-block__button--active {
  color: #bf2502;
  background: #fafafb url("../img/icon-arrow-down-catalog-active.png") no-repeat
    200px 20px;
}
.size-block {
  border: 1px solid #e6e6e6;
  border-top: 0;
}
.size-block__content {
  display: none;
  padding: 0 0 20px 12px;
}
.size-block__input {
  line-height: 1.5;
  font-family: arial;
  font-size: 13px;
}
/*
.tooltip {
	position: absolute;
	z-index: 100;
	display: none;
	padding: 5px;
	right: -205px;
	width: 185px;
	border: 1px solid #E6E6E6;
	background: #FFF;
	font-family: arial;
	font-size: 12px;
	color: #000;
}
.tooltip:after {
	position: absolute;
	content: '';
	height: 20px;
	width: 8px;
	top: 2px;
	left: -8px;
	background: url('../img/icon-tooltip-left.png') no-repeat;
}

.tooltip__link {
	color: #F06918;	
}
.tooltip__link:hover {
	color: #BF2502;	
}
*/
/* таблица */

.table-catalog__cell {
  padding: 10px 0 10px 10px;
  min-width: 50px;
  height: 60px;
  max-width: 165px;
  border-bottom: 1px solid #e6e6e6;
  font-family: arial;
  font-size: 13px;
  color: #000;
  line-height: 1.3;
  vertical-align: middle;
  text-align: center;
}
.table-catalog__cell a:first-child {
  text-decoration: none;
}
.table-catalog__cell--img {
  background-color: #fff;
}
.table-catalog__cell--first-row {
  padding-bottom: 10px;
  height: 10px;
  font-size: 12px;
  color: #808080;
  vertical-align: middle;
  text-align: center;
}
.table-catalog__cell--img-column {
  width: 65px;
}
.table-catalog__img {
  padding-top: 5px;
}
.table-catalog__cell--all-length {
  padding: 10px 10px 5px 15px;
  font-size: 16px;
  color: #000;
  height: 24px;
  background: #eceff2;
}
.table-catalog__cell-sort a {
  padding-right: 15px;
  color: #808080;
}
.table-catalog__cell-sort:hover a {
  padding-right: 15px;
  color: #f06918;
  background: url("../img/icon-sort-item.png") no-repeat right center;
}
.table-catalog__cell-sort--active a {
  padding-right: 15px;
  color: #f06918;
  background: url("../img/icon-sort-item.png") no-repeat right center;
}

.table-catalog__cell-sort {
}

.table-catalog {
  margin-top: 10px;
  border-collapse: collapse;
  width: 100%;
  min-width: 725px;
}

.table-catalog tr.row--color {
  background-color: #f5f7f7;
}

.table-catalog__cell--price {
  min-width: 70px;
}
.table-catalog__cell--price a {
  color: #000;
  font-weight: bold;
}

.table-catalog__cell--price a.orange {
  color: #f06918;
  font-weight: bold;
}
.table-catalog__link {
  font-size: 13px;
  color: #000;
  text-decoration: none;
}
.table-catalog__link--delivery {
  position: relative;
}
.table-catalog__link--orange {
  color: #f06918;
}
.table-catalog__link--black {
  color: #000;
}
.table-catalog__link--hover {
  border-bottom: 1px solid #f06918;
}
.tr--active {
  background: #fafafb;
}
.watch-element {
  display: none;
  vertical-align: bottom;
  font-family: arial;
  font-size: 13px;
  color: #f06918;
  text-decoration: none;
}
.watch-element--active {
  display: block;
  position: absolute;
}
.dotted {
  border-bottom: 1px dotted #f06918;
}
.table__watch {
  background: url("../img/icon-watch.png") no-repeat 20px 25px;
}
.table-catalog__link--active {
  color: #f06918;
  border-bottom: 1px solid #f06918;
}
.table-catalog__link:hover {
  color: #f06918;
  border-bottom: 1px solid #f06918;
}
.table-catalog__link--delivery:after {
  position: absolute;
  content: "";
  top: 3px;
  left: -18px;
  width: 16px;
  height: 12px;
  background: url("../img/icon-delivery.png") no-repeat 0px 0px;
}
.nowrap {
  white-space: nowrap;
}
.paginator--bottom {
  margin: 20px 0 80px 0;
}
.paginator--catalog {
  margin: 0 0 80px 0;
}
/* СТИЛИ ЧЕКБОКСОВ И РАДИО */

.icheckbox_flat-red,
.iradio_flat-red {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  margin-bottom: 3px;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url("../img/red.png") no-repeat;
  border: none;
  cursor: pointer;
}

.calc .iradio_flat-red {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-bottom: 3px;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url("../img/red-calc.png") no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_flat-red {
  background-position: 0 0;
}
.icheckbox_flat-red.checked {
  background-position: -22px 0;
}
.icheckbox_flat-red.disabled {
  background-position: -44px 0;
  cursor: default;
}
.icheckbox_flat-red.checked.disabled {
  background-position: -66px 0;
}

.iradio_flat-red {
  background-position: -88px 0;
}
.iradio_flat-red.checked {
  background-position: -110px 0;
}
.iradio_flat-red.disabled {
  background-position: -132px 0;
  cursor: default;
}
.iradio_flat-red.checked.disabled {
  background-position: -154px 0;
}

.calc .iradio_flat-red {
  background-position: -91px 0;
}
.calc .iradio_flat-red.checked {
  background-position: -113px 0;
}
.calc .iradio_flat-red.disabled {
  background-position: -135px 0;
  cursor: default;
}
.calc .iradio_flat-red.checked.disabled {
  background-position: -157px 0;
}
/* Настройки селекта */

.select2-container .select2-choice {
  border-radius: 0;
  height: 19px;
  padding: 0 25px 4px 10px;
  text-decoration: none;
  font-family: arial;
  font-size: 13px;
  color: #000;
  background: #fff;
  border: 1px solid #e6e6e6;
}

/* Стили карточки товаров */

.title__large--lowcase {
  text-transform: none;
}
.main__product {
  position: relative;
  margin: 10px 20px 0 20px;
  min-width: 900px;
}
.product-card {
  position: relative;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #e6e6e6;
  min-height: 430px;
  padding-bottom: 50px;
}
.product-card__img-preview {
  float: left;
  margin-top: 20px;
  max-width: 250px;
  min-height: 230px;
}
.img-preview {
  font-size: 0;
}
.img-preview__link {
  display: inline-block;
}
.img-preview__link img {
  width: 270px;
}
.img-preview__link--small {
  margin-right: 12px;
}
.img-preview__link--small img {
  width: 66px;
}
.img-preview__gallery {
  margin-top: 15px;
}
.img-preview__link--small:last-child {
  margin-right: 0;
}
.table-product-wrapper {
  margin-top: 20px;
  margin-left: 300px;
  margin-right: 320px;
}
.table-product {
  border-collapse: collapse;
  font-family: arial;
  width: 100%;
}
.table-product--tabs {
  width: 500px;
}
.table-product__cell {
  font-size: 13px;
  vertical-align: top;
  padding-bottom: 12px;
}
.table-product__cell--all-length {
  font-size: 16px;
  padding: 12px 0px 12px 0px;
}
.dots {
  background: url("../img/dot.gif") repeat-x bottom;
}
.field {
  background: #fff;
}
.table-product__cell--first-column {
  min-width: 160px;
}
.inline-block {
  display: inline-block;
}
.calc-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
}
.calc {
  padding: 25px;
}
.calc-wrap {
  position: relative;
}
.calc-message {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  padding: 25px;
  background-color: #e6e6e6;
  text-align: center;
}
.calc-message__text {
  padding-top: 96px;
  vertical-align: middle;
  text-align: center;
  color: #f06918;
  text-shadow: 1px 1px 1px #ccc;
  font-size: 20px;
  font-weight: bold;
}
.calc__title {
  font-family: arial;
  font-size: 16px;
  color: #000;
}
.calc__multi {
  display: inline-block;
  position: relative;
  margin-right: 7px;
  width: 26px;
  height: 26px;
  background: #de5705 url("../img/icon-calc-multi.png") no-repeat;
  vertical-align: bottom;
}
.calc__multi:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  top: 12px;
  left: 8px;
  background: url("../img/icon-calc-minus.png") no-repeat;
}
.calc__multi--right:after {
  position: absolute;
  z-index: 1;
  content: "";
  width: 10px;
  height: 10px;
  top: 8px;
  left: 8px;
  background: url("../img/icon-calc-plus.png") no-repeat;
}
.calc__prop {
  float: right;
  margin-right: 50px;
  vertical-align: bottom;
  font-family: arial;
  font-size: 12px;
  color: #808080;
  line-height: 1.3;
}
.calc__buttons {
  margin-top: 10px;
  font-size: 0;
}
.calc__input {
  display: inline-block;
  margin-right: 7px;
  text-align: center;
  width: 45px;
  height: 22px;
  border: 1px solid #b2b2b2;
}
.calc__select {
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.calc__select--items {
  margin-top: 5px;
}
.rouble--calc {
  float: right;
  font-size: 14px;
  font-weight: bold;
}
.calc__total {
  margin-top: 20px;
  margin-left: 20px;
}
.rouble--calc-big {
  margin: 0;
  font-size: 15px;
}
.rouble--calc-light {
  font-weight: normal;
}
.calc__label {
  font-family: arial;
  font-size: 13px;
  color: #000;
}
.calc__place--color-center {
  color: #f06918 !important;
  text-align: center;
  font-size: 13px !important;
}
.calc__place {
  margin-top: 10px;
  font-family: arial;
  font-size: 12px;
  color: #808080;
  line-height: 1.3;
}
.calc__button {
  margin-top: 20px;
  padding: 10px 0 10px 90px;
  font-family: arial;
  font-size: 15px;
  color: #fff;
  background: #de5705 url("../img/icon-calc-button.png") no-repeat;
  transition: background-position 0.6s;
  -ms-transition: background-position 0.6s;
  -moz-transition: background-position 0.6s;
  -o-transition: background-position 0.6s;
  -webkit-transition: background-position 0.6s;
}
.calc__button:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 17px;
  top: 10px;
  left: 60px;
  background: url("../img/icon-shop-cart.png") no-repeat;
}
.calc__button:hover {
  background-position: -250px 50%;
}
.similar-products {
  margin: 0 20px 40px 20px;
}
.similar-products--last {
  margin-bottom: 80px;
}
.similar-products-item-wrapper {
  font-size: 0;
}
/* табы */

.tabs-wrapper {
  margin: 0 20px;
  min-height: 240px;
}
.tabs {
  width: 100%;
  overflow: hidden;
  font-size: 0.9em;
  margin: 2em 0;
  padding: 1px;
  position: relative;
}

.tabs dt {
  float: left;
  line-height: 2;
  height: 2em;
  border-bottom: 0;
  padding: 4px 10px;
  position: relative;
  left: 0;
  color: #f06918;
  cursor: pointer;
  font-family: arial;
  font-size: 13px;
}

.tabs dt.selected {
  color: #fff;
  background: #f06918;
  z-index: 3;
  cursor: auto;
}

.tabs dd {
  background: #fff;
  display: none;
  float: right;
  width: 100%;
  margin: 2em 0 0 -100%;
  position: relative;
  z-index: 2;
}

.tabs dd.selected {
  display: block;
}

.tabs .tab-content {
  padding-top: 20px;
}

/* Стили производителей */

.brickworks-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #e6e6e6;
}
.main__brickworks-menu {
  margin-top: 30px;
}
.brickworks-menu__link {
  display: block;
  padding: 12px 25px 12px 10px;
  text-decoration: none;
  color: #4d4441;
  border: 1px solid #e6e6e6;
  border-top: 0;
  font-family: arial;
  font-size: 13px;
  line-height: 1.3;
  background: url("../img/icon-menu-item.png") no-repeat 205px 50%;
}
.brickworks-menu__link:hover {
  color: #f06918;
  background: url("../img/icon-menu-item-active.png") no-repeat 205px 50%;
}
.brickworks-menu__link--active {
  color: #f06918;
  background: url("../img/icon-menu-item-active.png") no-repeat 205px 50%;
}
.table-brickworks-wrapper {
  margin: 30px 0 80px 19px;
}
.table-brickworks {
  border-collapse: collapse;
  width: 100%;
  min-width: 715px;
}
.table-brickworks__cell {
  padding: 15px 0 0 10px;
  min-width: 50px;
  height: 60px;
  max-width: 165px;
  border-bottom: 1px solid #e6e6e6;
  font-family: arial;
  font-size: 13px;
  color: #000;
  line-height: 1.3;
  vertical-align: top;
}
.table-brickworks__cell--first-row {
  padding: 0 5px 10px 0px;
  vertical-align: bottom;
  height: 0;
  font-size: 11px;
  color: #808080;
}
.table-brickworks__cell--first-cell {
  padding-left: 10px;
  width: 130px;
}
.table-brickworks__cell--okay {
  background: url("../img/icon-okay.png") no-repeat 10px 50%;
}

/* Стили корзины */

.shopcart-button-delete {
  float: left;
  display: block;
  padding-left: 20px;
  text-decoration: none;
  font-family: arial;
  font-size: 12px;
  color: #808080;
  background: url("../img/icon-rect.png") no-repeat 5px;
}
.shopcart-button-delete:hover {
  color: #bf2502;
}
.page-title__button {
  margin-top: 22px;
  margin-left: 20px;
}
.shopcart-button-delete__border {
  border-bottom: 1px solid #808080;
}
.shopcart-button-delete__border:hover {
  border-bottom: 1px solid #bf2502;
}
.table-shopcart-wrapper {
  margin: 30px 20px 80px 20px;
}
.table-shopcart {
  border-collapse: collapse;
  width: 100%;
  min-width: 715px;
}
.table-shopcart__cell {
  min-width: 50px;
  height: 80px;
  width: 12%;
  border-bottom: 1px solid #e6e6e6;
  font-family: arial;
  font-size: 13px;
  color: #000;
  line-height: 1.3;
  vertical-align: middle;
}
.table-shopcart__cell--first-cell {
  width: 5%;
  min-width: 70px;
  text-align: center;
}
.table-shopcart__cell--first-row {
  vertical-align: bottom;
  height: 0;
  font-size: 12px;
  color: #808080;
}
.table-shopcart__cell--last-cell {
  width: 5%;
}
.table-shopcart__cell--name {
  width: 40%;
}
.table-shopcart__cell--name a {
  color: #000;
}
.table-shopcart__cell--name a:hover {
  color: #de5705;
}
.table-shopcart__cell--amount {
  width: 25%;
}
.calc__buttons--shopcart {
  margin-top: 0;
}
.calc__shopcart-prop {
  display: inline-block;
  margin-left: 5px;
  font-family: arial;
  font-size: 13px;
  color: #000;
  line-height: 1.3;
}
.table-shopcart__price-wrapper {
  position: relative;
}
.table-shopcart__price {
  position: absolute;
  top: 20px;
  right: 120px;
  font-family: arial;
  font-size: 16px;
  color: #808080;
}
.table-shopcart__rouble {
  margin-left: 5px;
  font-size: 16px;
  color: #000;
}
.table-shopcart-wrapper__button {
  margin: 60px auto 0;
  padding: 10px 0;
  width: 226px;
  text-align: center;
  font-family: arial;
  color: #fff;
  outline: none;
  border: none;
  text-transform: uppercase;
  background: #de5705 url("../img/icon-sopcart-button.png") no-repeat;
}

@media (max-width: 380px) {
  .table-shopcart-wrapper__button {
    width: 100%;
  }
}

/* Стили 404 */

.error-header-background-wrapper {
  background: #f5f5f5;
  min-width: 1000px;
  height: 108px;
}
.error-header {
  min-width: 1000px;
  height: 108px;
  border-top: 1px solid transparent;
}
.error-header__content {
  margin-left: 20px;
}
.error-header__logo {
  margin-top: 20px;
  width: 346px;
  height: 60px;
  background: url("../img/icon-header-logo-error.png") no-repeat;
}
.error__content {
  margin-left: 20px;
  width: 490px;
}
.error__title {
  margin-top: 25px;
}
.error__red {
  font-family: arial;
  font-size: 48px;
  font-weight: bold;
  color: #e65d0b;
}
.error__bold {
  text-transform: uppercase;
  font-family: arial;
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
.error__info {
  margin-top: 5px;
  width: 390px;
  font-family: arial;
  font-size: 13px;
  color: #000;
  line-height: 1.4;
}
.search-form--error {
  margin-top: 30px;
  margin-left: 0;
  min-width: 0;
}
.error__link {
  text-decoration: none;
  color: #e65d0b;
  border-bottom: 1px solid #e65d0b;
}

/* Стили сраницы списка новостей */

.news-list {
}
.news-list .news-item {
  margin-bottom: 15px;
}
.news-list .news-item h3 {
  font-size: 20px;
  margin: 0 0 10px 0;
}
.news-list .news-item img {
  border: 1px solid #a7a7a7;
  width: 100%;
  height: auto;
}
.news-list .news-item p {
  text-align: justify;
}

.readmore {
  background-color: #de5705;
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
}
.readmore:hover {
  color: #fff;
}
.news-list .news-date-time {
  display: block;
  margin-bottom: 10px;
  color: #a7a7a7;
}
.news-list i.news-marker {
  display: block;
  width: 20px;
  height: 20px;
  background-color: #993300;
  display: inline-block;
  margin-right: 10px;
}
.news-list i.news-marker:before {
  content: "";
  position: relative;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 20px solid #de5705;
  border-right: 20px solid transparent;
}
/* regional news */
.regional-news {
  background-color: #f2f2f2;
  padding: 15px;
  margin-bottom: 20px;
}
.regional-news h2 {
  font-size: 22px;
}
.regional-news .news-item {
}
.regional-news .news-item h3 {
  font-size: 18px;
  margin: 3px 0 5px 0;
}
.regional-news .news-item img {
  width: 100%;
  height: auto;
  border: 1px solid #a7a7a7;
}

.regional-news hr {
  border-top-color: #9e9e9e;
}

/* Стили новостной страницы */
.news-detail .detail-gallery {
  float: left;
  margin: 0 20px 20px 0;
  width: 50%;
  height: auto;
}
.detail-gallery .image-wrap {
  margin-bottom: 15px;
  display: block;
  position: relative;
}

.detail-gallery .image-wrap img {
  width: 100%;
  height: auto;
  border: 1px solid #a7a7a7;
}

.detail-gallery .image-wrap .description {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 10;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #fff;
  text-align: center;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.9);
}
.detail-gallery .image-wrap:hover .description {
  background-color: rgba(0, 0, 0, 0.6);
}

.detail-gallery .thumbnails {
  margin-top: 15px;
}
.detail-gallery .thumbnails a {
  display: inline-block;
  margin: 0 7px 7px 0;
}
.detail-gallery .thumbnails a img {
  border: 1px solid #a7a7a7;
}

.news-detail .news-date-time {
  display: inline-block;
  color: #a7a7a7;
}
.news-detail i.news-marker {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #993300;
  display: inline-block;
  margin-right: 10px;
}
.news-detail i.news-marker:before {
  content: "";
  position: relative;
  top: 18px;
  width: 0;
  height: 0;
  border-top: 20px solid #de5705;
  border-right: 20px solid transparent;
}
/* Стили страницы "Завод" */

.main__works-info {
  margin-top: 20px;
}
.info-paragraph__title {
  display: block;
  font-family: arial;
  font-size: 16px;
  color: #000;
  line-height: 1.4;
}
.info-paragraph__text {
  margin-top: 5px;
  font-family: arial;
  font-size: 13px;
  color: #000;
  line-height: 1.4;
}
.info-paragraph__all-link {
  font-family: arial;
  font-size: 13px;
  color: #de5705;
  text-decoration: none;
  border-bottom: 1px solid #de5705;
}
.info-paragraph__all-link:hover {
  color: #bf2502;
  border-bottom: 1px solid #bf2502;
}
.table-works-wrapper {
  margin: 0 0 0 20px;
  height: 170px;
}
.table-works {
  float: left;
  margin-top: 30px;
  margin-left: 20px;
  width: 470px;
  border-collapse: collapse;
  font-family: arial;
}
.table-works__img {
  float: left;
  vertical-align: top;
}
.table-works__cell--first-column {
  width: 230px;
}
.main__works-page {
  margin-top: 20px;
}
.table-works__cell {
  font-size: 13px;
  vertical-align: top;
  height: 25px;
}
.table-catalog__cell--title {
  padding-top: 20px;
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
  height: 20px;
  border: 0;
}
.main__table-wrapper--works {
  margin-top: 0;
  margin-bottom: 100px;
}
.main__brickworks-menu--works {
  margin-top: 20px;
}
.table-catalog__cell-second--column {
  min-width: 120px;
}

/* Стили поисковой страницы */

.main__brickworks-menu--search {
  margin-top: 5px;
}
.brickworks-menu__link--search {
  position: relative;
  background: none;
}
.brickworks-menu__link--search:hover {
  background: none;
}
.brickworks-menu__amount {
  position: absolute;
  top: 12px;
  right: 10px;
  display: inline-block;
}
.main__option--search {
  margin-top: 40px;
}
.sorting-block--search {
  margin-top: 0;
}
.table-catalog__cell--search-page-price {
  text-align: right;
  width: 13%;
  min-width: 70px;
}
.table-catalog__cell-info {
  font-size: 12px;
  color: #666666;
  line-height: 1.7;
}
.js-watch--search-page {
  margin-top: 5px;
}

/* Стили попапа */
.popup-wrapper {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
}
.blackout {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.popup {
  position: relative;
  z-index: 1000;
  margin: 50px auto;
  width: 835px;
  border: 1px solid transparent;
  background: #fff;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
}
.popup_img {
  width: 625px;
  min-height: 340px;
  margin: 10% auto;
}
.popup__content-img {
  position: relative;
  margin: 70px 20px 20px 20px;
}
.popup_img-box {
  text-align: center;
}
.popup__content {
  position: relative;
  margin: 70px 50px 20px 50px;
}
.popup__form-popup-element:hover {
  cursor: pointer;
}
.element-data__top {
  clear: both;
  margin-bottom: 15px;
  min-height: 350px;
}

.product-card__img-preview--popup {
  clear: left;
}
.title--popup {
  max-width: 250px;
}
.title__large--popup {
  text-transform: none;
  font-size: 20px;
}
.popup__table-wrapper {
  float: left;
  clear: left;
  margin-top: 25px;
}
.table-product--popup-first {
  float: left;
  margin-top: 40px;
  width: 380px;
}
.table-product--popup-second {
  float: left;
  margin-left: 55px;
  width: 280px;
}
.popup__close {
  position: absolute;
  display: block;
  top: -45px;
  right: 0;
  width: 14px;
  height: 14px;
  background: url("../img/icon-popup-close.png") no-repeat;
}
.js-popup-open {
  overflow: hidden;
}

/* Стили страницы контактов */

.table-contacts-wrapper {
  margin-bottom: 80px;
}
.table-contacts {
  border-collapse: collapse;
  width: 100%;
}
.table-contacts__cell {
  padding: 25px 20px 25px 0;
  height: 115px;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: top;
  box-sizing: border-box;
}
.table-contacts__cell--first-column {
  width: 24%;
}
.table-contacts__cell--second-column {
  width: 31%;
}
.table-contacts__cell--third-column {
  width: 135px;
  text-align: center;
}
.table-contacts__cell--fourth-column {
  width: 40%;
}
.table-contacts__text {
  margin: 5px 0;
  font-family: arial;
  font-size: 13px;
  color: #000;
  line-height: 1.5;
}
.table-contacts__text--title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}
.table-contacts__text--bold {
  font-weight: bold;
}
.table-contacts__link {
  font-family: arial;
  font-size: 13px;
  text-decoration: none;
  color: #000;
  line-height: 2;
}
.table-contacts__link:hover {
  border-bottom: 1px solid #000;
}
.table-contacts__map {
  float: left;
}
.table-contacts__map-link {
  font-family: arial;
  font-size: 13px;
  color: #f06918;
  text-decoration: none;
  border-bottom: 1px solid #f06918;
}
.table-contacts__map-link:hover {
  color: #bf2502;
  border-bottom: 1px solid #bf2502;
}
.popup__adress {
  float: left;
  margin-top: 30px;
  margin-right: 175px;
  font-family: arial;
  font-size: 13px;
  color: #000;
  line-height: 1.5;
  width: 325px;
}
.popup__phone {
  float: left;
  margin-top: 30px;
}
.popup--form {
  width: 550px;
}
.form-popup__title {
  padding-bottom: 20px;
  font-family: arial;
  font-weight: bold;
  font-size: 20px;
  color: #000;
  text-align: center;
}
.form-popup__title--padding {
  padding-top: 190px;
  padding-bottom: 220px;
}
.form-popup__table {
  border-collapse: collapse;
  width: 450px;
}
.form-popup__cell {
  position: relative;
  padding-bottom: 20px;
  width: 140px;
  vertical-align: top;
  box-sizing: border-box;
}
.form-popup__text {
  margin-top: 10px;
  font-family: arial;
  font-size: 13px;
  color: #808080;
}
.form-popup__text .show_map {
  font-family: arial;
  font-size: 13px;
  color: #de5705;
  cursor: pointer;
}
.order_map--style {
  display: none;
  height: 300px;
  width: 450px;
  margin: 0px -60px 20px 0px;
  padding: 0px;
}

.form-popup__input-text {
  padding: 5px 10px;
  width: 308px;
  height: 38px;
  border: 1px solid #b2b2b2;
  font-family: arial;
  font-size: 13px;
  color: #000;
  box-sizing: border-box;
  outline: none;
}
.form-popup__text-area {
  padding: 5px 10px;
  width: 308px;
  height: 78px;
  border: 1px solid #b2b2b2;
  font-family: arial;
  font-size: 13px;
  color: #000;
  resize: none;
  box-sizing: border-box;
  outline: none;
}
.form-popup__active {
  border: 1px solid #bf2502;
}
.form-popup__tooltip {
  position: absolute;
  display: none;
  top: 1px;
  padding: 10px 13px;
  font-family: arial;
  font-size: 13px;
  color: #bf2502;
  border-top: 1px solid #bf2502;
  border-right: 1px solid #bf2502;
  border-bottom: 1px solid #bf2502;
  background: #fff;
}
.form-popup__tooltip:after {
  position: absolute;
  content: "";
  top: 0;
  left: -7px;
  width: 8px;
  height: 36px;
  background: url("../img/icon-tooltip-shopcart-left.png") no-repeat;
}
.form-popup__button {
  float: right;
  margin-top: 10px;
  padding: 10px 0;
  width: 226px;
  text-align: center;
  font-family: arial;
  font-size: 14px;
  color: #fff;
  outline: none;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  background: #de5705 url("../img/icon-sopcart-button.png") no-repeat;
}

.factory-name {
  color: #000;
  text-decoration: none;
}

.factory-name:hover {
  color: #de5705;
  text-decoration: none;
}

.cart__error-message {
  color: #4d4441;
  font-family: arial;
  font-size: 16px;
}

.cart__error-message p {
  margin: 0px;
  line-height: 25px;
}

.cart__error-message a {
  color: #f06918;
}

.errortext {
  font-family: arial;
  font-size: 14px;
}

.up-list {
  margin-left: -40px;
  bottom: 180px;
  width: 40px;
  height: 40px;
  background: url("../img/up.png") center no-repeat;
  z-index: 1000 !important;
}

.up-list:hover {
  background: url("../img/up-active.png") center no-repeat;
}
/*factory*/
.factory-detail img.factory-logo {
  margin: 0 30px 0 0;
  width: 100%;
  height: auto;
  border: 1px solid #e6e6e6;
}
/* bugs */
#myCarousel img {
  width: 100%;
  height: auto;
}
/* back-call */
header .feed_back_call {
  position: relative;
  left: 225px;
  color: #f06918;
  border-bottom: 1px dotted #f06918;
  cursor: pointer;
}
header .feed_back_call:hover {
  color: #8d1d08;
  border-bottom: 1px dotted #8d1d08;
}

header .modal_span {
  position: relative;
  left: 225px;
  color: #f06918;
  border-bottom: 1px dotted #f06918;
  cursor: pointer;
}
header .modal_span:hover {
  color: #8d1d08;
  border-bottom: 1px dotted #8d1d08;
}

@media (max-width: 490px) {
  header .modal_span:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
  }
}
@media (max-width: 360px) {
  header .feed_back_call,
  header .modal_span {
    left: 0;
  }
}

/* modals */
.modal {
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.modal-header {
  background-color: #8d1d08;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.modal-title {
  color: #fff;
}
.modal-header .close {
  background-color: #000;
  color: #fff;
  opacity: 0.9;
  text-shadow: none;
  display: block;
  width: 21px;
  height: 21px;
  border-radius: 10px;
}
.modal .result-message {
  display: none;
  position: absolute;
  width: calc(100% - 30px);
  z-index: 1000;
  top: 30%;
  left: 0;
  text-align: center;
  margin: 0 15px;
}
.modal .result-message h2 {
  color: #de5705;
}
.modal.in.send form {
  opacity: 0.3;
}
.modal.in.sendet .result-message {
  display: block;
}
.modal.in.sendet form {
  opacity: 0;
}

.required {
  color: #de5705;
  vertical-align: super;
}
.error_msg {
  color: #de5705;
  font-style: italic;
}
.has-error .form-control {
  border-color: #de5705;
}
.form-group .error_msg{
  display: none;
}
.has-error .error_msg{
  display: block;
}

.mb-1 {
  margin-bottom: 10px;
}

.bs a {
  border-radius: 10px;
  background: #8d2610;
  color: #ffffff;
  padding: 5px 9px;
  position: relative;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}
.bs {
  padding-top: 10px;
  text-align: center;
}

.bs a:before {
  left: 13px;
}
.bs a:after {
  right: 13px;
}
.bs a:hover:before,
.bs a:hover:after {
  opacity: 1;
}

.grecaptcha-badge {
  display: none;
}

.news-page__content img {
  max-width: 100%;
}

.customers-page img {
  max-width: 100%;
  height: auto;
}

.customers-page__main-image,
.customers-page__resume-image {
  float: right;
}

.customers-page__main-image {
  margin: 0 0 6px 6px;
}

.customers-page__order-image {
  margin: 0 0 6px;
}

.customers-page__resume-image {
  @media (min-width: 500px) {
    margin: 0 0 0 6px;
  }

  @media (max-width: 500px) {
    margin: 0 0 6px 0;
  }
}

.callback-modal__callback-button,
.callback-modal__callback-button:focus {
  background-color: #8d1d08;
  color: #fff;
  outline: none;
}

.customers-howto-page img {
  max-width: 100%;
}

.customers-page-links li a {
  text-decoration: underline;
}

/* ==================================================================== */

.registration-form__group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 20px;
}
.form__btn {
  margin-top: 10px;
  margin-bottom: 5px;
}
.capcha-image {
  margin-top: 5px;
}
@media (max-width: 767px) {
  .registration-form__group {
    grid-template-columns: repeat(1, 1fr);
  }
}
.form-group .description {
  margin-top: 5px;
}

@media (max-width: 992px) and (min-width: 480px) {
  .news-list .news-item{
    display: flex;
  }
  .news-list .news-item img{
    max-width: 160px;
    width: 160px;


  }
    
}

.cookie {
    max-width: calc(100vw - 25px);
    left: 50%;
    bottom: 20px;
      z-index: 9999999999;

    position: fixed;
    transform: translateX(-50%);
    width: var(--widht, 1200px);
    background: var(--bg, #fff);
    box-shadow: 0px -5px 8px 0px rgba(34, 60, 80, 0.4);
    padding: 15px 20px;
}

.cookie__row {
    display: flex;
    align-items: center;
    color: var(--color, #000);
    font-size: var(--fz, 14px);
    gap: 20px;
}

.cookie__text {
    line-height: 1.2;
    font-size: var(--fz, 14px);
}

.cookie__text a {
    text-decoration: underline;
}

.cookie__text a:hover {
    text-decoration: none;
}

.cookie__btn {
    font-size: var(--fz, 14px);
    color: var(--color, #fff);
    background: var(--bg, #000);
    padding: 15px 25px;
    display: flex;
    align-items: center;
    outline: none;
    border: none;
    cursor: pointer;
}

.cookie.hidden {
    display: none !important;
}

@media (max-width: 767px) {
    .cookie__row {
        flex-direction: column;
        align-items: center;
    }
}