@font-face {
  font-family: 'bebasneue_bold';
  src: url('../font/bebas/bebasneue_bold.eot');
  src: url('../font/bebas/bebasneue_bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/bebasneue_bold.woff') format('woff'), url('../font/bebas/bebasneue_bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'bebasneue_book';
  src: url('../font/bebas/bebasneue_book.eot');
  src: url('../font/bebas/bebasneue_book.eot?#iefix') format('embedded-opentype'), url('/bitrix/bebasneue_book.woff') format('woff'), url('../font/bebas/bebasneue_book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'bebasneue_light';
  src: url('../font/bebas/bebasneue_light.eot');
  src: url('../font/bebas/bebasneue_light.eot?#iefix') format('embedded-opentype'), url('/bitrix/bebasneue_light.woff') format('woff'), url('../font/bebas/bebasneue_light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'bebasneue_regular';
  src: url('../font/bebas/bebasneue_regular.eot');
  src: url('../font/bebas/bebasneue_regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/bebasneue_regular.woff') format('woff'), url('../font/bebas/bebasneue_regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 18020;
}
.fancybox-skin {
  position: relative;
  background: #fff;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.fancybox-opened {
  z-index: 18030;
}
.fancybox-opened .fancybox-skin {
  /*-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);*/
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-iframe {
  padding: 30px 20px !important;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('/bitrix/fancybox_sprite.png');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 18060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/bitrix/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: 13px;
  right: 13px;
  width: 27px;
  height: 27px;
  cursor: pointer;
  z-index: 18040;
  background: url(/bitrix/fancybox_close.png) 0 0 no-repeat;
  transition: transform 0.4s ease;
}
.fancybox-close:hover {
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/bitrix/blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 18040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 18040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 18010;
  background-color: rgba(0, 0, 0, 0.8);
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 18050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 18050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../img/fancybox_sprite@2x.png');
		background-size: 44px 152px;
	}

	#fancybox-loading div {
		background-image: url('../img/fancybox_loading@2x.gif');
		background-size: 24px 24px;
	}
} */
figure,
figcaption {
  display: block;
}
.transition {
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
}
.timeTo {
  height: 22px;
}
.timeTo span {
  position: relative;
  top: -2px;
  left: 1px;
  vertical-align: top;
}
.timeTo figure {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.timeTo figcaption {
  text-align: center;
  /*font-size: 12px;*/
  line-height: 80%;
  font-weight: normal;
}
.timeTo div {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 22px;
  /*border-top: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;*/
  overflow: hidden;
}
.timeTo ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -28px !important;
  left: 2px !important;
}
.timeTo ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 2.8rem;
}
/* Page */
body,
html,
div,
blockquote,
img,
label,
p,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
ul,
ol,
li,
dl,
dt,
dd,
form,
a,
fieldset,
input,
th,
td {
  border: 0;
  outline: none;
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}
body {
  font: normal 13px Arial, sans-serif;
}
h2 {
  font: normal 26px Arial, sans-serif;
  padding: 20px 0;
  margin: 0 0 30px 0;
}
.wrap {
  width: 960px;
  margin: 0 auto;
}
.demo-container {
  padding: 20px 0;
}
.demo-container h4 {
  font-size: 14px;
  margin: 0 0 5px 0;
}
/* Mega Menu Styles */
.mega-menu ul,
.mega-menu ul li {
  list-style: none;
}
.mega-menu ul {
  position: relative;
  padding: 0;
  margin: 0;
}
.mega-menu ul li ul {
  display: none;
}
.mega-menu .sub {
  display: none;
}
.mega-menu .sub ul {
  display: block;
}
#mega-menu-1 {
  font: normal 13px Arial, sans-serif;
  list-style: none;
  position: relative;
  padding: 0;
  margin: 0;
}
#mega-menu-1 .sub ul {
  display: block;
}
#mega-menu-1 {
  background: #222;
  width: 100%;
  height: 40px;
  position: relative;
}
#mega-menu-1 li {
  float: left;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
#mega-menu-1 li a {
  float: left;
  display: block;
  color: #fff;
  padding: 12px 25px;
  background: #222;
  text-decoration: none;
}
#mega-menu-1 li.mega-hover a,
#mega-menu-1 li.mega-hover a:hover {
  background: #CCC;
  color: #000;
}
#mega-menu-1 li a:hover {
  background: #999;
  color: #000;
}
#mega-menu-1 li .sub-container {
  position: absolute;
}
#mega-menu-1 li .sub {
  background: #efefef;
  padding: 15px;
  border: 1px solid #ccc;
}
#mega-menu-1 li .sub .row {
  width: 100%;
  overflow: hidden;
  clear: both;
}
#mega-menu-1 li .sub li {
  list-style: none;
  float: none;
  width: 170px;
  font-size: 1em;
  font-weight: normal;
}
#mega-menu-1 li .sub li.mega-hdr {
  margin: 0 10px 10px 0;
  float: left;
}
#mega-menu-1 li .sub li.mega-hdr.last {
  margin-right: 0;
}
#mega-menu-1 li .sub a {
  background: none;
  color: #111;
  padding: 7px 10px;
  display: block;
  float: none;
  font-size: 0.9em;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
  padding: 5px 15px;
  margin-bottom: 5px;
  background: #6B6B6B;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover {
  color: #000;
}
#mega-menu-1 .sub li.mega-hdr li a {
  padding: 4px 5px;
  font-weight: normal;
}
#mega-menu-1 .sub li.mega-hdr li a:hover {
  color: #a32403;
  background: #efefef;
}
#mega-menu-1 .sub ul li {
  padding-right: 0;
}
#mega-menu-1 li .sub-container.non-mega .sub {
  padding: 10px;
}
#mega-menu-1 li .sub-container.non-mega li {
  padding: 0;
  width: 190px;
  margin: 0;
}
#mega-menu-1 li .sub-container.non-mega li a {
  padding: 7px 5px 7px 22px;
}
#mega-menu-1 li .sub-container.non-mega li a:hover {
  color: #a32403;
  background: #efefef;
}
.mega-menu ul,
.mega-menu ul li {
  list-style: none;
}
.mega-menu ul {
  position: relative;
  padding: 0;
  margin: 0;
}
.mega-menu ul li ul {
  display: none;
}
.mega-menu .sub {
  display: none;
}
.mega-menu .sub ul {
  display: block;
}
.red {
  font: normal 13px "bebasneue_bold", Helvetica, Arial, sans-serif, sans-serif;
  line-height: 16px;
}
.red ul.mega-menu {
  /*position: relative;*/
}
.red ul.mega-menu li a.dc-mega {
  position: relative;
}
.red ul.mega-menu li a .dc-mega-icon {
  display: block;
  position: absolute;
  top: 18px;
  right: 15px;
  width: 8px;
  height: 6px;
}
.red ul.mega-menu li .sub-container {
  display: none;    
  width: 1170px !important;
  min-height: 334px;
  position: absolute;
  margin-left: 0;
  background-image: url("/bitrix/bg_auction-index.jpg");
  top: 51px !important;
}
.is-stuck .red ul.mega-menu li .sub-container {
  top: 30px !important;
}
.red ul.mega-menu li .sub {
  padding: 20px 20px 20px 10px;
}
.red ul.mega-menu li .sub-container.mega .sub {
  padding: 20px 20px;
}
.red ul.mega-menu li .sub .row {
  width: 100% !important;
  overflow: hidden;
  clear: both;
}
.red ul.mega-menu li .sub li {
  display: block;
}
.red ul.mega-menu li .sub li a {
  margin-bottom: 7px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 15px;
  color: #fff;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.red ul.mega-menu li .sub li a:hover {
  color: #ff0039;
}
.red ul.mega-menu li .sub li.mega-hdr {
  width: 210px;
  height: auto !important;
  margin: 0 30px 15px 0;
  float: left;
}
.red ul.mega-menu li .sub li.mega-hdr:nth-of-type(4n) {
  margin-right: 0;
}
.red ul.mega-menu li .sub li.mega-hdr.last {
  margin-right: 0;
}
.red ul.mega-menu li .sub a {
  background: none;
  border: none;
  text-shadow: none;
  padding: 0;
  display: block;
  float: none;
  text-decoration: none;
}
.red ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {
  height: auto !important;
  margin-bottom: 14px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 16px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.red ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
  color: #ff0039;
}
.red ul.mega-menu .sub li.mega-hdr li a {
  padding: 0;
  font-weight: normal;
}
.red ul.mega-menu .sub li.mega-hdr li a:hover {
  color: #ff0039;
}
.red ul.mega-menu .sub ul li {
  padding-right: 0;
}
.red ul.mega-menu li .sub-container.non-mega {
  width: 600px;
}
.red ul.mega-menu li .sub-container.non-mega .sub {
  padding: 20px;
}
.red ul.mega-menu li .sub-container.non-mega li {
  display: inline-block;
  padding: 0;
  width: 45%;
  margin: 0 2% 10px 0;
}
.red ul.mega-menu li .sub-container.non-mega li a {
  display: inline-block;
  padding: 0;
  color: #000;
  vertical-align: middle;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.red ul.mega-menu li .sub-container.non-mega li a:hover {
  color: #ff0039;
}
/**
 * Global Reset of all HTML Elements
 */
html {
  box-sizing: border-box;
  font-size: 10px;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
html,
body {
  border: 0;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a {
  cursor: pointer;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
.clear {
  clear: both;
}
/* базовые установки цвета */
/* базовые установки шрифта */
/* прочее */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* миксы для шрифта и текста */
/* миксы для ссылок */
/* миксы для списков */
/* фоны */
/* разное */
/* положение блока */
body {
  background-image: url("/bitrix/bg_common.jpg");
  background-repeat: repeat-y;
  background-position: center top;
}
.header {
  width: 100%;
  height: 198px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .header {
    height: auto;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .header {
    height: auto;
  }
}
.header.is-stuck {
  position: fixed;
  top: 0;
  z-index: 10100;
  height: 60px;
  border-bottom: 2px solid #000;
  background-image: url("/bitrix/bg_common.jpg");
}
.header.is-stuck .header__inner {
  height: 60px;
}
.header.is-stuck .header__logo {
  margin-top: -21px;
  width: 50px;
  height: 52px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .header.is-stuck .header__logo {
    margin-top: -22px;
    margin-right: 25px;
  }
}
.header.is-stuck .header__logo img {
  height: 52px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .header.is-stuck .header__logo img {
    max-width: 120px;
  }
  
  .header__logo canvas {
    width: 110px !important;
    height: 115px !important;
  }
}
.header.is-stuck .top-menu,
.header.is-stuck .header__slogan {
  display: none;
}
.header.is-stuck .header__url {
  top: 17px;
  left: 60px;
  font-size: 4rem;
}
.header.is-stuck .main-menu {
  bottom: 0;
  right: 188px;
  padding-left: 463px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .header.is-stuck .main-menu {
    clear: none;
    right: 0;
  }
}
.header.is-stuck .main-menu__item {
  margin-left: 0;
  margin-right: 10px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .header.is-stuck .main-menu__list {
    top: 0;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .header.is-stuck .main-menu__list {
    top: 60px;
  }
}
.header.is-stuck .main-menu__link {
  line-height: 30px;
  letter-spacing: 1px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .header.is-stuck .main-menu__link {
    padding: 0 8px;
    font-size: 1.1rem;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .header.is-stuck .main-menu__link {
    line-height: 30px;
  }
}
.header.is-stuck .header-cart {
  width: 158px;
  top: 5px;
  right: 0;
}
.header.is-stuck .header-cart::before {
  /*display: none;*/
}
.header.is-stuck .header-cart__title {
  /*display: inline-block;
  margin-right: 10px;*/
}
.header.is-stuck .header__top-right {
  top: 5px;
  right: 200px;
}
.header.is-stuck .header-search {
  top: 6px;
  right: 0;
  border: 1px solid #000;
  display: none;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .header {
    height: auto;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .header {
    height: auto;
  }
}
.header__inner {
  width: 1170px;
  margin: 0 auto;
  clear: both;
  position: relative;
  height: 198px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .header__inner {
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .header__inner {
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .header__inner {
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .header__inner {
    height: 245px;
  }
}
.header__inner::after {
  display: block;
  width: 100%;
  content: '';
  clear: both;
}
.header__logo {
  display: block;
  width: 118px;
  height: 125px;
  position: absolute;
  top: 24px;
  left: 0;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .header__logo {
    height: 100px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .header__logo {
    height: 80px;
    top: 22px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .header__logo img {
    height: 100px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .header__logo img {
    height: 70px;
  }
}
.header__url {
  position: absolute;
  top: 77px;
  left: 134px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 4.6rem;
  line-height: 2.6rem;
  color: #000;
  text-transform: uppercase;
}
@media (min-width: 320px) and (max-width: 639px) {
  .header__url {
    top: 12px;
    left: 70px;
    font-size: 3rem;
  }
}
.header__slogan {
  position: absolute;
  top: 74px;
  left: 389px;
  font-family: "bebasneue_regular", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: normal;
  color: #fff;
  text-transform: uppercase;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .header__slogan {
    top: 145px;
    left: 0;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .header__slogan {
    top: 51px;
    left: 70px;
  }
}
.header__slogan span {
  display: inline-block;
  padding: 0 5px;
  background-color: #000;
}
.header__slogan span:first-child {
  padding-top: 4px;
}
.header__slogan span:last-child {
  padding-top: 2px;
  padding-bottom: 4px;
}
.header__top-right {
  width: 170px;
  position: absolute;
  top: 18px;
  right: 1px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .header__top-right {
    width: 52px;
    top: 24px;
    right: 20px;
  }
}
.header__fav {
  display: inline-block;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -286px -279px;
  width: 33px;
  height: 19px;
  position: relative;
  top: 2px;
  margin-right: 5px;
  vertical-align: top;
}
@media (min-width: 320px) and (max-width: 639px) {
  .header__fav {
    margin-right: 5px;
  }
}
.header__fav a {
  display: block;
  width: 33px;
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  color: #fff;
}
.header__fav span {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 17px;
  text-align: center;
}
.header__last-mess {
  width: 48px;
  display: inline-block;
  position: relative;
  top: 2px;
  padding-left: 47px;
  vertical-align: top;
}
.header__last-mess::before {
  /*display: inline-block;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -279px -179px;
  width: 37px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  content: ''; */
}
.header__last-mess a {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.header__last-mess a:hover {
  color: #ff0039;
}
.header__auth {
  float: right;
  position: relative;
}
.header__auth-link {
  display: inline-block;
  background-color: #f20303;
  padding: 0 16px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 2.2rem;
  color: #fff;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
@media (min-width: 320px) and (max-width: 639px) {
  .header__auth-link {
    padding: 5px 15px;
  }
  .header__auth-link {
    font-size: 16px;
  }
}
.header__auth-link:hover {
  background-color: #000;
}
.header__auth-submenu {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 200px;
  position: absolute;
  top: 22px;
  right: 0;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #000;
  padding: 10px;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.header__auth-submenu li {
  display: block;
  margin-bottom: 10px;
}
.header__auth-submenu li a {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 14px;
  color: #2c2c2c;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.header__auth-submenu li a:hover {
  color: #ff0039;
}
.top-menu {
  position: absolute;
  top: 18px;
  left: 133px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .top-menu {
    float: none;
    margin: 0 auto;
    clear: both;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .top-menu {
    display: none;
    width: 100%;
    position: absolute;
    top: 227px;
    left: 0;
    z-index: 100;
  }
}
.top-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 535px;
  background-color: #f20303;
  padding: 0 14px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .top-menu__list {
    padding: 0 10px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .top-menu__list {
    max-width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .top-menu__list {
    display: block;
    width: 100%;
    z-index: 1000;
    background-color: #000;
    border: 1px solid #fff;
  }
}
.top-menu__item {
  display: inline-block;
  margin-right: 17px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .top-menu__item {
    margin-right: 4px;
  }
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .top-menu__item {
    margin-right: 4px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .top-menu__item {
    display: block;
    margin: 0 0 5px;
  }
}
.top-menu__item:last-child {
  margin-right: 0;
}
.top-menu__link {
  display: inline-block;
  padding: 0;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 2.2rem;
  color: #fff;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .top-menu__link {
    padding: 0 6px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .top-menu__link {
    padding: 0;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .top-menu__link {
    font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    text-transform: uppercase;
  }
}
.top-menu__link:hover,
.top-menu__link--active {
  color: #000;
}
@media (min-width: 320px) and (max-width: 639px) {
  .top-menu__link:hover,
  .top-menu__link--active {
    background: none;
  }
}
.top-menu__open-btn {
  display: none;
}
@media (min-width: 320px) and (max-width: 639px) {
  .top-menu__open-btn {
    display: block;
    width: 100%;
    height: 30px;
    position: absolute;
    top: 197px;
    left: 0;
    background-color: #f20303;
    font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: top 400ms linear;
    -moz-transition: top 400ms linear;
    -ms-transition: top 400ms linear;
    -o-transition: top 400ms linear;
    transition: top 400ms linear;
    transition: all 0.2s ease-out;
  }
}
.main-menu {
  position: absolute;
  bottom: 32px;
  left: 0;
  padding-left: 390px;
  /*&__submenu::before {
    display: inline-block;
    .size(0,0);
    .absolute();
    top: -6px;
    left: 48px;
    content: '';
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent @red transparent;

    @media @screen-xs {
      display: none;
    }
  }
    &__submenu-item {
      display: block;
      .relative();
      margin-bottom: 13px;
      padding-left: 21px;
      text-align: left;

      @media @screen-xs {
        padding-left: 0;
      }
    }
    &__submenu-item:hover::before {
      left: 5px;
    }
    &__submenu-item::before {
      display: block;
      .size(8px,12px);
      .absolute();
      .pos(2px,0);
      .bg();
      .bg-image("../img/spritesheet2.png");
      background-position: -86px -58px;
      content: '';
      .transition();

      @media @screen-xs {
        display: none;
      }
    }
      &__submenu-link {
        .font-family(@font-bold);
        .font-size(1.6rem, 16px);
        color: @white;
        .no-decor();
        .transition(0.5s);
      }*/
}
@media (min-width: 320px) and (max-width: 639px) {
  .main-menu {
    display: none;
    width: 100%;
    position: absolute;
    top: 150px;
    left: 0;
    bottom: auto;
    z-index: 1000;
    background-color: #000;
    padding: 0 10px;
    border: 1px solid #fff;
  }
}
.main-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 800px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .main-menu__list {
    max-width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .main-menu__list {
    display: block;
    width: 75%;
    z-index: 1000;
  }
}
.main-menu__item {
  display: inline-block;
  margin-left: 60px;
}
.red ul.mega-menu li.mega-hover .sub-container {display: block;}

@media (min-width: 1007px) and (max-width: 1239px) {
  .main-menu__item {
    margin-left: 5px !important;
  }
  
  .header-search {
    right: 160px !important;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .main-menu {
    bottom: 42px;
  }
  .main-menu__item {
    margin-left: 15px !important;
  }
  .is-stuck .main-menu__item {
    margin-left: 0 !important;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .main-menu__item {
    display: block;
    margin: 0 0 5px;
  }
}
.main-menu__item:first-child {
  margin-left: 0;
}
.main-menu__link {
  display: inline-block;
  padding: 0;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .main-menu__link {
    padding: 0 6px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .main-menu__link {
    font-size: 1.6rem;
    line-height: 30px;
    color: #fff;
  }
}
.main-menu__link:hover,
.main-menu__link--active {
  color: #f20303;
}
@media (min-width: 320px) and (max-width: 639px) {
  .main-menu__link:hover,
  .main-menu__link--active {
    background: none;
  }
}
.main-menu__pic {
  max-width: 100px;
  max-height: 60px;
  margin-right: 10px;
  float: left;
}
.main-menu__pic + span {
  display: block;
  float: left;
  line-height: 60px;
}
.main-menu__submenu {
  display: none;
  /*width: 283px;
      .absolute();
      top: 98px;
      padding: 25px 20px 12px;
      .bg-color(rgba(228,33,22,0.9));
      z-index: 1100;

      @media @screen-md {
        top: 60px;
      }
      @media @screen-xs {
        width: 185px;
        top: 20px;
        left: 0;
        padding: 12px 10px 10px;
      }*/
}
.main-menu__open-btn {
  display: none;
}
@media (min-width: 320px) and (max-width: 639px) {
  .main-menu__open-btn {
    display: block;
    width: 100%;
    height: 30px;
    position: absolute;
    top: 120px;
    left: 0;
    background-color: #f20303;
    font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: top 400ms linear;
    -moz-transition: top 400ms linear;
    -ms-transition: top 400ms linear;
    -o-transition: top 400ms linear;
    transition: top 400ms linear;
    transition: all 0.2s ease-out;
  }
}
.is-stuck .main-menu__link {
  line-height: 60px;
}
.header-cart {
  width: 145px;
  position: absolute;
  top: 66px;
  right: 0;
  padding-left: 50px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .header-cart {
    width: 200px;
    top: 89px;
    left: 70px;
    padding: 0;
  }
  .header-cart__title {
    display: inline-block;
  }
}
.header-cart a {
  position: relative;
  top: 8px;
  text-decoration: none;
}
.header-cart::before {
  display: block;
  background-image: url(/bitrix/spritesheet.png);
  background-position: 0px -229px;
  width: 32px;
  height: 44px;
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
}
@media (min-width: 320px) and (max-width: 639px) {
  .header-cart::before {
    display: none;
  }
}
.header-cart__title {
  margin-bottom: 0;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #282828;
}
.header-cart span {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #ff0039;
  font-weight: bold;
}
.header-cart span i {font-size: 14px;}
.header-cart__present {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: normal;
  color: #000;
}
.header-search {
  position: absolute;
  top: 70px;
  right: 174px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .header-search {
    top: 151px;
    right: 0;
    left: 0;
  }
}
.header-search__input {
  width: 336px;
  height: 45px;
  background-color: #eee;
  padding: 0 50px 0 23px;
  border: none;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 4.5rem;
  color: #282828;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .header-search__input {
    width: 265px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .header-search__input {
    width: 200px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .header-search__input {
    width: 320px;
  }
}
.header-search__submit {
  position: absolute;
  top: 15px;
  right: 16px;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -330px -219px;
  background-color: transparent;
  width: 15px;
  height: 15px;
  border: none;
  cursor: pointer;
}
.top-slider {
  width: 100%;
  height: 612px;
  position: relative;
}
.top-slider__inner {
  width: 100%;
  max-width: 1920px;
  height: 612px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .top-slider__inner {
    width: 100%;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .top-slider__inner {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .top-slider__inner {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    overflow: visible;
  }
}
.top-slider__slides {
  height: 612px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.top-slider__slide {
  display: none;
  height: 612px;
  vertical-align: top;
}
.top-slider__slide:first-child {
  display: inline-block;
}
.top-slider .bx-controls {
  width: 100%;
  height: 612px;
  max-width: 1458px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 110;
  margin-left: -729px;
  display: none;
}
@media (min-width: 1240px) and (max-width: 1470px) {
  .top-slider .bx-controls {
    height: 50px;
    max-width: 370px;
    top: auto;
    bottom: 0;
    margin-left: -185px;
  }
}
@media (min-width: 1024px) and (max-width: 1239px) {
  .top-slider .bx-controls {
    height: 50px;
    max-width: 370px;
    top: auto;
    left: 2px;
    bottom: 0;
    margin-left: 0;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .top-slider .bx-controls {
    height: 50px;
    max-width: 370px;
    top: auto;
    left: 2px;
    bottom: 0;
    margin-left: 0;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .top-slider .bx-controls {
    height: 30px;
    max-width: 280px;
    top: 40%;
    left: 50%;
    margin-left: -140px;
  }
}
.top-slider .bx-controls a {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  background-image: url(/bitrix/spritesheet.png);
  width: 20px;
  height: 30px;
}
.top-slider .bx-controls .bx-prev {
  background-position: -330px -63px;
}
.top-slider .bx-controls .bx-next {
  left: auto;
  right: 0;
  background-position: -330px 0px;
}
.top-slider .bx-controls .bx-prev.disabled, .top-slider .bx-controls .bx-next.disabled {
  display: none;
}
.top-slider__pic {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 10;
  margin-left: -960px;
}
.top-slider__text {
  max-width: 395px;
  position: relative;
  z-index: 100;
  margin: 147px auto 22px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 3.9rem;
  line-height: normal;
  color: #ff0039;
  text-align: center;
  letter-spacing: 2px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .top-slider__text {
    left: 90px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .top-slider__text {
    left: 357px;
    margin: 147px 0 22px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .top-slider__text {
    margin-top: 50px;
  }
}
.top-slider__num {
  max-width: 300px;
  position: relative;
  z-index: 101;
  margin: 0 auto 22px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 21rem;
  line-height: 16rem;
  color: #ff0039;
  text-align: center;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .top-slider__num {
    left: 90px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .top-slider__num {
    left: 400px;
    margin: 0 0 22px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .top-slider__num {
    font-size: 12rem;
    line-height: 10rem;
  }
}
.top-slider__note {
  max-width: 260px;
  position: relative;
  z-index: 102;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  line-height: normal;
  color: #fff;
  text-align: center;
  opacity: 0.45;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=45);
  filter: alpha(opacity=45);
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .top-slider__note {
    left: 90px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .top-slider__note {
    left: 420px;
    margin: 0;
  }
}
.top-slider__present {
  width: 1170px;
  height: 542px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -585px;
  z-index: 200;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .top-slider__present {
    width: 373px;
    left: 2px;
    margin-left: 0;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .top-slider__present {
    width: 373px;
    left: 2px;
    margin-left: 0;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .top-slider__present {
    width: 320px;
    height: 200px;
    left: 50%;
    top: auto;
    bottom: 20px;
    margin-left: -160px;
  }
}
.top-slider__present-inner {
  width: 373px;
  height: 542px;
  background-image: url("/bitrix/bg_present2.jpg");
  background-repeat: no-repeat;
  position: absolute;
  top: 10px;
  left: 20px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .top-slider__present-inner {
    left: 0;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .top-slider__present-inner {
    left: 0;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .top-slider__present-inner {
    width: 320px;
    height: auto;
    background: none;
    top: 0;
    left: 0;
  }
}
.top-slider__present-text {
  margin: 292px 0 0;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 2.6rem;
  line-height: 3rem;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .top-slider__present-text {
    margin-top: 0;
  }
}
.top-slider__present-text span {
  display: block;
  color: #82c214;
}
.top-slider__present-btn {
  display: block;
  width: 169px;
  height: 54px;
  margin: 25px auto 0;
  background: none;
  border: 3px solid #82c214;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.9rem;
  line-height: 5rem;
  color: #82c214;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
  cursor: pointer;
}
.top-slider__present-btn:hover {
  background-color: #82c214;
  color: #fff;
}
.index-advants {
  min-height: 320px;
}
.index-advants__inner {
  width: 1170px;
  margin: 0 auto;
  clear: both;
  position: relative;
  min-height: 320px;
  padding-top: 55px;
  text-align: center;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .index-advants__inner {
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .index-advants__inner {
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-advants__inner {
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .index-advants__inner {
    padding-bottom: 20px;
    text-align: center;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-advants__inner {
    padding-bottom: 20px;
    text-align: center;
  }
}
.index-advants__h3 {
  margin-bottom: 32px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 3.6rem;
  line-height: 2.6rem;
  color: #000;
  text-transform: uppercase;
  text-align: center;
}
.index-advants__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.index-advants__item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  /*float: left;*/
}
@media (min-width: 751px) and (max-width: 1023px) {
  .index-advants__item {
    margin-bottom: 30px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-advants__item {
    display: block;
    margin: 0 auto 35px !important;
  }
}
.index-advants__item:nth-of-type(1) {
  margin-right: 80px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .index-advants__item:nth-of-type(1) {
    margin-right: 30px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .index-advants__item:nth-of-type(1) {
    margin-right: 30px;
  }
}
.index-advants__item:nth-of-type(2) {
  margin-right: 82px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .index-advants__item:nth-of-type(2) {
    margin-right: 30px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .index-advants__item:nth-of-type(2) {
    margin-right: 30px;
  }
}
.index-advants__item:nth-of-type(3) {
  margin-right: 75px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .index-advants__item:nth-of-type(3) {
    margin-right: 30px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .index-advants__item:nth-of-type(3) {
    margin-right: 30px;
  }
}
.index-advants__item:nth-of-type(4) {
  margin-right: 62px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .index-advants__item:nth-of-type(4) {
    margin-right: 30px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .index-advants__item:nth-of-type(4) {
    margin-right: 30px;
  }
}
.index-advants__icon {
  height: 94px;
  margin-bottom: 5px;
  line-height: 94px;
  text-align: center;
}
.index-advants__icon img {
  vertical-align: bottom;
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-advants__icon {
    margin-bottom: 5px;
  }
}
.index-advants__label {
  margin: 0 auto 6px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #282828;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.index-advants__note {
  display: inline-block;
  background-color: #f20303;
  margin: 0 auto;
  padding: 0 9px 2px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #fff;
}
.index-auctions, .action-slider {
  width: 100%;
  height: 835px;
  background-image: url("/bitrix/bg_auction-index.jpg");
  background-position: center 0;
}
.index-auctions__pic img {
  width: 200px;
}
.index-auctions__inner {
  width: 100%;
  max-width: 1458px;
  height: 835px;
  position: relative;
  margin: 0 auto;
  padding-top: 45px;
  text-align: center;
}
.index-auctions__slider {
  max-width: 1193px;
  margin: 0 auto;
  padding-top: 1px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-auctions__inner {
    padding-top: 42px;
  }
}
.index-auctions__h3 {
  margin-bottom: 29px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 3.6rem;
  line-height: 2.6rem;
  color: #ff0039;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}
.index-auctions__list {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 470px !important;
  position: relative !important;
  top: 0;
  padding-top: 13px;
  overflow: hidden !important;
  z-index: 10000;
}
.index-auctions__item {
  display: inline-block;
  width: 227px;
  overflow: visible !important;
}
.index-auctions .bx-wrapper {
  margin: 0 auto;
}
.index-auctions .bx-viewport {
  max-width: 1214px;
  height: 472px !important;
  margin: 0 auto;
  padding-top: 23px;
  z-index: 1000;
}
.index-auctions .bx-controls {
  width: 100%;
  height: 609px;
  max-width: 1458px;
  position: absolute;
  top: 130px;
  left: 50%;
  z-index: 110;
  margin-left: -729px;
}
@media (min-width: 320px) and (max-width: 1470px) {
  .index-auctions .bx-controls {
    height: 105px;
    max-width: 640px;
    margin-left: -320px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-auctions .bx-controls {
    height: 105px;
    max-width: 300px;
    margin-left: -150px;
  }
}
.index-auctions .bx-controls a {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  background-image: url(/bitrix/spritesheet.png);
  width: 20px;
  height: 30px;
}
@media (min-width: 1024px) and (max-width: 1470px) {
  .index-auctions .bx-controls a {
    top: 77px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .index-auctions .bx-controls a {
    top: 77px;
  }
}
.index-auctions .bx-controls .bx-prev, .index-auctions .bx-controls .prev {
  background-position: -330px -63px;
}
.index-auctions .bx-controls .bx-next, .index-auctions .bx-controls .next {
  left: auto;
  right: 0;
  background-position: -330px 0px;
}
.prev.disabled, .next.disabled {
  display: block !important;
}

.index-auctions__all-link {
  display: inline-block;
  position: relative;
  z-index: 300;
  margin-top: 24px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: normal;
  color: #fff;
  text-transform: uppercase;
  text-decoration: underline;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.index-auctions__all-link:hover {
  color: #ff0039;
}
.auction-item {
  display: inline-block;
  width: 226px;
  height: 470px;
  text-align: center;
  vertical-align: top;
}
.auction-item__foto {
  width: 226px;
  height: 226px;
  position: relative;
  margin: 0 auto 40px;
  padding-top: 20px;
  background-color: #fff;
  border-radius: 226px;
  text-align: center;
}
.auction-item__foto img {
  /*max-width: 290px;
  height: auto;
  position: relative;
  top: -30px;
  left: -50px;*/
  max-width: 188px;
  height: auto;
  position: relative;
  top: -1px;
  left: 0;
}
.auction-item__counter {
  width: 110px;
  height: 28px;
  background-color: #fff;
  border-radius: 5px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  z-index: 200;
  margin-left: -55px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #ff0039;
  text-align: center;
}
.auction-item__icon-sold {
  background-image: url(/bitrix/spritesheet.png);
  background-position: 0px -119px;
  width: 103px;
  height: 103px;
  position: absolute;
  top: -6px;
  right: 0;
}
.auction-item__icon-discount {
  background-image: url(/bitrix/spritesheet.png);
  background-position: -171px 0px;
  width: 103px;
  height: 103px;
  position: absolute;
  top: -13px;
  right: 4px;
  padding-top: 26px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.auction-item__discount-num {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 3.3rem;
  line-height: 3rem;
  vertical-align: top;
}
.auction-item__discount-percent {
  font-size: 2rem;
  line-height: 2rem;
}
.auction-item__discount-text {
  display: block;
  font-size: 1.7rem;
  line-height: 1.6rem;
}
.auction-item__title {
  display: inline-block;
  height: 40px;
  overflow: hidden;
  margin-bottom: 7px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: normal;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
}
.auction-item__title:hover {
  color: #ff0039;
}
.auction-item__price {
  margin-bottom: 18px;
}
.auction-item__price--new {
  display: inline-block;
  margin-right: 10px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 2.3rem;
  line-height: normal;
  font-weight: bold;
  color: #ff0039;
}
.auction-item__price--old {
  display: inline-block;
  position: relative;
  top: 3px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: normal;
  font-weight: bold;
  color: #c2c2c2;
  text-decoration: line-through;
  vertical-align: super;
}
.auction-item__price--new i {font-size: 21px;}
.auction-item__price--old i {font-size: 12px;}
.auction-item__cart-btn {
  display: inline-block;
  width: 134px;
  height: 44px;
  position: relative;
  margin: 20px 0 0 -20px;
  padding-left: 40px;
  border: 3px solid #ffd900;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 3.8rem;
  color: #fff;
  text-decoration: underline;
  text-transform: uppercase;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
}
.auction-item__cart-btn::before {
  position: absolute;
  top: 9px;
  left: 20px;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -336px -175px;
  width: 14px;
  height: 19px;
  content: '';
}
.auction-item__cart-btn:hover {
  border-color: #ff0039;
}
.subscribe {
  width: 100%;
  height: 193px;
  background-image: url("/bitrix/bg_subscribe.jpg");
}
@media (min-width: 320px) and (max-width: 639px) {
  .subscribe {
    height: auto;
  }
}
.subscribe__inner {
  width: 1170px;
  margin: 0 auto;
  clear: both;
  height: 123px;
  background-image: url("/bitrix/bg_subscribe-inner.jpg");
  position: relative;
  top: 34px;
  padding: 0 30px 0 62px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .subscribe__inner {
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .subscribe__inner {
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .subscribe__inner {
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .subscribe__inner {
    background-position: -150px 0;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .subscribe__inner {
    height: 290px;
    background: none;
    top: 15px;
  }
}
.subscribe__title {
  width: 210px;
  position: relative;
  top: 18px;
  font-family: "bebasneue_book", Helvetica, Arial, sans-serif;
  font-size: 4.9rem;
  line-height: 4.4rem;
  color: #000;
  text-transform: uppercase;
}
@media (min-width: 320px) and (max-width: 639px) {
  .subscribe__title {
    width: auto;
    top: 0;
    font-size: 3.5rem;
    line-height: 4rem;
    text-align: center;
  }
}
.subscribe__pic {
  background-image: url(/bitrix/spritesheet.png);
  background-position: 0px 0px;
  width: 164px;
  height: 117px;
  position: absolute;
  top: -56px;
  left: 434px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .subscribe__pic {
    left: 336px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .subscribe__pic {
    display: none;
  }
}
.subscribe__text {
  width: 225px;
  position: absolute;
  top: 31px;
  left: 317px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: #000;
  text-transform: uppercase;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .subscribe__text {
    left: 232px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .subscribe__text {
    width: auto;
    top: 85px;
    left: 196px;
    background-color: #ffd900;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .subscribe__text {
    top: 45px;
    left: 50%;
    margin-left: -112px;
    text-align: center;
  }
}
.subscribe__text span {
  display: inline-block;
  padding: 0 7px 0 10px;
  background-color: #ffd900;
  letter-spacing: 1px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .subscribe__text span {
    background-color: transparent;
  }
}
.subscribe__text span:nth-of-type(1) {
  width: 175px;
  padding-top: 4px;
}
.subscribe__text span:nth-of-type(2) {
  width: 175px;
}
.subscribe__text span:nth-of-type(3) {
  padding-bottom: 3px;
}
.subscribe__input-wrap {
  width: 332px;
  height: 58px;
  position: absolute;
  top: 32px;
  right: 222px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .subscribe__input-wrap {
    top: 20px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .subscribe__input-wrap {
    width: 310px;
    top: 115px;
    right: auto;
    left: 5px;
  }
}
.subscribe__input {
  width: 330px;
  height: 56px;
  border: 1px solid #cecece;
  padding: 0 20px 0 74px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #282828;
  font-weight: bold;
}
@media (min-width: 320px) and (max-width: 639px) {
  .subscribe__input {
    width: 310px;
  }
}
.subscribe__input-wrap::before {
  display: block;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -204px -180px;
  width: 31px;
  height: 22px;
  position: absolute;
  top: 17px;
  left: 21px;
  content: '';
}
.subscribe__submit {
  width: 175px;
  height: 56px;
  position: absolute;
  top: 32px;
  right: 30px;
  border: 3px solid #ffd900;
  background-color: #fff;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.9rem;
  line-height: 5rem;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .subscribe__submit {
    top: 20px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .subscribe__submit {
    top: 190px;
    right: auto;
    left: 50%;
    margin-left: -90px;
  }
}
.subscribe__submit:hover {
  background-color: #ffd900;
  color: #fff;
}
.index-popular {
  padding: 77px 0 42px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-popular {
    padding-top: 40px;
  }
}
.index-popular__inner {
  width: 1212px;
  position: relative;
  margin: 0 auto;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .index-popular__inner {
    width: 1024px;
    text-align: center;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .index-popular__inner {
    width: 768px;
    text-align: center;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-popular__inner {
    width: 320px;
    height: 870px;
    text-align: center;
    overflow: hidden;
  }
}
.index-popular__h3 {
  margin-bottom: 32px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 3.6rem;
  line-height: 2.6rem;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}
.popular-item {
  display: inline-block;
  width: 226px;
  margin-bottom: 65px;
  margin-right: 90px;
  text-align: center;
  vertical-align: top;
}
.popular-item .product__quan {
  margin: 0 !important;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .popular-item {
    margin-right: 25px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .popular-item {
    margin-right: 30px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .popular-item {
    margin: 0 auto 40px;
  }
}
.popular-item:nth-of-type(4n) {
  margin-right: 0;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .popular-item:nth-of-type(4n) {
    margin-right: 30px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .popular-item:nth-of-type(4n) {
    margin: 0 auto 40px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .popular-item:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .popular-item:nth-of-type(3n) {
    margin: 0 auto 40px;
  }
}
.popular-item__foto {
  display: inline-block;
  width: 226px;
  height: 226px;
  position: relative;
  margin: 0 auto 30px;
  background-color: #fff;
  border-radius: 226px;
  text-align: center;
  line-height: 226px;
  overflow: hidden;
}
.popular-item__foto img {
  /*max-width: 450px;
  height: auto;
  border-radius: 450px;
  position: relative;
  top: -25px;
  left: -32px;
  vertical-align: middle;*/
  max-width: 226px;
  height: auto;
  border-radius: 226px;
  position: relative;
  top: -1px;
  left: 0;
  vertical-align: middle;
}
.popular-item__title {
  display: inline-block;
  height: 40px;
  overflow: hidden;
  margin-bottom: 16px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: normal;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
}
.popular-item__title:hover {
  color: #ff0039;
}
.popular-item__price {
  margin-bottom: 19px;
}
.popular-item__price--one {
  display: inline-block;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 2.3rem;
  line-height: normal;
  font-weight: bold;
  color: #ff0039;
}
.popular-item__price--new {
  display: inline-block;
  margin-right: 10px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 2.3rem;
  line-height: normal;
  font-weight: bold;
  color: #000;
}
.popular-item__price--old {
  display: inline-block;
  position: relative;
  top: 2px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: normal;
  font-weight: bold;
  color: #fff;
  vertical-align: super;
  text-decoration: line-through;
}
.kurs-item__price .popular-item__price--old {
  top: 12px;
  color: #fff !important;
}
.popular-item__price--new i {font-size: 2.1rem;}
.popular-item__price--old i {font-size: 1.2rem;}
.popular-item__cart-btn {
  display: inline-block;
  width: 134px;
  height: 44px;
  position: relative;
  margin: 20px 0 0 -20px;
  padding-left: 40px;
  border: 3px solid #f20303;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 3.8rem;
  color: #000;
  text-decoration: underline;
  text-transform: uppercase;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
}
.popular-item__cart-btn::before {
  position: absolute;
  top: 9px;
  left: 20px;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -336px -196px;
  width: 14px;
  height: 19px;
  content: '';
}
.popular-item__cart-btn:hover {
  border-color: #000;
}
.index-kurs {
  width: 100%;
  height: 700px;
  background-image: url("/bitrix/bg_auction-index.jpg");
  background-position: center 0;
  background-repeat: repeat-y;
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-kurs {
    height: auto;
    padding-bottom: 40px;
  }
}
.index-kurs__inner {
  width: 100%;
  max-width: 1458px;
  height: 700px;
  position: relative;
  margin: 0 auto;
  padding-top: 60px;
  text-align: center;
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-kurs__inner {
    height: auto;
    padding-top: 40px;
  }
}
.index-kurs__h3 {
  margin-bottom: 42px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 3.6rem;
  line-height: 2.6rem;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}
.index-kurs__slider {
  max-width: 1195px;
  height: 500px; 
  margin: 0 auto;
}
.index-kurs__list {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 500px !important;
  position: relative !important;
  padding-top: 23px;
  overflow: hidden;
  z-index: 10000;
}
.index-kurs__item {
  display: inline-block;
  width: 315px;
  height: 500px;
  margin-right: 125px;
}
.index-kurs .bx-wrapper {
  height: 500px;
  margin: 0 auto;
}
.index-kurs .bx-viewport {
  max-width: 1200px;
  height: 490px;
  margin: 0 auto;
  z-index: 1000;
}
.index-kurs .bx-controls {
  width: 100%;
  height: 733px;
  max-width: 1458px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 110;
  margin-left: -729px;
}
@media (min-width: 1024px) and (max-width: 1470px) {
  .index-kurs .bx-controls {
    height: 125px;
    max-width: 640px;
    margin-left: -320px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .index-kurs .bx-controls {
    height: 125px;
    max-width: 640px;
    margin-left: -320px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-kurs .bx-controls {
    height: 80px;
    max-width: 300px;
    margin-left: -150px;
  }
}
.index-kurs .bx-controls a {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  background-image: url(/bitrix/spritesheet.png);
  width: 20px;
  height: 30px;
}
@media (min-width: 640px) and (max-width: 1470px) {
  .index-kurs .bx-controls a {
    top: 88px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-kurs .bx-controls a {
    top: 51px;
  }
}
.index-kurs .bx-controls .bx-prev, .index-kurs .bx-controls .prev {
  background-position: -330px -63px;
}
.index-kurs .bx-controls .bx-next, .index-kurs .bx-controls .next {
  left: auto;
  right: 0;
  background-position: -330px 0px;
}
.kurs-item {
  display: inline-block;
  width: 315px;
  height: 500px;
  text-align: center;
  vertical-align: top;
}
.kurs-item__foto {
  width: 265px;
  height: 265px;
  position: relative;
  margin: 0 auto 28px;
  background-color: #fff;
  border-radius: 265px;
  text-align: center;
}
.kurs-item__foto img {
  max-width: 303px;
  height: auto;
  position: absolute;
  /*top: -23px;
  left: -24px;*/
  top: 20px;
  left: 20px;
}
.kurs-item__title {
  display: inline-block;
  margin-bottom: 0;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 3rem;
  line-height: 1rem;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
}
.kurs-item__title:hover {
  color: #ff0039;
}
.kurs-item__subtitle {
  display: block;
  margin-top: 12px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1.6rem;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.kurs-item__price {
  margin-bottom: 16px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 3.9rem;
  line-height: normal;
  font-weight: bold;
  color: #ff0039;
  text-align: center;
}
.kurs-item__price span {color: #ff0039;}
.kurs-item__cart-btn {
  display: inline-block;
  width: 134px;
  height: 44px;
  position: relative;
  margin: 20px 0 0 -20px;
  padding-left: 40px;
  border: 3px solid #ffd900;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 3.8rem;
  color: #fff;
  text-decoration: underline;
  text-transform: uppercase;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
}
.kurs-item__cart-btn::before {
  position: absolute;
  top: 9px;
  left: 20px;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -336px -175px;
  width: 14px;
  height: 19px;
  content: '';
}
.kurs-item__cart-btn:hover {
  border-color: #ff0039;
}
.index-reviews {
  padding: 61px 0;
}
.index-reviews__inner {
  width: 1170px;
  margin: 0 auto;
  clear: both;
  text-align: center;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .index-reviews__inner {
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .index-reviews__inner {
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-reviews__inner {
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.index-reviews__h3 {
  margin-bottom: 66px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 3.6rem;
  line-height: 2.6rem;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}
.index-reviews__all-link {
  position: relative;
  top: 15px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: #000;
  text-transform: uppercase;
  text-decoration: underline;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .index-reviews__all-link {
    top: 0;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-reviews__all-link {
    top: 0;
  }
}
.index-reviews__all-link:hover {
  color: #ff0039;
}
.reviews-item {
  display: inline-block;
  width: 358px;
  height: 144px;
  margin-right: 42px;
  margin-bottom: 10px;
  text-align: left;
  vertical-align: top;
  overflow: hidden;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .reviews-item {
    width: 350px;
    margin-right: 12px;
    margin-bottom: 40px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .reviews-item {
    display: block;
    width: 310px;
    margin: 0 auto 30px;
  }
}
.reviews-item:nth-of-type(3n) {
  margin-right: 0;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .reviews-item:nth-of-type(3n) {
    margin-right: 42px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .reviews-item:nth-of-type(3n) {
    margin: 0 auto 30px;
  }
}
.reviews-item__foto {
  display: inline-block;
  width: 99px;
  height: 99px;
  margin-right: 19px;
  border-radius: 99px;
  line-height: 99px;
  vertical-align: top;
}
@media (min-width: 320px) and (max-width: 639px) {
  .reviews-item__foto {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}
.reviews-item__foto img {
  max-width: 99px;
  height: auto;
  vertical-align: middle;
  border-radius: 99px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .reviews-item__foto img {
    max-width: 70px;
  }
}
.reviews-item__right {
  display: inline-block;
  max-width: 235px;
  vertical-align: top;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .reviews-item__right {
    max-width: 225px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .reviews-item__right {
    max-width: 200px;
  }
}
.reviews-item__name {
  margin-bottom: 13px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1.4rem;
  color: #000;
  text-transform: uppercase;
}
.reviews-item__rating {
  width: 97px;
  height: 14px;
  margin-bottom: 8px;
  background-image: url("/bitrix/stars.png");
  background-position: 0 0;
}
.reviews-item__rating-inner {
  height: 14px;
  background-image: url("/bitrix/stars.png");
  background-position: 0 -21px;
}
.reviews-item__text {
  height: 60px;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3rem;
  line-height: 2rem;
  color: #000;
}
.reviews-item__text a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3rem;
  line-height: 2rem;
  color: #000;
}
.index-brands {
  width: 100%;
  height: 305px;
  background-image: url("/bitrix/bg_brands-slider.jpg");
  background-position: center 0;
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-brands {
    height: 260px;
  }
}
.index-brands__inner {
  width: 100%;
  max-width: 1458px;
  height: 305px;
  position: relative;
  margin: 0 auto;
  padding-top: 65px;
  text-align: center;
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-brands__inner {
    height: 260px;
    padding-top: 44px;
  }
}
.index-brands__h3 {
  margin-bottom: 50px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 3.6rem;
  line-height: 2.6rem;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}
.index-brands__list {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100px;
  position: relative;
  overflow: hidden;
}
.index-brands__item {
  display: inline-block;
  width: 134px;
  height: 94px;
  margin-right: 130px;
  line-height: 94px;
}
.index-brands__item a {text-decoration: none;}
.index-brands__logo {
  max-width: 134px;
  max-height: 94px;
  vertical-align: middle;
  transition: 0.2s all;
}
.index-brands__logo--color {
  max-width: 134px;
  max-height: 94px;
  vertical-align: middle;
  transition: 0.2s all;
  /*opacity: 0;*/
}
.index-brands__item:hover .index-brands__logo {
  /*opacity: 0;*/
}
.index-brands__item:hover .index-brands__logo--color {
  /*opacity: 1;*/
}
.index-brands .bx-wrapper {
  margin: 0 auto;
}
.index-brands .bx-viewport {
  max-width: 1185px;
  margin: 0 auto;
  z-index: 1000;
}
.index-brands .bx-controls {
  width: 100%;
  height: 305px;
  max-width: 1458px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 110;
  margin-left: -729px;
}
@media (min-width: 1024px) and (max-width: 1470px) {
  .index-brands .bx-controls {
    height: 105px;
    max-width: 640px;
    margin-left: -320px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .index-brands .bx-controls {
    height: 105px;
    max-width: 640px;
    margin-left: -320px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .index-brands .bx-controls {
    height: 105px;
    max-width: 300px;
    margin-left: -150px;
  }
}
.index-brands .bx-controls a {
  display: block;
  position: absolute;
  top: 179px;
  left: 0;
  background-image: url(/bitrix/spritesheet.png);
  width: 20px;
  height: 30px;
}
@media (min-width: 320px) and (max-width: 1470px) {
  .index-brands .bx-controls a {
    top: 41px;
  }
}
.index-brands .bx-controls .bx-prev {
  background-position: -330px -97px;
}
.index-brands .bx-controls .bx-next {
  left: auto;
  right: 0;
  background-position: -330px -31px;
}
.page-footer {
  height: 367px;
  background-image: url("/bitrix/bg_footer.jpg");
  background-position: center 0;
  background-repeat: no-repeat;
}
@media (min-width: 320px) and (max-width: 639px) {
  .page-footer {
    height: auto;
    background-repeat: repeat;
  }
}
.page-footer--inner-page {
  height: 158px;
  background-color: #212832;
  border: none;
  text-align: center;
}
.page-footer__inner {
  width: 1170px;
  margin: 0 auto;
  clear: both;
  position: relative;
  height: 367px;
  padding: 54px 0 0;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .page-footer__inner {
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .page-footer__inner {
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .page-footer__inner {
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .page-footer__inner {
    padding-top: 30px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .page-footer__inner {
    height: auto;
    padding-top: 30px;
  }
}
.page-footer__left {
  width: 570px;
  position: relative;
  float: left;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .page-footer__left {
    width: 500px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .page-footer__left {
    width: 405px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .page-footer__left {
    width: 310px;
  }
}
.page-footer__right {
  width: 500px;
  float: right;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .page-footer__right {
    width: 440px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .page-footer__right {
    width: 310px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .page-footer__right {
    width: 310px;
    margin-top: 20px;
  }
}
.page-footer__price-link {
  width: 185px;
  height: 160px;
  position: absolute;
  top: 0;
  left: 325px;
  text-align: center;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .page-footer__price-link {
    left: 225px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .page-footer__price-link {
    left: 130px;
  }
}
.page-footer__price-link a {
  display: block;
  padding-top: 117px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #cfb000;
  text-transform: uppercase;
  text-decoration: underline;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
}
.page-footer__price-link a::before {
  display: block;
  width: 162px;
  height: 103px;
  background-image: url("/bitrix/bg_pricelist.png");
  position: absolute;
  top: -6px;
  left: 10px;
  content: '';
}
.page-footer__price-link a:hover {
  color: #fff;
}
.menu-price {
  width: 185px;
  height: 160px;
  position: absolute;
  top: 30px;
  right: 50px;
  padding-top: 105px;
  text-align: center;
}
.menu-price a {
  display: block;
  padding-top: 117px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #cfb000;
  text-transform: uppercase;
  text-decoration: underline;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
}
.menu-price a::before {
  display: block;
  width: 162px;
  height: 103px;
  background-image: url("/bitrix/bg_pricelist.png");
  position: absolute;
  top: -6px;
  left: 10px;
  content: '';
}
.menu-price a:hover {
  color: #fff;
}
.page-footer__mail-note {
  width: 400px;
  position: relative;
  top: -3px;
  margin-bottom: 45px;
  padding-left: 84px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: normal;
  color: #fff;
}
.page-footer__mail-note a {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: normal;
  color: #fff;
  text-decoration: none;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .page-footer__mail-note {
    width: auto;
    margin-bottom: 25px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .page-footer__mail-note {
    width: auto;
    margin-bottom: 20px;
  }
}
.page-footer__mail-note::before {
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -173px -107px;
  width: 67px;
  height: 36px;
  content: '';
}
.page-footer__pay {
  width: 230px;
  display: inline-block;
  margin-right: 84px;
  vertical-align: top;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .page-footer__pay {
    margin-bottom: 15px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .page-footer__pay {
    display: inline-block;
    width: 190px;
    margin: 0 0 20px;
  }
}
.page-footer__pay-title {
  margin-bottom: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3rem;
  line-height: normal;
  color: #666767;
}
.page-footer__pay-method {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  margin-bottom: 10px;
  background-color: #eee !important;
  border-radius: 3px;
}
.page-footer__pay-sb {
  background: url(/bitrix/sb_icon.png) center center no-repeat;  
}
.page-footer__pay-alfa {
  background: url(/bitrix/alfa_icon.png) center center no-repeat;  
}
.page-footer__pay-vtb {
  background: url(/bitrix/vtb_icon.png) center center no-repeat;  
}
.page-footer__pay-visa {
  background: url(/bitrix/card_icon.png) center center no-repeat;  
  margin-right: 0;
}
.page-footer__pay-ya {
  background: url(/bitrix/yandex_icon.png) center center no-repeat;  
}
.page-footer__pay-qiwi {
  background: url(/bitrix/qiwi_icon.png) center center no-repeat;  
}
.page-footer__pay-btc {
  background: url(/bitrix/btc_icon.png) center center no-repeat;  
}
.page-footer__pay-card {
  margin-right: 0; 
}
.page-footer__pay-card span {
  display: block;
  width: 32px;
  height: 32px;
  background: url(/bitrix/self-card2.png) center center no-repeat;
  background-size: cover;
  position: relative;
  top: 3px;
  left: 4px; 
}
@media (min-width: 320px) and (max-width: 639px) {
  .page-footer__pay-sb {
    margin-right: 4px;
  }
}
.page-footer__deliver {
  width: 115px;
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 320px) and (max-width: 639px) {
  .page-footer__deliver {
    display: inline-block;
    margin: 0;
  }
}
.page-footer__deliver-title {
  margin-bottom: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3rem;
  line-height: normal;
  color: #666767;
}
.page-footer__deliver-icon {
  display: inline-block;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -260px -142px;
  width: 59px;
  height: 29px;
}
.page-footer__copyright {
  max-width: 370px;
  margin: 18px auto 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  line-height: normal;
  color: #fff;
  opacity: 0.45;
  text-align: center;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .page-footer__copyright {
    margin-top: 30px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .page-footer__copyright {
    margin-top: 5px;
    padding-bottom: 30px;
  }
}
.footer-menu {
  max-width: 325px;
}
.footer-menu__list {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  margin: -3px 70px 0 0;
  vertical-align: top;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .footer-menu__list {
    margin-right: 35px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .footer-menu__list {
    margin-bottom: 4px;
  }
}
.footer-menu__item {
  display: block;
  margin-bottom: 21px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .footer-menu__item {
    margin: 0 5px 5px;
  }
}
.footer-menu__link {
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: normal;
  color: #fff;
  text-decoration: underline;
  text-transform: uppercase;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
}
.footer-menu__link:hover {
  color: #ff0039;
}
.side-buttons {
  width: 41px;
  position: fixed;
  top: 38%;
  right: 17px;
  z-index: 10000;
}
@media (min-width: 320px) and (max-width: 639px) {
  .side-buttons__consult {
    display: none;
  }
}
.side-buttons__button {
  width: 41px;
  height: 142px;
  position: relative;
  margin-bottom: 5px;
  background-color: #ffd900;
  border-radius: 21px;
}
.side-buttons__button-inner {
  display: block;
  width: 41px;
  height: 142px;
}
.side-buttons__label {
  display: block;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #282828;
  font-weight: bold;
  text-decoration: none;
  -webkit-transform: rotate(-45deg);
  /* не забываем префиксные свойства */
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-90deg);
  position: absolute;
}
.side-buttons__cart .side-buttons__label {
  right: -9px;
  bottom: 46px;
}
.side-buttons__consult .side-buttons__label {
  right: -20px;
  bottom: 47px;
}
.side-buttons__consult::before {
  display: block;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -324px -271px;
  width: 26px;
  height: 25px;
  position: absolute;
  top: 9px;
  left: 7px;
  content: '';
}
.side-buttons__cart-inner {
  background-image: url(/bitrix/spritesheet.png);
  background-position: -126px -186px;
  width: 26px;
  height: 27px;
  position: absolute;
  top: 11px;
  left: 10px;
}
.side-buttons__cart-num {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 7px;
  left: 10px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 16px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.breadcrumbs {
  margin-bottom: 38px;
}
.breadcrumbs__inner {
  width: 1170px;
  margin: 0 auto;
  clear: both;
  height: 22px;
  background-color: #f20303;
  padding-left: 13px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .breadcrumbs__inner {
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .breadcrumbs__inner {
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .breadcrumbs__inner {
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .breadcrumbs__inner {
    height: auto;
    min-height: 22px;
  }
}
.breadcrumbs__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumbs__item {
  display: inline-block;
  vertical-align: top;
}
.breadcrumbs__link {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 22px;
  color: #fff;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.breadcrumbs__link:hover {
  color: #000;
}
.breadcrumbs__link::after {
  display: inline-block;
  width: 6px;
  height: 9px;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -344px -164px;
  position: relative;
  top: -1px;
  margin: 0 11px;
  vertical-align: middle;
  content: '';
}
.breadcrumbs__current {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 22px;
  color: #fff;
  text-decoration: none;
}
.page-title h1{
  width: 1170px;
  margin: 0 auto;
  clear: both;
  display: block;
  position: relative;
  margin-bottom: 34px;
  padding-bottom: 22px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 4.6rem;
  line-height: 3rem;
  color: #000;
  letter-spacing: 1px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .page-title h1{
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .page-title h1{
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .page-title h1{
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.page-title h1::after {
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000;
  content: '';
}
.common-page__inner {
  width: 1170px;
  margin: 0 auto;
  clear: both;
  margin-bottom: 70px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 21px;
  color: #000;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .common-page__inner {
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .common-page__inner {
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .common-page__inner {
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.page-nav {
  margin: 40px 0 75px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .page-nav {
    margin-bottom: 40px;
  }
}
.page-nav__inner {
  max-width: 100%;
  width: 1170px;
  margin: 0 auto;
  clear: both;
  text-align: center;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .page-nav__inner {
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .page-nav__inner {
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .page-nav__inner {
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.page-nav__prev {
  display: inline-block;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -328px -251px;
  width: 11px;
  height: 16px;
  margin-right: 50px;
  vertical-align: middle;
}
.page-nav__next {
  display: inline-block;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -265px -181px;
  width: 11px;
  height: 16px;
  margin-left: 34px;
  vertical-align: middle;
}
.page-nav__ul {
  display: inline-block;
  vertical-align: top;
}
.page-nav__li {
  display: inline-block;
  margin-right: 26px;
  vertical-align: top;
}
.page-nav__li a {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 16px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.page-nav__li a:hover {
  color: #ff0039;
}
.page-nav__current {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 16px;
  color: #ff0039;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.button-up {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 50px;
  right: 17px;
  z-index: 1000;
  border: 3px solid #000;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.button-up:hover {
  border-color: #f20303;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .button-up {
    right: 20px;
    bottom: 20px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .button-up {
    right: 20px;
    bottom: 20px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .button-up {
    width: 50px;
    height: 50px;
    right: 20px;
    bottom: 20px;
  }
}
.button-up--project {
  background-color: rgba(70, 70, 70, 0.12);
}
.button-up--project:hover {
  background-color: #464646;
}
.button-up a {
  display: block;
  width: 26px;
  height: 18px;
  background-image: url("/bitrix/sprite.png");
  background-position: 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -13px;
}
.button-up:hover a {
  background-position: -27px 0;
}
.common-form {
  padding: 20px 30px;
}
.common-form__title {
  margin-bottom: 21px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 15px;
  color: #000;
  text-transform: uppercase;
}
.common-form__input-wrap {
  width: 330px;
  margin-bottom: 8px;
}
.common-form__label {
  margin-bottom: 6px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 15px;
  color: #282828;
  font-weight: bold;
}
.common-form__input {
  width: 100%;
  height: 45px;
  padding: 0 20px;
  border: 1px solid #2c2c2c;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #282828;
  font-weight: bold;
}
.common-form__submit-btn {
  display: block;
  width: 200px;
  height: 45px;
  margin: 20px auto;
  border: 3px solid #f20303;
  background: none;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 42px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.common-form__submit-btn:hover {
  border-color: #000;
}
.common-form__link {
  margin-right: 10px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #282828;
  text-decoration: underline;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.common-form__link:hover {
  color: #f20303;
}
.brands-page__inner {
  width: 1170px;
  margin: 0 auto;
  clear: both;
  text-align: center;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .brands-page__inner {
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .brands-page__inner {
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .brands-page__inner {
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.brands-item {
  display: inline-block;
  width: 368px;
  height: 189px;
  position: relative;
  margin: 0 28px 32px 0;
  padding: 28px 25px 26px;
  background-color: #fff;
  vertical-align: top;
  text-align: left;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .brands-item {
    width: 320px;
    margin-right: 15px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .brands-item {
    width: 320px;
    margin: 0 10px 15px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .brands-item {
    width: 310px;
    margin: 0 auto 15px;
  }
}
.brands-item:nth-of-type(3n) {
  margin-right: 0;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .brands-item:nth-of-type(3n) {
    margin: 0 10px 15px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .brands-item:nth-of-type(3n) {
    margin: 0 auto 15px;
  }
}
.brands-item__name {
  display: inline-block;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 16px;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.brands-item__name:hover {
  color: #ff0039;
}
.brands-item__descr {
  width: 185px;
  height: 65px;
  position: absolute;
  left: 25px;
  top: 60px;
  overflow: hidden;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: #000;
}
.brands-item__pic {
  display: inline-block;
  width: 122px;
  height: 126px;
  position: absolute;
  top: 32px;
  right: 22px;
  line-height: 126px;
}
.brands-item__pic img {
  max-width: 122px;
  height: auto;
  vertical-align: middle;
}
.brands-item__pic .index-brands__logo--color {display: none; max-height: none;}
.product-page {
  /*&__use-inner {
        .container();
        padding-top: 73px;

        @media @screen-xs {
          padding: 30px 0;
        }
      }*/
}
.product-page__top::after {
  display: block;
  width: 100%;
  margin-bottom: 87px;
  clear: both;
  content: '';
}
@media (min-width: 751px) and (max-width: 1023px) {
  .product-page__top::after {
    margin-bottom: 45px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product-page__top::after {
    margin-bottom: 30px;
  }
}
.product-page__descr {
  width: 100%;
  min-height: 440px;
  background-image: url("/bitrix/bg_auction-index.jpg");
  background-position: center top;
  background-repeat: repeat-y;
}
.product-page__descr-inner {
  width: 1170px;
  margin: 0 auto;
  clear: both;
  padding: 73px 0 60px;
}
.product-page__descr-inner h1 {
    margin-bottom: 20px;
    font-family: "bebasneue_regular", Helvetica, Arial, sans-serif;
    font-size: 3rem;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.product-page__descr-inner h2, .product-page__descr-inner h3, .product-page__descr-inner h4 {
    margin: 20px 0 10px;
    font-family: "bebasneue_regular", Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media (min-width: 1007px) and (max-width: 1239px) {
  .product-page__descr-inner {
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .product-page__descr-inner {
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product-page__descr-inner {
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .product-page__descr-inner {
    padding-top: 45px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product-page__descr-inner {
    padding: 30px 0;
  }
}
.product-page__h3 {
  margin-bottom: 36px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 3.6rem;
  line-height: 3rem;
  color: #000;
  text-transform: uppercase;
  text-align: center;
}
.product-page__descr-h3 {
  margin-bottom: 52px;
  color: #fff;
}
@media (min-width: 320px) and (max-width: 639px) {
  .product-page__descr-h3 {
    margin-bottom: 30px;
  }
}
.product-page__descr-text {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 23px;
  color: #fff;
  opacity: 0.65;
}
@media (min-width: 320px) and (max-width: 639px) {
  .product-page__descr-text {
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.product-page__descr-text p {
  display: inline-block;
  max-width: 570px;
  width: 45%;
  margin-right: 24px;
  vertical-align: top;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .product-page__descr-text p {
    width: 48%;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .product-page__descr-text p {
    width: 48%;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product-page__descr-text p {
    margin: 0 5px;
  }
}
.product-page__descr-text p:last-child {
  margin-right: 0;
}
.product-page__use {
  margin-top: 80px;
  padding-bottom: 100px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .product-page__use {
    height: auto;
  }
}
.product-page__use-text {
  max-width: 990px;
  margin: 0 auto;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 21px;
  color: #fff;
  text-align: center;
  opacity: 0.65;
  text-transform: none;
}
.product-page__use-text p {
  margin-bottom: 20px;
}
.product-page__use-h3 {
  margin-bottom: 45px;
  color: #fff;
}
.product-page__reviews {
  width: 100%;
  height: auto;
}
.product-page__reviews-inner {
  width: 1170px;
  margin: 0 auto;
  clear: both;
  padding: 73px 0 49px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .product-page__reviews-inner {
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .product-page__reviews-inner {
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product-page__reviews-inner {
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .product-page__reviews-inner {
    padding: 30px 0 0;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product-page__reviews-inner {
    padding: 30px 0 0;
  }
}
.product-page__reviews-list {
  width: 1026px;
  margin: 27px auto 61px;
  padding-bottom: 39px;
  border-bottom: 1px solid #000;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .product-page__reviews-list {
    width: 1000px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .product-page__reviews-list {
    width: 740px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product-page__reviews-list {
    width: 310px;
    margin-bottom: 40px;
    padding-bottom: 30px;
  }
}
.product {
  width: 1170px;
  margin: 0 auto;
  clear: both;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .product {
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .product {
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product {
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.product__left {
  width: 470px;
  position: relative;
  float: left;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .product__left {
    width: 360px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .product__left {
    float: none;
    margin: 0 auto 30px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product__left {
    width: 305px;
    float: none;
    margin: 0 auto 30px;
  }
}
.product__pic--big {
  width: 470px;
  height: 470px;
  margin-bottom: 19px;
  background-color: #fff;
  text-align: center;
  line-height: 470px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .product__pic--big {
    width: 360px;
    height: 360px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product__pic--big {
    width: 305px;
    height: 305px;
  }
}
.product-page__top .auction-item__counter {bottom: 135px;}
.product__pic--big img {
  max-width: 420px;
  max-height: 420px;
  vertical-align: middle;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .product__pic--big img {
    max-width: 100%;
    max-height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product__pic--big img {
    max-width: 100%;
    max-height: 100%;
  }
}
.product__foto-item {
  display: inline-block;
  width: 103px;
  height: 102px;
  margin-right: 15px;
  background-color: #fff;
  text-align: center;
  line-height: 100px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .product__foto-item {
    width: 84px;
    height: 84px;
    line-height: 84px;
    margin-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product__foto-item {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
}
.product__foto-item:last-child {
  margin-right: 0;
}
.product__foto-item a {
  display: block;
}
.product__foto-item img {
  max-width: 84px;
  height: auto;
  vertical-align: middle;
}
.product__right {
  width: 100%;
  max-width: 641px;
  float: right;
  position: relative;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .product__right {
    width: 610px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .product__right {
    float: none;
    margin: 0 auto;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product__right {
    width: 310px;
    float: none;
    margin: 0 auto;
  }
}
.product__h1 {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 33px;
  padding-bottom: 51px;
  border-bottom: 1px solid #000;

}
.product__h1 h1{
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 4.2rem;
  line-height: normal;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.product__brand {
  position: absolute;
  left: 0;
  bottom: 20px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 15px;
  color: #2c2c2c;
  text-decoration: none;
  text-transform: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: normal;
}
.product__brand:hover {
  color: #ff0039;
}
.product__rev-lnk {
  position: absolute;
  right: 115px;
  bottom: 20px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 15px;
  color: #2c2c2c;
  text-decoration: none;
  text-transform: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: normal;
}
@media (min-width: 320px) and (max-width: 639px) {
  .product__rev-lnk {
    bottom: -25px;
    right: auto;
    left: 0;
  }
}
.product__rev-lnk:hover {
  color: #ff0039;
}
.product__stars {
  width: 97px;
  height: 14px;
  background-image: url("/bitrix/stars.png");
  position: absolute;
  right: 0;
  bottom: 20px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .product__stars {
    bottom: -25px;
    right: auto;
    left: 115px;
  }
}
.product__stars-inner {
  width: 80%;
  height: 14px;
  background-image: url("/bitrix/stars.png");
  background-position: 0 -21px;
}
.product__anons {
  display: inline-block;
  max-height: 138px;
  margin-bottom: 27px;
  padding: 5px 9px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 21px;
  color: #2c2c2c;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 639px) {
  .product__anons {
    max-height: none;
    overflow: visible;
  }
}
.product__anons span {
  background: #fff;
  box-shadow: -6px 0 0 2px #fff, 6px 0 0 2px #fff;
  padding: 2px 0 3px;
}
.product__more {
  display: inline-block;
  margin-bottom: 21px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 15px;
  color: #282828;
  font-weight: bold;
  text-decoration: underline;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.product__more:hover {
  color: #ff0039;
}
.product__advant-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product__advant-item {
  display: inline-block;
  position: relative;
  background-color: #fff;
  margin-bottom: 14px;
  padding: 0 16px 0 25px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 2.7rem;
  color: #2c2c2c;
}
@media (min-width: 320px) and (max-width: 639px) {
  .product__advant-item {
    line-height: 2rem;
  }
}
.product__advant-item span::before {
  display: block;
  width: 5px;
  height: 5px;
  background-color: #ff0039;
  position: absolute;
  top: 11px;
  left: 10px;
  content: '';
}
.product__avail {
  position: relative;
  margin-top: 0;
  padding-left: 50px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 15px;
  color: #282828;
  font-weight: bold;
  text-decoration: underline;
}
.product__avail::before {
  display: block;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -196px -254px;
  width: 43px;
  height: 33px;
  position: absolute;
  top: -13px;
  left: 0;
  content: '';
}
.product__not-avail {
  position: relative;
  margin-top: 0;
  padding-left: 50px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 15px;
  color: #282828;
  font-weight: bold;
  text-decoration: underline;
}
.product__pay-block {
  position: relative;
  margin-top: -7px;
  padding-bottom: 27px;
  border-bottom: 1px solid #000;
}
.product__pay-block label {
  display: inline-block;
  width: 150px;
  color: #000;
  font-size: 16px;
}
.product__price {
  margin-right: 30px;
  margin-bottom: 12px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  line-height: normal;
  color: #000;
  font-weight: bold;
  vertical-align: middle;
}
.product__price-inner {display: inline-block; position: relative; left: -8px;}
.product__price i {font-size: 2.2rem;}
.product__price--old {
  margin-bottom: 5px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: normal;
  color: grey;
  text-decoration: line-through;
  vertical-align: super;
}
.product__price--old i {font-size: 13px;}
.product-buttons__block {
  margin-top: 20px;
  text-align: center;
}
.product__quan {
  display: inline-block;
  width: 94px;
  height: 30px;
  margin-right: 40px;
  background-color: #fff;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #282828;
  font-weight: bold;
}
.auction-item .product__quan {
  display: block;
  margin: 0 auto;
}
.product__minus,
.product__plus {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: -4px;
  line-height: 30px;
  color: #000;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
}
.product__quan-input {
  display: inline-block;
  width: 34px;
  height: 30px;
  border: none;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  text-align: center;
}
.product__to-cart {
  display: inline-block;
  width: 134px;
  height: 44px;
  position: relative;
  margin-right: 11px;
  padding-left: 47px;
  border: 3px solid #f20303;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 3.6rem;
  color: #000;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.preorder-btn {
  border-color: #fff !important;
}
.preorder-btn:hover, .preorder-btn--active {
  border-color: #000 !important;
}
@media (min-width: 320px) and (max-width: 639px) {
  .product__to-cart {
    margin-top: 30px;
  }
}
.product__to-cart::before {
  position: absolute;
  top: 6px;
  left: 12px;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -126px -219px;
  width: 17px;
  height: 23px;
  content: '';
}
.product__to-cart:hover {
  border-color: #000;
}
.product__to-fav {
  display: inline-block;
  width: 144px;
  height: 44px;
  position: relative;
  padding-left: 48px;
  border: 3px solid #fff;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 3.6rem;
  color: #000;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.product__to-fav::before {
  position: absolute;
  top: 8px;
  left: 12px;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -39px -244px;
  width: 25px;
  height: 22px;
  content: '';
}
.product__to-fav:hover,
.product__to-fav--active {
  border-color: #f20303;
}
.product__to-fav--active::before {
  position: absolute;
  top: 8px;
  left: 12px;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -155px -252px;
  width: 25px;
  height: 22px;
  content: '';
}
.reviews-list__item {
  position: relative;
  margin-bottom: 42px;
  padding-top: 40px;
  padding-left: 115px;
  border-top: 1px solid #000;
}
@media (min-width: 320px) and (max-width: 639px) {
  .reviews-list__item {
    margin-bottom: 20px;
    padding-left: 0;
  }
}
.reviews-list__item:last-child {
  margin-bottom: 0;
}
.reviews-list__item-foto {
  width: 83px;
  height: 83px;
  position: absolute;
  top: 45px;
  left: 0;
  border: 2px solid #fff;
  border-radius: 83px;
  text-align: center;
  line-height: 83px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .reviews-list__item-foto {
    width: 50px;
    height: 50px;
    top: 25px;
    left: auto;
    right: 5px;
    border-radius: 50px;
    line-height: 50px;
  }
}
.reviews-list__item-foto img {
  width: 83px;
  height: 83px;
  border-radius: 83px;
  margin: -2px 0 0 -2px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .reviews-list__item-foto img {
    max-width: 100%;
    max-height: 100%;
  }
}
.reviews-list__item-top {
  margin-bottom: 16px;
}
.reviews-list__item-name {
  display: inline-block;
  margin-right: 14px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 15px;
  color: #0e0e0e;
  font-weight: bold;
  vertical-align: top;
}
.reviews-list__item-date {
  display: inline-block;
  margin-right: 14px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 17px;
  color: #2c2c2c;
  vertical-align: top;
}
.reviews-list__stars {
  display: inline-block;
  width: 97px;
  height: 14px;
  position: relative;
  top: 2px;
  background-image: url("/bitrix/stars.png");
}
.reviews-list__stars-inner {
  width: 100%;
  height: 14px;
  background-image: url("/bitrix/stars.png");
  background-position: 0 -21px;
}
.reviews-list__item-pos,
.reviews-list__item-neg {
  margin-bottom: 10px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 21px;
  color: #2c2c2c;
}
.reviews-list__item-pos span,
.reviews-list__item-neg span {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: #0e0e0e;
  font-weight: bold;
}
.reviews-list__item-text {
  margin-bottom: 12px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 21px;
  color: #2c2c2c;
}
.reviews-list__item-bot {
  margin-top: 20px;
}
.reviews-list__item-quote {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  padding-left: 33px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #2c2c2c;
  text-decoration: underline;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
@media (min-width: 320px) and (max-width: 639px) {
  .reviews-list__item-quote {
    margin-right: 15px;
    margin-bottom: 20px;
    padding-left: 22px;
  }
}
.reviews-list__item-quote::before {
  background-image: url(/bitrix/spritesheet.png);
  background-position: -332px -145px;
  width: 17px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.reviews-list__item-quote:hover {
  color: #ff0039;
}
.reviews-list__item-answer {
  display: inline-block;
  position: relative;
  margin-right: 38px;
  padding-left: 27px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #2c2c2c;
  text-decoration: underline;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
@media (min-width: 320px) and (max-width: 639px) {
  .reviews-list__item-answer {
    margin-right: 12px;
    padding-left: 22px;
  }
}
.reviews-list__item-answer::before {
  background-image: url(/bitrix/spritesheet.png);
  background-position: -330px -236px;
  width: 17px;
  height: 13px;
  position: absolute;
  top: 3px;
  left: 0;
  content: '';
}
.reviews-list__item-answer:hover {
  color: #ff0039;
}
.reviews-list__item-plus {
  display: inline-block;
  position: relative;
  margin-right: 15px;
  padding-left: 33px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #2c2c2c;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 639px) {
  .reviews-list__item-plus {
    margin-right: 12px;
    padding-left: 26px;
  }
}
.reviews-list__item-plus::before {
  background-image: url(/bitrix/spritesheet.png);
  background-position: -25px -276px;
  width: 22px;
  height: 23px;
  position: absolute;
  top: -8px;
  left: 0;
  content: '';
}
.reviews-list__item-minus {
  display: inline-block;
  position: relative;
  padding-left: 28px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #2c2c2c;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 639px) {
  .reviews-list__item-minus {
    padding-left: 26px;
  }
}
.reviews-list__item-minus::before {
  background-image: url(/bitrix/spritesheet.png);
  background-position: 0px -276px;
  width: 22px;
  height: 23px;
  position: absolute;
  top: -1px;
  left: 0;
  content: '';
}
.reviews-list__item-feedback {
  margin-left: 100px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .reviews-list__item-feedback {
    margin-left: 40px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .reviews-list__item-feedback .reviews-list__item-bot {
    width: 80%;
  }
}
.cart-page__inner {
  width: 830px;
  margin: 0 auto;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .cart-page__inner {
    width: 758px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__inner {
    width: 310px;
  }
}
.cart-page__table {
  width: 100%;
  margin-bottom: 32px;
}
.cart-page__table thead {
  height: 31px;
  background-color: #000;
  padding: 0 30px 0 20px;
}
.cart-page__table thead th {
  height: 31px;
  font-family: "bebasneue_regular", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: normal;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 2px;
}
.cart-page__table th:nth-of-type(1) {
  width: 103px;
}
.cart-page__table th:nth-of-type(2) {
  width: 177px;
}
.cart-page__table th:nth-of-type(3) {
  width: 100px;
}
.cart-page__table th:nth-of-type(4) {
  width: 105px;
}
.cart-page__table th:nth-of-type(5) {
  width: 100px;
}
.cart-page__table th:nth-of-type(6) {
  width: 100px;
}
.cart-page__table td {
  padding: 18px 0;
  border-bottom: 1px solid #000;
  vertical-align: middle;
  text-align: center;
}
.cart-page__table th:first-child,
.cart-page__table td:first-child {
  padding-left: 10px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__table th:first-child,
  .cart-page__table td:first-child {
    display: none;
  }
}
.cart-page__table td:nth-of-type(2) {
  width: 220px;
  padding-left: 10px;
  text-align: left;
}
.cart-page__table th:last-child {
  width: 68px;
  padding-right: 5px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__table th:last-child,
  .cart-page__table td:last-child {
    padding-right: 0;
  }
}
.cart-page__pic {
  display: inline-block;
  width: 103px;
  height: 103px;
  background-color: #fff;
  text-align: center;
  line-height: 103px;
}
.cart-page__pic img {
  max-width: 103px;
  max-height: 103px;
  vertical-align: top;
}
.cart-page__name {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #423600;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__name {
    font-size: 1.4rem;
  }
}
.cart-page__name:hover {
  color: #ff0039;
}
.cart-page__price {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.7rem;
  line-height: normal;
  color: #000;
  font-weight: bold;
}
.cart-page__price i {font-size: 15px;}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__price {
    font-size: 1.4rem;
  }
}
.cart-page__price-old {
  display: block;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: normal;
  color: #fff;
}
.cart-page__quan {
  display: block;
  width: 94px;
  height: 30px;
  margin: 0 auto;
  background-color: #fff;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #282828;
  font-weight: bold;
}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__quan {
    width: 75px;
  }
}
.cart-page__minus,
.cart-page__plus {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: -4px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__minus,
  .cart-page__plus {
    width: 20px;
  }
}
.cart-page__quan-input {
  display: inline-block;
  width: 34px;
  height: 30px;
  border: none;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  text-align: center;
}
.cart-page__remove {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/bitrix/spritesheet.png");
  background-position: -202px -220px;
  cursor: pointer;
}
.cart-page__total {
  margin-bottom: 75px;
  padding-bottom: 32px;
  border-bottom: 1px solid #000;
}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__total {
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 45px;
  }
}
.cart-page__total::after {
  display: block;
  width: 100%;
  clear: both;
  content: '';
}
.cart-page__coupon {
  width: 329px;
  height: 45px;
  background-color: #fff;
  position: relative;
  float: left;
}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__coupon {
    width: 100%;
    margin-bottom: 20px;
  }
}
/*.cart-page__coupon::after {
  display: block;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -265px -181px;
  width: 11px;
  height: 16px;
  position: absolute;
  top: 16px;
  right: 18px;
  content: '';
}*/
.cart-page__coupon-btn {
  display: block;
  background-image: url(/bitrix/coupon-btn.png);
  width: 60px;
  height: 45px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.cart-page__coupon input {
  width: 329px;
  height: 45px;
  border: none;
  padding: 0 47px 0 20px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #282828;
  font-weight: bold;
}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__coupon input {
    width: 100%;
  }
}
.cart-page__sum {
  height: 45px;
  float: right;
}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__sum {
    float: none;
  }
}
.cart-page__sum-label {
  display: inline-block;
  margin-right: 16px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 2.3rem;
  line-height: 45px;
  color: #000;
  text-transform: uppercase;
  vertical-align: middle;
  letter-spacing: 2px;
}
.cart-page__sum-price {
  display: inline-block;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 2.3rem;
  line-height: 45px;
  color: #09aa09;
  font-weight: bold;
  vertical-align: middle;
}
.cart-page__present-list {
  width: 600px;
  margin: 0 auto 40px;
  text-align: center;
}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__present-list {
    width: 310px;
    margin-bottom: 30px;
  }
}
.cart-page__present-item {
  display: inline-block;
  width: 194px;
  height: 213px;
  padding: 22px 14px;
  border: 3px solid transparent;
  text-align: center;
  vertical-align: top;
}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__present-item {
    width: 100px;
    height: auto;
    padding: 10px 5px;
  }
}
.cart-page__present-item:hover,
.cart-page__present-item--active {
  border-color: #ff0039;
}
.cart-page__present-pic {
  display: inline-block;
  width: 103px;
  height: 103px;
  margin-bottom: 16px;
  background-color: #fff;
  line-height: 103px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__present-pic {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}
.cart-page__present-pic img {
  max-width: 103px;
  max-height: 103px;
  vertical-align: top;
}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__present-pic img {
    max-width: 70px;
    max-height: 70px;
  }
}
.cart-page__present-name {
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 26px;
  color: #282828;
  text-transform: uppercase;
}
@media (min-width: 320px) and (max-width: 639px) {
  .cart-page__present-name {
    font-size: 1.4rem;
    line-height: 20px;
  }
}
.order-block {
  margin-bottom: 83px;
  padding-top: 28px;
  border-top: 1px solid #000;
}
.order-block::after {
  display: block;
  width: 100%;
  clear: both;
  content: '';
}
.order-block__left {
  width: 330px;
  float: left;
}
@media (min-width: 320px) and (max-width: 639px) {
  .order-block__left {
    width: 310px;
    float: none;
    margin: 0 auto;
  }
}
.order-block__wrap {
  width: 330px;
  margin-bottom: 7px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .order-block__wrap {
    width: 310px;
    margin: 0 auto 7px;
  }
}
.order-block__label {
  display: inline-block;
  margin-bottom: 8px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #282828;
  font-weight: bold;
}
.order-block__label .required {
  color: #ff0039;
}
.order-block__input {
  width: 100%;
  height: 45px;
  padding: 0 20px;
  border: none;
  background-color: #fff;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #282828;
  font-weight: bold;
}
.order-block__textarea {
  width: 100%;
  height: 155px;
  padding: 5px 20px;
  border: none;
  background-color: #fff;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #282828;
  font-weight: bold;
  resize: none;
}
.order-block__right {
  width: 400px;
  padding-top: 20px;
  float: right;
}
@media (min-width: 320px) and (max-width: 639px) {
  .order-block__right {
    width: 310px;
    float: none;
    margin: 0 auto;
  }
}
.order-block__choose {
  margin-bottom: 37px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .order-block__choose {
    margin-bottom: 10px;
  }
}
.order-block__h3 {
  margin-bottom: 13px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 2.3rem;
  line-height: normal;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.order-block__descr {
  margin-bottom: 19px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 22px;
  color: #2c2c2c;
}
.order-block__choose-li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 0;
}
.order-block__choose-li label span {
  display: block;
  position: relative;
  padding-left: 42px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 30px;
  color: #282828;
  font-weight: bold;
}
.order-block__choose-li label span::before {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/bitrix/spritesheet.png");
  background-position: -253px -220px;
  content: '';
}
.order-block__choose-li input {
  position: absolute;
  visibility: hidden;
}
.order-block__choose-li input:checked + span::before {
  background-position: -221px -220px;
}
.order-block__submit {
  width: 100%;
  border-top: 1px solid #000;
  position: relative;
  top: 45px;
  margin-bottom: 121px;
  padding-top: 44px;
  clear: both;
}
@media (min-width: 320px) and (max-width: 639px) {
  .order-block__submit {
    top: 20px;
    margin-bottom: 0;
  }
}
.order-block__submit-btn {
  display: block;
  width: 235px;
  height: 59px;
  margin: 0 auto 24px;
  border: 3px solid #f20303;
  background-color: transparent;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.9rem;
  line-height: 54px;
  color: #000;
  text-align: center;
  cursor: pointer;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
}
.order-block__submit-btn:hover {
  border-color: #000;
}
.order-block__submit-note {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 15px;
  color: #2c2c2c;
  text-align: center;
}
.price-page {
  position: relative;
  width: 1170px;
  margin: 0 auto 107px;
  clear: both;
}
/*.price-page__wrap {
  position: relative;
  width: 1170px;
  margin: 0 auto;
  clear: both;
} */
@media (min-width: 1007px) and (max-width: 1239px) {
  .price-page {
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .price-page {
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-page {
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .price-page {
    margin-bottom: 0;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-page {
    margin-bottom: 0;
  }
}
.price-page__title {
  margin-bottom: 38px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 4.6rem;
  line-height: 46px;
  color: #000;
  text-transform: uppercase;
}
.price-page__logout {
  display: block;
  width: 175px;
  height: 49px;
  position: absolute;
  top: 0;
  right: 0;
  border: 3px solid #000;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.9rem;
  line-height: 44px;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-page__logout {
    width: 110px;
    padding-left: 22px;
  }
}
.price-page__logout:hover {
  border-color: #f20303;
}
.price-page__logout::before {
  display: block;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -239px -182px;
  width: 21px;
  height: 16px;
  position: absolute;
  top: 15px;
  left: 27px;
  content: '';
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-page__logout::before {
    left: 10px;
  }
}
.price-page__download {
  display: inline-block;
  position: relative;
  margin-left: 31px;
  margin-bottom: 24px;
  padding-left: 37px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 25px;
  color: #282828;
  font-weight: bold;
  text-decoration: underline;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-page__download {
    margin-left: 0;
  }
}
.price-page__download:hover {
  color: #f20303;
}
.price-page__download::before {
  display: block;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -81px -275px;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.price-page__sections {
  margin-bottom: 39px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-page__sections {
    margin-bottom: 10px;
  }
}
.price-page__section {
  display: inline-block;
  height: 43px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 0 24px;
  border: 3px solid #f20303;
  text-align: center;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-page__section {
    height: 30px;
    margin-bottom: 10px;
    padding: 0 15px;
  }
}
.price-page__section:hover,
.price-page__section--current {
  border-color: #000;
}
.price-page__section span {
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 37px;
  color: #000;
  text-decoration: underline;
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-page__section span {
    line-height: 24px;
  }
}
.price-page__h3 {
  margin-bottom: 20px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 14px;
  color: #000;
  text-transform: uppercase;
}
.price-page__list {
  margin-bottom: 35px;
  background-image: url("/bitrix/bg_curve.png");
  background-position: 0 0;
  background-repeat: repeat-x;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .price-page__list {
    margin-bottom: 38px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-page__list {
    margin-bottom: 40px;
  }
}
.price-filter {
  width: 100%;
  height: 245px;
  background-image: url("/bitrix/banner2.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin: 0 auto 23px;
}
.price-filter a {
  display: block;
  width: 100%;
  height: 245px;
}
/*.catalog-banner {
  width: 1460px;
  margin: 0 50% 23px 0;
  left: -144px;
} */
@media (min-width: 320px) and (max-width: 639px) {
  .price-filter {
    height: auto;
    padding: 10px 0 20px 5px;
  }
}
.price-filter__range {
  display: inline-block;
  width: 347px;
  margin: 0 35px 0 55px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-filter__range {
    width: auto;
  }
}
.price-filter__select-wrap {
  display: inline-block;
  width: 299px;
  margin-top: 22px;
  margin-right: 63px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .price-filter__select-wrap {
    width: 245px;
    margin-right: 20px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-filter__select-wrap {
    margin-right: 0;
  }
}
.price-filter__select-label {
  margin-bottom: 25px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 15px;
  color: #fff;
  font-weight: bold;
}
.price-filter__select,
.price-filter__select-wrap .sbHolder {
  width: 299px;
  height: 45px;
  background-color: #fff;
  position: relative;
  padding-left: 20px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 45px;
  color: #282828;
  font-weight: bold;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .price-filter__select,
  .price-filter__select-wrap .sbHolder {
    width: 245px;
    margin-right: 20px;
  }
}
.price-filter__select-wrap .sbToggle {
  display: block;
  width: 53px;
  height: 45px;
  position: absolute;
  top: 0;
  right: 0;
}
.price-filter__select-wrap .sbToggle::before {
  display: block;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -278px -247px;
  width: 9px;
  height: 6px;
  position: absolute;
  top: 19px;
  right: 22px;
  content: '';
}
.price-filter__select-wrap .sbSelector {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 45px;
  color: #282828;
  font-weight: bold;
  text-decoration: none;
}
.price-filter__select-wrap .sbOptions {
  width: 301px;
  position: absolute;
  top: 45px !important;
  left: -1px;
  padding: 10px 0 12px;
  background-color: #fff;
  border: 1px solid #000;
}
.price-filter__select-wrap .sbOptions li {
  display: block;
  padding-left: 20px;
  line-height: 24px;
}
.price-filter__select-wrap .sbOptions li a {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #282828;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.price-filter__select-wrap .sbOptions li a:hover {
  color: #f20303;
}
.price-item {
  padding: 16px 0;
  background-image: url("/bitrix/bg_curve.png");
  background-position: 0 100%;
  background-repeat: repeat-x;
}
.price-item__pic {
  display: inline-block;
  width: 103px;
  height: 103px;
  background-color: #fff;
  margin-right: 25px;
  text-align: center;
  line-height: 103px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .price-item__pic {
    width: 80px;
    height: 80px;
    margin-right: 15px;
    line-height: 80px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-item__pic {
    display: block;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    line-height: 80px;
    float: left;
  }
}
.price-item__pic img {
  max-width: 85px;
  max-height: 85px;
  vertical-align: middle;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .price-item__pic img {
    max-width: 80px;
    max-height: 80px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-item__pic img {
    max-width: 80px;
    max-height: 80px;
  }
}
.price-item__name {
  display: inline-block;
  width: 470px;
  margin-right: 76px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #282828;
  font-weight: bold;
  text-decoration: underline;
  vertical-align: middle;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .price-item__name {
    width: 400px;
    margin-right: 10px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .price-item__name {
    width: 295px;
    margin-right: 10px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-item__name {
    display: block;
    width: auto;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.price-item__name:hover {
  color: #f20303;
}
.price-item__sum {
  display: inline-block;
  width: 188px;
  margin-right: 10px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 2.3rem;
  line-height: 23px;
  color: #000;
  font-weight: bold;
  vertical-align: middle;
}
.item_current_price {color: #000;}
.price-item__sum ruble {
  display: inline-block;
  font-size: 21px;
  line-height: 1px;
}
.item_old_price{
    color: grey;
    text-decoration: line-through;
}
.price-item__sum i {font-size: 20px;}
.item_old_price i {font-size: 12px;}
@media (min-width: 751px) and (max-width: 1023px) {
  .price-item__sum {
    width: 100px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-item__sum {
    margin-bottom: 15px;
  }
}
.price-item__sum--empty {
  color: #818181;
}
.price-item__quan {
  display: inline-block;
  width: 94px;
  height: 30px;
  margin-right: 49px;
  background-color: #fff;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #282828;
  font-weight: bold;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .price-item__quan {
    margin-right: 20px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .price-item__quan {
    margin-right: 10px;
  }
}
.price-item__minus,
.price-item__plus {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: -4px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  color: #000;
}
.price-item__plus {
  position: relative;
  left: -4px;
}
.price-item__quan-input {
  display: inline-block;
  width: 34px;
  height: 30px;
  border: none;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  text-align: center;
}
.price-item__to-cart {
  display: inline-block;
  width: 140px;
  height: 44px;
  position: relative;
  padding-left: 50px;
  border: 3px solid #f20303;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 3.6rem;
  color: #000;
  text-decoration: underline;
  text-transform: uppercase;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .price-item__to-cart {
    width: 120px;
    padding-left: 44px;
  }
}
.price-item__to-cart::before {
  position: absolute;
  top: 6px;
  left: 20px;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -126px -219px;
  width: 17px;
  height: 23px;
  content: '';
}
.price-item__to-cart:hover {
  border-color: #000;
}
.price-item__empty {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 2.3rem;
  line-height: 103px;
  color: #818181;
  font-weight: bold;
  text-align: right;
  float: right;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .price-item__empty {
    line-height: 80px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .price-item__empty {
    float: none;
    text-align: center;
    line-height: normal;
  }
}
.fav-item__wrap {
  position: relative;
}
.fav-item .price-item__name {
  width: 220px;
  margin-right: 30px;
}
.fav-item .price-item__sum {
  width: 105px;
}
.fav-item .price-item__to-cart {
  margin-right: 15px;
}
.fav-item__quan {
  position: absolute;
  bottom: 14px;
  left: 132px;
}
.cart-page__remove--fav {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
}
.personal-page {
  width: 1170px;
  margin: 0 auto;
  clear: both;
  position: relative;
  margin-bottom: 100px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .personal-page {
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .personal-page {
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .personal-page {
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .personal-page {
    margin-bottom: 20px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .personal-page {
    margin-bottom: 20px;
  }
}
@media (min-width: 320px) and (max-width: 479px) {
  .personal-page {
    overflow: hidden;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .personal-page {
    margin-bottom: 20px;
  }
}
.personal-page::after {
  display: block;
  width: 100%;
  clear: both;
  content: '';
}
.personal-page__title {
  margin-bottom: 41px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 4.6rem;
  line-height: 33px;
  color: #000;
  text-transform: uppercase;
}
.personal-page__logout {
  display: block;
  width: 175px;
  height: 49px;
  position: absolute;
  top: 0;
  right: 0;
  border: 3px solid #000;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.9rem;
  line-height: 44px;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .personal-page__logout {
    width: 110px;
    padding-left: 22px;
  }
}
.personal-page__logout:hover {
  border-color: #f20303;
}
.personal-page__logout::before {
  display: block;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -239px -182px;
  width: 21px;
  height: 16px;
  position: absolute;
  top: 15px;
  left: 27px;
  content: '';
}
@media (min-width: 320px) and (max-width: 639px) {
  .personal-page__logout::before {
    left: 10px;
  }
}
.personal-sidebar {
  width: 270px;
  background-image: url("/bitrix/bg_personal-side2.jpg");
  float: left;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .personal-sidebar {
    width: 200px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .personal-sidebar {
    float: none;
    margin: 0 auto 30px;
  }
}
.personal-sidebar__inner {
  width: 270px;
  position: relative;
  padding-bottom: 47px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .personal-sidebar__inner {
    width: 200px;
  }
}
.personal-sidebar__bg {
  width: 488px;
  height: 298px;
  position: absolute;
  top: -50px;
  left: -110px;
  background-image: url("/bitrix/bg_personal-side1.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: -1;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .personal-sidebar__bg {
    left: -135px;
  }
}
.personal-sidebar__foto-change {
  display: block;
  width: 34px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 37px;
  background-image: url("/bitrix/spritesheet.png");
  background-position: -290px -219px;
}
.personal-sidebar__foto {
  width: 135px;
  height: 135px;
  background-color: #fff;
  background-position: center center;
  background-clip: content-box;
  background-size: contain;
  position: relative;
  top: 43px;
  margin: 0 auto 69px;
  border-radius: 135px;
  overflow: hidden;
}
.personal-sidebar__foto img {
  width: 100%;
  min-height: 135px;
  height: auto;
}
.personal-sidebar__balance-block {
  width: 217px;
  background-image: url("/bitrix/curve-yellow.png");
  background-position: 0 bottom;
  background-repeat: repeat-x;
  margin: 0 auto 14px;
  padding-bottom: 28px;
  text-align: center;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .personal-sidebar__balance-block {
    width: 190px;
  }
}
.personal-sidebar__balance-block label {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 17px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 18px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.personal-sidebar__balance-block span {
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 25px;
  color: #f20303;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.personal-sidebar__balance-block span i {font-size: 20px;}
.personal-sidebar__balance-block a {
  display: inline-block;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 18px;
  color: #fff;
  text-decoration: underline;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.personal-sidebar__balance-block a:hover {
  color: #f20303;
}
.personal-sidebar__balance-block a:first-child {
  margin-top: 25px;
}
.personal-sidebar__discount-block {
  width: 218px;
  /*background-image: url("/bitrix/curve-yellow.png");
  background-position: 0 bottom;
  background-repeat: repeat-x;
  margin: 0 auto 24px;
  padding-bottom: 25px;*/
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .personal-sidebar__discount-block {
    width: 190px;
  }
}
.personal-sidebar__discount-current {
  position: absolute;
  margin-bottom: 0;
}
.personal-sidebar__discount-next {
    padding-top: 4px;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 15px;
    color: #fff;
    text-align: right;
}
.personal-sidebar__discount-current label {
  display: inline-block;
  margin-right: 7px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 15px;
  color: #fff;
}
.personal-sidebar__discount-current span {
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 25px;
  color: #f20303;
  text-transform: uppercase;
}
.personal-sidebar__purchase-sum {
  margin-bottom: 13px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 15px;
  color: #fff;
}
.personal-sidebar__chart {
  position: relative;
  margin: 15px 0 26px;
}
.personal-sidebar__chart::after {
  display: block;
  width: 100%;
  clear: both;
  content: '';
}
.personal-sidebar__chart-inner {
  width: 100%;
  height: 12px;
  margin-bottom: 10px;
  background-color: #fff;
}
.personal-sidebar__chart-inner span {
  display: block;
  width: 80%;
  height: 12px;
  background-color: #f20303;
}
.personal-sidebar__sum-from {
  float: left;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 15px;
  color: #fff;
}
.personal-sidebar__sum-to {
  float: right;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 15px;
  color: #fff;
  text-align: right;
}
.personal-sidebar__sum-from i, .personal-sidebar__sum-to i {font-size: 14px;}
.personal-sidebar__percent {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 12px;
  color: #fff;
  text-align: left;
}
.personal-sidebar__percent i {font-size: 11px;}
.personal-sidebar__percent label {
  display: inline-block;
  width: 119px;
  margin-bottom: 11px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .personal-sidebar__percent label {
    width: 94px;
  }
}
.personal-sidebar__invite {
  width: 217px;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .personal-sidebar__invite {
    width: 190px;
  }
}
.personal-sidebar__invite-title {
  margin-bottom: 7px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 18px;
  color: #fff;
  text-transform: uppercase;
}
.personal-sidebar__invite-descr {
  margin-bottom: 17px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 18px;
  color: #a8a8a9;
}
.personal-sidebar__invite-input-wrap {
  position: relative;
}
.personal-sidebar__invite-input {
  width: 100%;
  height: 45px;
  position: relative;
  padding: 0 52px 0 16px;
  background-color: #fff;
  border: none;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: normal;
  color: #282828;
}
.personal-sidebar__invite-input-wrap button {
  display: block;
  width: 24px;
  height: 18px;
  position: absolute;
  top: 13px;
  right: 16px;
  border: none;
  background-image: url("/bitrix/spritesheet.png");
  background-position: -54px -282px;
  content: '';
  cursor: pointer;
}
.personal-sidebar__invite-input-wrap span {
  font: 14px/21px Tahoma, Arial;
  color: green;
}
.personal-sidebar__invite-input-wrap span.error {
  color: red;
}
.personal-tabs {
  max-width: 870px;
  width: 100%;
  float: right;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .personal-tabs {
    max-width: 720px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .personal-tabs {
    max-width: 535px;
  }
}
.personal-tabs .return {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 14px;
  color: #000;
  text-decoration: underline;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.personal-tabs .return:hover {
  color: #f20303;
}
.personal-tabs__ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 52px;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .personal-tabs__ul {
    margin-bottom: 10px;
    text-align: center;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .personal-tabs__ul {
    margin-bottom: 10px;
    text-align: center;
  }
}
.personal-tabs__li {
  display: inline-block;
  height: 43px;
  position: relative;
  margin-right: -1px;
  margin-bottom: 5px;
  vertical-align: middle;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .personal-tabs__li {
    margin-bottom: 10px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .personal-tabs__li {
    margin-bottom: 10px;
  }
}
.personal-tabs__li a {
  display: inline-block;
  height: 43px;
  position: relative;
  padding: 0 6px;
  border: 3px solid #f20303;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 34px;
  color: #000;
  text-transform: uppercase;
  text-decoration: underline;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .personal-tabs__li a {
    padding: 0 10px;
    font-size: 1.3rem;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .personal-tabs__li a {
    padding: 0 10px;
    font-size: 1.3rem;
  }
}
.personal-tabs__lnk:hover,
.personal-tabs__lnk--active {
  border-color: #000 !important;
}
.personal-tabs__lnk:hover::after,
.personal-tabs__lnk--active::after {
  display: block;
  width: 26px;
  height: 17px;
  position: absolute;
  top: 58px;
  left: 50%;
  margin-left: -13px;
  background-image: url("/bitrix/spritesheet.png");
  background-position: -93px -248px;
  content: '';
}
@media (min-width: 751px) and (max-width: 1023px) {
  .personal-tabs__lnk:hover::after,
  .personal-tabs__lnk--active::after {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .personal-tabs__lnk:hover::after,
  .personal-tabs__lnk--active::after {
    display: none;
  }
}
.personal-tabs__quan {
  display: block;
  width: 16px;
  height: 16px;
  background-color: #f20303;
  position: absolute;
  top: -7px;
  right: 23px;
  z-index: 10;
  border-radius: 16px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 16px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.personal-tab--active {
  display: block;
}
.tab-history__table {
  width: 100%;
  margin-bottom: 57px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .tab-history__table {
    margin-bottom: 40px;
  }
}
.tab-history__table thead tr {
  background-color: #000;
}
.tab-history__table th {
  height: 31px;
  font-family: "bebasneue_regular", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: normal;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 2px;
}
.order-line td {
  padding: 22px 0;
  background-image: url("/bitrix/bg_curve.png");
  background-position: 0 bottom;
  background-repeat: repeat-x;
  font-family: "bebasneue_regular", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: normal;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
}
.order-line td i {font-size: 13px;}
.pay-success p i {font-size: 13px;}
@media (min-width: 320px) and (max-width: 639px) {
  .order-line td {
    font-size: 1.3rem;
  }
}
.order-line__num {
  font-family: "bebasneue_regular", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: normal;
  color: #000;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
@media (min-width: 320px) and (max-width: 639px) {
  .order-line__num {
    font-size: 1.3rem;
  }
}
.order-line__num:hover {
  color: #ff0039;
}
.order-line__price {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.7rem;
  line-height: normal;
  color: #ff0039;
  font-weight: bold;
}
.red-line .order-line__price {
  color: #fff;
}
.order-line__price i {font-size: 15px !important;}
@media (min-width: 320px) and (max-width: 639px) {
  .order-line__price {
    font-size: 1.3rem;
  }
}
.order-line__status {
  position: relative;
  padding-left: 29px;
}
@media (min-width: 320px) and (max-width: 639px) {
  .order-line__status {
    padding-left: 0;
  }
}
.order-line__status::before {
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  top: -2px;
  left: 0;
  background-image: url("/bitrix/spritesheet.png");
  background-position: -72px -246px;
  content: '';
}
@media (min-width: 320px) and (max-width: 639px) {
  .order-line__status::before {
    display: none;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .personal-tab .page-nav {
    margin-bottom: 40px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .personal-tab .page-nav {
    margin-bottom: 20px;
  }
}
.product-list {
  margin-bottom: -30px;
}
.product-list__inner {
  text-align: center;
}
.product-item {
  display: inline-block;
  width: 226px;
  margin-bottom: 72px;
  margin-right: 82px;
  text-align: center;
  vertical-align: top;
}
.brand-page__tab .product-item {margin-bottom: 115px;}
@media (min-width: 1007px) and (max-width: 1239px) {
  .product-item {
    margin-right: 25px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .product-item {
    margin-right: 30px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product-item {
    margin: 0 auto 40px;
  }
}
.product-item:nth-of-type(4n) {
  margin-right: 0;
}
@media (min-width: 751px) and (max-width: 1023px) {
  .product-item:nth-of-type(4n) {
    margin-right: 30px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product-item:nth-of-type(4n) {
    margin: 0 auto 40px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .product-item:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .product-item:nth-of-type(3n) {
    margin: 0 auto 40px;
  }
}
.product-item__foto {
  display: inline-block;
  width: 226px;
  height: 226px;
  position: relative;
  margin: 0 auto 30px;
  background-color: #fff;
  border-radius: 226px;
  text-align: center;
  line-height: 226px;   
}     
.brand-page__tab .bx_item_container .bx_rt {
  position: relative;
  z-index: 10000;
}
.product-item__foto a {
display: inline-block;
  width: 226px;
  height: 226px;    
  border-radius: 226px;
    overflow: hidden;
}
.product-item__foto img {
  /*max-width: 450px;
  height: auto;
  border-radius: 450px;
  position: relative;
  top: -25px;
  left: -32px;
  vertical-align: middle;*/
  max-width: 226px;
  height: auto;
  border-radius: 226px;
  position: relative;
  top: -1px;
  left: 0;
  vertical-align: middle;
}
.product-item__icon-discount {
  background-image: url(/bitrix/spritesheet.png);
  background-position: -171px 0px;
  width: 103px;
  height: 103px;
  position: absolute;
  top: -13px;
  right: 4px;
  z-index: 100;
  padding-top: 26px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  line-height: normal;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.product-item__discount-num {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 3.3rem;
  line-height: 3rem;
  vertical-align: top;
}
.product-item__discount-percent {
  font-size: 2rem;
  line-height: 2rem;
}
.product-item__discount-text {
  display: block;
  font-size: 1.7rem;
  line-height: 1.6rem;
}
.product-item__title {
  display: inline-block;
  /*height: 42px;*/
  margin-bottom: 16px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: normal;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
  overflow: hidden;
}
.product-item__title:hover {
  color: #ff0039;
}
.product-item__price {
  margin-bottom: 19px;
}
.product-item__price--one {
  display: inline-block;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 2.3rem;
  line-height: normal;
  font-weight: bold;
  color: #ff0039;
}
.product-item__price--new {
  display: inline-block;
  margin-right: 0;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 2.3rem;
  line-height: normal;
  font-weight: bold;
  color: #000;
}
.product-item__price--old {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 10px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: normal;
  font-weight: bold;
  color: grey;
  text-decoration: line-through;
  vertical-align: super;
}
.product-item__price--new i {font-size: 2.1rem;}
.product-item__price--old i {font-size: 1.2rem;}
.product-item__cart-btn {
  display: inline-block;
  width: 140px;
  height: 44px;
  position: relative;
  padding-left: 47px;
  border: 3px solid #f20303;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 3.8rem;
  color: #000;
  text-decoration: underline;
  text-transform: uppercase;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  text-align: left;
  letter-spacing: 1px;
}
.product-item__cart-btn::before {
  position: absolute;
  top: 9px;
  left: 20px;
  background-image: url(/bitrix/spritesheet.png);
  background-position: -336px -196px;
  width: 14px;
  height: 19px;
  content: '';
}
.product-item__cart-btn:hover {
  border-color: #000;
}
.price-item__empty .product-item__cart-btn, .empty__cart-btn {
  border-color: #fff;
}
.empty__cart-btn--active, .price-item__empty .product-item__cart-btn:hover, .price-item__empty .product-item__cart-btn--active {
  border-color: #000 !important;
}
.brand-page__tab .product-item__cart-btn {
  margin: 20px 0 0 -20px;
}
.sort-block {
  margin-bottom: 38px;
  text-align: right;
}
.sort-block__label {
  display: inline-block;
  margin-right: 21px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.sort-block__link {
  display: inline-block;
  position: relative;
  margin-right: 16px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #000;
  text-transform: uppercase;
  text-decoration: underline;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  letter-spacing: 1px;
}
.sort-block__link:last-child {
  margin-right: 0;
}
.sort-block__link:hover {
  color: #ff0039;
}
.sort-block__link--active {
  color: #ff0039;
  text-decoration: none;
}
.sort-block__link--down {
  padding-right: 11px;
}
.sort-block__link--up {
  padding-right: 11px;
}
.sort-block__link--down::after {
  display: block;
  width: 6px;
  height: 3px;
  position: absolute;
  top: 5px;
  right: 0;
  background-image: url("/bitrix/spritesheet.png");
  background-position: -122px -248px;
  content: '';
}
.sort-block__link--up::after {
  display: block;
  width: 6px;
  height: 3px;
  position: absolute;
  top: 5px;
  right: 0;
  background-image: url("/bitrix/spritesheet.png");
  background-position: -122px -253px;
  content: '';
}
.catalog-seo {
  margin-bottom: 10px;
    display: none; /* dev002 временно */
}
.catalog-seo__h3 {
  margin-bottom: 20px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 18px;
  color: #000;
  text-transform: uppercase;
}
.catalog-seo__text p {
  margin-bottom: 20px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 21px;
  color: #2c2c2c;
  opacity: 0.88;
}
.catalog-seo__text table {
    border: 1px solid #000;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.catalog-seo__text table td {
    padding: 5px 10px;
    text-align: center;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 21px;
  color: #2c2c2c;
  opacity: 0.88;
}
.brand-page {
  margin-bottom: 70px;
}
.brand-page__inner {
  width: 1170px;
  margin: 0 auto;
  clear: both;
}
@media (min-width: 1007px) and (max-width: 1239px) {
  .brand-page__inner {
    width: 1007px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .brand-page__inner {
    width: 751px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .brand-page__inner {
    width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.brand-page__logo {
  width: 240px;
  height: 160px;
  margin-right: 30px;
  margin-bottom: 58px;
  line-height: 160px;
  text-align: center;
  float: left;
  background-color: #fff;
}
.brand-page__logo img {
  max-width: 90%;
  height: auto;
  vertical-align: middle;
}
.brand-page__logo .index-brands__logo--color {
  display: none;
}
.brand-page__descr p {
  margin-bottom: 20px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 21px;
  color: #2c2c2c;
  opacity: 0.9;
}
.brand-page__products {
  width: 100%;
  margin-bottom: -27px;
  clear: both;
}
.brand-page__sections {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 51px !important;
}
.brand-page__section {
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 10px;
  text-align: center;
  vertical-align: top;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.brand-page__section-lnk {
  display: inline-block;
  padding: 13px 28px 11px;
  border: 3px solid #f20303;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: normal;
  color: #000;
  text-transform: uppercase;
  text-decoration: underline;
}
.brand-page__section-lnk:hover,
.brand-page__section--current {
  border-color: #000;
}
.brand-page__tab {
  display: none;
}
.brand-page__tab--active {
  display: block;
}
.reg-page {
  width: 830px;
  margin: 69px auto;
}
.reg-page__left {
  float: left;
  width: 330px;
  margin-left: 34px;
}
.reg-page__input-wrap {
  width: 330px;
  margin-bottom: 8px;
}
.reg-page__label {
  margin-bottom: 6px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 15px;
  color: #282828;
  font-weight: bold;
}
.reg-page__input {
  width: 100%;
  height: 45px;
  padding: 0 20px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  color: #282828;
  font-weight: bold;
}
.reg-page .required {
  color: #ff0039;
}
.reg-page__right {
  float: right;
  width: 330px;
  margin-right: 34px;
}
.reg-page__text {
  width: 100%;
  clear: both;
  position: relative;
  top: 28px;
  margin: 0 0 65px;
  padding: 0 95px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 22px;
  color: #2c2c2c;
  text-align: center;
}
.reg-page__submit-wrap {
  width: 100%;
  border-top: 1px solid #000;
  padding-top: 44px;
}
.reg-page__submit-btn {
  display: block;
  width: 235px;
  height: 59px;
  margin: 0 auto 24px;
  border: 3px solid #f20303;
  background: none;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.9rem;
  line-height: 56px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.reg-page__submit-btn:hover {
  border-color: #000;
}
.reg-page__note {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 22px;
  color: #2c2c2c;
  text-align: center;
}
.discounts-page__top::after {
  display: block;
  width: 100%;
  clear: both;
  margin-bottom: 47px;
  content: '';
}
.discounts-page__descr {
  float: left;
  max-width: 950px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 21px;
  color: #2c2c2c;
  opacity: 0.88;
}
.discounts-page__top-btn {
  float: right;
  width: 200px;
  height: 73px;
  border: 3px solid #f20303;
  letter-spacing: 1px;
}
.discounts-page__top-btn a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 22px 14px 24px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: normal;
  color: #000;
  text-decoration: underline;
  text-transform: uppercase;
}
.faq-page__item {
  display: inline-block;
  width: 48%;
  margin-right: 2%;
  margin-bottom: 20px;
  vertical-align: top;
}
.faq-page__item:nth-of-type(2n) {
  margin-right: 0;
}
.faq-page__title {
  display: inline-block;
  margin-bottom: 10px;
  border-bottom: 1px dashed #000;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 18px;
  color: #000;
  text-transform: uppercase;
  cursor: pointer;
}
.faq-page__descr {
  display: none;
  margin-bottom: 27px;
  padding: 5px 9px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 21px;
  color: #2c2c2c;
}
@media (min-width: 320px) and (max-width: 639px) {
  .faq-page__descr {
    max-height: none;
    overflow: visible;
  }
}
.faq-page__descr span {
  background: #fff;
  box-shadow: -6px 0 0 2px #fff, 6px 0 0 2px #fff;
  padding: 2px 0 3px;
  /*font: 14px/21px Tahoma, Helvetica, Arial, sans-serif; */
}
.profile-list p {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 21px;
  color: #2c2c2c;
}
.profile-item {
  width: 300px;
  margin: 0 50px 20px 0;
  padding: 15px;
  border: 1px solid #000;
  float: left;
}
.profile-item .line {
  margin-bottom: 5px;
}
.profile-item .name {
  margin-bottom: 5px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 18px;
  color: #000;
}
.profile-item .val {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 18px;
  color: #2c2c2c;
}
.profile-item a {
  margin-right: 10px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 18px;
  color: #2c2c2c;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
  text-decoration: underline;
}
.profile-item a:hover {
  color: #f20303;
}
.add-profile-btn {
  display: block;
  width: 235px;
  height: 59px;
  margin: 0 auto 24px;
  border: 3px solid #f20303;
  background-color: transparent;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.9rem;
  line-height: 54px;
  color: #000;
  text-align: center;
  cursor: pointer;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.add-profile-btn:hover {
  border-color: #000;
}
.sale_personal_profile_detail td {
  padding: 10px 0;
}
.sale_personal_profile_detail .title {
  margin-bottom: 5px;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 18px;
  color: #000;
}
.sale_personal_profile_detail .name {
  margin-bottom: 5px;
  font-family: "bebasneue_regular", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 18px;
  color: #2c2c2c;
}
.sale_personal_profile_detail input[type="text"] {
  width: 250px;
  height: 35px;
  padding: 0 10px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: normal;
  color: #2c2c2c;
}
.sale_personal_profile_detail .required {
  color: #f20303;
}
.profile-save input[type="submit"] {
  display: inline-block;
  width: 200px;
  height: 45px;
  margin-right: 10px;
  border: 3px solid #f20303;
  background-color: transparent;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.9rem;
  line-height: 35px;
  color: #000;
  text-align: center;
  cursor: pointer;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.profile-save input[type="submit"]:hover {
  border-color: #000;
}
.profile__label {
  font-family: "bebasneue_regular", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 18px;
  color: #000;
}
.profile__text {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 18px;
  color: #2c2c2c;
}
.profile__save {
  display: block;
  width: 200px;
  height: 45px;
  margin-top: 20px;
  border: 3px solid #f20303;
  background-color: transparent;
  font-family: "bebasneue_bold", Helvetica, Arial, sans-serif;
  font-size: 1.9rem;
  line-height: 35px;
  color: #000;
  text-align: center;
  cursor: pointer;
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
  transition: all 0.2s ease-out;
}
.profile__save:hover {
  border-color: #000;
}
.profile-table td {
  padding: 10px 10px 10px 0;
}
.profile-table input {
  width: 250px;
  height: 35px;
  padding: 0 20px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: normal;
  color: #2c2c2c;
}

h1.page-title {
  max-width: 830px;
  margin: 0 auto 30px;
}