.site-header .mail a,
.site-header .phone a {
  display: none;
  padding-left: 30px;
  color: #3b3b3b;
  vertical-align: top
}

.site-header .login>a:after,
.site-header .login>a:hover:after {
  background: url(../img/svg-new/user-round.svg) no-repeat;
  background-size: 21px 21px;
}

.mobile-menu .catalog li.active>a,
.mobile-menu .catalog>ul>li.current>a {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px
}

.swiper-mouseover {
  display: flex;
  position: absolute;
  inset: 0;
  z-index: 11
}

.swiper-mouseover-layer {
  flex: 1 0 0%;
  height: 100%
}

.site-header {
  min-width: 320px;
  z-index: 50
}

.site-header .head {
  height: 50px;
  color: #3b3b3b;
  font-size: 12px;
  background-color: #f8f8f8
}

.site-header .sand {
  background: url(../img/svg-new/menu.svg) no-repeat;
  width: 24px;
  height: 24px;
  float: left;
  background-size: 21px 21px;
  margin-top: 17px;
  cursor: pointer;
  display: none;
  position: relative;
  z-index: 5
}

.site-footer .subscribe .text .site-header .head .item {
  position: relative;
  z-index: 5;
  float: left;
  padding-top: 18px;
  font-weight: 500;
  background-color: #f8f8f8
}

.site-header .phone a {
  position: relative
}

.blog-box li .title a:hover,
.site-footer .list .title a:hover,
.site-footer .list li a:hover,
.site-footer .rules a:hover,
.site-header .block-menu-search .sb-icon-search:hover,
.site-header .catalog li a:hover,
.site-header .header-mail:hover,
.site-header .login>a:hover,
.site-header .mail a:hover,
.site-header .menu-top li:hover a,
.site-header .menu>ul>li>a:hover,
.site-header .phone a:hover,
.site-header .phone-mail .mail-number:hover,
.site-header .phone-mail .phone-number:hover {
  color: #f74844
}

.site-header .mail {
  margin-left: 50px
}

.site-header .mail a {
  position: relative
}

.site-header .reg {
  position: relative;
  font-weight: 500;
  color: #565358;
  font-size: 12px;
  text-align: right;
  line-height: 1.67;
  letter-spacing: normal;
  margin-left: 0;
  float: none
}

.site-header .reg span {
  font-family: ALSRubl
}

.site-header .cabinet {
  position: relative;
  z-index: 5;
  float: right
}

.site-header .login {
  float: left;
  padding-top: 16px
}

.site-header .login>a {
  position: relative;
  display: block;
  min-height: 14px;
  padding: 0 0 0 27px;
  color: #3b3b3b;
  font-size: 14px;
  font-weight: 400
}

.site-header .login>a:after {
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: -2px;
}

.site-header .cart>a:after,
.site-header .cart>a:hover:after {
  background: url(../img/svg-new/shopping-bag.svg) no-repeat;
  background-size: 20px 20px;
}

.site-header .cart {
  float: left;
  padding: 14px 0 0 20px
}

.site-header .cart>a {
  position: relative;
  display: block;
  min-height: 22px;
  width: 18px;
  border-radius: 50%;
  padding: 0;
  margin-left: 30px;
  text-align: center;
  line-height: 22px;
  font-weight: 500
}

.site-header .catalog .side a,
.site-header .catalog>a {
  line-height: 50px;
  font-weight: 500;
  text-decoration: none
}


.site-header .cart>a:after {
  display: block;
  content: '';
  width: 21px;
  height: 20px;
  position: absolute;
  left: -20px;
  top: 0;
}

.site-header .foot {
  min-width: 320px;
  border: none
}

.site-header .foot .header-info {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: 80px;
  justify-content: space-between
}

.site-header .header-catalog-menu /personal/order/ {
  border-bottom: none
}

.site-header .header-catalog-menu {
  border-bottom: 1px solid #e5e5e5;
}

.site-header .drop-m:nth-child(2) .drop-m-hid:before {
  left: 115px
}

.site-header .drop-m:nth-child(3) .drop-m-hid:before {
  left: 230px
}

.site-header .header-mail-wrap {
  padding-top: 31px;
  padding-left: 58px;
  position: relative
}

.site-header .header-mail-wrap:before {
  content: "";
  position: absolute;
  background: url(../img/svg-new/email-header.svg) no-repeat;
  width: 45px;
  height: 45px;
  left: -6px;
  top: 27px
}

.site-header .header-mail-wrap .reg {
  margin: 0;
  width: 100%;
  line-height: 1;
  font-size: 12px;
  text-align: left;
  display: block
}

.site-header .header-mail {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.88;
  color: #393939
}

.site-header .logo {
  display: flex;
  width: auto;
  align-items: center;
  justify-content: center;
}

.site-header .foot .logo img {
  width: 120px
}

@media screen and (max-width:666px) {
  .site-header .foot .logo img {
    width: 120px;
  }
}

.site-header .phone-mail {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.site-header .phone-mail .phone-number {
  display: block;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #393939;
  padding-top: 5px
}

.site-header .phone-mail .mail-number {
  display: block;
  color: rgba(59, 59, 59, .7);
  font-weight: 500;
  font-size: 14px
}

.site-header .catalog {
  position: relative;
  float: left;
  padding: 25px 0 0;
  display: none
}

.site-header .catalog>a {
  position: relative;
  display: block;
  border-radius: 3px;
  background: #f74844;
  padding: 0 50px 0 20px;
  height: 50px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase
}

.site-header .catalog>a:after {
  display: block;
  content: '';
  background: url(../i/strelka-vniz.svg) no-repeat;
  width: 15px;
  position: absolute;
  height: 13px;
  top: 16px;
  right: 15px
}

.site-header .catalog .box {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  padding-top: 25px;
  width: 750px
}

.site-header .catalog .wrap {
  position: relative;
  background: #f4f4f4;
  -webkit-box-shadow: 30px 52px 150px rgba(0, 0, 0, .6);
  box-shadow: 30px 52px 150px rgba(0, 0, 0, .6)
}

.site-footer .level-1:after,
.site-footer .level-2:after,
.site-footer .level-3:after,
.site-footer .subscribe:after,
.site-header .catalog .inner:after,
.site-header .catalog .wrap:after,
.workspace .about .about-column:after,
.workspace .widget-instagram ul:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
  height: 0
}

.site-header .catalog .side {
  background: #fff;
  width: 200px;
  padding: 30px 0;
  vertical-align: top;
  display: table-cell
}

.site-header .catalog .side a {
  display: block;
  height: 50px;
  padding-left: 50px;
  font-size: 16px;
  color: #3b3b3b;
  padding-right: 50px
}

.site-header .catalog .side a.active,
.site-header .catalog .side a:hover {
  background: #f4f4f4;
  color: #f64844
}

.site-header .catalog .cont {
  width: 500px;
  padding: 10px 0 35px 50px;
  display: table-cell
}

.site-header .catalog .inner {
  position: relative
}

.site-header .catalog .item {
  width: 250px;
  float: left
}

.site-header .catalog ul {
  padding-top: 35px
}

.site-header .catalog li {
  padding-top: 15px
}

.site-footer .list li,
.site-header .catalog li:first-child {
  padding-top: 0
}

.site-header .catalog li.title {
  font-weight: 700
}

.site-header .catalog li a {
  color: #3b3b3b
}

.site-header .menu {
  font-weight: 500;
  margin: 0 auto;
  padding-top: 0;
  float: none;
  position: relative
}

.site-header .block-menu-search .menu>ul>li>span {
  line-height: 49px
}

.site-header .block-menu-search {
  position: relative;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  float: none;
  width: auto
}

.site-header .block-menu-fields {
  display: flex;
}

.site-header .sb-search {
  position: absolute;
  right: 0;
  margin-top: 0;
  width: 140px;
  min-width: 45px;
  height: 45px;
  float: right;
  overflow: hidden;
  -webkit-transition: width .3s;
  -o-transition: width .3s;
  transition: width .3s;
  -webkit-backface-visibility: hidden
}

.site-header .sb-search.sb-search-open {
  position: absolute;
  right: 0;
  top: 2px;
  width: 100%
}

.sb-search.sb-search-open .sb-search-submit {
  background: url(../img/svg-new/header-search.svg) 50% no-repeat;
  opacity: 1
}

.block-menu-sb-search .sb-search form,
.mobile-search,
.product-list-item .swiper-slide:nth-child(n+6),
.site-header .sb-search-open .sb-icon-search.search-title {
  display: none
}

.site-header .menu .main-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 504px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

.blog-box li:first-child,
.site-footer .social a:first-child,
.site-header .menu-top li:first-child,
.site-header .menu>ul>li:first-child {
  margin-left: 0
}

.site-header .menu>ul>li>span {
  font-size: 17px;
  font-weight: 500;
  color: #393939
}

.site-header .menu>ul>li>a {
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  color: #393939
}

.site-header .menu-top {
  float: left;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  display: flex;
  align-items: center
}

.site-header .menu-top li {
  float: left;
  margin-left: 29px;
  margin-top: 1px
}

.site-header .menu-top li:hover {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.site-header .menu-top li a {
  color: #393939;
  font-size: 12px;
  font-weight: 500;
  line-height: 2.5
}

.site-footer .list ul span,
.site-header .menu-top span {
  color: #f74844;
  text-decoration: none;
  line-height: 2.43
}

.tfl__link-container {
  margin-right: 25px
}

.site-header .block-menu-search .sb-icon-search {
  position: relative;
  width: auto;
  padding-left: 30px;
  background: 0 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 48px;
  color: #393939
}

.site-header .sb-icon-search:before {
  background: url(../img/svg-new/search.svg) 1px 50% no-repeat;
  content: "";
  width: 24px;
  height: 24px;
  background-size: 20px 20px;
  position: absolute;
  top: 29%
}


.workspace .main-features .inform-features .icon {
  width: 72px;
  margin: 0 auto
}

.site-header .sb-search input[type=text] {
  width: 100%;
  padding: 0 20px;
  font-size: 15px
}

.site-header .sb-search button {
  border-radius: 0;
  padding: 0;
  border: 0;
  position: absolute;
  right: 14px;
  top: 16px;
  background: url(../i/sprite.png) -20px 0 no-repeat;
  width: 19px;
  height: 19px;
  opacity: .3
}

.site-header-simple .logo {
  float: none;
  width: auto;
  text-align: center
}

.login-b-block-s {
  width: 18px;
  display: inline-block;
  overflow: hidden;
  margin-right: 26px
}

.mobile-menu .catalog {
  padding: 0 0 26px 15px;
  border-bottom: 1px solid #e5e5e5
}

.mobile-menu .catalog a {
  color: #3b3b3b;
  display: inline-block
}

.mobile-menu .login a.login-b:after {
  display: block;
  content: '';
  background: url(../img/svg-new/user-round.svg) no-repeat;
  background-size: 20px 20px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0
}

.mobile-menu .login-f {
  margin-right: 20px;
  background: url(../img/svg-new/heart.svg) no-repeat;
  background-size: 20px 20px;
  width: 24px;
  height: 24px;
  display: inline-block
}

.mobile-menu .login-s {
  margin-right: 15px;
  background: url(../img/svg-new/log-out.svg) no-repeat;
  background-size: 20px 20px;
  width: 24px;
  height: 24px;
  display: inline-block
}

.mobile-menu .catalog>ul>li:first-child {
  padding-top: 26px
}

.mobile-menu .catalog>ul>li {
  padding-top: 33px
}

.mobile-menu .catalog>ul>li>ul>li {
  padding-top: 20px;
  padding-bottom: 5px
}

.mobile-menu .catalog>ul>li>ul>li li,
.mobile-menu .catalog>ul>li>ul>li:first-child,
.mobile-menu .list li {
  padding-top: 18px
}

.mobile-menu .catalog>ul>li>ul>li ul {
  display: none;
  padding: 0 0 0 12px
}

.mobile-menu .catalog li.active>a {
  text-decoration: none
}

.mobile-menu .list {
  background: 0 0;
  padding: 0 0 30px 15px
}

.mobile-menu .list ul {
  padding-top: 28px
}

.mobile-menu .list li:nth-child(6) {
  margin-bottom: 25px
}

.mobile-menu .list>ul:first-child>li:first-child a,
.mobile-menu .list>ul:nth-child(2)>li:first-child a,
.site-footer .list .title a,
.workspace {
  color: #393939
}

.mobile-menu .list li a,
.site-footer .rules a {
  color: #565458
}

.mobile-menu .list li.title+li {
  padding-top: 21px
}

.mobile-menu .site-header {
  min-width: auto
}

.mobile-menu .site-header .reg {
  float: none;
  text-align: left
}

.mobile-menu .site-header .phone-mail {
  padding-bottom: 3px
}

.mobile-menu .site-header .header-mail-wrap {
  padding-top: 34px;
  padding-left: 61px
}

.mobile-menu .site-header .header-mail-wrap:before {
  left: -2px;
  top: 31px
}

.mobile-menu .site-header .header-mail {
  line-height: 2.28
}

.workspace .promo-banner.top {
  padding-top: 9px
}

.blog-box li.big .img a img,
.workspace .promo-banner.top li:hover img {
  opacity: 1
}

.workspace .step-button {
  position: absolute;
  bottom: 38px;
  border: 1px solid #f74844;
  background-color: #f74844;
  width: 210px;
  border-radius: 6px
}

.workspace .step-button a {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  text-transform: initial;
  display: block;
  height: 45px;
  line-height: 45px;
  padding-left: 19px;
  background: url(../img/svg-new/arrow.svg) 89% 48% no-repeat;
  text-align: left
}

.promo-banner .step-button {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 38px;
  border: none;
  background-color: transparent;
  width: auto;
  border-radius: 0
}


.promo-banner .step-button:hover {
  border: none;
  background-color: transparent
}

.promo-banner .step-button a {
  position: static;
  background-color: #3b3b3b;
  width: 180px;
  border-radius: 6px;
  transition: .1s ease-in-out
}

.promo-banner .step-button a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

@media (hover:hover) {
  .promo-banner .step-button a:hover {
    background-color: #f74844
  }
}

.workspace .main-features {
  margin-top: 70px;
}

.workspace .wrapper h1 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.4;
  text-align: left
}

.workspace .wrapper h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.16;
  text-align: left;
  padding-top: 10px;
}

.workspace .blog-box .head span,
.workspace .main-features span,
.workspace .product-box.main .head span {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  text-transform: uppercase;
  color: #3b3b3b;
  margin-bottom: 10px;
  display: block;
  display: none;
}

.workspace .inform-features {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 70px;
}

.workspace .main-features .inform-features .title {
  font-size: 18px;
  line-height: 1.11;
  color: #393939;
  margin-top: 23px
}

.workspace .main-features .inform-features .text {
  margin: 14px auto 0;
  font-size: 14px;
  line-height: 1.57;
  text-align: center;
  color: #959397;
  max-width: 225px
}

.workspace .main-features.about h2 {
  margin-bottom: 30px;
}

.promo-banner {
  padding-top: 30px
}

.promo-banner li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 40px 0 0
}

.blog-box li,
.promo-banner li.item-r {
  margin-left: 26px
}

.promo-banner li.item-1 {
  width: 750px
}

.promo-banner li.item-2 {
  width: 490px
}

.promo-banner li img {
  width: 100%;
  border-radius: 6px;
  -webkit-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear
}

.blog-box li .img a:hover img,
.promo-banner li:hover img,
.workspace widget-instagram li a:hover img {
  opacity: .75
}

.promo-banner li a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  color: #3b3b3b;
  text-decoration: none;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 500;
  white-space: nowrap
}

.promo-banner li a>span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px
}

.promo-banner li a>span span {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  background: #fff;
  height: 40px;
  line-height: 40px;
  border-radius: 6px
}

.workspace .product-box.main {
  padding-top: 70px
}


.workspace .product-list-item {
  position: relative;
  cursor: pointer;
  min-height: auto;
}

.workspace .product-list-item .title {
  padding-top: 0;
  line-height: 24px
}

.workspace .product-list-item .title span {
  padding-right: 3px
}

.workspace .product-list-item .rating-box {
  position: relative;
  width: 100px;
  height: 16px;
  background: url(../img/svg-new/fields_rating.svg) no-repeat
}

.workspace .product-list-item .rating-box>* {
  display: block;
  background: url(../img/svg-new/fields_rating.svg) 0 -16px no-repeat;
  width: 0;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0
}

.workspace .product-list-item .active.rating {
  background: url(../img/svg-new/raty-star-active.svg) no-repeat
}

.workspace .product-list-item .void.rating {
  background: url(../img/svg-new/raty-star-void.svg) no-repeat
}

.blog-box {
  padding-top: 59px
}

.blog-box ul {
  padding-top: 43px
}

.blog-box li {
  position: relative
}

.blog-box li .img img {
  width: 100%;
  -webkit-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear
}

.blog-box li .img a {
  position: relative;
  display: block
}

.blog-box li .title {
  padding-top: 25px;
  font-size: 18px;
  line-height: 26px
}

.blog-box li .title a {
  color: #3b3b3b;
  display: inline-block;
  vertical-align: top
}

.blog-box li .text {
  padding-top: 13px;
  color: #9c9c9c;
  line-height: 22px
}

.blog-box li.big {
  width: 490px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

.blog-box li.big .img a:before {
  display: block;
  content: '';
  background: rgba(0, 0, 0, .2);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear
}

.blog-box li.big:hover {
  opacity: .75;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

.blog-box li.big .title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 53px;
  padding: 0 15px 0 50px;
  display: block;
  font-size: 28px;
  line-height: 36px;
  color: #fff;
  font-weight: 300
}

.blog-box li.big .title a {
  color: #fff;
  text-decoration: none
}

.workspace .about .inform-features ul {
  padding-right: 8px;
  max-width: 989px
}

.workspace .about .inform-features .text {
  max-width: 217px
}

.workspace .about .about-column {
  font-size: 14px;
  color: #3b3b3b;
  margin-top: 58px;
  margin-left: 1px;
  letter-spacing: .1px;
  margin-right: 3.5%;
  line-height: 2
}

.workspace .about .about-column .r {
  float: right;
  width: 47%
}

.workspace .about .about-column .l {
  float: left;
  width: 47%
}

.workspace .widget-instagram .inner {
  position: relative;
  height: 230px;
  overflow: hidden;
  padding-top: 35px
}

.site-footer .subscribe .entry,
.site-footer .subscribe .form {
  display: table-cell;
  height: 149px;
  vertical-align: middle
}

.workspace .widget-instagram li {
  position: relative;
  float: left;
  width: 230px;
  height: 230px;
  margin: 0 10px;
  overflow: hidden
}

.workspace .widget-instagram li img {
  width: 230px;
  height: 230px;
  position: static;
  margin: 0;
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear
}

.workspace .widget-instagram ul {
  position: relative;
  width: 999999px
}

.site-footer {
  position: relative;
  min-width: 320px;
  border-top: 1px solid #e5e5e5;
  margin-top: 76px;
  padding-bottom: 65px
}

.site-footer .footer-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.site-footer .subscribe {
  position: relative;
  min-width: 320px;
  border-bottom: 1px solid #e5e5e5
}

.site-footer .subscribe .entry {
  padding-left: 130px;
  width: 520px
}

.site-footer .subscribe .title {
  font-size: 24px
}

.site-footer .subscribe .title .text-rouble {
  padding-left: 4px
}

.site-footer .subscribe .text {
  color: #3b3b3b;
  padding-top: 12px;
  padding-bottom: 12px
}

.site-footer .subscribe .field {
  float: left;
  width: 300px
}

.site-footer .subscribe input[type=text] {
  width: 100%;
  padding: 0 20px;
  font-size: 16px
}

.site-footer .subscribe button {
  position: relative;
  background: #f74844;
  width: 180px;
  height: 50px;
  border: 1px solid #f74844;
  border-radius: 6px;
  padding: 0 18px;
  margin-left: 16px;
  float: left;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
  text-align: left;
  color: #fff
}

.site-footer .subscribe button:hover {
  color: #f74844;
  background: 0 0
}

.site-footer .subscribe button:after {
  display: block;
  content: '';
  background: url(../img/img/svg-new/strelka.svg) no-repeat;
  width: 29px;
  height: 29px;
  position: absolute;
  right: 17px;
  top: 9px
}

.site-footer .subscribe button:hover:after {
  background-position: -50px 0
}

.site-footer .level-1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 350px
}

.site-footer .social {
  float: left;
  padding-top: 49px;
  height: 50px;
  max-width: 283px;
  margin-left: auto;
  width: auto
}

.site-footer .footer-menu .social a.fb,
.site-footer .footer-menu .social a.in,
.site-footer .footer-menu .social a.vk,
.site-footer .footer-menu .social a.zen {
  width: 52px;
  height: 52px;
  border: none
}

.site-footer .social a {
  display: block;
  float: left;
  width: 52px;
  height: 52px;
  margin-left: 23px;
  border-radius: 100%;
  border: none
}

.site-footer .social a:hover {
  background-color: #fff
}

.site-footer .footer-menu .social a.vk {
  background: url(../img/svg-new/vk.svg) 0 0/contain no-repeat
}

.site-footer .footer-menu .social a.vk:hover {
  background: url(../img/svg-new/vk-hover.svg) 0 0/contain no-repeat
}

.site-footer .footer-menu .social a.in {
  background: url(../img/svg-new/insta.svg) 0 0/contain no-repeat
}

.site-footer .footer-menu .social a.in:hover {
  background: url(../img/svg-new/insta-hover.svg) 0 0/contain no-repeat
}

.site-footer .footer-menu .social a.fb {
  background: url(../img/svg-new/fb.svg) 0 0/contain no-repeat
}

.site-footer .footer-menu .social a.fb:hover {
  background: url(../img/svg-new/fb-hover.svg) 0 0/contain no-repeat
}

.site-footer .footer-menu .social a.zen {
  background: url(../img/svg-new/zen-icon.svg) 0 0/contain no-repeat
}

.site-footer .footer-menu .social a.zen:hover {
  background: url(../img/svg-new/zen-icon-hover.svg) 0 0/contain no-repeat
}

.site-footer .share {
  float: left;
  padding-top: 96px
}

.site-footer .call {
  padding-top: 61px;
  padding-left: 9px
}

.site-footer .call .phone {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.36;
  color: #393939
}

.site-footer .call .back {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px
}

.site-footer .call .back a {
  display: block;
  width: 133px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #393939;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 500;
  text-decoration: none;
  color: #393939;
  text-transform: uppercase;
  text-align: center
}

.site-footer .call .back a:hover {
  background: #393939;
  color: #fff
}

.site-footer .mobile-link {
  display: block
}

.site-footer .level-2 {
  margin-top: 72px
}

.site-footer .list {
  float: left
}

.site-footer .list .title {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500
}

.site-footer .list ul {
  padding-top: 16px
}

.site-footer .list li a {
  font-size: 14px;
  line-height: 2.43;
  color: #565458
}

.site-footer .list.about,
.site-footer .list.help {
  width: 260px
}

.site-footer .list.catalog {
  width: 280px
}

.site-footer .list.catalog ul {
  float: left;
  width: 130px
}

.site-footer .level-3 {
  padding-top: 66px
}

.site-footer .copy {
  float: left;
  font-size: 13px;
  color: #9c9c9c
}

.site-footer .rules {
  float: left;
  margin-left: 30px;
  font-size: 13px
}

.site-footer .fb-like {
  float: right
}

.site-footer-simple .call {
  float: none;
  width: auto;
  padding-top: 78px;
  text-align: center
}

.site-footer-simple .call .back a {
  position: relative;
  margin: auto
}

.site-footer-simple .level-3 {
  padding-top: 70px
}

.promo-banner .step-img {
  overflow: hidden;
  border-radius: 6px;
  max-height: 490px
}

.site-header .menu>ul>li {
  float: left;
  margin-left: 46px
}

.workspace .widget-instagram {
  padding-top: 37px;
  min-width: 320px
}

.workspace .widget-instagram .title {
  letter-spacing: .4px;
  font-size: 24px;
  text-align: center;
  line-height: 1.17;
  color: #393939;
  font-weight: 400
}

.step-button:hover {
  background: #d2433a;
  color: #fff;
  border: 1px solid #d2433a
}

.sb-search.sb-search-open .sb-search-input {
  background-color: #f8f8f8
}

.site-footer .subscribe input[type=text] {
  background: #f8f8f8
}

.product-list-item .swiper {
  width: 100%;
  height: 100%;
  overflow: hidden
}

.product-list-item .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.product-list-item .img .swiper-slide img {
  display: flex;
  width: 100%;
  object-fit: contain;
  align-items: center;
  justify-content: center
}

.product-list-item .in_stock {
  z-index: 9
}

.product-list-item .view {
  z-index: 11
}


@media(min-width:992px) {

  .product-list-item .swiper-horizontal>.swiper-pagination-bullets,
  .product-list-item .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 20px;
    margin: auto;
    align-items: center;
    justify-content: center
  }

  .product-list-item .swiper-pagination-bullet-active {
    background: #232324
  }

  .product-list-item .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .mySwiper .swiper-pagination-clickable .swiper-pagination-bullet {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    display: block;
    height: 100%;
    background: 0 0
  }

  .mySwiper .swiper-pagination {
    opacity: 0
  }

  .mySwiper:hover .swiper-pagination {
    opacity: 1
  }
}

@media(max-width:992px) {
  .product-list-item .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
    width: 6px;
    height: 6px
  }

  .product-list-item .swiper-pagination-bullet-active {
    background: #232324
  }

  .product-list-item .img img {
    width: 100% !important;
    object-fit: contain
  }

  .swiper-pagination-dublicate {
    display: none
  }
}