@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4GxZrU1Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4G3JoU1Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe0oMImSLYBIv1o4X1M8cce4I94.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4GwZuU1Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4G2JvU1Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4G35sU1Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe01MImSLYBIv1o4X1M8cce4G1ptU1Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc9yAv5q.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8WAf5q.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe0qMImSLYBIv1o4X1M8cfe6.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc9iB_5q.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8GBv5q.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8aBf5q.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8-BP5q.ttf) format('truetype');
}
.up {
  text-transform: uppercase;
}
.none {
  text-decoration: none;
}
.th {
  font-weight: 100;
}
.el {
  font-weight: 200;
}
.l {
  font-weight: 300;
}
.reg {
  font-weight: 400;
}
.med {
  font-weight: 500;
}
.sb {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
.eb {
  font-weight: 800;
}
.black {
  font-weight: 900;
}
.un {
  text-decoration: underline;
}
.in {
  display: inline-block;
}
.vam {
  vertical-align: middle;
}
.rel {
  position: relative;
}
.bl {
  display: block;
}
.abs {
  position: absolute;
}
.tr {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.try {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.trx {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.tc {
  display: table-cell;
  vertical-align: middle;
}
.dn {
  display: none;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.taj {
  text-align: justify;
}
.it {
  font-style: italic;
}
.sn {
  font-style: normal;
}
.b0 {
  border: 0;
}
.bn {
  background: none;
}
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}
.wa {
  width: auto;
}
.p0 {
  padding: 0;
}
.m0 {
  margin: 0;
}
.poi {
  cursor: pointer;
}
.auto {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
.noup {
  text-transform: none;
}
.fix {
  position: fixed;
}
.tn {
  transform: none;
}
.bf {
  background: #fff;
}
.cf {
  color: #fff;
}
.c0 {
  color: #000;
}
.ap {
  appearance: none;
}
.nw {
  white-space: nowrap;
}
.ma {
  margin: 0 auto;
}
.oh {
  overflow: hidden;
}
.pen {
  pointer-events: none;
}
body,
html {
  width: 100%;
  height: 100%;
}
body {
  background: #fff;
  overflow-x: hidden;
}
body,
th,
td {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #000;
}
body,
form,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}
img,
table {
  border: none;
}
table {
  border-collapse: collapse;
}
table td {
  padding: 0;
}
a {
  color: #000;
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
a:hover {
  text-decoration: none;
}
input,
textarea,
button,
select {
  margin: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  border: 0;
  font-family: 'Nunito Sans', sans-serif;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
button:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
button:focus::-moz-placeholder,
select:focus::-moz-placeholder {
  color: transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder,
button:focus:-moz-placeholder,
select:focus:-moz-placeholder {
  color: transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
button:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder {
  color: transparent;
}
button,
input[type='submit'] {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  cursor: pointer;
  border: 0;
}
ol,
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
img {
  max-width: 100%;
}
.an {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
section,
header,
footer,
nav,
main {
  display: block;
}
* {
  outline: none!important;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}
.header {
  background: #F6F6F6;
  padding: 20px 0;
  margin-bottom: 40px;
}
.header .name {
  font-weight: 800;
  font-size: 20px;
  line-height: 150%;
  color: #1278B9;
}
.header .adress {
  margin-top: 7px;
  font-weight: 600;
  line-height: 150%;
  margin-right: 70px;
}
.header .phone {
  margin-top: -2px;
  margin-left: 70px;
}
.header .phone .tel {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  line-height: 110%;
  color: #1278B9;
}
.header .phone .social {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  margin-top: -8px;
}
.header .phone .social a {
  display: inline-block;
}
.header .phone .social a:not(:last-child) {
  margin-right: 10px;
}
.header .phone p {
  font-weight: 600;
  line-height: 150%;
}
.header .button {
  background: none;
  font-weight: 600;
  width: 160px;
  height: 40px;
  color: #1278B9;
  border: 1px solid #1278B9;
  margin-bottom: 20px;
}
.header .button:hover {
  color: #fff;
  background: #1278B9;
}
.header ul {
  padding-top: 10px;
}
.header ul li {
  display: inline-block;
}
.header ul li:not(:last-child) {
  margin-right: 40px;
}
.header ul li a {
  display: block;
  font-weight: 600;
  line-height: 110%;
}
.header ul li a:hover {
  color: #1278B9;
}
.header form {
  position: relative;
  width: 350px;
  height: 40px;
}
.header form input[type='text'] {
  width: 100%;
  height: 100%;
  padding: 0 15px;
}
.header form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  width: 20px;
  height: 20px;
  background: url('/site/img/search.svg');
}
.header .menu-button {
  width: 32px;
  height: 24px;
  background: url('/site/img/menu-button.svg');
  margin-top: 2px;
  display: none;
}
.catalog-block {
  padding-bottom: 90px;
}
.catalog-block .item {
  position: relative;
  height: 180px;
  margin-bottom: 30px;
  background: #1278B9;
  border-radius: 20px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.catalog-block .item:hover {
  background: #1B87CC;
}
.catalog-block .item.big {
  height: 390px;
}
.catalog-block .item.big a {
  padding: 30px;
}
.catalog-block .item.big img {
  transform: none;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  bottom: 30px;
}
.catalog-block .item img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}
.catalog-block .item a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  padding: 30px 140px 0 30px;
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
}
.advantages-block {
  padding-bottom: 90px;
}
.advantages-block .item {
  text-align: center;
  margin-bottom: 30px;
  line-height: 150%;
  padding: 0 20px;
}
.advantages-block .item span {
  display: block;
  margin: 40px 0 30px;
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
}
.about-block {
  background: #F6F6F6;
  padding: 120px 0 100px;
  margin-bottom: 120px;
}
.about-block.inner {
  background: none;
  margin-bottom: 0;
}
.about-block .img_l {
  float: left;
  max-width: 50%;
  margin: 0 65px 40px 0;
}
.about-block h2 {
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 60px;
  line-height: 110%;
}
.about-block p {
  margin-bottom: 20px;
  line-height: 150%;
}
.about-block .mob-image {
  text-align: center;
  padding-top: 20px;
  display: none;
}
.index-catalog-block {
  padding-bottom: 120px;
}
.index-catalog-block h2 {
  text-align: center;
  margin-bottom: 60px;
  font-weight: 700;
  font-size: 60px;
  line-height: 110%;
}
.index-catalog-block .item {
  margin-bottom: 30px;
  position: relative;
}
.index-catalog-block .item .link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.index-catalog-block .item .discount {
  position: absolute;
  right: -15px;
  top: -15px;
  width: 57px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  color: #fff;
  background: url('/site/img/discount.svg') center / cover;
  font-weight: 700;
}
.index-catalog-block .item img {
  width: 100%;
  margin-bottom: 20px;
}
.index-catalog-block .item .name {
  margin-bottom: 28px;
  font-size: 20px;
  line-height: 150%;
}
.index-catalog-block .item .price {
  margin-top: 7px;
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
  position: relative;
}
.index-catalog-block .item .price .old {
  position: absolute;
  left: 0;
  bottom: 100%;
  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
  line-height: 110%;
  text-decoration-line: line-through;
  color: #B6B6B6;
  margin-bottom: 10px;
}
.index-catalog-block .item button {
  background: none;
  font-weight: 600;
  width: 135px;
  height: 40px;
  color: #1278B9;
  border: 1px solid #1278B9;
  position: relative;
  z-index: 3;
}
.index-catalog-block .item button:hover {
  color: #fff;
  background: #1278B9;
}
.index-catalog-block .bottom-button {
  text-align: center;
  padding-top: 20px;
  display: none;
}
.index-catalog-block .bottom-button a {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  padding: 15px 64px;
  background: #1278B9;
}
.brands-block {
  text-align: center;
  padding-bottom: 110px;
}
.brands-block h2 {
  margin-bottom: 60px;
  font-weight: 700;
  font-size: 60px;
  line-height: 110%;
}
.brands-block .item {
  margin-bottom: 10px;
}
.page-form {
  background: #F6F6F6;
  padding: 120px 0;
}
.page-form h2 {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 60px;
  line-height: 110%;
  width: 70%;
}
.page-form .top-text {
  max-width: 606px;
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
}
.page-form .phone {
  margin-bottom: 30px;
}
.page-form .phone .tel {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  line-height: 110%;
  color: #1278B9;
}
.page-form .phone .social {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  margin-top: -8px;
}
.page-form .phone .social a {
  display: inline-block;
}
.page-form .phone .social a:not(:last-child) {
  margin-right: 10px;
}
.page-form .phone p {
  font-weight: 600;
  line-height: 150%;
}
.page-form form {
  max-width: 380px;
}
.page-form form input[type='text'] {
  width: 100%;
  height: 50px;
  margin-bottom: 20px;
  border: 1px solid #1C1D1F;
  padding: 0 20px;
  font-weight: 500;
  background: none;
}
.page-form form .checkbox {
  display: none;
}
.page-form form .checkbox + label {
  display: block;
  cursor: pointer;
  padding: 0 0 0 30px;
  font-size: 12px;
  line-height: 150%;
  margin-bottom: 20px;
  position: relative;
}
.page-form form .checkbox + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #1C1D1F;
}
.page-form form .checkbox + label:after {
  content: "";
  position: absolute;
  left: 2px;
  top: -1px;
  width: 19px;
  height: 15px;
  background: url('/site/img/checkbox.svg');
  opacity: 0;
}
.page-form form .checkbox:checked + label:after {
  opacity: 1;
}
.page-form form button {
  width: 100%;
  height: 56px;
  color: #fff;
  font-weight: 600;
  background: #1278B9;
}
.page-form form button:hover {
  background: #1B87CC;
}
.page-form .container {
  position: relative;
}
.page-form .image {
  text-align: center;
  position: absolute;
  right: 16px;
  bottom: 0;
}
.footer {
  background: #1C1D1F;
  padding: 40px 0 20px;
  color: #fff;
}
.footer .name {
  font-weight: 800;
  font-size: 20px;
  line-height: 150%;
  color: #1278B9;
}
.footer ul {
  max-width: 150px;
}
.footer ul li {
  margin-bottom: 15px;
}
.footer ul li a {
  display: block;
  text-decoration: none;
  color: #fff;
  line-height: 150%;
}
.footer ul li a:hover {
  color: #1278B9;
}
.footer .contacts .phone {
  margin-bottom: 25px;
}
.footer .contacts .phone .tel {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  line-height: 110%;
  color: #1278B9;
}
.footer .contacts .phone .tel:hover {
  color: #1278B9;
}
.footer .contacts .phone .social {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  margin-top: -8px;
}
.footer .contacts .phone .social a {
  display: inline-block;
}
.footer .contacts .phone .social a:not(:last-child) {
  margin-right: 10px;
}
.footer .contacts .phone p {
  font-weight: 600;
  line-height: 150%;
}
.footer .contacts .data {
  margin-bottom: 15px;
  font-weight: 600;
  line-height: 150%;
}
.footer .contacts .mail {
  display: block;
  color: #fff;
  font-weight: 600;
  line-height: 150%;
}
.footer .contacts .mail:hover {
  color: #1278B9;
}
.footer .button {
  background: none;
  font-weight: 600;
  width: 160px;
  height: 40px;
  color: #1278B9;
  border: 1px solid #1278B9;
  margin-bottom: 20px;
}
.footer .button:hover {
  color: #fff;
  background: #1278B9;
}
.mobile-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 40;
  padding: 40px 0;
  background: #F6F6F6;
  display: none;
}
.mobile-menu .close {
  position: absolute;
  right: 20px;
  top: 20px;
  opacity: 1;
  width: 16px;
  height: 16px;
  background: url('/site/img/close.svg');
}
.mobile-menu ul {
  width: 48%;
  padding-bottom: 15px;
}
.mobile-menu ul li {
  margin-bottom: 15px;
}
.mobile-menu ul li a {
  display: block;
  text-decoration: none;
  line-height: 150%;
}
.mobile-menu ul li a:hover {
  color: #1278B9;
}
.mobile-menu form {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
  height: 40px;
}
.mobile-menu form input[type='text'] {
  width: 100%;
  height: 100%;
  padding: 0 15px;
}
.mobile-menu form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  width: 20px;
  height: 20px;
  background: url('/site/img/search.svg');
}
.mobile-menu .contacts .phone {
  margin-bottom: 25px;
}
.mobile-menu .contacts .phone .tel {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  line-height: 110%;
  color: #1278B9;
}
.mobile-menu .contacts .phone .tel:hover {
  color: #1278B9;
}
.mobile-menu .contacts .phone .social {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  margin-top: -8px;
}
.mobile-menu .contacts .phone .social a {
  display: inline-block;
}
.mobile-menu .contacts .phone .social a:not(:last-child) {
  margin-right: 10px;
}
.mobile-menu .contacts .phone p {
  font-weight: 600;
  line-height: 150%;
}
.mobile-menu .contacts .data {
  margin-bottom: 30px;
  font-weight: 600;
  line-height: 150%;
}
.mobile-menu .button {
  background: none;
  font-weight: 600;
  width: 160px;
  height: 40px;
  color: #1278B9;
  border: 1px solid #1278B9;
  margin-bottom: 20px;
}
.mobile-menu .button:hover {
  color: #fff;
  background: #1278B9;
}
.popup {
  border-radius: 15px;
}
.popup .thanks {
  text-align: center;
  padding: 60px 0;
}
.popup .thanks p {
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
}
.popup .thanks button {
  width: 100%;
  height: 56px;
  color: #fff;
  font-weight: 600;
  background: #1278B9;
}
.popup .thanks button:hover {
  background: #1B87CC;
}
.popup form {
  text-align: center;
  max-width: 380px;
  margin: 0 auto;
}
.popup form .name {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
}
.popup form p {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 110%;
}
.popup form input[type='text'] {
  width: 100%;
  height: 50px;
  margin-bottom: 20px;
  border: 1px solid #1C1D1F;
  padding: 0 20px;
  font-weight: 500;
  background: none;
}
.popup form textarea {
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
  border: 1px solid #1C1D1F;
  padding: 15px 20px;
  font-weight: 500;
  background: none;
}
.popup form .checkbox {
  display: none;
}
.popup form .checkbox + label {
  display: block;
  cursor: pointer;
  text-align: left;
  padding: 0 0 0 30px;
  font-size: 12px;
  line-height: 150%;
  margin-bottom: 20px;
  position: relative;
}
.popup form .checkbox + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #1C1D1F;
}
.popup form .checkbox + label:after {
  content: "";
  position: absolute;
  left: 2px;
  top: -1px;
  width: 19px;
  height: 15px;
  background: url('/site/img/checkbox.svg');
  opacity: 0;
}
.popup form .checkbox:checked + label:after {
  opacity: 1;
}
.popup form button {
  width: 100%;
  height: 56px;
  color: #fff;
  font-weight: 600;
  background: #1278B9;
}
.popup form button:hover {
  background: #1B87CC;
}
.navi {
  padding: 20px 0 30px;
  font-size: 14px;
  line-height: 150%;
}
.navi a {
  color: #B6B6B6;
}
.navi span {
  color: #B6B6B6;
  margin: 0 5px;
}
.article {
  background: none;
  padding-top: 0;
  margin-bottom: 0;
}
.article h2 {
  text-align: center;
}
h1 {
  text-align: center;
  margin-bottom: 60px;
  font-weight: 700;
  font-size: 60px;
  line-height: 110%;
}
.catalog-page {
  padding-bottom: 120px;
}
.catalog-page .filter {
  width: 17.2%;
}
.catalog-page .filter .close {
  position: absolute;
  right: 20px;
  top: 20px;
  background: url('/site/img/close2.svg');
  width: 16px;
  height: 16px;
  opacity: 1;
  display: none;
}
.catalog-page .filter .item {
  margin-bottom: 40px;
}
.catalog-page .filter .item .name {
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 10px;
}
.catalog-page .filter .item input[type='text'] {
  width: 48%;
  height: 40px;
  border: 1px solid #B6B6B6;
  padding: 0 10px;
  margin-bottom: 20px;
  font-size: 13px;
}
.catalog-page .filter .item .ui-widget.ui-widget-content {
  border: 0;
}
.catalog-page .filter .item .ui-widget-content {
  background: #B6B6B6;
}
.catalog-page .filter .item .ui-slider-horizontal {
  height: 3px;
}
.catalog-page .filter .item .ui-widget-header {
  background: #1278B9;
}
.catalog-page .filter .item .ui-state-default,
.catalog-page .filter .item .ui-widget-content .ui-state-default,
.catalog-page .filter .item .ui-widget-header .ui-state-default,
.catalog-page .filter .item .ui-button,
.catalog-page .filter .item html .ui-button.ui-state-disabled:hover,
.catalog-page .filter .item html .ui-button.ui-state-disabled:active {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background: #F6F6F6;
  border: 3px solid #1278B9;
  margin: -2px 0 0 -8px;
}
.catalog-page .filter .item .checkbox {
  display: none;
}
.catalog-page .filter .item .checkbox + label {
  display: block;
  cursor: pointer;
  padding: 0 0 0 30px;
  line-height: 150%;
  margin-bottom: 10px;
  position: relative;
}
.catalog-page .filter .item .checkbox + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #B6B6B6;
}
.catalog-page .filter .item .checkbox + label:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 1px;
  width: 19px;
  height: 15px;
  background: url('/site/img/checkbox.svg');
  opacity: 0;
}
.catalog-page .filter .item .checkbox:checked + label:after {
  opacity: 1;
}
.catalog-page .list {
  width: 77.2%;
}
.catalog-page .list .item {
  margin-bottom: 60px;
  padding-left: 190px;
  position: relative;
}
.catalog-page .list .item .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 160px;
}
.catalog-page .list .item .left-side {
  width: 66%;
}
.catalog-page .list .item .left-side .name {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 150%;
}
.catalog-page .list .item .left-side p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 150%;
}
.catalog-page .list .item .right-side {
  width: 31%;
  margin-bottom: 20px;
}
.catalog-page .list .item .right-side .price {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
}
.catalog-page .list .item .right-side .price .old {
  margin-left: 5px;
  font-weight: 400;
  font-size: 14px;
  text-decoration-line: line-through;
  color: #B6B6B6;
}
.catalog-page .list .item .right-side .items {
  margin-bottom: 20px;
}
.catalog-page .list .item .right-side .items .number {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  width: 95px;
  height: 40px;
  border: 1px solid #B6B6B6;
  position: relative;
}
.catalog-page .list .item .right-side .items .number input {
  width: 100%;
  height: 100%;
  background: none;
  text-align: center;
}
.catalog-page .list .item .right-side .items .number span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.catalog-page .list .item .right-side .items .number span.minus {
  left: 10px;
}
.catalog-page .list .item .right-side .items .number span.plus {
  right: 10px;
}
.catalog-page .list .item .right-side button {
  background: none;
  font-weight: 600;
  width: 100%;
  height: 40px;
  color: #1278B9;
  border: 1px solid #1278B9;
}
.catalog-page .list .item .right-side button:hover {
  color: #fff;
  background: #1278B9;
}
.catalog-page .list .item .info p {
  display: none;
}
.catalog-page .list .item table tr td {
  padding: 0 0 5px 0;
  font-size: 14px;
  line-height: 150%;
}
.catalog-page .list .item table tr td:first-child {
  padding-right: 35px;
  color: #B6B6B6;
}
.catalog-page .list .item .link {
  width: 100%;
  display: none;
  padding-top: 12px;
}
.catalog-page .list .item .link a {
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  padding-right: 20px;
  background: url('/site/img/arrow.svg') no-repeat right;
}
.catalog-page .list .item .link a.active {
  background: url('/site/img/arrow2.svg') no-repeat right;
}
.catalog-page .list .item .link a.active:before {
  content: "Свернуть";
}
.catalog-page .list .item .link a:before {
  content: "Характеристики";
}
.catalog-page .list .pages {
  text-align: center;
}
.catalog-page .list .pages a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #919191;
}
.catalog-page .list .pages a:hover {
  color: #1278B9;
}
.catalog-page .list .pages a.prev,
.catalog-page .list .pages a.next {
  width: 20px;
  height: 20px;
}
.catalog-page .list .pages a.prev {
  background: url('/site/img/prev.svg');
}
.catalog-page .list .pages a.next {
  background: url('/site/img/next.svg');
}
.item-page {
  padding-bottom: 90px;
}
.item-page .photos {
  margin-bottom: 40px;
}
.item-page .photos .previews {
  margin-top: 20px;
}
.item-page .photos .previews .swiper-slide {
  cursor: pointer;
}
.item-page .info {
  margin-bottom: 40px;
}
.item-page .info .name {
  margin-bottom: 30px;
  font-size: 20px;
}
.item-page .info .price {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
}
.item-page .info .price .old {
  margin-left: 5px;
  font-weight: 400;
  font-size: 14px;
  text-decoration-line: line-through;
  color: #B6B6B6;
}
.item-page .info .items {
  margin-bottom: 20px;
}
.item-page .info .items .number {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  width: 95px;
  height: 40px;
  border: 1px solid #B6B6B6;
  position: relative;
}
.item-page .info .items .number input {
  width: 100%;
  height: 100%;
  background: none;
  text-align: center;
}
.item-page .info .items .number span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.item-page .info .items .number span.minus {
  left: 10px;
}
.item-page .info .items .number span.plus {
  right: 10px;
}
.item-page .info button {
  background: none;
  font-weight: 600;
  width: 190px;
  height: 40px;
  color: #1278B9;
  border: 1px solid #1278B9;
}
.item-page .info button:hover {
  color: #fff;
  background: #1278B9;
}
.item-page .tabs {
  padding-top: 45px;
}
.item-page .tabs .tabNavigation {
  margin-bottom: 30px;
  display: inline-block;
  border: 2px solid #B6B6B6;
  font-size: 0;
}
.item-page .tabs .tabNavigation li {
  display: inline-block;
}
.item-page .tabs .tabNavigation li:not(:last-child) {
  border-right: 2px solid #B6B6B6;
}
.item-page .tabs .tabNavigation li a {
  display: block;
  text-decoration: none;
  font-size: 14px;
  width: 190px;
  text-align: center;
  padding: 10px 0;
  font-weight: 600;
}
.item-page .tabs .tabNavigation li a.selected {
  background: #F6F6F6;
}
.item-page .tabs .tab-content p {
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 30px;
}
.item-page .tabs .tab-content .item {
  margin-bottom: 30px;
}
.item-page .tabs .tab-content .item .name {
  border-bottom: 1px solid #B6B6B6;
  text-transform: uppercase;
  cursor: pointer;
  padding-right: 40px;
  padding-bottom: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  background: url('/site/img/arrow3.svg') no-repeat right;
}
.item-page .tabs .tab-content .item .name.active {
  background: url('/site/img/arrow4.svg') no-repeat right;
}
.item-page .tabs .tab-content .item .item-info {
  padding-top: 30px;
  display: none;
}
.item-page .tabs .tab-content .item .item-info table tr td {
  padding: 0 0 5px 0;
  line-height: 150%;
}
.item-page .tabs .tab-content .item .item-info table tr td:last-child {
  padding-left: 120px;
}
.service-page {
  padding-bottom: 60px;
}
.service-page .item {
  margin-bottom: 60px;
  padding-left: 350px;
  position: relative;
}
.service-page .item .image {
  position: absolute;
  left: 0;
  top: 0;
}
.service-page .item h3 {
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
}
.service-page .item p {
  line-height: 150%;
}
.service-page .item p:not(:last-child) {
  margin-bottom: 15px;
}
.service-page .item ul {
  padding-left: 20px;
  list-style: disc;
}
.service-page .item ul:not(:last-child) {
  margin-bottom: 15px;
}
.service-page .item .button {
  background: none;
  font-weight: 600;
  display: inline-block;
  text-align: center;
  width: 255px;
  height: 50px;
  line-height: 50px;
  margin-top: 15px;
  color: #fff;
  background: #1278B9;
}
.service-page .item .button:hover {
  background: #1B87CC;
}
.faq-page {
  padding-bottom: 110px;
}
.faq-page .item {
  margin-bottom: 10px;
  padding: 20px 46px;
  border-bottom: 1px solid #1278B9;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.faq-page .item.active {
  color: #fff;
  background: #1278B9;
}
.faq-page .item.active .name {
  background: url('/site/img/faq2.svg') no-repeat right;
}
.faq-page .item .name {
  cursor: pointer;
  padding-right: 40px;
  font-size: 20px;
  line-height: 150%;
  background: url('/site/img/faq.svg') no-repeat right;
}
.faq-page .item .text {
  padding-top: 20px;
  font-size: 14px;
  line-height: 150%;
  display: none;
}
.contacts-page .phone {
  margin-bottom: 30px;
}
.contacts-page .phone .tel {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  line-height: 110%;
}
.contacts-page .phone .tel:hover {
  color: #1278B9;
}
.contacts-page .phone .social {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  margin-top: -8px;
}
.contacts-page .phone .social a {
  display: inline-block;
}
.contacts-page .phone .social a:not(:last-child) {
  margin-right: 10px;
}
.contacts-page .phone p {
  font-weight: 600;
  line-height: 150%;
}
.contacts-page .data {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 150%;
}
.contacts-page .mail {
  display: block;
  text-decoration: none;
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 150%;
  text-align: center;
}
.contacts-page .map {
  height: 478px;
}
@media (max-width: 1199px) {
  .header .adress {
    margin-right: 0;
  }
  .header .phone {
    margin-left: 0;
  }
  .header ul li:not(:last-child) {
    margin-right: 20px;
  }
  .header form {
    width: 240px;
  }
  .advantages-block .item {
    padding: 0;
  }
  .page-form .image {
    width: 400px;
  }
  .footer .name {
    width: 100%;
    margin-bottom: 20px;
  }
  .catalog-page .filter {
    width: 20%;
  }
  .catalog-page .list .item .right-side .items .number {
    width: 80px;
  }
  .catalog-page .list .item .right-side {
    width: 34%;
  }
  .catalog-page .list .item .left-side {
    width: 63%;
  }
}
@media (max-width: 991px) {
  .header .adress {
    display: none;
  }
  .header ul li:not(:last-child) {
    margin-right: 10px;
  }
  .header form {
    width: 140px;
  }
  .page-form .image {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin-top: 30px;
  }
  .page-form h2 {
    width: auto;
  }
  .page-form .top-text {
    max-width: 100%;
  }
  .footer ul {
    width: 48%;
    max-width: 100%;
    padding-bottom: 10px;
  }
  .catalog-page .filter {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 30;
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 18px;
    display: none;
  }
  .catalog-page .filter.opened {
    display: block;
  }
  .catalog-page .filter .close {
    display: block;
  }
  .catalog-page .list {
    width: 100%;
  }
  .catalog-page .list .filter-link {
    text-align: right;
    margin-bottom: 20px;
  }
  .catalog-page .list .filter-link a {
    display: inline-block;
    width: 26px;
    height: 22px;
    background: url('/site/img/filter.svg');
  }
  .catalog-page .list .item .left-side {
    width: 61%;
  }
  .catalog-page .list .item .right-side {
    width: 36%;
  }
  .contacts-page .mail {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .header .button {
    display: none;
  }
  .header form {
    display: none;
  }
  .header ul li:not(:last-child) {
    margin-right: 0;
  }
  .header ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .header ul li a {
    font-size: 13px;
  }
  .about-block .img_l {
    margin: 0 20px 20px 0;
  }
  .catalog-page .list .item .left-side {
    width: 100%;
  }
  .catalog-page .list .item .right-side {
    width: 100%;
  }
  .service-page .item {
    padding-left: 0;
  }
  .service-page .item .image {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    text-align: center;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .header .phone {
    display: none;
  }
  .header ul {
    display: none;
  }
  .header .menu-button {
    display: block;
  }
  .mobile-menu.opened {
    display: block;
  }
  .catalog-block .item {
    height: 150px;
  }
  .catalog-block .item.big {
    height: 150px;
  }
  .catalog-block .item.big img {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    transform: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    height: 100px;
  }
  .catalog-block .item a,
  .catalog-block .item.big a {
    padding: 20px 125px 0 20px;
    font-size: 18px;
    line-height: 120%;
  }
  .catalog-block .item {
    margin-bottom: 20px;
  }
  .catalog-block {
    padding-bottom: 60px;
  }
  .advantages-block {
    padding-bottom: 40px;
  }
  .advantages-block .item {
    text-align: left;
    margin-bottom: 40px;
    padding-left: 116px;
    position: relative;
  }
  .advantages-block .item img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 86px;
  }
  .advantages-block .item span {
    margin: 0 0 10px 0;
    font-size: 18px;
  }
  .about-block {
    padding: 80px 0;
    margin-bottom: 80px;
  }
  .about-block .img_l {
    display: none;
  }
  .about-block h2 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 40px;
  }
  .about-block .mob-image {
    display: block;
  }
  .index-catalog-block {
    padding-bottom: 80px;
  }
  .index-catalog-block h2 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 40px;
  }
  .index-catalog-block .item img {
    margin-bottom: 15px;
  }
  .index-catalog-block .item .name {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 120%;
  }
  .index-catalog-block .item .price {
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 18px;
  }
  .index-catalog-block .item .price .old {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 0 5px 0 0;
    font-size: 14px;
  }
  .index-catalog-block .item button {
    width: 100%;
  }
  .brands-block {
    padding-bottom: 70px;
  }
  .brands-block h2 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 40px;
  }
  .page-form {
    padding: 80px 0;
  }
  .page-form h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 40px;
  }
  .page-form .top-text {
    font-size: 18px;
  }
  .page-form .image {
    width: auto;
  }
  .footer .contacts {
    width: 100%;
    margin-bottom: 30px;
  }
  .article {
    padding-top: 0;
    margin-bottom: 0;
  }
  h1 {
    margin-bottom: 40px;
    font-size: 40px;
  }
  .catalog-page .list .item {
    padding-left: 0;
    margin-bottom: 50px;
  }
  .catalog-page .list .item .image {
    width: 100px;
  }
  .catalog-page .list .item .left-side p {
    display: none;
  }
  .catalog-page .list .item .left-side .name {
    margin-bottom: 0;
    min-height: 115px;
    padding-left: 115px;
    font-size: 16px;
    line-height: 120%;
  }
  .catalog-page .list .item .right-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .catalog-page .list .item .right-side .items {
    display: none;
  }
  .catalog-page .list .item .right-side button {
    width: 165px;
  }
  .catalog-page .list .item .right-side .price {
    padding-top: 5px;
  }
  .catalog-page .list .item .info p {
    display: block;
    margin: 0 0 15px;
    font-size: 12px;
    line-height: 150%;
  }
  .catalog-page .list .item table {
    margin-bottom: 10px;
  }
  .catalog-page .list .item table tr td {
    font-size: 12px;
  }
  .catalog-page .list .item .info {
    display: none;
  }
  .catalog-page .list .item .info.opened {
    display: block;
  }
  .catalog-page .list .item .link {
    display: block;
    padding-top: 0;
  }
  .catalog-page .list .item .right-side {
    margin-bottom: 0;
  }
  .catalog-page {
    padding-bottom: 80px;
  }
  .item-page .info .items .number {
    display: block;
    margin: 10px 0 0 0;
    width: 165px;
  }
  .item-page .info button {
    float: right;
    width: 165px;
    margin-top: -60px;
  }
  .item-page .tabs {
    padding-top: 0;
  }
  .item-page .tabs .tabNavigation {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .item-page .tabs .tabNavigation li {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .item-page .tabs .tabNavigation li a {
    width: auto;
    display: block;
  }
  .item-page .tabs .tab-content .item .item-info table {
    width: 100%;
  }
  .item-page .tabs .tab-content .item .item-info table tr td:last-child {
    padding-left: 30px;
  }
  .item-page {
    padding-bottom: 50px;
  }
  .service-page {
    padding-bottom: 20px;
  }
  .service-page .item h3 {
    text-align: center;
    font-size: 24px;
  }
  .faq-page {
    padding-bottom: 70px;
  }
  .faq-page .item {
    margin: 0 -16px 10px -16px;
    padding: 20px 18px;
  }
  .contacts-page .map {
    height: 320px;
  }
  .index-catalog-block .bottom-button {
    display: block;
  }
}