@charset "utf-8";

input[type="submit"],
input[type="text"] {
  -webkit-appearance: none;
}

body {
  color: #000;
  background-color: #fff;
  font-family: "proxima_nova_rgregular", sans-serif;
  line-height: 1.42857143;
}

.container {
  max-width: 1140px !important;
}

button {
  outline: none !important;
}

a,
a:visited {
  color: #4580ff;
  text-decoration: none;
}

a:hover {
  color: #4580ff;
  text-decoration: underline;
}

a:focus,
a:active {
  color: #4580ff;
  text-decoration: none;
}
.sort,
#sticky-nav {
  z-index: 100;
}
.header {
  padding: 27px 0 22px 0;
  z-index: 100;
  background: #fff;
}

.header .logo {
  display: inline-block;
  vertical-align: top;
}

.top-nav {
  text-align: right;
  font-size: 0;
  padding: 0;
  margin: 0;
}

.top-nav li {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-family: "proxima_nova_rgbold";
  padding-left: 25px;
  margin-left: 40px;
}

.top-nav li:first-child {
  margin-left: 0;
}

.top-nav li:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  background: url(../img/icons.png) no-repeat;
  width: 16px;
  height: 16px;
}

.top-nav .top:after {
  background-position: 0 0;
}

.top-nav .shop:after {
  background-position: -20px 0;
}

.top-nav .cat:after {
  height: 12px;
  background-position: -40px 0;
  top: 5px;
}

.top-nav .hot:after {
  width: 12px;
  background-position: -61px 0;
}

.search-form {
  margin-left: auto;
  /* background: url(../img/bg.jpg) 0 0 repeat; */
  /* padding: 32px 0 23px 0; */
}

.search-form .input-group {
  position: relative;
  display: block;
}

.search-form .form-control {
  position: relative;
  z-index: 1;
  border-radius: 4px !important;
  width: 100%;
  font-size: 16px;
  color: #000;
  height: 40px;
  padding: 10px 50px 10px 20px;
  line-height: 19px;
  border-color: transparent;
  background-color: #f0f1f5;
}

.search-form .form-control::-webkit-input-placeholder {
  color: #000;
  opacity: 1;
}
.search-form .form-control::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.search-form .form-control:-moz-placeholder {
  color: #000;
  opacity: 1;
}
.search-form .form-control:-ms-input-placeholder {
  color: #000;
  opacity: 1;
}

.sending .form-control::-webkit-input-placeholder {
  color: #000;
  opacity: 1;
}
.sending .form-control::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.sending .form-control:-moz-placeholder {
  color: #000;
  opacity: 1;
}
.sending .form-control:-ms-input-placeholder {
  color: #000;
  opacity: 1;
}

.search-form .input-group-btn {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 50px;
}

.search-btn {
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  position: relative;
  background: none !important;
  border: 0;
}

/* .search-btn:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px;
  background: url(../img/icons.png) -77px 0 no-repeat;
} */

.example {
  font-size: 14px;
  color: #fff;
  font-family: "proxima_nova_rgbold";
  margin-top: 12px;
  line-height: 16px;
}

.example a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  color: #fff;
  font-family: "proxima_nova_rgregular";
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-left: 13px;
}

.example a:hover,
.example a:focus {
  border-color: transparent;
}

.button-container {
  position: absolute;
  z-index: 30;
  top: 50%;
  right: 0;
  left: 0;
  margin: auto;
}

.button-container .swiper-button {
  position: absolute;
  top: 0;
  width: 20px;
  height: 32px;
  background: url(../img/icons.png) no-repeat;
}

.button-container .swiper-button-prev {
  background-position: 0 -22px;
  left: -95px;
}

.button-container .swiper-button-next {
  background-position: -24px -22px;
  right: -95px;
}

.hero .swiper-slide {
  position: relative;
}

.hero .swiper-slide img {
  position: relative;
  z-index: 1;
}

.hero .swiper-slide .container {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 90px;
  margin: auto;
}

.hero .swiper-slide p {
  font-size: 34px;
  font-family: "proxima_nova_blblack";
  margin: 0 0 30px 0;
  line-height: 42px;
}

.base-btn {
  display: inline-block;
  border: 0;
  font-size: 15px;
  color: #fff;
  padding: 14px 20px;
  background: #fc6180;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.base-btn:hover,
.base-btn:focus {
  background: #ee3a5f;
}

a.base-btn {
  color: #fff;
  text-decoration: none;
}

.more-btn {
  font-size: 18px;
  padding-left: 35px;
  padding-right: 35px;
  background: #4781ff;
}

.more-btn:hover,
.more-btn:focus {
  background: #4754ff;
}

.promocode-wrap {
  padding: 55px 0 40px 0;
  background: url(../img/bg1.jpg) left bottom repeat-x #f0f1f5;
}

.headline {
  font-size: 34px;
  font-weight: normal;
  color: #000;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: "proxima_nova_blblack";
}

h1 {
  font-size: 48px;
  line-height: 48px;
  font-weight: normal;
  color: #000;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: "proxima_nova_blblack";
}

h2 {
  font-size: 30px;
  line-height: 48px;
  font-weight: normal;
  color: #000;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: "proxima_nova_blblack";
}

.xs-slider {
  margin-left: -15px;
}

.nav-tabs + .xs-slider {
  margin-top: 0px;
}

.xs-slider .swiper-slide {
  width: 25%;
  float: left;
}

.item {
  margin: 0 15px;
  background: #fff;
  width: auto;
  height: 350px;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 30px;
  position: relative;
}

.product-photo {
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 135px;
  position: relative;
  height: 135px;
}

.product-photo img {
  bottom: 0;
  left: 0;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  max-height: 100%;
  max-width: 80%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.item .text {
  padding: 0 38px;
  text-align: center;
}

.item a {
  text-decoration: none;
}

.item p {
  margin-bottom: 5px;
  margin-top: 0;
  height: 67px;
  text-align: center;
  color: #000;
  font-size: 18px;
  line-height: 22px;
  font-family: "proxima_nova_thextrabold";
  overflow: hidden;
  padding: 0 38px;
}

.item .text p span {
  color: #fb607f;
}

.item .base-btn {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 12px;
}

.item .all {
  font-size: 14px;
  display: inline-block;
}

.date {
  padding: 8px 0 10px;
  position: absolute;
  text-align: center;
  background: #fff0d9;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 13px;
  color: #000;
}

.date:after {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  right: 0;
  background-repeat: repeat;
  height: 7px;
  background-size: 16px 16px;
  background-image: -o-radial-gradient(8px 15px, circle, #fff0d9 12px, transparent 13px);
  background-image: radial-gradient(circle at 8px 15px, #fff0d9 12px, transparent 13px);
}

.popular-wrap {
  background: url(../img/bg.jpg) 0 0 repeat;
  padding: 50px 0 30px 0;
}

.popular-wrap .headline {
  color: #fff;
}

.pop-slider {
  margin-left: -15px;
}

.pop-slider .swiper-slide {
  width: 16.666%;
}

.pop-item {
  height: 226px;
}

.pop-item .product-photo {
  padding-bottom: 126px;
  height: 126px;
}

.pop-item .product-photo img {
  max-width: 80%;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.pop-item:hover .product-photo img {
  max-width: 82%;
}

.pop-item .date {
  font-family: "proxima_nova_thextrabold";
  line-height: 28px;
  padding-top: 23px;
  padding-bottom: 15px;
}

.pop-item .persent {
  font-size: 36px;
  color: #fe6081;
}

.pop-slider .button-container .swiper-button,
.inner-pop .button-container .swiper-button {
  width: 22px;
  height: 36px;
}

.pop-slider .button-container .swiper-button-prev,
.inner-pop .button-container .swiper-button-prev5 {
  background-position: -48px -22px;
  /*left: -15px;*/
}

.pop-slider .button-container .swiper-button-next,
.inner-pop .button-container .swiper-button-next5 {
  background-position: -76px -22px;
}

.category-wrap {
  background: url(../img/bg.jpg) 0 0 repeat;
  padding: 50px 0;
}

.category-wrap .headline {
  color: #fff;
}

.category-menu a {
  display: block;
  position: relative;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  border-radius: 4px;
  padding: 94px 0 22px 0;
  margin-bottom: 10px;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}

.category-menu a:hover {
  background: #ffffff;
  color: #fc6181;
  font-family: "proxima_nova_rgbold";
}

.category-menu a:after {
  content: "";
  position: absolute;
  top: 30px;
  left: 50%;
  background: url(../img/icons.png) no-repeat;
}

.category-menu .cat1:after {
  width: 48px;
  height: 32px;
  background-position: -103px 0;
  margin-left: -24px;
  top: 38px;
}

.category-menu .cat1:hover:after {
  background-position: -132px -45px;
}

.category-menu .cat2:after {
  width: 39px;
  height: 41px;
  background-position: -154px 0;
  margin-left: -20px;
}

.category-menu .cat2:hover:after {
  background-position: -184px -45px;
}

.category-menu .cat3:after {
  width: 46px;
  height: 40px;
  background-position: -198px 0;
  margin-left: -23px;
}

.category-menu .cat3:hover:after {
  background-position: 0 -108px;
}

.category-menu .cat4:after {
  width: 44px;
  height: 43px;
  background-position: 0 -61px;
  margin-left: -22px;
}

.category-menu .cat4:hover:after {
  background-position: -51px -108px;
}

.category-menu .cat5:after {
  width: 32px;
  height: 41px;
  background-position: -48px -61px;
  margin-left: -16px;
}

.category-menu .cat5:hover:after {
  background-position: -228px -45px;
}

.category-menu .cat6:after {
  width: 46px;
  height: 42px;
  background-position: -83px -61px;
  margin-left: -23px;
}

.category-menu .cat6:hover:after {
  background-position: -100px -108px;
}

.category-menu .cat7:after {
  width: 45px;
  height: 47px;
  background-position: -150px -89px;
  margin-left: -22px;
  top: 27px;
}

.category-menu .cat7:hover:after {
  background-position: -263px -49px;
}

.category-menu .cat8:after {
  width: 42px;
  height: 43px;
  background-position: -200px -89px;
  margin-left: -21px;
}

.category-menu .cat8:hover:after {
  background-position: -311px -49px;
}

.category-menu .cat9:after {
  width: 44px;
  height: 44px;
  background-position: -250px 0px;
  margin-left: -22px;
}

.category-menu .cat9:hover:after {
  background-position: -357px -49px;
}

.category-menu .cat10:after {
  width: 47px;
  height: 47px;
  background-position: -298px 0;
  margin-left: -23px;
  top: 26px;
}

.category-menu .cat10:hover:after {
  background-position: -404px -49px;
}

.category-menu .cat11:after {
  width: 49px;
  height: 43px;
  background-position: -350px 0;
  margin-left: -24px;
}

.category-menu .cat11:hover:after {
  background-position: -444px 0;
}

.category-menu .cat12:after {
  width: 36px;
  height: 39px;
  background-position: -402px 0;
  margin-left: -18px;
}

.category-menu .cat12:hover:after {
  background-position: -456px -49px;
}

.category-menu .cat13:after {
  width: 48px;
  height: 33px;
  background-position: -245px -98px;
  margin-left: -24px;
  top: 35px;
}

.category-menu .cat13:hover:after {
  background-position: -281px -142px;
}

.category-menu .cat14:after {
  width: 42px;
  height: 42px;
  background-position: -299px -98px;
  margin-left: -21px;
}

.category-menu .cat14:hover:after {
  background-position: -332px -142px;
}

.category-menu .cat15:after {
  width: 48px;
  height: 34px;
  background-position: -344px -98px;
  margin-left: -24px;
  top: 35px;
}

.category-menu .cat15:hover:after {
  background-position: -377px -142px;
}

.category-menu .cat16:after {
  width: 45px;
  height: 38px;
  background-position: -395px -98px;
  margin-left: -22px;
  top: 33px;
}

.category-menu .cat16:hover:after {
  background-position: -427px -142px;
}

.category-menu .cat17:after {
  width: 48px;
  height: 42px;
  background-position: -448px -98px;
  margin-left: -24px;
}

.category-menu .cat17:hover:after {
  background-position: 0 -199px;
}

.category-menu .cat18:after {
  width: 43px;
  height: 37px;
  background-position: 0 -154px;
  margin-left: -21px;
  top: 34px;
}

.category-menu .cat18:hover:after {
  background-position: -52px -199px;
}

.category-menu .cat19:after {
  width: 44px;
  height: 43px;
  background-position: -48px -154px;
  margin-left: -22px;
}

.category-menu .cat19:hover:after {
  background-position: -98px -199px;
}

.category-menu .cat20:after {
  width: 43px;
  height: 40px;
  background-position: -96px -154px;
  margin-left: -22px;
}

.category-menu .cat20:hover:after {
  background-position: -144px -199px;
}

.category-menu .cat21:after {
  width: 41px;
  height: 41px;
  background-position: -144px -154px;
  margin-left: -20px;
}

.category-menu .cat21:hover:after {
  background-position: -191px -199px;
}

.category-menu .cat22:after {
  width: 43px;
  height: 39px;
  background-position: -190px -154px;
  margin-left: -22px;
}

.category-menu .cat22:hover:after {
  background-position: -235px -199px;
}

.category-menu .cat23:after {
  width: 42px;
  height: 43px;
  background-position: -237px -154px;
  margin-left: -22px;
}

.category-menu .cat23:hover:after {
  background-position: -281px -199px;
}

.navbar-collapse {
  padding: 0;
}

.collapse-btn {
  border: 1px solid #fff;
  border-radius: 4px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  padding: 10px;
  font-family: "proxima_nova_rgbold";
  color: #fff;
  background: transparent;
}

.how-it-work {
  padding: 50px 0 80px;
  background: #f0f1f5;
}

.how-it-work .inner {
  background: #fff;
  padding: 50px 0 30px;
  border-radius: 8px;
}

.h-item {
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
}

.h-item b {
  font-weight: normal;
  font-family: "proxima_nova_thextrabold";
}

.h-item:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 110px;
  width: 18px;
  height: 32px;
  background: url(../img/icons.png) -326px -190px no-repeat;
}

div[class^="col-"].h-item:nth-child(4):after {
  display: none;
}

.h-item .img-wrp {
  height: 205px;
}

.h-item .img-wrp img {
  max-width: 100%;
}

.h-item span {
  display: block;
  max-width: 90%;
  margin: 0px auto;
}

.footer {
  background: url(../img/f-bg.jpg) center bottom no-repeat;
  position: relative;
  padding: 35px 0;
  font-size: 13px;
}

.footer:after {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  right: 0;
  background-repeat: repeat;
  height: 7px;
  background-size: 16px 16px;
  background-image: -o-radial-gradient(8px 15px, circle, #ffffff 12px, transparent 13px);
  background-image: radial-gradient(circle at 8px 15px, #ffffff 12px, transparent 13px);
}

.f-nav {
  padding: 0;
  margin: 0;
  font-size: 0;
}

.f-nav li {
  display: inline-block;
  font-size: 13px;
  margin-right: 50px;
}

.f-nav li a {
  display: inline-block;
}

.create {
  text-align: right;
}

.main {
  display: block;
  /* padding: 45px 0; */
  background: #f0f1f5;
}

.main .how-it-work {
  padding: 0;
  margin-bottom: 28px;
}

.aside-title {
  padding: 17px 5px 17px 20px;
  border-radius: 4px 4px 0 0;
  background: #fff;
  border-bottom: 1px solid #f1f0f5;
  font-size: 19px;
  line-height: 22px;
  font-family: "proxima_nova_blblack";
}

.main .how-it-work .inner {
  padding: 30px 0;
  border-radius: 0;
}

.main .how-it-work .h-item:after {
  display: none;
}

.how-it-work .swiper-pagination {
  position: static;
  border-top: 1px solid #f1f0f5;
  background: #fff;
  border-radius: 0 0 4px 4px;
  color: #000;
}

.how-it-work .swiper-pagination .swiper-pagination-bullet {
  width: 25%;
  height: 42px;
  line-height: 42px;
  border-radius: 0;
  background: #fff;
  color: #000;
  border-right: 1px solid #f1f0f5;
  font-size: 14px;
  opacity: 1;
}

.how-it-work .swiper-pagination .swiper-pagination-bullet:first-child {
  border-radius: 0 0 0 4px;
}

.how-it-work .swiper-pagination .swiper-pagination-bullet:last-child {
  border-radius: 0 0 4px 0;
  border-right: 0;
}

.how-it-work .swiper-pagination .swiper-pagination-bullet-active {
  background: #e6e7eb;
  color: #4882ff;
  font-family: "proxima_nova_thextrabold";
}
.category-list__title {
  margin-bottom: 15px;
}
.title2 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
}
.aside-popular,
.aside-slider {
  margin-bottom: 28px;
  position: relative;
}
.aside-popular__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 20px 18px;
}
.aside-popular__element {
  cursor: pointer;
  border: 1px solid #868993;
  border-radius: 27px;
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 2px;
  padding: 4px 8px;
  color: #868993;
}
.aside-popular__element:visited {
  color: #868993;
}
.aside-popular__element:hover {
  color: #3c91e6;
}
.aside-popular .item,
.aside-slider .item {
  height: 248px;
  border-radius: 0 0 4px 4px;
  margin: 0;
}

.aside-slider .item {
  height: 300px;
}

.aside-slider .item .product-photo {
  height: 110px;
  padding-bottom: 110px;
}

.aside-popular .date,
.aside-slider .date {
  padding: 20px 24px;
  z-index: 1;
}

.s-pagination {
  left: 0;
  right: 0;
  text-indent: 0;
  bottom: 115px;
  z-index: 99;
  position: absolute;
  text-align: center;
}

.s-pagination .swiper-pagination-bullet {
  margin: 0 2px;
  height: 14px;
  width: 14px;
  background: #e0e0ea;
  opacity: 1;
}

.s-pagination .swiper-pagination-bullet-active {
  background: #4780ff;
}

.aside-category {
  margin-bottom: 28px;
  border-radius: 4px;
  background: url(../img/bg.jpg) 0 0 repeat;
}

.aside-category .aside-title {
  color: #fff;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.aside-category ul {
  padding: 15px 0 15px 25px;
  margin-bottom: 0;
}

.aside-category ul li {
  display: block;
  margin-bottom: 5px;
  position: relative;
  padding-left: 33px;
}

.aside-category ul li a {
  font-size: 14px;
  color: #fff;
}

.aside-category ul li a:hover {
  text-decoration: underline;
}

.aside-category ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(../img/icons.png) no-repeat;
}

.aside-category ul li.li1:after {
  background-position: -202px -293px;
}

.aside-category ul li.li2:after {
  background-position: -202px -312px;
}

.aside-category ul li.li3:after {
  background-position: -202px -330px;
}

.aside-category ul li.li4:after {
  background-position: -223px -293px;
}

.aside-category ul li.li5:after {
  background-position: -223px -312px;
}

.aside-category ul li.li6:after {
  background-position: -223px -330px;
}

.aside-category ul li.li7:after {
  background-position: -244px -293px;
}

.aside-category ul li.li8:after {
  background-position: -244px -312px;
}

.aside-category ul li.li9:after {
  background-position: -244px -330px;
}

.aside-category ul li.li10:after {
  background-position: -263px -293px;
}

.aside-category ul li.li11:after {
  background-position: -263px -312px;
}

.aside-category ul li.li12:after {
  background-position: -263px -330px;
}

.aside-category ul li.li13:after {
  background-position: -283px -293px;
}

.aside-category ul li.li14:after {
  background-position: -283px -312px;
}

.aside-category ul li.li15:after {
  background-position: -283px -330px;
}

.aside-category ul li.li16:after {
  background-position: -302px -293px;
}

.aside-category ul li.li17:after {
  background-position: -302px -312px;
}

.aside-category ul li.li18:after {
  background-position: -302px -330px;
}

.aside-category ul li.li19:after {
  background-position: -322px -293px;
}

.aside-category ul li.li20:after {
  background-position: -322px -312px;
}

.aside-category ul li.li21:after {
  background-position: -322px -330px;
}

.aside-category ul li.li22:after {
  background-position: -343px -293px;
}

.aside-category ul li.li23:after {
  background-position: -343px -312px;
}

.nav-tabs {
  border-bottom: 0;
}

.nav-tabs li {
  margin-bottom: 0;
}

.nav-tabs li a {
  white-space: nowrap;
  color: #fff;
  border: 0 !important;
  border-left: 1px solid #6d9aff !important;
  border-radius: 0 !important;
  background: #4781ff;
  padding: 13px 5px 13px 30px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav-tabs li:first-child a {
  border-radius: 4px 0 0 4px !important;
  border-left: 0 !important;
}

.nav-tabs li:last-child a {
  border-radius: 0 4px 4px 0 !important;
}

.nav-tabs li a:hover,
.nav-tabs li a:focus {
  background: #4279ee;
}

.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
  color: #000;
  background: #ffefdb;
  margin-bottom: 0;
}

.nav-tabs li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  background: url(../img/icons.png) no-repeat;
}

.nav-tabs li:first-child a:before {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background-position: -353px -188px;
}

.nav-tabs li.active:first-child a:before {
  background-position: -372px -188px;
}

.nav-tabs li:nth-child(2) a:before {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background-position: -353px -205px;
}

.nav-tabs li.active:nth-child(2) a:before {
  background-position: -372px -205px;
}

.nav-tabs li:nth-child(3) a:before {
  width: 12px;
  height: 16px;
  margin-top: -8px;
  background-position: -326px -226px;
}

.nav-tabs li.active:nth-child(3) a:before {
  background-position: -341px -226px;
}

.nav-tabs li:nth-child(4) a:before {
  width: 16px;
  height: 12px;
  margin-top: -6px;
  background-position: -356px -223px;
}

.nav-tabs li.active:nth-child(4) a:before {
  background-position: -356px -237px;
}

.nav-tabs li:nth-child(5) a:before {
  width: 16px;
  height: 12px;
  margin-top: -6px;
  background-position: -375px -223px;
}

.nav-tabs li.active:nth-child(5) a:before {
  background-position: -375px -237px;
}

.tab-content {
  padding: 30px 0 0 0;
}

.tab-content .promocode-wrap {
  padding: 0;
  background: none;
}

.tab-content .swiper-slide {
  width: 33.333%;
  float: left;
}

.promocode-wrap .swiper-wrapper {
  display: block;
}

.tab-content .swiper-pagination-bullets {
  display: block;
  text-align: center;
  margin-bottom: 10px;
  margin-top: -10px;
}

.tab-content .swiper-pagination-bullet {
  margin: 0 2px;
}

.modal-content {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}

.modal-content .close {
  position: absolute;
  z-index: 10;
  opacity: 1;
  top: 10px;
  right: 10px;
}

.modal-top {
  padding: 45px 55px 35px;
  background: url(../img/bg2.jpg) center top no-repeat #fff;
  background-size: 100% auto;
}

.modal-top .top-name {
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
}

.modal-top .title {
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 30px;
  font-family: "proxima_nova_thextrabold";
}

.copy-board {
  margin-bottom: 30px;
}

.copy-board .form-control {
  height: 47px;
  padding: 10px 10px 10px 20px;
  background: #f0f1f5;
  line-height: 27px;
  border: 0;
  color: #000;
  font-size: 18px;
}

.copied::after {
  position: absolute;
  top: 12%;
  right: 110%;
  display: block;
  content: "copied";
  font-size: 0.75em;
  padding: 2px 3px;
  color: #fff;
  background-color: #22a;
  border-radius: 3px;
  opacity: 0;
  will-change: opacity, transform;
  -webkit-animation: showcopied 1.5s ease;
  animation: showcopied 1.5s ease;
  z-index: 10;
}

@-webkit-keyframes showcopied {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  70% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
  }
}

@keyframes showcopied {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  70% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
  }
}

.copy-btn {
  height: 47px;
  font-size: 15px;
  border: 0;
  color: #fff;
  padding: 10px 15px;
  background: #4781ff;
  border-radius: 0 4px 4px 0;
}

.modal-btm {
  padding: 35px 65px 33px;
  position: relative;
}

.modal-btm p {
  margin-bottom: 15px;
  margin-top: 0;
  font-size: 23px;
}

.modal-btm p b {
  font-weight: normal;
  font-family: "proxima_nova_thextrabold";
}

.promocode-wrap .swiper-container {
  margin: 0 -15px;
}

.get-btn {
  width: 100%;
  border: 0;
  border-radius: 4px;
  background: #dc1e44;
  color: #fff;
  font-family: "proxima_nova_thextrabold";
  font-size: 23px;
  -webkit-box-shadow: 0 2px 4px -2px #dc1e44;
  box-shadow: 0 2px 4px -2px #dc1e44;
}

.category-shop {
  padding: 45px 0;
}

.category-shop .shop-card {
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #f1f0f5;
}

.shop-logo {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  height: 185px;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  height: 185px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  margin-bottom: 15px;
  border: 1px solid #dbdce1;
  border-radius: 3px;
}
.shop-logo--mobile {
  display: none;
}
.shop-logo img {
  -o-object-fit: cover;
  object-fit: cover;
  /* bottom: 0;
  left: 0;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition-delay: 0s;
  transition-duration: 0.4s;
  transition-property: transform;
  transition-timing-function: ease-out; */
}

.rating-line {
  margin-bottom: 20px;
}

.rating {
  font-size: 0;
  position: relative;
}
.rating-shadow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
}

.rating img {
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
}

.rate-text {
  display: block;
  text-align: right;
  line-height: 16px;
  font-size: 14px;
}

.rate-text span {
  color: #fb6183;
  font-family: "proxima_nova_thextrabold";
}

.shop-card .base-btn {
  font-family: "proxima_nova_thextrabold";
}

.top-headline h1 {
  font-size: 36px;
}

.breadcrumb {
  padding: 0;
  margin-top: 15px;
  background: none;
  font-size: 12px;
  background-color: transparent !important;
}

.breadcrumb li + li:before {
  content: ">";
}

.promo-text {
  padding: 35px 10px;
  text-align: center;
  margin-bottom: 25px;
  background: #fff0d9;
  font-size: 38px;
  line-height: 38px;
  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;
}
.promo-text > span {
  margin-right: 15px;
}

.promo-text .persent {
  font-size: 48px;
  font-family: "proxima_nova_thextrabold";
  color: #fc6180;
}

.promo-text .base-btn {
  font-family: "proxima_nova_thextrabold";
  height: 60px;
  margin-left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.socially {
  font-size: 0;
}

.socially a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  margin-right: 4px;
  color: #fff;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 2px;
  opacity: 0.9;
  font-size: 16px;
}

.socially a:hover {
  opacity: 1;
}

.socially a.vk {
  background: #49729e;
}

.socially a.fb {
  background: #3b5997;
}

.socially a.ok {
  background: #ec722f;
}

.socially a.tw {
  background: #02acea;
}

.socially a.wa {
  background: #65bc54;
}

.socially a.sk {
  background: #01b0f3;
}

.socially a.pp {
  background: #63a9dc;
}

.socially a img {
  vertical-align: top;
}

.no-code {
  margin-bottom: 20px;
}

.no-code .top-part {
  background: url(../img/bg2.jpg) center top no-repeat #fff;
  background-size: 100% auto;
  text-align: center;
  padding: 40px 20px 25px 20px;
  border-radius: 4px 4px 0 0;
}

.no-code .top-part .headline {
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 25px;
}

.no-code .btm-part {
  position: relative;
  padding: 38px 20px;
  border-radius: 0 0 4px 4px;
}

.sending {
  text-align: center;
  font-size: 0;
}

.sending .form-group {
  display: inline-block;
  margin-bottom: 0;
}

.sending .form-control {
  width: 302px;
  height: 44px;
  font-size: 15px;
  color: #000;
  padding: 12px 20px;
  line-height: 20px;
  border: 0;
  vertical-align: top;
}

.sending .base-btn {
  width: 143px;
  margin-left: 10px;
  vertical-align: top;
  height: 44px;
  padding-top: 11px;
}

.category-list {
  margin-bottom: 20px;
}
.category-list:last-child {
  margin-bottom: 0;
}

.category-item {
  margin-bottom: 10px;
  background: #fff;
  border-radius: 4px;
  padding: 0 15px;
}

.category-item .img-wrp {
  position: relative;
}

.category-item .img-wrp:after,
.category-item .img-wrp:before {
  content: "";
  position: absolute;
  right: -5px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #f0f1f6;
}

.category-item .img-wrp:after {
  top: -5px;
}

.category-item .img-wrp:before {
  bottom: -5px;
}

.category-item .shop-logo {
  position: relative;
  height: 200px;
  padding-bottom: 200px;
}

.category-item .all {
  position: absolute;
  text-align: center;
  bottom: 20px;
  left: 0;
  right: 0;
  font-size: 13px;
  line-height: 14px;
  z-index: 5;
}

.category-item .shop-logo:after {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 14px;
  right: 0px;
  width: 7px;
  background: url(../img/dot.jpg) 0 0 repeat-y;
}

.category-item .shop-logo img {
  max-width: 70%;
}

.category-item .inner {
  height: 200px;
  padding-top: 30px;
}

.c-date {
  display: inline-block;
  font-size: 13px;
  margin-bottom: 10px;
  /* padding: 4px 12px; */
  border-radius: 5px;
  text-align: center;
  margin-bottom: 0;
  /* background: #fff0d9; */
}

.c-date b {
  font-weight: normal;
  font-family: "proxima_nova_thextrabold";
}

.category-item p {
  font-size: 24px;
  line-height: 24px;
  font-family: "proxima_nova_thextrabold";
  margin: 0;
}

.category-item p span {
  color: #fe6180;
}

.btn-block {
  position: relative;
  margin-top: 71px;
}

.btn-block .text {
  position: relative;
  text-align: right;
  z-index: 1;
  font-family: "proxima_nova_thextrabold";
  font-size: 18px;
  text-transform: uppercase;
  color: #c6cbd1;
  border-radius: 4px;
  border-top: 2px solid #c6cbd1;
  padding: 8px 20px 8px 8px;
  height: 57px;
  line-height: 41px;
  background: #eaebef;
}

.btn-block .base-btn {
  position: absolute;
  z-index: 2;
  height: 57px;
  text-align: left;
  width: 72%;
  border-radius: 4px 0 0 4px;
  top: 0;
  left: 0;
  font-family: "proxima_nova_thextrabold";
  padding-right: 0;
}

.btn-block .base-btn:after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 8px;
  right: -44px;
  width: 0px;
  height: 0px;
  width: 0;
  height: 0;
  border-bottom: 30px solid #f9879e;
  border-right: 50px solid transparent;
  -ms-transform: rotate(22deg);
  -webkit-transform: rotate(22deg);
  transform: rotate(22deg);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-block .base-btn:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  right: -45px;
  width: 0px;
  height: 0px;
  width: 0;
  height: 0;
  border-bottom: 57px solid #fc6180;
  border-right: 45px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-block .base-btn:hover {
  width: 67%;
}

.btn-block .base-btn:hover:before {
  border-bottom: 57px solid #ee3a5f;
}

.content-block {
  background: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 20px;
}

.text-item {
  margin: 0 -20px 20px;
  padding: 0 20px 10px 20px;
  border-bottom: 1px solid #f1f0f5;
}

.delivery-info {
  padding: 0;
  margin: 0;
  list-style: none;
}

.delivery-info li {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #4b4b4b;
  border-bottom: 1px solid #f1f0f5;
}

.delivery-info li:last-child {
  border-bottom: 0;
}

.delivery-info li b {
  font-weight: normal;
  font-family: "proxima_nova_thextrabold";
}

.text-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.text-menu li {
  display: block;
  position: relative;
  font-size: 14px;
  color: #4b4b4b;
  padding-left: 22px;
  margin-bottom: 6px;
}

.text-menu li:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #4980ff;
}

.img {
  border-radius: 4px;
}

.sm-popular {
  background: url(../img/bg1.jpg) 0 bottom repeat-x #f0f1f5;
  padding: 35px 0 10px 0;
}

.sm-popular .headline {
  color: #000;
}

.sm-popular .button-container .swiper-button {
  width: 20px;
  height: 32px;
}

.sm-popular .button-container .swiper-button-prev5 {
  background-position: -456px -191px;
}

.sm-popular .button-container .swiper-button-next5 {
  background-position: -477px -191px;
}

.popular-headline {
  padding: 40px 0 25px;
  background: #f0f1f5;
}

.popular-headline .headline {
  margin-bottom: 0;
}

.popular-wrap .more-btn {
  background: #fff;
  color: #487ffe;
}

.popular-wrap .more-btn:hover,
.popular-wrap .more-btn:focus {
  background: #fff0d9;
  color: #000;
}

.inner-pop {
  position: relative;
}

.inner-pop .swiper-slide {
  width: 16.66%;
  float: left;
}

.inner-pop .button-container {
  display: none;
}

.inner-pop .button-container .swiper-button-prev5 {
  left: 0;
}

.inner-pop .button-container .swiper-button-next5 {
  right: 0;
}

.all-shops {
  padding: 50px 0 20px 0;
  background: #f0f1f5;
}

.sort {
  margin-bottom: 40px;
  font-size: 0;
  border-radius: 4px;
  background: #4781ff;
}

.sort-item {
  display: inline-block;
  border-right: 1px solid #6d9aff;
  position: relative;
}

.sort-item a {
  display: block;
  position: relative;
  text-decoration: none;
  padding: 13px 26px 13px 48px;
  color: #fff;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sort-item a.active {
  /* background: #FFF0D9; */
  background: #d5d7de;
  color: #000;
}

.sort-item a:hover,
.sort-item a:focus {
  background: #4279f0;
}

.sort-item.alf a {
  border-radius: 4px 0 0 4px;
}

.sort-item a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 25px;
  background: url(../img/icons.png) no-repeat;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.sort-item.alf a:after {
  background-position: -456px -228px;
}

.sort-item.alf a.active:after {
  background-position: -476px -228px;
}

.sort-item.cash a:after {
  background-position: -478px -146px;
}

.sort-item.cash a.active:after {
  background-position: -478px -166px;
}

.sort-item.pop a:after {
  background-position: -353px -189px;
}

.sort-item.pop a.active:after {
  background-position: -372px -189px;
}

.dropdown-menu {
  top: 100%;
  left: 0;
  right: 0;
  width: auto;
  border-radius: 0 0 4px 4px;
  background: #4a7eee;
  height: 245px;
  overflow-y: scroll;
  border: 0;
}

.dropdown-menu ul {
  padding: 10px 0 0 25px;
  margin: 0;
  list-style: none;
}

.dropdown-menu ul li {
  display: block;
  margin-bottom: 10px;
}

.dropdown-menu ul li a {
  padding: 0;
  background: none !important;
}

.dropdown-menu ul li a:after {
  display: none;
}

.dropdown-menu ul li a:hover {
  text-decoration: underline;
}

.result-wrap {
  margin-bottom: 30px;
}

.result-wrap .title {
  font-size: 30px;
  line-height: 30px;
  font-family: "proxima_nova_blblack";
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dfdfe7;
  text-transform: uppercase;
}

.result-wrap .pop-item {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 25px;
  background: #fff;
}

.result-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.result-menu li {
  display: block;
  margin-bottom: 9px;
  font-size: 16px;
}

.grey-wrap {
  padding: 55px 0 45px 0;
  background: #f0f1f5;
}

.categories-list {
}

.cat-item {
  display: block;
  position: relative;
  text-decoration: none;
  font-size: 18px;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 40px 0 40px 100px;
  color: #4680fe;
  background: #f0f1f5;
  margin-bottom: 30px;
  line-height: 18px;
}

.categories-list .cat-item:hover {
  text-decoration: none;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2) !important;
}

.cat-4 {
  background: #fff0d9;
}

.cat-item.cat-5 {
  padding-top: 168px;
  padding-left: 326px;
  background: url(../img/cat1.jpg) 0 0 no-repeat #fc6180;
  background-size: auto 100%;
  color: #fff !important;
}

.cat-item.cat-14 {
  background: #4781ff;
  padding-top: 168px;
  padding-left: 384px;
  background: url(../img/cat2.jpg) 0 0 no-repeat #4781ff;
  background-size: auto 100%;
  color: #fff !important;
}

.cat-item.cat-19 {
  background: #4781ff;
  padding-top: 168px;
  padding-left: 384px;
  background: url(../img/cat3.jpg) 0 0 no-repeat #fc6180;
  background-size: auto 100%;
  color: #fff !important;
}

.cat-6 {
  background: #4781ff;
  color: #fff !important;
}

.cat-7 {
  color: #fc6181;
}

.cat-item.cat-8,
.cat-item.cat-9,
.cat-item.cat-16,
.cat-item.cat-17 {
  padding-top: 31px;
  padding-bottom: 31px;
}

.cat-item.cat-9,
.cat-20 {
  background: #fff0d9;
}

.cat-10,
.cat-15,
.cat-18,
.cat-23 {
  background: #4781ff;
  color: #fff !important;
}

.cat-item.cat-13 {
  background: #fff0d9;
}

.cat-item.cat-12 {
  padding-top: 31px;
  padding-bottom: 31px;
  padding-right: 31px;
}
.cat-item.cat-16,
.cat-item.cat-17 {
  padding-right: 31px;
}

.cat-item:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 35px;
  background: url(../img/icons.png) no-repeat;
}

.cat-1:after {
  width: 48px;
  height: 32px;
  background-position: 0 -245px;
  margin-top: -16px;
}

.cat-2:after {
  width: 39px;
  height: 41px;
  background-position: -51px -245px;
  margin-top: -20px;
}

.cat-3:after {
  width: 46px;
  height: 40px;
  background-position: -95px -245px;
  margin-top: -23px;
}

.cat-4:after {
  width: 44px;
  height: 43px;
  background-position: -144px -245px;
  margin-top: -22px;
}

.cat-item.cat-5:after {
  width: 45px;
  height: 47px;
  background-position: -150px -89px;
  top: 150px;
  left: 270px;
}

.cat-6:after {
  width: 46px;
  height: 42px;
  background-position: -83px -61px;
  margin-top: -21px;
}

.cat-7:after {
  width: 32px;
  height: 41px;
  background-position: -228px -45px;
  margin-top: -20px;
}

.cat-8:after {
  width: 42px;
  height: 43px;
  background-position: -191px -245px;
  margin-top: -21px;
}

.cat-9:after {
  width: 44px;
  height: 44px;
  background-position: -236px -245px;
  margin-top: -22px;
}

.cat-10:after {
  width: 47px;
  height: 47px;
  background-position: -298px 0;
  margin-top: -23px;
}

.cat-11:after {
  width: 49px;
  height: 43px;
  background-position: -283px -245px;
  margin-top: -21px;
}

.cat-12:after {
  width: 36px;
  height: 39px;
  background-position: -336px -251px;
  margin-top: -19px;
}

.cat-13:after {
  width: 42px;
  height: 42px;
  background-position: -375px -251px;
  margin-top: -21px;
}

.cat-item.cat-14:after {
  width: 48px;
  height: 33px;
  background-position: -245px -98px;
  top: 150px;
  left: 320px;
}

.cat-15:after {
  width: 48px;
  height: 34px;
  background-position: -344px -98px;
  margin-top: -17px;
}

.cat-16:after {
  width: 45px;
  height: 38px;
  background-position: -419px -251px;
  margin-top: -14px;
}

.cat-17:after {
  width: 48px;
  height: 42px;
  background-position: -0 -291px;
  margin-top: -21px;
}

.cat-18:after {
  width: 43px;
  height: 37px;
  background-position: 0 -154px;
  margin-top: -18px;
}

.cat-item.cat-19:after {
  width: 43px;
  height: 40px;
  background-position: -96px -154px;
  top: 150px;
  left: 320px;
}

.cat-20:after {
  width: 44px;
  height: 43px;
  background-position: -52px -291px;
  margin-top: -21px;
}

.cat-21:after {
  width: 41px;
  height: 41px;
  background-position: -105px -291px;
  margin-top: -20px;
}

.cat-22:after {
  width: 43px;
  height: 39px;
  background-position: -154px -293px;
  margin-top: -19px;
}

.cat-23:after {
  width: 42px;
  height: 43px;
  background-position: -237px -154px;
  margin-top: -21px;
}

.sticky-bar {
  height: 90px;
  background: url(../img/bar-bg.png) 0 0 repeat-x;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 15px 0;
  display: none;
}

.sticky-bar .get-btn {
  font-size: 18px;
  height: 45px;
  padding: 5px;
}

.sticky-bar span {
  display: block;
  text-align: right;
  font-size: 24px;
  font-family: "proxima_nova_thextrabold";
  padding-top: 5px;
}

.js-bar .sticky-bar {
  display: block;
}

.aside-popular .product-photo,
.aside-popular .item {
  height: auto;
}

.aside-popular .product-photo img {
  position: static;
  margin-bottom: 10px;
}

.aside-slider .item {
  height: 390px;
}

.aside-slider .item .btn-wrp {
  padding: 0 24px;
}

.cash-wrp {
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 20px;
  font-family: "proxima_nova_thextrabold";
  color: #000;
}

.cash-wrp .persent {
  font-size: 36px;
  color: #fc6180;
}

.left-menu {
  margin-bottom: 20px;
  background: #fff;
  border-radius: 4px;
  max-width: 255px;
}

.left-menu ul {
  padding: 10px 0 10px 15px;
  margin: 0;
}

.left-menu li {
  display: block;
}

.left-menu li a {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  padding: 4px 10px;
  border-radius: 3px;
}

.left-menu li a:hover,
.left-menu li a:focus {
  background: #f0f1f5;
}

.search-result {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: #fff;
  padding: 0;
  padding-top: 0px;
  margin-top: -2px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
  z-index: 10;
  border-radius: 0 0 3px 3px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.coupons__button-more-info {
  display: none;
  font-weight: 600;
  background: transparent;
  border: none;
  padding: 0;
  color: #333;
}
.search-result-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 32px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 18px;
}
.search-result-item:hover {
  background: rgba(0, 0, 0, 0.05);
}
.search-result.open {
  visibility: visible;
  opacity: 1;
}
.search-result ul {
  padding: 0;
  margin: 0;
}
.search-result li {
  display: block;
  line-height: 32px;
}
.search-result li a {
  display: block;
  line-height: 32px;
  padding-right: 22px;
  padding-left: 22px;
  font-size: 18px;
}
.search-result li span {
  display: block;
  line-height: 32px;
  padding-right: 22px;
  padding-left: 22px;
  font-size: 18px;
}
.search-result li a:hover {
  background: rgba(0, 0, 0, 0.05);
}

.aside-popular .item .product-photo a {
  min-height: 60px;
  max-height: 60px;
  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;
}
.aside-popular .item .product-photo a img {
  max-width: 90%;
  position: initial;
}

/*********************************** pop-up ******************************/
.cash-modal .logo-wrp {
  text-align: center;
  margin-bottom: 10px;
}
.cash-modal .logo-wrp img {
  max-width: 79%;
}
.cash-modal .title {
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 0;
  padding-bottom: 40px;
  position: relative;
}

.cash-modal .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -16px;
  width: 32px;
  height: 22px;
  background: url(../img/arw.png) 0 0 no-repeat;
}

.cash-modal .title span {
  color: #4781ff;
}

.cash-modal .title b {
  font-weight: normal;
  color: #fb6080;
}

.cash-modal .modal-btm {
  padding: 30px 35px;
}

.desc {
  background-color: #fff;
  padding: 2%;
}

/* .left-menu.fixed{ */
/* position: fixed; */
/* margin-top: 5%; */
/* top: 0; */
/* } */

.fixed {
  position: fixed;
  top: 0;
  margin-top: 5%;
}
.left-menu {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
}

/* Контактная форма */

.contact-form {
  max-width: 600px;
  text-align: center;
  margin: 20px auto;
}
.contact-form input,
.contact-form textarea {
  border: 0;
  outline: 0;
  padding: 1em;
  border-radius: 8px;
  display: block;
  width: 100%;
  margin-top: 1em;
  font-family: "Merriweather", sans-serif;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  resize: none;
}
.contact-form input:focus,
.contact-form textarea:focus {
  -webkit-box-shadow: 0 0px 2px #e74c3c !important;
  box-shadow: 0 0px 2px #e74c3c !important;
}
.contact-form #input-submit {
  color: white;
  background: #e74c3c;
  cursor: pointer;
}
.contact-form #input-submit:hover {
  -webkit-box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
  box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
}
.contact-form textarea {
  height: 126px;
}

.half {
  float: left;
  width: 48%;
  margin-bottom: 1em;
}

.right {
  width: 50%;
}

.left {
  margin-right: 2%;
}
.modal-top__text {
  font-size: 16px;
  line-height: 20px;
  color: #333;
  margin-bottom: 15px;
  text-align: center;
}
@media (max-width: 480px) {
  .half {
    width: 100%;
    float: none;
    margin-bottom: 0;
  }
}
/* Clearfix */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.cf:after {
  clear: both;
}

.ext-install-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0 0 0;
  height: 100px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 30px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px 3px rgba(0, 0, 0, 0.1);
}

.ext-install-banner .ext-install-browser-cropped.Chrome {
  background-image: url(../img/chrome-cropped.png);
}
.ext-install-banner .ext-install-browser-cropped {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 310px;
  flex: 0 0 310px;
  height: 100%;
  background-position: left center;
  background-repeat: no-repeat;
}
.ext-install-banner .ext-install-browser-icon.Chrome {
  background-image: url(../img/chrome.png);
}

.ext-install-banner .ext-install-browser-icon {
  margin: 0 20px;
  height: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 64px;
  flex: 0 0 64px;
  background-position: center center;
  background-repeat: no-repeat;
}

.ext-install-banner .ext-install-text {
  font-size: 22px;
  margin: 0 auto 0 0;
}
.ext-install-banner .ext-install-button {
  margin: 0 20px;
  padding: 10px 30px;
  font-size: 18px;
}

.accent-button {
  margin: 0;
  border: 0;
  border-radius: 25px;
  padding: 10px 20px;
  font-size: 16px;
  white-space: nowrap;
  color: #fff;
  background-color: #ff4f2f;
  text-align: center;
}

.ext-install-banner .ext-install-browser-icon.Chrome {
  background-image: url(https://kodobi.ru/assets/templates/default/img/chrome.png);
}
.ext-install-banner .ext-install-browser-cropped.Chrome {
  background-image: url(https://kodobi.ru/assets/templates/default/img/xchrome-cropped.png.pagespeed.ic.pGxiPv6Ex5.png);
}

/***********/

#nav-icon {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  width: 48px;
  height: 24px;
  background: transparent;
  border-width: 0;
  margin-top: 7px;
  position: absolute;
  right: 10px;
  top: 20px;
  z-index: 100;
  outline: none;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 36px;
  background: #fc6180;
  left: 6px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
  top: 10px;
}

#nav-icon span:nth-child(4) {
  top: 20px;
}

#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.promo-text .base-btn {
  padding: 10px 15px;
  line-height: normal;
}

.promo-text {
  border: 3px solid #fc6180;
  border-radius: 3px;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}

.logo img {
  max-width: 100%;
}

.header .logo {
  max-width: 140px;
}

.shop-top-xs {
  display: none;
}

.base-btn {
  white-space: nowrap;
}

.text .base-btn {
  white-space: normal;
}

.category-item .btn-block-box {
  padding-left: 0;
}

.category-item .inner {
  max-width: 313px;
}

.xs-select {
  background: #5d80fb;
  color: #fff;
  overflow: hidden;
  height: 38px;
  border-radius: 3px;
  position: relative;
  display: none;
}

.category-shop + .main .xs-select {
  margin-top: -20px;
  margin-bottom: 20px;
}

.xs-select:after {
  content: "";
  display: block;
  width: 17px;
  height: 11px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4RTkzMThFREYyNDExRTdCQkYxRTY0QTBFOTUzREFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4RTkzMThGREYyNDExRTdCQkYxRTY0QTBFOTUzREFFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThFOTMxOENERjI0MTFFN0JCRjFFNjRBMEU5NTNEQUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThFOTMxOERERjI0MTFFN0JCRjFFNjRBMEU5NTNEQUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4rltJ+AAAAwUlEQVR42pSPwQqCQBRFX0KbICLwX7Kts3Phpu9q78al6FJw1RdEPxIl0Sc03Qf30SCKduEg896dg7Py3gtyBB9wk+U5gAhcBRIHnqAHiUoXkLCv95wOav/LHaQzgpQ9S63DGFyCYc+/GxM47i16L7blHnTB8gWygSDj3NLxnoSlDWiD0hvk3OU8W1r2ZShRtqAJyg9w5tfSsCdTEmUNKj+einuZk9jTyoGgDJ+wRKJEoKCg4Fn+lSg7cOJ3svcVYADy5zseHlxwlQAAAABJRU5ErkJggg==")
    0 0 no-repeat;
  position: absolute;
  right: 12px;
  top: 14px;
  pointer-events: none;
}

.xs-select select {
  width: 105%;
  border: 0;
  height: 38px;
  background: none;
  padding: 0 0 0 15px;
}
.xs-select select option {
  background: #5d80fb;
  color: #fff;
}

.xs-select select option:hover {
  background: #000;
}

@media (min-width: 768px) {
  .inner-pop .swiper-container .swiper-wrapper {
    display: block;
  }
}

.xs-slider .swiper-button {
  display: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(252, 97, 128, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(252, 97, 128, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(252, 97, 128, 0);
  }
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(252, 97, 128, 0.4);
    box-shadow: 0 0 0 0 rgba(252, 97, 128, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(252, 97, 128, 0);
    box-shadow: 0 0 0 10px rgba(252, 97, 128, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(252, 97, 128, 0);
    box-shadow: 0 0 0 0 rgba(252, 97, 128, 0);
  }
}

@media (max-width: 1000px) {
  .ext-install-banner {
    height: auto;
  }
  .ext-install-browser-cropped {
    display: none;
  }
  .ext-install-banner .ext-install-browser-icon {
    display: none;
  }
  .ext-install-banner .ext-install-text {
    text-align: right;
    font-size: 16px;
    line-height: 18px;
    padding: 10px 10px;
  }
}
.modal.fade {
  background-color: rgba(0, 0, 0, 0.5);
}
.abc-slider .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .navbar-collapse {
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; */
  }
  .abc-slider .swiper-wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.swiper-hidden-link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999999;
}
.coupon-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 155px;
  padding: 25px 20px;
  cursor: pointer;
}
.coupon-label {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 20px 0 0;
  width: 100%;
  max-width: 110px;
  text-align: center;
  color: #ff1d48;
}
.coupon-announcement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3px;
  width: 100%;
  min-height: 110px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.coupon-discount {
  font-weight: 700;
  font-size: 35px;
}
.coupon-description {
  padding: 0 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.coupon-title {
  display: block;
  margin: 10px 0;
  font-size: 21px;
  line-height: 30px;
}
.coupon-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.coupon-button {
  position: relative;
  display: inline-block;
  margin: 18px 0 10px;
  border: 1px solid #dbdce1;
  border-radius: 3px;
  padding: 0;
  font-size: 16px;
  width: 218px;
  height: 60px;
  line-height: 1;
  cursor: pointer;
  background-color: #fff;
}
.button-text.button-promo {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  right: 25px;
}
.button-text {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  min-height: 100%;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-color: #eb3054;
}
.button-fake-promo {
  display: block;
  padding: 0 5px;
  color: #666872;
  font-size: 18px;
  text-align: right;
  text-transform: uppercase;
  overflow: hidden;
  max-height: calc(100% - 10px);
  margin: 5px 0;
}
.coupon-actions__icon {
  vertical-align: bottom;
}
.button-text.button-promo:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: -o-linear-gradient(right top, transparent 50%, #ffb5c4 0, #ffa8b9) 100% 0 no-repeat;
  background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, transparent), color-stop(0, #ffb5c4), to(#ffa8b9)) 100% 0 no-repeat;
  background: linear-gradient(to left bottom, transparent 50%, #ffb5c4 0, #ffa8b9) 100% 0 no-repeat;
  width: 28px;
  height: 60px;
  -webkit-transform: translate(1px, 4px) rotate(25deg);
  -ms-transform: translate(1px, 4px) rotate(25deg);
  transform: translate(1px, 4px) rotate(25deg);
  -webkit-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right;
}
.coupon-button:hover .button-text {
  background-color: #b62946;
}
.shop-heading {
  margin: 0 0 20px;
  font-size: 24px;
  color: #4a5056;
  font-weight: 400;
}
.breadcrumbs {
  padding: 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.breadcrumbs--mobile {
  display: none;
}
.breadcrumb-item {
  position: relative;
  padding-right: 10px;
  text-decoration: underline;
  font-size: 13px !important;
  color: #a9abb4 !important;
  margin-right: 10px;
  margin-bottom: 0 !important;
}
.breadcrumb-item::after {
  content: "/";
  position: absolute;
  right: 0;
  top: 0;
}
.breadcrumb-item:hover,
.breadcrumb-item:last-child {
  text-decoration: none;
}
.breadcrumb-item:last-child::after {
  content: none;
}
.category-list--discounts .coupon-label {
  color: #ff7f32;
}
.category-list--discounts .button-text.button-promo:before {
  display: none;
}
.category-list--discounts .button-text.button-promo {
  right: -1px;
}
.coupons-table {
  padding: 30px;
  margin-top: 80px;
  background: #fff;
  margin-bottom: 40px;
}
.coupons-table table {
  width: 100%;
}
.coupons-table h2 {
  margin-bottom: 25px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  color: #000;
}
.coupons-table tr {
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.15); */
}
.coupons-table tr td:first-child,
.coupons-table tr td:last-child {
  text-align: center;
}
.coupons-table td {
  padding: 15px 10px;
  vertical-align: middle;
  color: #000;
}
.coupons-table th {
  padding: 15px 10px;
  font-weight: 600;
  white-space: nowrap;
  color: #000;
}
caption {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: inherit !important;
  text-align: center !important;
}
.first-section {
  padding-top: 45px;
}
.shops-filter {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 35px;
  border-radius: 6px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 15px 0;
}
.shops-filter-item {
  position: relative;
  padding: 20px 0 17px;
  font-size: 12px;
  line-height: 18px;
  color: #c9c8df !important;
  text-transform: uppercase;
}
.shops-filter-item:hover {
  color: #4580ff !important;
}

@media (min-width: 1200px) {
  .coupon-actions__icon {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  .coupon-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto 0;
    border: none;
    width: 50px;
    height: 50px;
    color: #fff;
    background-color: #eb3054;
  }
  .button-text.hidden-md.hidden-sm.button-promo,
  .button-fake-promo.hidden-md.hidden-sm {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .shops-filter {
    width: 100%;
    padding: 0 10px;
  }
  .img-wrp-inline {
    display: inline !important;
  }
  .coupon-body {
    padding: 15px 12px;
    min-height: auto;
  }
  .coupon-label {
    max-width: 90px;
    margin: 0 12px 0 0;
  }
  .coupon-announcement {
    min-height: 90px;
  }
  .coupon-discount {
    font-size: 22px;
  }
  .coupon-title {
    margin: 0 0 5px;
    padding: 0;
    font-size: 16px;
    line-height: 18px;
  }
  .coupon-button {
    height: 35px;
    width: 35px;
  }
}
@media (max-width: 767px) {
  .first-section {
    padding: 0;
  }
  .coupons-header--shop {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .shop-logo {
    float: left;
  }
  .coupons-header--shop .shop-heading {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .coupons-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0;
  }
  .shop-logo--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 210px !important;
    min-width: 210px !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 210px !important;
    flex: 0 0 210px !important;
    padding: 10px !important;
    height: 195px !important;
    margin: 0 30px 0 0 !important;
  }
  .shop-heading {
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.2;
  }
  .shop-logo--mobile img {
    width: 100%;
  }
  .breadcrumbs {
    display: none;
  }
  .breadcrumbs--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .coupon-label {
    max-width: 80px;
  }
}
@media (max-width: 500px) {
  .coupons-header__inner {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .shops-filter {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .shop-logo--mobile {
    width: 90px !important;
    min-width: 90px !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 90px !important;
    flex: 0 0 90px !important;
    padding: 5px !important;
    height: 120px !important;
    margin: 0 10px 0 0 !important;
  }
  .shops-filter-item {
    font-size: 26px;
    min-width: 40px;
    text-align: center;
    margin: 0 4px;
  }
  .shop-heading {
    margin: 0 0 0 10px;
    font-size: 20px;
  }
  .coupons-header {
    margin: 15px 0;
  }

  .coupons-table td {
    padding: 15px 5px;
    font-size: 13px;
  }
  .coupons-table td:first-child,
  .coupons-table th:first-child {
    padding-left: 0;
    text-align: center;
  }
  .coupons-table {
    padding: 30px 15px;
  }
  .coupons-table th {
    padding: 15px 5px;
    white-space: unset;
  }
}
.coupon-body--overdue {
  background-color: #e6e7eb;
}
.coupon-body--overdue .button-text {
  background-color: #4a5056;
}
.coupon-body--overdue .button-text.button-promo:before {
  background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, transparent), color-stop(0, #f0f1f5), to(#f0f1f5)) 100% 0 no-repeat;
  background: -o-linear-gradient(right top, transparent 50%, #f0f1f5 0, #f0f1f5) 100% 0 no-repeat;
  background: linear-gradient(to left bottom, transparent 50%, #f0f1f5 0, #f0f1f5) 100% 0 no-repeat;
}
.coupon-body--overdue .coupon-button:hover .button-text {
  background-color: #333;
}
.coupon-body--overdue .coupon-label {
  color: #4a5056;
}
.coupon-body--stock .coupon-label {
  color: #ff7f32;
}
.coupon-body--stock .button-text.button-promo:before {
  display: none;
}
.coupon-body--stock .button-text.button-promo {
  right: -1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.shops-item-img {
  max-width: 100%;
}
.header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__container-inner {
  width: auto !important;
}
@media (max-width: 768px) {
  .header__container-inner {
    width: 100% !important;
  }
  .header__container {
    display: block;
  }
}
.header__container-inner--logo {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.text-item img {
  max-width: 100%;
  width: 100% !important;
  height: auto !important;
}
@media (max-width: 500px) {
  .text-item h2 {
    font-size: 24px;
  }
}
@media (max-width: 1200px) {
  .coupon-actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    min-width: 140px;
    width: 140px;
  }
}
@media (max-width: 991px) {
  .coupon-actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    min-width: 90px;
    width: 90px;
  }
}

.site-error__inner {
  text-align: center;
  padding: 40px 0;
}
.site-error__number {
  font-size: 230px;
  font-weight: 600;
}
.site-error__anchor {
  font-size: 25px;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .coupon-actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    min-width: 40px;
    width: 40px;
  }
  .site-error__inner {
    padding: 40px 0 80px;
  }
  .site-error__number {
    font-size: 130px;
  }
  .site-error__text {
    font-size: 25px;
  }
  .site-error__anchor {
    font-size: 20px;
  }
}
@media (max-width: 500px) {
  .coupon-modal-link {
    margin-bottom: 15px;
  }
  .site-error__inner {
    padding: 10px 0 50px;
  }
  .site-error__number {
    font-size: 70px;
  }
  .site-error__text {
    font-size: 20px;
  }
  .site-error__anchor {
    font-size: 18px;
  }
}
.coupon-modal-link {
  margin-bottom: 30px;
  display: none;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #dbdce1;
  background-color: #fff;
  width: 218px;
  height: 60px;
}
.coupon-modal-link .coupon-actions__icon {
  display: none !important;
}
.prm-sh-bnr {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 20px 0;
}
.prm-sh-bnr.mob {
  display: none;
}
.prm-sh-bnr img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: auto;
  max-width: 100%;
}

.black-friday {
  position: relative;
  max-width: 100%;
  width: 100%;
  text-align: center;
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
}
.black-friday__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  top: 0;
}
.black-friday__title {
  font-family: "proxima_nova_rgbold";
  font-weight: bold;
  font-size: 50px;
  line-height: 135%;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
  padding-bottom: 13px;
}
.black-friday__title::after {
  content: "";
  position: absolute;
  background: #ff496f;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 200px;
  width: 100%;
  height: 1px;
}
.black-friday__subtitle {
  position: relative;
  margin-top: 20px;
  font-family: "proxima_nova_rgbold";
  font-weight: bold;
  font-size: 26px;
  line-height: 135%;
  color: #ffffff;
}
.all-shops.blck-frd {
  background: #27262c;
  overflow: hidden;
}
.all-shops.blck-frd h1 {
  color: #fff;
  position: relative;
  z-index: 2;
}
.all-shops.blck-frd .shops-filter-item:hover {
  color: #ff496f !important;
}
.all-shops.blck-frd .shops-filter {
  position: relative;
  z-index: 2;
}
.all-shops.blck-frd .result-wrap {
  position: relative;
  z-index: 1;
}
.all-shops.blck-frd .result-wrap .title {
  color: #ff496f;
  border-bottom: 1px solid #ff496f;
  position: relative;
  z-index: 2;
}

.blck-frd__wrapper {
  position: relative;
  padding-bottom: 120px;
}
.blck-frd__wrapper:not(:first-child) {
  padding-top: 80px;
}
.blck-frd__wrapper:nth-child(odd) .blck-frd__title {
  color: #46434c;
}
.blck-frd__wrapper:nth-child(even)::after {
  position: absolute;
  content: "";
  background: #46434d;
  height: 100%;
  width: 100vw;
  top: 0;
  left: calc((1100px - 100vw) / 2);
  z-index: -1;
}
.blck-frd__wrapper:nth-child(even) .blck-frd__title {
  color: #27262c;
}
.blck-frd__img {
  position: absolute;
  pointer-events: none;
}
.blck-frd__img.one {
  right: -270px;
  top: -200px;
}
.blck-frd__img.two {
  right: -180px;
  top: -185px;
}
.blck-frd__title {
  font-family: "proxima_nova_rgbold";
  font-weight: bold;
  font-size: 90px;
  line-height: 135%;
  text-transform: uppercase;
  bottom: -35px;
  position: absolute;
  left: 0;
  white-space: nowrap;
}