@charset "UTF-8";
@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro.woff") format("woff"), url("../fonts/GothamPro/GothamPro.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Museo Sans Cyrl 700';
  src: url("../fonts/Museo/MuseoSansCyrl-700.woff2") format("woff2"), url("../fonts/Museo/MuseoSansCyrl-700.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Museo Sans Cyrl 900';
  src: url("../fonts/Museo/MuseoSansCyrl-900.woff2") format("woff2"), url("../fonts/Museo/MuseoSansCyrl-900.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Gotham Pro Black';
  src: url("../fonts/GothamPro-Black/GothamPro-Black.woff") format("woff2"), url("../fonts/GothamPro-Black/GothamPro-Black.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Gotham Pro-Medium';
  src: url("../fonts/GothamPro-Medium/GothamPro-Medium.woff2") format("woff2"), url("../fonts/GothamPro-Medium/GothamPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

.button {
  background-color: #1a2330;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.29rem;
  font-weight: 400;
  line-height: 2rem;
  font-family: 'Gotham Pro Black';
  border: 0;
  cursor: pointer; }
  .button--primary {
    background-color: transparent;
    font-family: 'Gotham Pro-Medium'; }
  .button--secondary {
    background-color: #eeeeee;
    color: #2d3a4b;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.84px; }

div.invalid {
  margin-top: 4.4rem;
  margin-left: 1.8rem;
  position: absolute;
  color: #ff6666; }

div.errinvalid {
  bottom: -1.3rem;
  position: absolute;
  color: #ff6666; }

div.invaliderror {
  margin-top: 6rem;
  position: absolute;
  color: #ff6666; }

input.invalid {
  border-radius: 27px;
  border: 1px solid #ff6666; }

input.errinvalid {
  border: 1px solid #ff6666; }

input.invaliderror {
  border: 1px solid #ff6666; }

textarea.errinvalid {
  border: 1px solid #ff6666; }

.scrollup {
  width: 30px;
  height: 30px;
  margin: auto;
  bottom: 0;
  margin-top: 5.3rem; }

.scroll-up {
  background: transparent url(../img/arrow-up.png);
  cursor: pointer;
  width: 30px;
  height: 30px;
  z-index: 999; }

.form__label {
  color: #252525;
  font-family: 'Gotham Pro-Medium';
  font-size: 0.86rem;
  text-transform: uppercase;
  margin-right: 0.9rem; }

[class*="ymaps-2"][class*="-ground-pane"] {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#brightness");
  -webkit-filter: brightness(60%); }

.loader {
  position: absolute;
  z-index: 15;
  top: -100%;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #000000;
  transition: opacity .7s ease;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.55); }

.loader:after,
.loader:before {
  box-sizing: border-box; }

.loader.is-active {
  top: 0;
  opacity: 1; }

.loader-default:after {
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  content: '';
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
  border: solid 8px #ffffff;
  border-left-color: transparent;
  border-radius: 50%; }

@-webkit-keyframes rotation {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(359deg); } }

@keyframes rotation {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(359deg); } }

@-webkit-keyframes blink {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

@keyframes blink {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

.ymap-container {
  position: relative;
  margin: 3em 0 2em 0;
  overflow: hidden;
  cursor: pointer;
  background: url("../img/before-load.jpg") #ffffff no-repeat;
  background-position: center center;
  background-size: cover;
  box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.2); }

.select {
  position: relative;
  display: block;
  width: 100%;
  max-width: 14.29rem; }
  .select__head {
    width: 100%;
    max-width: 100%;
    padding-right: 1rem;
    font-size: 1.21rem;
    line-height: 18px;
    color: #2d3a4b;
    cursor: pointer;
    letter-spacing: -0.04px;
    font-family: 'Gotham Pro-Medium'; }
    .select__head::after {
      width: 8px;
      height: 4px;
      background: #FFF url("../img/catalog/arrow-down.svg") no-repeat center/cover;
      position: absolute;
      right: 24px;
      bottom: 50%;
      transform: translateY(50%);
      content: '';
      display: block;
      transition: .2s ease-in; }
  .select__head.open::after {
    transform: translateY(50%) rotate(180deg); }
  .select__list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    border: 1px solid #d7d7d7;
    margin-top: 5px;
    max-height: 205px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #424348;
    scrollbar-color: dark;
    scrollbar-width: thin;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain; }

.select__list::-webkit-scrollbar {
  width: 7px;
  background-color: #F8F9FA;
  padding: 5px; }

.select__list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #D9D9D9; }

.select__list .select__item {
  position: relative;
  border-top: 1px solid rgba(224, 229, 231, 0.5);
  padding: 10px 15px;
  cursor: pointer;
  list-style-type: none; }

.select__list .select__item:hover {
  background-color: #f5f5f5; }

.container {
  max-width: 1330px;
  width: 85%;
  margin: auto; }

.row {
  display: flex;
  justify-content: space-between;
  padding: 0 10.6rem 0 5.3rem; }

.col {
  display: flex;
  flex-direction: column; }

.col-60 {
  flex-basis: 60.7%; }

.col-40 {
  flex-basis: 36.2%;
  padding-top: 6.8rem; }

*, *:before, *:after {
  box-sizing: border-box;
  outline: none; }

html {
  font-size: 14px; }

body {
  font-family: 'Gotham Pro';
  font-size: 1rem;
  color: #2d3a4b;
  padding: 0;
  margin: 0; }

img {
  max-width: 100%; }

.title {
  text-align: center;
  font-size: 1.86rem;
  font-weight: 700;
  letter-spacing: 4.68px;
  text-transform: uppercase;
  color: #2d3a4b;
  font-family: 'Gotham Pro-Medium'; }

.subtitle {
  text-align: center;
  color: #40494e;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.9rem;
  margin-top: 1.9rem;
  letter-spacing: 0.1px; }

.header {
  margin: auto;
  padding: 3.5rem 0;
  left: 0;
  top: 0;
  width: 100%;
  position: fixed;
  background-color: #ffffff;
  z-index: 199; }
  .header__nav-item {
    color: #2d3a4b;
    text-decoration: none;
    font-size: 1.07rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: 2.1px;
    margin-right: 2.5rem;
    font-family: 'Gotham Pro-Medium';
    cursor: pointer; }
    .header__nav-item--active {
      position: relative; }
      .header__nav-item--active::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #2d3a4b;
        margin-top: 0.5rem;
        left: 0;
        right: 0; }
  .header__menu {
    display: flex;
    justify-content: space-between; }

.menu {
  display: flex;
  justify-content: space-between; }
  .menu__logo {
    margin-right: 19.74rem;
    margin-left: 5.2rem; }
  .menu__basket {
    position: relative; }
  .menu-button {
    display: none;
    z-index: 10; }
    .menu-button-activ {
      height: 0 !important; }
      .menu-button-activ::before {
        margin-top: 0;
        transform: rotate(45deg) translateY(10px);
        background-color: #2d3a4b !important;
        z-index: 299; }
      .menu-button-activ::after {
        margin-top: 0;
        transform: rotate(-45deg) translateY(-10px);
        background-color: #2d3a4b !important;
        z-index: 299; }

.nav {
  text-transform: uppercase; }
  .nav__item {
    text-decoration: none;
    color: #ffffff;
    font-size: 1.07rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: 2.1px;
    margin-right: 2.5rem;
    cursor: pointer; }
    .nav__item--active {
      position: relative; }
      .nav__item--active::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #ffffff;
        margin-top: 0.5rem; }

.account {
  float: right;
  margin-right: 4.5rem;
  margin-top: 0.1rem;
  display: flex;
  align-items: center; }
  .account__link {
    margin-right: 1.3rem; }

.burger-menu {
  display: none;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ffffff; }
  .burger-menu__nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .burger-menu__nav a {
      padding: 0.5rem 0;
      margin: 0 1rem;
      font-size: 1.5rem;
      text-align: center;
      text-transform: uppercase;
      font-family: 'Gotham Pro'; }
      .burger-menu__nav a:hover::after {
        display: none; }

.burger-menu-none {
  display: none !important; }

.sales {
  background-color: #ffffff; }
  .sales__product {
    display: flex;
    flex-wrap: wrap; }
  .sales__card {
    padding: 2.14rem 8.64rem 6.93rem;
    display: flex;
    flex-direction: column;
    flex-basis: 50%; }
    .sales__card--grey {
      background-color: #f3f7f9; }
    .sales__card--right {
      text-align: right; }
  .sales__price {
    color: #ef50a2;
    font-family: 'Gotham Pro Black';
    font-size: 1.29rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: uppercase;
    margin-top: 1.6rem; }
    .sales__price sup {
      font-family: "Gotham Pro";
      font-size: 0.93rem;
      font-weight: 700; }
  .sales__productinfo {
    display: flex;
    flex-direction: column;
    color: #40494e;
    font-size: 0.93rem;
    font-weight: 400;
    line-height: 1.86rem;
    margin-top: 1.2rem;
    letter-spacing: 0.2px; }
  .sales__name {
    color: #252525;
    font-family: 'Gotham Pro-Medium';
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.57rem;
    text-transform: uppercase;
    margin-top: 1.1rem;
    letter-spacing: 1px;
    text-decoration: none; }
  .sales__buttons {
    margin-top: 2.1rem; }
  .sales__buybutton {
    display: inline-block;
    border-radius: 21px;
    border: 1px solid #2d3a4b;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.57rem;
    padding: 0.64rem 1.57rem;
    color: #252525;
    letter-spacing: 0.4px; }

.wrap {
  margin: auto;
  padding: 3.65rem 0;
  left: 0;
  top: 0;
  width: 100%;
  position: fixed;
  z-index: 299; }

.hero {
  background: #5a52a5;
  height: 100vh;
  color: #ffffff; }
  .hero__container {
    position: absolute;
    top: 0;
    z-index: 99;
    left: 0;
    right: 0; }
  .hero__content {
    margin-top: 20.49rem;
    text-align: center; }
  .hero__heading {
    font-size: 1.43rem;
    font-weight: 400;
    line-height: 2rem; }
    .hero__heading--big {
      font-family: 'Museo Sans Cyrl 700';
      font-size: 5.57rem;
      font-weight: 400;
      line-height: 2rem;
      text-transform: uppercase;
      letter-spacing: 0.4rem;
      margin-bottom: 1.27rem;
      margin-top: 5.4rem; }
    .hero__heading--largest {
      font-family: 'Museo Sans Cyrl 900';
      font-weight: 400;
      font-size: 11.36rem;
      text-transform: uppercase;
      margin: 0;
      letter-spacing: -0.2rem;
      margin-bottom: 1.5rem; }
  .hero__button {
    font-family: 'Gotham Pro Black';
    font-weight: 400;
    padding: 1rem 3.74rem;
    margin-right: 5.07rem; }
  .hero__price {
    font-family: 'Gotham Pro Black';
    font-size: 4.14rem;
    font-weight: 400;
    text-transform: uppercase; }
    .hero__price sup, .hero__price small {
      font-family: 'Gotham Pro';
      font-weight: 700; }
    .hero__price sup {
      margin: 0;
      font-size: 1.07rem; }
    .hero__price small {
      font-size: 1.57rem; }
  .hero__shopping {
    display: flex;
    align-items: center;
    justify-content: center; }

.heroswiper {
  position: relative; }
  .heroswiper-wrapper {
    height: 100vh; }
  .heroswiper-slide {
    background-blend-mode: multiply; }
    .heroswiper-slide--first {
      background: #5a52a5 url("../img/bg.jpg") no-repeat center/cover; }
    .heroswiper-slide--second {
      background: #5a52a5 url("../img/bg2.jpg") no-repeat center/cover; }
    .heroswiper-slide--third {
      background: #5a52a5 url("../img/bg3.jpg") no-repeat center/cover; }
  .heroswiper-button-prev, .heroswiper-button-next {
    background-size: 42px;
    width: 100px;
    height: 100px;
    bottom: 0;
    z-index: 199;
    top: 47%; }
    .heroswiper-button-prev::after, .heroswiper-button-next::after {
      display: none; }
  .heroswiper-button-prev {
    background: rgba(45, 58, 75, 0.4) url("../img/arrow-prev.svg") no-repeat center;
    left: 0; }
  .heroswiper-button-next {
    right: 0;
    background: rgba(45, 58, 75, 0.4) url("../img/arrow-next.svg") no-repeat center; }

.modalbasket {
  visibility: hidden;
  position: absolute;
  z-index: 99;
  right: -2.3rem;
  top: 3.7rem;
  display: flex;
  justify-content: center;
  align-items: center; }
  .modalbasket--visible {
    opacity: 1;
    visibility: visible; }
  .modalbasket__dialog {
    position: relative;
    width: 25.8rem;
    background-color: #ffffff;
    padding: 1.9rem 2.57rem 1.43rem;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); }
    .modalbasket__dialog::after {
      bottom: 99.8%;
      left: 82%;
      border: solid transparent;
      content: '';
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-bottom-color: white;
      border-width: 14px;
      margin-left: -8px; }
  .modalbasket__square {
    width: 14px;
    height: 14px;
    background-color: #ffffff;
    transform: translate(18.4rem, -1.4rem) rotate(45deg); }
  .modalbasket__product {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.23rem; }
  .modalbasket__about {
    display: flex;
    flex-direction: column;
    align-items: start;
    text-transform: uppercase;
    color: #252525;
    margin-left: 1.14rem; }
  .modalbasket__name {
    font-family: 'Gotham Pro-Medium';
    font-size: 1.07rem;
    font-weight: 700;
    line-height: 1.57rem; }
  .modalbasket__price, .modalbasket__count {
    font-size: 0.86rem;
    font-weight: 700;
    margin-top: 0.8rem; }
  .modalbasket__buttons {
    display: flex;
    justify-content: space-between; }
  .modalbasket__total {
    margin-bottom: 2.17rem; }
    .modalbasket__total::before, .modalbasket__total::after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #c9c9c9;
      display: block; }
    .modalbasket__total::before {
      margin-bottom: 0.16rem; }
    .modalbasket__total::after {
      margin-top: 0.36rem; }
  .modalbasket__amount {
    font-family: 'Gotham Pro-Medium';
    font-size: 1.24rem;
    letter-spacing: 0.7px;
    font-weight: 700;
    line-height: 2rem;
    text-transform: uppercase;
    text-align: center;
    display: block;
    color: #252525; }
  .modalbasket__buttonbasket, .modalbasket__buttonbuy {
    padding: 0.69rem 1.76rem;
    font-size: 1rem;
    text-decoration: none; }
  .modalbasket__buttonbuy {
    background-color: #ef50a2; }

.modalsearch {
  visibility: hidden;
  position: fixed;
  z-index: 199;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(90, 82, 165, 0.9);
  display: flex;
  justify-content: center;
  align-items: center; }
  .modalsearch--visible {
    opacity: 1;
    visibility: visible; }
  .modalsearch__dialog {
    position: relative;
    max-width: 87.88rem;
    padding: 14.22rem 21.64rem 21.12rem 19.74rem;
    color: #ffffff; }
  .modalsearch__close {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background: transparent url("../img/close.png") no-repeat center;
    border: none;
    margin: 12px;
    cursor: pointer;
    outline: none; }
  .modalsearch__form {
    display: flex;
    align-items: center; }
  .modalsearch__input {
    color: #a19faf;
    font-family: 'Gotham Pro-Medium';
    border: none;
    font-size: 1.43rem;
    line-height: 28px;
    padding: 1.13rem 1.69rem;
    border-radius: 3px;
    position: relative;
    width: 43rem; }
    .modalsearch__input::-moz-placeholder {
      color: #a19faf; }
    .modalsearch__input:-ms-input-placeholder {
      color: #a19faf; }
    .modalsearch__input::-ms-input-placeholder {
      color: #a19faf; }
    .modalsearch__input::placeholder {
      color: #a19faf; }
  .modalsearch__button {
    position: absolute;
    height: 4.3rem;
    width: 4.8rem;
    right: 21.7rem;
    background: #ffffff url("../img/search.png") no-repeat center;
    border: none;
    border-radius: 3px;
    cursor: pointer; }

.modalzoom {
  visibility: hidden;
  position: fixed;
  z-index: 299;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(37, 37, 37, 0.3);
  display: flex;
  justify-content: center;
  align-items: center; }
  .modalzoom--visible {
    opacity: 1;
    visibility: visible; }
  .modalzoom__dialog {
    position: relative;
    max-width: 87.88rem;
    padding: 0 3rem;
    color: #ffffff; }
  .modalzoom__close {
    position: absolute;
    right: -3.6%;
    top: -1.8%;
    width: 35px;
    height: 35px;
    background: transparent url("../img/close.png") no-repeat center;
    border: none;
    margin: 12px;
    cursor: pointer;
    outline: none; }
  .modalzoom__photo {
    margin: auto; }

.authorization {
  visibility: hidden;
  position: fixed;
  z-index: 299;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(90, 82, 165, 0.2);
  display: flex;
  justify-content: center;
  align-items: center; }
  .authorization--visible {
    opacity: 1;
    visibility: visible; }
  .authorization__dialog {
    position: relative;
    max-width: 36.36rem;
    background: #ffffff no-repeat center;
    border: 1px solid #5a52a5;
    padding: 1.657rem 3.5rem 1.928rem;
    color: #ffffff; }
  .authorization__close {
    position: absolute;
    right: -4rem;
    top: -4rem;
    width: 35px;
    height: 35px;
    background: transparent url("../img/close.png") no-repeat center;
    border: none;
    margin: 12px;
    cursor: pointer;
    outline: none; }
  .authorization__title {
    font-family: 'Gotham Pro Black';
    font-size: 1.357rem;
    text-align: center;
    color: #2d3a4b;
    margin: 0;
    margin: 0.436rem 2.428rem 1.828rem;
    line-height: 1.5;
    text-transform: uppercase; }
  .authorization__form {
    display: flex;
    flex-direction: column; }
  .authorization__input-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem; }
    .authorization__input-group--last {
      margin-bottom: 0.1rem; }
  .authorization__policy {
    margin-bottom: 2.72rem; }
  .authorization__button {
    align-self: center;
    padding: 1.3rem 3.3rem;
    background-color: #ef50a2;
    margin: 3rem 0; }
  .authorization__label {
    font-family: 'Gotham Pro-Medium';
    color: #2d3a4b;
    text-transform: uppercase; }
  .authorization__input {
    border: 1px solid #d1d5db;
    background-color: #ffffff;
    margin-top: 1.06rem;
    font-family: "Gotham Pro";
    font-size: 1.07rem;
    padding: 0.9rem 0.9rem 1rem;
    color: #252525;
    font-weight: 400; }
  .authorization__text {
    color: #252525;
    font-size: 1rem; }
    .authorization__text a {
      font-family: 'Gotham Pro-Medium';
      text-decoration: none;
      color: #40494e; }

.popular {
  background-color: #ffffff;
  padding: 9rem 0 10.9rem; }
  .popular__heading {
    max-width: 38.2rem;
    margin: auto;
    margin-bottom: 5.78rem; }
  .popular__name {
    font-family: 'Gotham Pro Black';
    color: #2d3a4b;
    font-size: 1.57rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.64px;
    text-align: center;
    margin-top: 2.04rem;
    cursor: pointer;
    text-decoration: none; }
  .popular__color {
    color: #40494e;
    font-size: 0.93rem;
    font-weight: 400;
    text-align: center;
    margin-top: 1.5rem; }
  .popular__price {
    color: #ef50a2;
    font-family: 'Gotham Pro Black';
    font-size: 1.28rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-top: 1.88rem; }
  .popular__photo {
    margin: auto;
    position: relative;
    cursor: pointer; }
  .popular__hover1, .popular__hover2, .popular__hover3, .popular__hover4 {
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(90, 82, 165, 0.8);
    padding: 8.53rem 5.38rem; }
    .popular__hover1--visible, .popular__hover2--visible, .popular__hover3--visible, .popular__hover4--visible {
      opacity: 1;
      visibility: visible; }

.popularswiper-slide {
  display: flex;
  flex-direction: column; }

.popularswiper-button-prev, .popularswiper-button-next {
  background-size: 38px;
  width: 38px;
  height: 38px;
  bottom: 0;
  z-index: 199;
  top: 36%; }
  .popularswiper-button-prev::after, .popularswiper-button-next::after {
    display: none; }

.popularswiper-button-prev {
  background: url("../img/popular/arrow-prev.png") no-repeat center;
  left: -5.4rem; }

.popularswiper-button-next {
  right: -5.3rem;
  background: url("../img/popular/arrow-next.png") no-repeat center; }

.sliderwrap {
  max-width: 84.29rem;
  margin: auto;
  position: relative; }

.sliderwrapsmall {
  display: none;
  max-width: 50rem;
  margin: auto;
  position: relative; }

.popularsmallswiper-slide {
  display: flex;
  flex-direction: column;
  cursor: pointer; }

.popularsmallswiper-button-prev, .popularsmallswiper-button-next {
  background-size: 38px;
  width: 38px;
  height: 38px;
  bottom: 0;
  z-index: 199;
  top: 36%; }
  .popularsmallswiper-button-prev::after, .popularsmallswiper-button-next::after {
    display: none; }

.popularsmallswiper-button-prev {
  background: url("../img/popular/arrow-prev.png") no-repeat center;
  left: -1rem; }

.popularsmallswiper-button-next {
  right: -0.9rem;
  background: url("../img/popular/arrow-next.png") no-repeat center; }

.news {
  background-color: #f7f7f7;
  padding: 9.1rem 0 8.7rem;
  box-shadow: inset 0 -1px 0 #d1d5db; }
  .news__container {
    max-width: 1343px;
    width: 100%; }
  .news__heading {
    max-width: 45rem;
    margin: auto; }
  .news__subtitle {
    margin-top: 1.93rem; }
  .news__block {
    display: flex;
    align-items: stretch;
    margin-top: 6.21rem; }
  .news__card {
    padding: 2.5rem 4.81rem 2.29rem 5.61rem;
    flex-basis: 49%; }
    .news__card--grey {
      margin-left: 0.9rem;
      height: auto;
      width: 1px;
      background-color: #c9c9c9; }
    .news__card--right {
      padding-right: 3.5rem;
      padding-left: 7.1rem; }
  .news__date {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.41rem; }
  .news__month {
    font-family: 'Gotham Pro-Medium';
    font-size: 1.07rem;
    font-weight: 500;
    letter-spacing: -0.3px;
    margin-bottom: 0.3rem; }
  .news__day {
    font-family: 'Gotham Pro Black';
    font-size: 5.71rem;
    text-transform: uppercase;
    letter-spacing: -3.4px; }
  .news__name {
    font-family: 'Gotham Pro-Medium';
    font-size: 1.57rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.64px; }
  .news__text {
    color: #40494e;
    font-size: 0.93rem;
    font-weight: 400;
    line-height: 1.86rem;
    margin-top: 1.71rem;
    max-width: 100%;
    letter-spacing: 0.1px; }
    .news__text a {
      display: block;
      font-family: 'Gotham Pro-Medium';
      text-decoration: none;
      color: #333333;
      font-size: 1rem;
      font-weight: 500;
      margin-top: 2.02rem; }

.shop {
  padding: 9.1rem 0 10.95rem; }
  .shop__subtitle {
    color: #666666;
    margin-top: 1.8rem; }
  .shop__title {
    letter-spacing: 4.18px; }
  .shop__heading {
    max-width: 66.86rem;
    margin: auto;
    margin-bottom: 4.52rem; }
  .shop__social {
    margin: auto; }

.social {
  max-width: 9.73rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .social-links {
    text-decoration: none;
    display: inline-block;
    overflow: hidden; }
    .social-links--vk {
      background: url("../img/shop/vk.png") no-repeat;
      width: 11px;
      height: 14px; }
    .social-links--fb {
      width: 8px;
      height: 18px;
      background: url("../img/shop/fb.svg") no-repeat; }
    .social-links--twitter {
      width: 17px;
      height: 14px;
      background: url("../img/shop/twitter.svg") no-repeat; }
    .social-links--ok {
      width: 11px;
      height: 18px;
      background: url("../img/shop/ok.svg") no-repeat; }
    .social-links--youtube {
      width: 17px;
      height: 12px;
      background: url("../img/shop/youtube.svg") no-repeat; }

.subscription {
  background-color: #5b53a6;
  padding: 7.64rem 0 9.4rem; }
  .subscription__heading {
    max-width: 46.42rem;
    margin: auto;
    margin-bottom: 3.5rem; }
  .subscription__title, .subscription__subtitle {
    color: #ffffff; }
  .subscription__subtitle {
    margin-top: 1.8rem; }
  .subscription__form {
    max-width: 56.43rem;
    margin: auto;
    display: flex;
    justify-content: space-between; }
  .subscription__input {
    flex-basis: 68.2%;
    font-family: 'Gotham Pro-Medium';
    border-radius: 27px;
    background-color: #ffffff;
    padding: 1.33rem 1.93rem;
    font-size: 1.14rem;
    color: #8e89be;
    border: 1px solid #ffffff; }
    .subscription__input::-moz-placeholder {
      color: #8e89be;
      font-size: 1.14rem; }
    .subscription__input:-ms-input-placeholder {
      color: #8e89be;
      font-size: 1.14rem; }
    .subscription__input::-ms-input-placeholder {
      color: #8e89be;
      font-size: 1.14rem; }
    .subscription__input::placeholder {
      color: #8e89be;
      font-size: 1.14rem; }
  .subscription__button {
    border-radius: 27px;
    border: 1px solid #ffffff;
    padding: 0 3rem; }

.footer {
  background-color: #171e27;
  padding: 8.31rem 0 0;
  color: #999999; }
  .footer__address {
    line-height: 1.8rem; }
  .footer__logo {
    margin-bottom: 2.53rem; }
  .footer__link, .footer__email, .footer__phone-number, .footer__skype-account {
    font-size: 0.93rem;
    text-decoration: none;
    color: #999999; }
  .footer__link {
    margin-bottom: 1.48rem; }
  .footer__block {
    display: flex;
    align-items: start;
    margin-bottom: 2.41rem; }
  .footer__name {
    font-size: 1.07rem;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.1px;
    margin-bottom: 3.44rem;
    margin-top: 0.5rem; }
  .footer__col {
    max-width: 18.34rem;
    margin-right: -2.9rem; }
    .footer__col--account {
      margin-left: 1.8rem; }
  .footer__icon {
    margin-right: 1.14rem; }
  .footer__copytext {
    color: #999999;
    font-size: 0.93rem; }
  .footer__copyright {
    margin: auto;
    margin-top: 4.5rem;
    max-width: 43rem; }
  .footer__academy {
    text-decoration: none;
    color: #999999; }

.сataloghero {
  background-blend-mode: multiply;
  background: #5a52a5 url("../img/catalog/bg.jpg") no-repeat center/cover;
  padding: 5.8rem 0 7.7rem;
  margin-top: 9.24rem; }
  .сataloghero__title {
    color: #ffffff;
    letter-spacing: 0; }
  .сataloghero__subtitle {
    max-width: 33.57rem;
    color: #ffffff;
    margin: auto;
    margin-top: 1.9rem; }
  .сataloghero__link {
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 0.9rem;
    cursor: pointer; }
  .сataloghero__nav {
    border-radius: 21px;
    background-color: #ef50a2;
    max-width: 20.86rem;
    margin: auto;
    padding: 0.97rem 2.5rem;
    margin-top: 2.79rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .сataloghero__icon {
    margin-left: 0.5rem;
    margin-right: 0.6rem; }

.catalog {
  padding: 8rem 0 8.3rem;
  box-shadow: inset 0 -1px 0 #d1d5db; }
  .catalog__row {
    flex-wrap: wrap;
    padding: 0 4.5rem;
    align-items: flex-start; }
  .catalog__card {
    flex-basis: 23.6%;
    display: flex;
    flex-direction: column;
    margin-bottom: 3.9rem; }
  .catalog__photo {
    margin: auto;
    cursor: pointer; }
  .catalog__name {
    font-family: 'Gotham Pro Black';
    color: #2d3a4b;
    font-size: 1.57rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.64px;
    text-align: center;
    margin-top: 2.24rem;
    text-decoration: none;
    cursor: pointer; }
  .catalog__color {
    color: #40494e;
    font-size: 0.93rem;
    font-weight: 400;
    text-align: center;
    margin-top: 1.3rem; }
  .catalog__prices {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto; }
  .catalog__price {
    color: #ef50a2;
    font-family: 'Gotham Pro Black';
    font-size: 1.28rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-top: 1.88rem; }
    .catalog__price--old {
      color: #2d3a4b;
      margin-left: 1.5rem; }
  .catalog__button {
    padding: 0.61rem 2.21rem;
    margin: auto;
    display: block;
    margin-top: 1.5rem; }
  .catalog__quantity {
    border: none;
    font-weight: 700;
    letter-spacing: -0.34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 1rem;
    cursor: pointer; }
  .catalog__quantity {
    margin-right: 2.47rem; }
  .catalog__filter {
    max-width: 10.71rem;
    margin-right: 0.2rem; }
  .catalog__icon {
    margin-right: 2.27rem;
    cursor: pointer; }
    .catalog__icon--list {
      margin-right: 0;
      cursor: pointer; }
  .catalog__settings {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    flex-basis: 100%;
    margin: auto;
    margin-bottom: 4.64rem; }
  .catalog__count {
    color: #cccccc;
    font-family: 'Gotham Pro-Medium';
    font-size: 1.07rem;
    font-weight: 500;
    letter-spacing: -0.3px; }
  .catalog__filters {
    display: flex;
    align-items: center;
    flex-basis: 40%;
    padding-left: 2.8rem; }
  .catalog__photo {
    position: relative; }
  .catalog__sale-icon {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0; }

.icon-block {
  display: flex;
    display-align-items: center; }

.product {
  padding: 7.43rem 0 5rem; }
  .product-popular {
    box-shadow: inset 0 -1px 0 #d1d5db;
    background-color: #f7f7f7; }
  .producthero__subtitle {
    max-width: 41.64rem;
    color: #ffffff;
    margin: auto;
    margin-top: 1.9rem; }
  .product__sale-icon {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0; }
  .product__block {
    display: flex;
    padding: 0 5.5rem;
    justify-content: space-between; }
  .product__blockphoto {
    margin: auto;
    margin-top: 0;
    margin-bottom: 0; }
  .product__photo {
    flex-basis: 55.3%;
    display: flex;
    flex-direction: column; }
  .product__info {
    flex-basis: 41.5%;
    display: flex;
    flex-direction: column;
    position: relative; }
  .product-sliderwrap {
    max-width: 37.7rem;
    margin: auto;
    position: relative;
    top: -3.3rem; }
  .product__name {
    color: #2d3a4b;
    font-family: 'Gotham Pro-Medium';
    font-size: 1.57rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1.83rem;
    margin-top: 0.7rem;
    letter-spacing: 0.2rem; }
  .product__price {
    color: #ef50a2;
    font-family: 'Gotham Pro Black';
    font-size: 1.29rem;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 2.34rem; }
  .product__nameoftype, .product__valueoftype {
    color: #40494e;
    font-size: 0.93rem;
    letter-spacing: 0.2px; }
  .product__type::after {
    content: '';
    width: 94.5%;
    height: 1px;
    background-color: #c9c9c9;
    display: block;
    margin-top: 0.71rem;
    margin-bottom: 0.71rem; }
  .product__nameoftype {
    font-family: 'Gotham Pro-Medium';
    font-weight: 500; }
  .product__valueoftype {
    font-family: 'Gotham Pro'; }
  .product__about::before {
    content: '';
    width: 94.5%;
    height: 1px;
    background-color: #c9c9c9;
    display: block;
    margin-bottom: 0.66rem; }
  .product__textblock {
    margin-top: 0.71rem;
    letter-spacing: 0.1px;
    line-height: 1.8rem; }
  .product__text {
    color: #40494e;
    font-family: 'Gotham Pro';
    font-size: 1rem; }
  .product__color {
    display: flex;
    align-items: center;
    margin-top: 1.54rem; }
    .product__colortext {
      margin-right: 1.78rem;
      color: #2d3a4b;
      font-family: 'Gotham Pro-Medium';
      font-size: 1.07rem; }
  .product__colors {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-right: 0.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
    .product__colors--selected {
      position: relative; }
      .product__colors--selected::before {
        position: absolute;
        content: '';
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: transparent;
        border: 2px solid #ef50a2; }
    .product__colors--orange {
      background-color: #e2a040; }
    .product__colors--yellow {
      background-color: #ccbe3c; }
    .product__colors--pink {
      background-color: #ed7b8c; }
    .product__colors--red {
      background-color: #ff4a32; }
    .product__colors--violet {
      background-color: #8183ad; }
    .product__colors--blue {
      background-color: #2d5dc5; }
  .product__size {
    border: 2px solid #a5b3c4;
    background-color: #f7f7f7;
    padding: 9.7px 14.3px;
    cursor: pointer;
    font-size: 1rem; }
    .product__size--selected {
      border: 2px solid #ef50a2;
      background-color: #ffecf6; }
    .product__size--disabled {
      border: 2px solid #e6e6e6;
      background-color: #f7f7f7;
      color: #c4c3c3;
      cursor: auto; }
  .product__select {
    background-position-x: 81.9%;
    color: #2d3a4b;
    border: 1px solid #2d3a4b;
    font-family: 'Gotham Pro-Medium';
    font-size: 0.93rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 5.84rem;
    padding: 8px 0 8px 12.1px;
    cursor: pointer;
    margin-top: 3px; }
  .product__tobasket {
    display: flex;
    align-items: center;
    margin: 3rem 0; }
  .product__addbasket {
    padding: 1.37rem 2.64rem;
    background-color: #2d3a4b;
    font-family: 'Gotham Pro-Medium';
    font-size: 1.28rem;
    text-transform: uppercase;
    color: #ffffff;
    margin-right: 2.93rem;
    letter-spacing: 0.7px;
    border: none;
    cursor: pointer; }
  .product__social {
    margin-bottom: 3rem; }
  .product__socialtext, .product__paytext {
    color: #40494e;
    font-family: 'Gotham Pro';
    font-size: 1rem;
    letter-spacing: 0.2px; }
  .product__sociallinks {
    margin-top: 1.52rem; }
  .product__payment {
    margin-top: 1.49rem;
    max-width: 95%; }
  .product__sizes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 83%; }
  .product__favourite {
    cursor: pointer;
    background: transparent url("../img/product/heart.png") no-repeat center;
    border: none;
    width: 28px;
    height: 24px; }

.sizechart__link {
  margin-top: 5.5px;
  text-decoration: none;
  color: #ef50a2;
  font-family: 'Gotham Pro-Medium';
  font-size: 1.07rem;
  letter-spacing: -0.1px;
  cursor: pointer;
  margin-bottom: 1.07rem; }

.productswiper-container {
  padding-top: 2px;
  padding-left: 6px;
  padding-right: 6px;
  max-width: 39.29rem; }

.productswiper-slide {
  cursor: pointer; }
  .productswiper-slide--active img {
    outline: 2px solid #ef50a2;
    box-sizing: content-box;
    border: 2px solid #fff; }

.productswiper-button-prev, .productswiper-button-next {
  background-size: 31px;
  width: 31px;
  height: 22px;
  bottom: 0;
  z-index: 199;
  top: 123%; }
  .productswiper-button-prev::after, .productswiper-button-next::after {
    display: none; }

.productswiper-button-prev {
  background: url("../img/product/arrow-prev.png") no-repeat center;
  left: 37.4%; }

.productswiper-button-next {
  right: 36.8%;
  background: url("../img/product/arrow-next.png") no-repeat center; }

.payment {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .payment__type {
    text-decoration: none;
    display: inline-block;
    overflow: hidden; }
    .payment__type--visa {
      background: url("../img/product/visa.png") no-repeat center/cover;
      width: 4.64rem;
      height: 1.43rem; }
    .payment__type--mastercard {
      width: 3.71rem;
      height: 2.21rem;
      background: url("../img/product/master.png") no-repeat center/cover; }
    .payment__type--yandex {
      width: 6.71rem;
      height: 1.14rem;
      background: url("../img/product/yandex.png") no-repeat center/cover; }
    .payment__type--rbk {
      width: 4.35rem;
      height: 1.86rem;
      background: url("../img/product/rbk.png") no-repeat center/cover; }
    .payment__type--qiwi {
      width: 4.78rem;
      height: 2.28rem;
      background: url("../img/product/qiwi.png") no-repeat center/cover; }

.description {
  padding-bottom: 5rem; }
  .description__menu {
    position: relative;
    padding: 0 5.5rem; }
    .description__menu::after {
      content: '';
      width: 88.8%;
      height: 1px;
      background-color: #c9c9c9;
      display: block;
      margin-top: 1rem;
      position: absolute; }
  .description__name {
    margin-right: 2.89rem;
    color: #141414;
    font-family: 'Gotham Pro-Medium';
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    cursor: pointer; }
    .description__name--active {
      color: #808080;
      position: relative; }
      .description__name--active::after {
        content: '';
        width: 100%;
        height: 3px;
        background-color: #ef50a2;
        display: block;
        position: absolute;
        left: 0;
        bottom: -90%; }
  .description__block {
    margin-top: 3.52rem;
    padding: 0 5rem 0 5.5rem; }
  .description__infotext {
    color: #141414;
    font-family: 'Gotham Pro-Medium';
    font-size: 1.14rem;
    text-transform: uppercase; }
    .description__infotext::after {
      content: '';
      width: 38.9%;
      height: 1px;
      background-color: #c9c9c9;
      display: block;
      margin-top: 2.21rem;
      margin-bottom: 0.71rem; }
  .description__fullinfo {
    display: none; }
    .description__fullinfo--visible {
      display: initial; }
  .description__type::after {
    content: '';
    width: 38.9%;
    height: 1px;
    background-color: #c9c9c9;
    display: block;
    margin-top: 0.71rem;
    margin-bottom: 0.71rem; }

.feedbacks {
  display: none; }
  .feedbacks--visible {
    display: initial; }
  .feedbacks__wrap {
    display: flex;
    margin-top: 2.2rem;
    align-items: center; }
  .feedbacks__feedback {
    display: flex;
    align-items: center;
    margin-bottom: 1.6rem;
    flex-direction: column;
    align-items: stretch;
    position: relative; }
    .feedbacks__feedback::after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #c9c9c9;
      display: block;
      position: absolute;
      bottom: -1.9rem; }
  .feedbacks__infotext {
    color: #141414;
    font-family: 'Gotham Pro-Medium';
    font-size: 1.14rem;
    text-transform: uppercase; }
  .feedbacks__info {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-basis: 95%; }
  .feedbacks__block {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .feedbacks__block-text {
      flex-basis: 100%; }
  .feedbacks__text, .feedbacks__admin-answer {
    display: block;
    width: 100%;
    margin-top: 0;
    letter-spacing: -0.47px; }
  .feedbacks__photo {
    margin-right: 1.43rem; }
  .feedbacks__name, .feedbacks__helptext, .feedbacks__rating-text, .feedbacks__helpnumber, .feedbacks__date {
    color: #40494e;
    font-family: 'Gotham Pro-Medium';
    font-size: 0.86rem;
    text-transform: uppercase; }
  .feedbacks__name {
    flex-basis: 45.8%; }
  .feedbacks__helpful {
    margin-right: 4rem;
    flex-basis: 37.2%; }
  .feedbacks__rating {
    display: flex;
    align-items: center;
    margin-right: 1.4rem;
    flex-basis: 27.2%; }
    .feedbacks__rating-stars {
      margin-right: 0.4rem; }
      .feedbacks__rating-stars--new {
        cursor: pointer;
        margin-right: 0.05rem; }
  .feedbacks__date {
    margin-left: 2.9rem;
    margin-right: -3.8rem;
    color: #808080;
    flex-basis: 16.4%; }
  .feedbacks__thumbsdown {
    transform: translateY(0.2rem);
    margin-right: -0.2rem;
    cursor: pointer; }
  .feedbacks__thumbsup {
    cursor: pointer; }
  .feedbacks__helptext {
    margin-right: 0.7rem; }
  .feedbacks__rating-text {
    margin-right: 0.8rem; }
  .feedbacks__helpnumber {
    margin-right: 0.9rem; }
  .feedbacks__answer {
    background-color: #ffeff7;
    width: 100%;
    top: 1.9rem;
    position: relative;
    display: flex;
    align-items: center;
    padding: 2.43rem 0 2.43rem 2.43rem;
    margin-bottom: 2.3rem; }
    .feedbacks__answer::before {
      content: ' ';
      position: absolute;
      width: 0;
      height: 0;
      left: 3.7rem;
      top: -19px;
      border: 10px solid;
      border-color: transparent transparent #ffeff7 #ffeff7; }
  .feedbacks__admin-answer {
    margin: 0;
    margin-top: 1.1rem;
    letter-spacing: -0.4px; }
  .feedbacks__admin-name {
    color: #141414;
    font-family: 'Gotham Pro-Medium';
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px; }
  .feedbacks__logo {
    margin-right: 2.57rem; }
  .feedbacks__blockname {
    margin-bottom: 0rem; }
    .feedbacks__blockname--newfeedback {
      margin-top: 11.15rem;
      margin-bottom: 3.73rem; }
  .feedbacks__form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    max-width: 100%;
    padding-right: 3.1rem; }
  .feedbacks__input-group {
    display: flex;
    flex-direction: column;
    flex-basis: 48.6%;
    margin-bottom: 1.28rem;
    position: relative; }
    .feedbacks__input-group--rating {
      flex-direction: row;
      align-items: center;
      margin-bottom: 0; }
    .feedbacks__input-group--full-width {
      flex-basis: 100%;
      margin-bottom: 1.58rem; }
  .feedbacks__input, .feedbacks__textareafeedback {
    border: 1px solid #d1d5db;
    background-color: #ffffff;
    margin-top: 1.06rem;
    font-family: 'Gotham Pro-Medium';
    font-size: 1.2rem;
    padding: 0.9rem 0.9rem 1rem; }
  .feedbacks__textareafeedback {
    resize: none;
    height: 12rem; }
  .feedbacks__newfeeback-block {
    display: flex;
    justify-content: space-between;
    flex-basis: 100%;
    align-items: center; }
  .feedbacks__addfeedback {
    background-color: #2d3a4b;
    font-family: 'Gotham Pro-Medium';
    font-size: 1rem;
    padding: 0.54rem 2rem;
    letter-spacing: 0.2px; }
  .feedbacks__label {
    letter-spacing: 0.3px; }

.div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-basis: 54.2%; }

.payandship {
  display: none; }
  .payandship--visible {
    display: initial; }
  .payandship__infotext {
    color: #141414;
    font-family: 'Gotham Pro-Medium';
    font-size: 1.14rem;
    text-transform: uppercase; }
  .payandship__blockname {
    margin-bottom: 2.21rem; }
    .payandship__blockname--delivery {
      margin-bottom: 3.3rem;
      position: relative; }
      .payandship__blockname--delivery::after {
        content: '';
        width: 38.8%;
        height: 1px;
        background-color: #c9c9c9;
        display: block;
        position: absolute;
        margin-top: 2.7rem; }
  .payandship__payment {
    margin-bottom: 2.8rem; }
    .payandship__payment-way {
      display: flex;
      margin-bottom: 2rem;
      align-items: center; }
    .payandship__paymentnum {
      width: 3.57rem;
      height: 3.57rem;
      background: #ef50a2;
      font-family: 'Gotham Pro-Medium';
      font-size: 1.29rem;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 2.5rem; }
    .payandship__payment-text {
      color: #40494e;
      font-size: 1rem;
      font-weight: 400;
      max-width: 55rem;
      line-height: 1.7rem;
      letter-spacing: 0.1px;
      flex-basis: 90%; }
  .payandship__paysecurity {
    display: flex;
    align-items: center;
    margin-top: -0.6rem; }
  .payandship__security-img {
    margin-right: 2rem; }
  .payandship__security-text {
    max-width: 60.2rem;
    font-size: 0.93rem;
    line-height: 1.9;
    letter-spacing: 0.05px; }
  .payandship__nameoftype, .payandship__valueoftype {
    color: #40494e;
    font-size: 0.93rem;
    letter-spacing: 0.2px; }
  .payandship__type::after {
    content: '';
    width: 38.8%;
    height: 1px;
    background-color: #c9c9c9;
    display: block;
    margin-top: 0.71rem;
    margin-bottom: 0.71rem; }
  .payandship__nameoftype {
    font-family: 'Gotham Pro-Medium';
    font-weight: 500; }
  .payandship__valueoftype {
    font-family: 'Gotham Pro'; }
    .payandship__valueoftype--pink {
      color: #ef50a2;
      font-family: 'Gotham Pro Black'; }

.sizechart {
  visibility: hidden;
  position: fixed;
  z-index: 199;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(90, 82, 165, 0.9);
  display: flex;
  justify-content: center;
  align-items: center; }
  .sizechart--visible {
    opacity: 1;
    visibility: visible; }
  .sizechart__dialog {
    position: relative;
    width: 68rem;
    color: #ffffff; }
  .sizechart__close {
    position: absolute;
    right: -0.4rem;
    top: -1.1rem;
    width: 35px;
    height: 35px;
    background: transparent url("../img/close.png") no-repeat center;
    border: none;
    margin: 12px;
    cursor: pointer;
    outline: none; }
  .sizechart__row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center; }
    .sizechart__row--names {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center;
      position: relative;
      margin-bottom: 2.7rem; }
      .sizechart__row--names::after {
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        background-color: #ffffff;
        display: block;
        bottom: -1rem; }
  .sizechart__col1 {
    flex-basis: 21.1%; }
  .sizechart__col2 {
    flex-basis: 14.8%; }
  .sizechart__col3 {
    flex-basis: 14.4%; }
  .sizechart__col4 {
    flex-basis: 25%; }
  .sizechart__colname {
    color: #ffffff;
    font-family: 'Gotham Pro';
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1.82px; }
  .sizechart__colvalue {
    color: #ffffff;
    font-size: 1rem;
    line-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .sizechart__heading {
    font-family: 'Gotham Pro-Medium';
    font-size: 1.57rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: auto;
    max-width: 21.07rem;
    margin-bottom: 5.93rem;
    letter-spacing: 2.44px; }

.contacts {
  padding: 5.87rem 0 7.86rem; }
  .contactshero__nav {
    border-radius: 21px;
    background-color: #ef50a2;
    max-width: 15.76rem;
    margin: auto;
    padding: 0.97rem 2.5rem;
    margin-top: 2.79rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .contacts__heading {
    color: #2d3a4b;
    font-family: 'Gotham Pro-Medium';
    font-size: 1.57rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.64px;
    margin-bottom: 3.8rem; }
  .contacts__row {
    display: flex;
    justify-content: space-between;
    padding: 0 1.3rem 0 5.3rem; }
  .contacts__form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    max-width: 100%; }
  .contacts__input-group {
    display: flex;
    flex-direction: column;
    flex-basis: 48%;
    margin-bottom: 1.78rem;
    position: relative; }
    .contacts__input-group--rating {
      flex-direction: row;
      align-items: center;
      margin-bottom: 0; }
    .contacts__input-group--full-width {
      flex-basis: 100%;
      margin-bottom: 1.58rem; }
  .contacts__input, .contacts__textarea-message {
    border: 1px solid #d1d5db;
    background-color: #ffffff;
    margin-top: 1.06rem;
    font-family: "Gotham Pro";
    font-size: 1.07rem;
    padding: 0.9rem 0.9rem 1rem;
    color: #252525;
    font-weight: 400; }
  .contacts__textarea-message {
    resize: none;
    height: 10.3rem; }
  .contacts__send {
    background-color: #2d3a4b;
    font-family: 'Gotham Pro-Medium';
    font-size: 1rem;
    padding: 0.54rem 2rem;
    margin-top: 1.4rem;
    letter-spacing: 0.2px; }
  .contacts__label {
    letter-spacing: 0.3px; }
  .contacts__address {
    font-size: 0.93rem;
    line-height: 1.8rem; }
  .contacts__email, .contacts__phone-number, .contacts__skype-account {
    font-size: 0.93rem;
    text-decoration: none;
    color: #333333; }
  .contacts__text {
    font-size: 0.93rem;
    text-decoration: none;
    color: #333333; }
  .contacts__block {
    display: flex;
    align-items: center;
    margin-bottom: 2.15rem; }
  .contacts__icon {
    margin-right: 1.14rem; }
  .contacts__info {
    border: 3px solid #ef50a2;
    padding: 2.11rem 4.94rem 3.43rem 2.93rem; }
    .contacts__info-text {
      color: #333333;
      font-family: 'Gotham Pro-Medium';
      font-size: 0.86rem;
      text-transform: uppercase;
      letter-spacing: 0.52px;
      margin-bottom: 1.9rem; }
  .contacts__text {
    padding-left: 2.1rem;
    margin-top: 2.8rem;
    line-height: 1.3rem;
    letter-spacing: 0.1px; }

.map {
  max-width: 100%;
  height: 37.93rem;
  z-index: 199; }

.cart {
  padding: 7.1rem 0 0; }
  .carthero__subtitle {
    color: #ffffff;
    max-width: 36.89rem;
    margin: auto;
    margin-top: 1.9rem; }
  .carthero__nav {
    border-radius: 21px;
    background-color: #ef50a2;
    max-width: 22.21rem;
    margin: auto;
    padding: 0.97rem 2.5rem;
    margin-top: 2.79rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .cart__row {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: 3.89rem;
    padding-left: 5.4rem; }
    .cart__row--name {
      position: relative; }
      .cart__row--name::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #c9c9c9;
        display: block;
        bottom: -1.4rem;
        position: absolute; }
    .cart__row--product {
      position: relative;
      margin-bottom: 4.9rem; }
      .cart__row--product::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #c9c9c9;
        display: block;
        bottom: -2.4rem;
        position: absolute; }
  .cart__col1 {
    flex-basis: 16.65%; }
  .cart__col2 {
    flex-basis: 24%; }
  .cart__col3 {
    flex-basis: 19.5%;
    text-align: center; }
  .cart__col4 {
    flex-basis: 8.6%; }
  .cart__col5 {
    flex-basis: 16.4%;
    text-align: center; }
  .cart__col6 {
    flex-basis: 7.5%; }
  .cart__info {
    display: flex;
    flex-direction: column;
    margin-top: 4.4rem; }
  .cart__colname {
    color: #252525;
    font-family: 'Gotham Pro-Medium';
    font-size: 0.86rem;
    text-transform: uppercase;
    letter-spacing: 0.3px; }
  .cart__name {
    color: #2d3a4b;
    font-family: 'Gotham Pro-Medium';
    font-size: 1.57rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.64px;
    display: block;
    margin-bottom: 0.8rem;
    text-decoration: none; }
  .cart__color {
    color: #40494e;
    font-size: 0.93rem;
    font-weight: 400; }
  .cart__price, .cart__amount {
    color: #ef50a2;
    font-family: 'Gotham Pro Black';
    font-size: 1.28rem;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    margin-top: 4.45rem; }
  .cart__quantity {
    background-position-x: 81.9%;
    color: #2d3a4b;
    border: 1px solid #2d3a4b;
    font-family: 'Gotham Pro-Medium';
    font-size: 0.93rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 4.84rem;
    padding: 8px 0 8px 12.1px;
    cursor: pointer;
    margin-top: 4.13rem;
    margin-left: 0.7rem; }
    .cart__quantity-head {
      font-size: 0.93rem; }
      .cart__quantity-head::after {
        right: 12.5px; }
  .cart__delete {
    display: flex;
    justify-content: flex-end;
    margin-top: 4.6rem; }
  .cart__close {
    cursor: pointer;
    background: transparent url("../img/cart/close.png") no-repeat center;
    border: none;
    width: 19px;
    height: 19px; }
  .cart__hidden--name, .cart__hidden--btn {
    display: none;
    font-family: 'Gotham Pro-Medium';
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.3px; }
  .cart__hidden--name {
    color: #252525; }
  .cart__hidden--btn {
    padding: 0.69rem 1.76rem;
    text-decoration: none;
    background-color: #ef50a2;
    border: 0;
    color: #ffffff;
    margin-top: 1rem; }

.promocode {
  box-shadow: inset 0 -1px 0 #d1d5db;
  background-color: #f7f7f7;
  padding: 7.1rem 0 7rem; }
  .promocode__row {
    display: flex;
    justify-content: space-between;
    padding-left: 5.4rem; }
  .promocode__col60 {
    flex-basis: 53.4%; }
  .promocode__col40 {
    flex-basis: 42.6%;
    padding-right: 5.2rem; }
  .promocode__heading {
    color: #2d3a4b;
    font-family: "Gotham Pro-Medium";
    font-size: 1.57rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.64px;
    position: relative;
    display: inline-block;
    margin-bottom: 4.2rem; }
    .promocode__heading::after {
      content: '';
      position: absolute;
      width: 22%;
      height: 2px;
      background-color: #2d3a4b;
      display: block;
      bottom: -0.5rem; }
    .promocode__heading--amount {
      color: #2d3a4b;
      font-family: "Gotham Pro-Medium";
      font-size: 1.57rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2.64px;
      position: relative;
      display: inline-block;
      margin-bottom: 4.2rem; }
      .promocode__heading--amount::after {
        content: '';
        position: absolute;
        width: 29%;
        height: 2px;
        background-color: #2d3a4b;
        display: block;
        bottom: -0.5rem; }
  .promocode__input-group {
    padding: 3.57rem;
    background-color: #eeeeee;
    max-width: 100%;
    display: flex;
    align-items: stretch; }
  .promocode__input {
    padding: 0.92rem 0.92rem 1.02rem 1.4rem;
    border: 1px solid #2d3a4b;
    flex-basis: 67.95%;
    letter-spacing: 0.1px; }
    .promocode__input::-moz-placeholder {
      color: #909090;
      font-family: "Gotham Pro";
      font-size: 1.07rem;
      font-weight: 400; }
    .promocode__input:-ms-input-placeholder {
      color: #909090;
      font-family: "Gotham Pro";
      font-size: 1.07rem;
      font-weight: 400; }
    .promocode__input::-ms-input-placeholder {
      color: #909090;
      font-family: "Gotham Pro";
      font-size: 1.07rem;
      font-weight: 400; }
    .promocode__input::placeholder {
      color: #909090;
      font-family: "Gotham Pro";
      font-size: 1.07rem;
      font-weight: 400; }
  .promocode__button {
    font-family: "Gotham Pro";
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.57rem 1.93rem;
    border: none;
    flex-basis: 32.15%; }
  .promocode__buttons {
    margin-top: 2.5rem;
    max-width: 37.14rem;
    display: flex;
    justify-content: space-between; }
  .promocode__continue, .promocode__update {
    background-color: #eeeeee;
    color: #2d3a4b;
    font-family: "Gotham Pro-Medium";
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.61rem 2.21rem;
    letter-spacing: 0.8px; }
  .promocode__allproducts {
    border: 3px solid #ef50a2;
    padding: 2.27rem 2.36rem; }
  .promocode__product, .promocode__amount {
    display: flex;
    justify-content: space-between; }
  .promocode__name, .promocode__price {
    color: #2d3a4b;
    font-family: "Gotham Pro-Medium";
    font-size: 0.86rem;
    text-transform: uppercase;
    letter-spacing: 0.72px; }
  .promocode__amount-text {
    color: #2d3a4b;
    font-family: "Gotham Pro-Medium";
    font-size: 1.29rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.36px; }
  .promocode__fullamount {
    color: #2d3a4b;
    font-family: "Gotham Pro-Medium";
    font-size: 1.29rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.36px; }
  .promocode__product {
    position: relative;
    margin-bottom: 2.37rem; }
    .promocode__product::after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #c9c9c9;
      display: block;
      bottom: -1.3rem;
      position: absolute; }

@-moz-document url-prefix() {
  .promocode__button {
    font-size: 0.9rem; } }

.message {
  visibility: hidden;
  position: fixed;
  z-index: 199;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(90, 82, 165, 0.6);
  display: flex;
  justify-content: center;
  align-items: center; }
  .message--visible {
    opacity: 1;
    visibility: visible; }
  .message__dialog {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 36.36rem;
    background: #5a52a5 no-repeat center;
    padding: 1.657rem 3.5rem 1.928rem;
    color: #ffffff; }
  .message__title {
    font-family: 'Gotham Pro Black';
    font-size: 1.357rem;
    text-align: center;
    margin: 0;
    margin: 0.436rem 2.428rem 1.828rem;
    line-height: 1.5; }
  .message__button {
    align-self: center;
    padding: 1.3rem 3.3rem;
    margin: auto;
    background-color: #ef50a2; }

.submessage {
  visibility: hidden;
  position: fixed;
  z-index: 199;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(90, 82, 165, 0.6);
  display: flex;
  justify-content: center;
  align-items: center; }
  .submessage--visible {
    opacity: 1;
    visibility: visible; }
  .submessage__dialog {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 36.36rem;
    background: #5a52a5 no-repeat center;
    padding: 1.657rem 3.5rem 1.928rem;
    color: #ffffff; }
  .submessage__title {
    font-family: 'Gotham Pro Black';
    font-size: 1.357rem;
    text-align: center;
    margin: 0;
    margin: 0.436rem 2.428rem 1.828rem;
    line-height: 1.5; }
  .submessage__button {
    align-self: center;
    padding: 1.3rem 3.3rem;
    margin: auto;
    background-color: #ef50a2; }

@media screen and (max-width: 1562px) {
  .menu__logo {
    margin-right: 10rem; }
  .header__nav-item {
    margin-right: 2rem; }
  .nav__item {
    margin-right: 2rem; }
  .promocode__button {
    padding: 0.57rem 0.83rem; }
  .feedbacks__name {
    flex-basis: 30%; }
  .div {
    flex-basis: 70%; }
  .catalog__filters {
    justify-content: space-between;
    flex-basis: 41.9%; } }

@media screen and (max-width: 1500px) {
  .product-sliderwrap {
    top: -7rem; }
  .product__sizes {
    max-width: 100%; } }

@media screen and (max-width: 1475px) {
  .catalog__filters {
    flex-basis: 50%; }
  .hero__heading--big {
    font-size: 5.47rem; }
  .hero__heading--largest {
    font-size: 9.96rem; } }

@media screen and (max-width: 1353px) {
  html {
    font-size: 12px; }
  .heroswiper-button-prev, .heroswiper-button-next {
    width: 80px;
    height: 80px; }
  .heroswiper-button-next:hover::before {
    width: 80px;
    height: 80px;
    transform: translate(-80px, 0); }
  .heroswiper-button-prev:hover::after {
    width: 80px;
    height: 80px;
    transform: translate(-80px, 0); }
  .menu__account img {
    max-width: 50%; }
  .menu__logo img {
    max-width: 90%; }
  .footer__col {
    margin-right: 0; }
  .cart__row {
    align-items: center; }
  .cart__col1 {
    flex-basis: 22.65%; }
  .cart__info, .cart__price, .cart__quantity, .cart__amount, .cart__delete {
    margin: 0; }
  .popular__name {
    font-size: 1.37rem; }
  .producthero__subtitle {
    max-width: 26.24rem; } }

@media screen and (max-width: 1200px) {
  .menu__logo {
    margin-right: 10rem;
    margin-left: 0; }
  .menu__account {
    margin-right: 0; }
  .nav__item {
    margin-right: 2rem; }
  .header {
    margin-right: 2rem; }
  .hero__heading--largest {
    font-size: 8.76rem; }
  .catalog__name {
    font-size: 1.07rem; }
  .catalog__color {
    font-size: 0.8rem; }
  .cart__name {
    font-size: 1.17rem; }
  .promocode__button {
    font-size: 0.8rem; }
  .promocode__input::-moz-placeholder {
    font-size: 1rem; }
  .promocode__input:-ms-input-placeholder {
    font-size: 1rem; }
  .promocode__input::-ms-input-placeholder {
    font-size: 1rem; }
  .promocode__input::placeholder {
    font-size: 1rem; }
  .product__block {
    padding: 0; }
  .payment__type--yandex {
    width: 6.91rem; }
  .feedbacks__name, .feedbacks__helptext, .feedbacks__rating-text, .feedbacks__helpnumber, .feedbacks__date {
    font-size: 0.68rem; }
  .popular__name {
    font-size: 1.07rem; }
  .popular__hover1, .popular__hover2, .popular__hover3, .popular__hover4 {
    padding: 8.53rem 3.98rem; } }

@media screen and (max-width: 1101px) {
  .nav__item {
    margin-right: 1.5rem; }
  .catalog__filters {
    flex-basis: 60%; } }

@media screen and (max-width: 1100px) {
  .header__nav-item {
    margin-right: 1.5rem; }
  .promocode__continue, .promocode__update {
    padding: 0.61rem 0.91rem; }
  .promocode__input-group {
    padding: 1rem; } }

@media screen and (max-width: 1035px) {
  .hero__heading--big {
    font-size: 4rem; }
  .hero__heading--largest {
    font-size: 8rem; }
  .menu__logo {
    margin-right: 2rem; }
  .footer__col {
    max-width: 17.84rem; }
  .row {
    padding: 0 6.7rem 0 5.3rem; }
  .cart__image img {
    max-width: 80%; } }

@media screen and (max-width: 991px) {
  .popular__iconzoom {
    display: none; }
  .menu__nav {
    display: none; }
  .menu__logo {
    margin: 0; }
  .menu__account {
    margin-right: 2rem; }
    .menu__account img {
      max-width: 100%; }
  .burger-menu {
    display: block; }
  .menu-button {
    position: absolute;
    right: 3.6rem;
    top: 4.7rem;
    display: block;
    width: 30px;
    height: 2px;
    background-color: #2d3a4b;
    cursor: pointer; }
    .menu-button::before {
      content: '';
      position: absolute;
      right: 0px;
      top: 0px;
      display: block;
      width: 30px;
      height: 2px;
      background-color: #2d3a4b;
      margin-top: -7px;
      transition: transform 0.2s; }
    .menu-button::after {
      content: '';
      position: absolute;
      right: 0px;
      top: 0px;
      display: block;
      width: 30px;
      height: 2px;
      background-color: #2d3a4b;
      margin-top: 7px;
      transition: transform 0.2s; }
    .menu-button--light {
      position: absolute;
      right: 3.6rem;
      top: 4.7rem;
      display: block;
      width: 30px;
      height: 2px;
      background-color: #ffffff;
      cursor: pointer; }
      .menu-button--light::before {
        content: '';
        position: absolute;
        right: 0px;
        top: 0px;
        display: block;
        width: 30px;
        height: 2px;
        background-color: #ffffff;
        margin-top: -7px;
        transition: transform 0.2s; }
      .menu-button--light::after {
        content: '';
        position: absolute;
        right: 0px;
        top: 0px;
        display: block;
        width: 30px;
        height: 2px;
        background-color: #ffffff;
        margin-top: 7px;
        transition: transform 0.2s; }
  .heroswiper-container {
    height: 100%;
    display: none; }
  .hero {
    background-blend-mode: multiply;
    background: #5a52a5 url("../img/bg.jpg") no-repeat center/cover;
    height: 60vh; }
    .hero__heading--largest {
      font-size: 7.2rem; }
    .hero__content {
      margin-top: 8rem; }
  .catalog__card {
    flex-basis: 50%; }
  .catalog__filters {
    display: flex;
    justify-content: space-between;
    padding: 0; }
  .catalog__row {
    padding: 0; }
  .catalog__settings {
    padding: 0 10%; }
  .catalog__name {
    font-size: 1.57rem; }
  .catalog__color {
    font-size: 0.93rem; }
  .subscription__form {
    flex-direction: column; }
  .subscription__input {
    margin-bottom: 1.5rem; }
  .subscription__button {
    padding: 1.2rem 3rem;
    max-width: 100%;
    margin: auto; }
  .сataloghero__nav {
    max-width: 23.06rem; }
  .сataloghero__link {
    font-size: 1.2rem; }
  .row {
    flex-wrap: wrap;
    padding: 0; }
  .col {
    flex-basis: 40%; }
  .footer__col--account {
    margin-left: 0; }
  .contactshero__nav {
    max-width: 19.16rem; }
  .contacts__heading {
    font-size: 1.27rem; }
  .carthero__nav {
    max-width: 25rem; }
  .promocode__row {
    flex-direction: column;
    padding: 0; }
  .promocode__col40 {
    margin-top: 2rem;
    flex-basis: 100%;
    padding: 0; }
  .promocode__col60 {
    flex-basis: 100%;
    padding: 0; }
  .product__block {
    flex-direction: column; }
  .product__sale-icon {
    right: 5%; }
  .product__sizes {
    max-width: 32rem; }
  .product__payment {
    max-width: 35rem; }
  .description__block, .description__menu {
    padding: 0; }
  .sliderwrap {
    display: none; }
  .sliderwrapsmall {
    display: block;
    max-width: 39.9rem; }
  .news__block {
    flex-direction: column; }
  .news__card {
    padding: 0;
    margin-bottom: 5rem; }
    .news__card--grey {
      display: none; }
    .news__card--right {
      padding: 0;
      position: relative; }
      .news__card--right::before {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #999999;
        display: block;
        position: absolute;
        top: -2.6rem; }
  .news__container {
    max-width: 80%; }
  .sizechart__dialog {
    width: 90%; }
  .sizechart__col1, .sizechart__col2, .sizechart__col3, .sizechart__col4 {
    text-align: center; }
  .sizechart__colname {
    font-size: 0.8rem; }
  .sizechart__heading {
    font-size: 1.37rem; }
  .modalsearch__dialog {
    padding: 5rem 7rem;
    max-width: 100%; }
  .modalsearch__button {
    left: 79.3%; }
  .select {
    margin-right: 2.5rem; }
    .select__head::after {
      width: 8px;
      height: 4px;
      background: #FFF url("../img/catalog/arrow-down.svg") no-repeat center/cover;
      position: absolute;
      right: -5%;
      bottom: 50%;
      transform: translateY(50%);
      content: '';
      display: block;
      transition: .2s ease-in; }
    .select__list .select__item {
      padding: 10px 2px; }
  .catalog__settings {
    flex-direction: column;
    align-items: start;
    max-width: 85.4%;
    margin: auto;
    padding: 0 2.7%;
    margin-bottom: 2.1rem; }
  .catalog__show {
    margin-bottom: 1.5rem; }
  .cart__row {
    padding: 0; }
  .cart__quantity-head {
    font-size: 0.93rem; }
    .cart__quantity-head::after {
      right: 12.5px; } }

@media screen and (max-width: 870px) {
  .catalog__settings {
    flex-direction: column;
    align-items: start;
    padding: 0;
    max-width: 85.4%;
    margin: auto;
    margin-bottom: 2.1rem; }
  .catalog__show {
    margin-bottom: 1.5rem; }
  .contacts__row {
    flex-direction: column;
    padding: 0; }
  .feedbacks__block {
    align-items: stretch;
    flex-direction: column; }
  .div {
    margin-top: 1rem; }
  .sales__product {
    flex-direction: column; }
  .sales__card {
    text-align: center; } }

@media screen and (max-width: 760px) {
  .catalog {
    padding: 5rem 0 8.3rem; }
    .catalog__card {
      flex-basis: 100%; }
    .catalog__settings {
      padding: 0;
      max-width: 262px; }
    .catalog__filters {
      flex-direction: column;
      align-items: flex-start;
      padding: 0; }
    .catalog__quantity, .catalog__filter {
      margin-bottom: 1.5rem; }
  .select {
    margin-bottom: 1.5rem; }
    .select__head::after {
      right: -5%; }
  .cart {
    padding: 4.8rem 0 0; }
    .cart__row {
      flex-direction: column;
      align-items: stretch;
      max-width: 40%;
      margin: auto;
      margin-bottom: 5rem; }
      .cart__row--name {
        display: none; }
    .cart__hidden--name, .cart__hidden--btn {
      display: initial; }
    .cart__close {
      display: none; }
    .cart__price, .cart__amount {
      display: inline-block; }
    .cart__col2, .cart__col3, .cart__col4, .cart__col5, .cart__col6 {
      flex-basis: 100%;
      display: flex;
      justify-content: space-between;
      margin-top: 2rem;
      width: 250px; }
    .cart__col3, .cart__col6 {
      margin-top: 2rem; }
    .cart__col3, .cart__col4, .cart__col5 {
      align-items: flex-end; }
    .cart__col6 {
      margin: 0;
      margin-top: 2rem; }
    .cart__photo {
      display: none; }
    .cart__image {
      width: 250px;
      height: 250px; }
      .cart__image1 {
        background: url("../img/cart/cart1big.jpg") no-repeat center; }
      .cart__image2 {
        background: url("../img/cart/cart2big.jpg") no-repeat center; }
      .cart__image3 {
        background: url("../img/cart/cart3big.jpg") no-repeat center; }
  .hero__heading--big {
    font-size: 3rem; }
  .hero__heading--largest {
    font-size: 5rem; }
  .sales__card {
    flex-basis: 100%;
    padding-left: 0;
    padding-right: 0; }
    .sales__card--grey {
      background-color: #ffffff; }
  .sales__productinfo {
    font-size: 1.13rem; }
  .sales__buybutton {
    font-size: 1.2rem; }
  .popular {
    padding: 3.3rem 0 6.5rem; }
  .modalsearch__dialog {
    padding: 5rem 2.3rem; }
  .modalsearch__button {
    left: 85%; }
  .feedbacks__helpnumber {
    margin-right: 0.7rem; }
  .modalzoom__image {
    max-width: 70%; }
  .modalzoom__close {
    right: 3rem; }
  .modalzoom__photo {
    display: flex;
    justify-content: center; }
  .cart__quantity {
    margin: 0; }
    .cart__quantity-head {
      font-size: 0.93rem; }
      .cart__quantity-head::after {
        right: 12.5px; } }

@media screen and (max-width: 611px) {
  .feedbacks__helpful {
    margin-right: 0;
    flex-basis: 40%; }
  .feedbacks__rating {
    flex-basis: 25%;
    margin-right: 0; } }

@media screen and (max-width: 576px) {
  .hero__price {
    font-size: 2rem; }
    .hero__price img {
      max-width: 10%; }
  .hero__heading--big {
    font-size: 2rem; }
  .hero__heading--largest {
    font-size: 3rem; }
  .hero__button {
    font-size: 0.89rem;
    padding: 1rem 1.14rem; }
  .menu__logo img {
    max-width: 80%; }
  .menu__account {
    margin-right: 3rem; }
  .menu-button {
    top: 4.4rem; }
    .menu-button--light {
      right: 2.6rem; }
  .title {
    font-size: 1.36rem; }
  .row {
    padding: 0; }
  .col {
    flex-basis: 100%;
    align-items: center; }
  .footer__col {
    max-width: 100%; }
  .footer__logo {
    display: block; }
  .contacts__input-group {
    flex-basis: 100%; }
  .contacts__address, .contacts__email, .contacts__phone-number, .contacts__skype-account {
    font-size: 1.2rem; }
  .contacts__text, .contacts__label {
    font-size: 1rem; }
  .cart__row {
    align-items: center; }
  .cart__col6 {
    margin: 0; }
  .product__image--small {
    max-width: 80%; }
  .productswiper-slide {
    margin-right: 0; }
  .productswiper-button-prev, .productswiper-button-next {
    top: 150%; }
  .product-sliderwrap {
    max-width: 100%;
    margin-left: 1rem; }
  .product__nameoftype, .product__valueoftype {
    font-size: 1.2rem; }
  .product__text, .product__colortext {
    font-size: 1.2rem; }
  .product__socialtext, .product__paytext {
    font-size: 1.3rem; }
  .feedbacks__text, .feedbacks__admin-answer {
    font-size: 1.5rem; }
  .feedbacks__helpful, .feedbacks__rating {
    margin-bottom: 1rem; }
  .feedbacks__date {
    margin: 0; }
  .feedbacks__helptext, .feedbacks__rating-text, .feedbacks__helpnumber, .feedbacks__date {
    font-size: 0.9rem; }
  .feedbacks__name {
    font-size: 0.7rem; }
  .feedbacks__input-group {
    flex-basis: 100%; }
    .feedbacks__input-group--rating {
      flex-basis: 50%;
      margin-bottom: 2rem; }
  .feedbacks__newfeeback-block {
    flex-direction: column;
    align-items: flex-start; }
  .feedbacks__form {
    padding: 0; }
  .feedbacks__blockname--newfeedback {
    margin-top: 5rem; }
  .feedbacks__label {
    font-size: 1rem; }
  .form__label {
    font-size: 1rem; }
  .div {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center; }
  .description__menu {
    flex-direction: column;
    display: flex; }
    .description__menu::after {
      margin-right: 0;
      bottom: -1rem; }
  .description__name {
    margin-bottom: 1rem; }
    .description__name::after {
      display: none; }
    .description__name--active {
      color: #ef50a2; }
  .payandship__payment-text {
    font-size: 1.2rem; }
  .payandship__security-text {
    font-size: 1rem; }
  .payandship__nameoftype, .payandship__valueoftype {
    font-size: 1.1rem; }
  .news__day {
    font-size: 4rem; }
  .modalsearch__button {
    left: 73%; }
  .modalsearch__input {
    width: 22rem; }
  .authorization__close {
    right: -1rem;
    top: -4.8rem; }
  .authorization__dialog {
    max-width: 30rem;
    padding: 1.657rem 2.5rem 1.928rem; } }

@media screen and (max-height: 768px) {
  .catalog__name {
    font-size: 1.17rem; }
  .catalog__color {
    font-size: 0.87rem; }
  .hero {
    height: 120vh; } }

@media screen and (max-width: 508px) {
  .carthero__subtitle {
    max-width: 22.59rem; } }

@media screen and (max-width: 476px) {
  .promocode__buttons {
    flex-direction: column;
    align-items: center; }
  .promocode__input-group {
    padding: 0.5rem;
    flex-direction: column; }
  .promocode__continue, .promocode__update {
    width: 100%;
    margin-bottom: 1rem; }
  .promocode__input {
    padding: 0.92rem 0 1.02rem 0.6rem;
    flex-basis: 50%; }
  .promocode__button {
    font-size: 0.9rem;
    padding: 0.37rem 0.6rem;
    flex-basis: 50%; }
  .modalzoom__close {
    right: 1.8rem;
    top: -16.4%; }
  .modalzoom__image {
    max-width: 100%; }
  .hero {
    height: 60vh; } }

@media screen and (max-width: 444px) {
  .сataloghero__subtitle {
    max-width: 28.67rem; } }

@media screen and (max-width: 375px) {
  .menu-button {
    right: 2.5rem; }
  .footer__address {
    text-align: center; }
  .footer__place img {
    margin-right: 0; }
  .product__addbasket {
    font-size: 0.98rem;
    margin-right: 1.83rem; }
  .product__size {
    padding: 0.59rem 0.82rem; }
  .product__sizes {
    max-width: 100%; }
  .payment {
    align-items: flex-start;
    flex-direction: column; }
    .payment__type {
      margin-bottom: 1rem; }
  .popularsmallswiper-button-prev, .popularsmallswiper-button-next {
    top: 110%; }
  .popularsmallswiper-button-prev {
    left: 5rem; }
  .popularsmallswiper-button-next {
    right: 5rem; }
  .sizechart__dialog {
    width: 100%; }
  .sizechart__colname {
    font-size: 0.7rem; }
  .modalbasket {
    right: -6.5rem; }
    .modalbasket__dialog::after {
      left: 65.7%; } }

@media screen and (max-width: 350px) {
  .carthero__nav {
    padding: 0.97rem 1.1rem; } }

@media (min-height: 641px) and (max-width: 320px) {
  .hero {
    height: 55vh; } }

@media (max-height: 640px) and (max-width: 320px) {
  .hero {
    height: 70vh; } }

@media screen and (min-width: 992px) {
  .сataloghero__link:hover {
    transition: color 0.3s;
    color: #5a52a5; }
  .contacts__send:hover {
    transition: background 0.3s;
    background-color: #ef50a2; }
  .contacts__email:hover, .contacts__phone-number:hover, .contacts__skype-account:hover {
    transition: color 0.3s;
    color: #ef50a2; }
  .feedbacks__addfeedback:hover {
    transition: background 0.3s;
    background-color: #ef50a2; }
  .footer__link:hover, .footer__email:hover, .footer__phone-number:hover, .footer__skype-account:hover {
    transition: color 0.3s;
    color: #ffffff; }
  .header__nav-item:hover {
    transition: color 0.3s;
    color: #ef50a2; }
  .header__nav-item--active::after {
    position: absolute; }
  .header__nav-item--active:hover {
    transition: background 0.3s;
    position: relative; }
    .header__nav-item--active:hover::after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 2px;
      background-color: #ef50a2;
      margin-top: 0.5rem;
      left: 0;
      right: 0; }
  .menu__logo:hover {
    transition: color 0.3s;
    -webkit-filter: drop-shadow(0 0 3px #ef50a2);
    filter: drop-shadow(0 0 3px #ef50a2); }
  .nav__item:hover {
    transition: color 0.3s;
    color: #ef50a2; }
  .nav__item--active::after {
    position: absolute; }
  .nav__item--active:hover {
    transition: background 0.3s;
    position: relative; }
    .nav__item--active:hover::after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 2px;
      background-color: #ef50a2;
      margin-top: 0.5rem;
      left: 0;
      right: 0; }
  .hero__button:hover {
    transition: background 0.3s;
    background-color: #ef50a2; }
  .heroswiper-button-prev:hover {
    transition: background 0.3s;
    background: #ffffff url("../img/hover-arrow-next.svg") no-repeat center;
    transform: rotate(180deg); }
  .heroswiper-button-next:hover {
    transition: background 0.3s;
    background: #ffffff url("../img/hover-arrow-next.svg") no-repeat center; }
  .slide1-next:hover {
    transition: background 0.3s; }
    .slide1-next:hover::before {
      content: '';
      width: 80px;
      height: 80px;
      background-blend-mode: multiply;
      background: #5a52a5 url("../img/hover-next.jpg") no-repeat center;
      transform: translate(-80px, 0); }
  .slide1-prev:hover {
    transition: background 0.3s; }
    .slide1-prev:hover::before {
      content: '';
      width: 80px;
      height: 80px;
      background-blend-mode: multiply;
      background: #5a52a5 url("../img/hover-prev.jpg") no-repeat center;
      transform: translate(-80px, 0) rotate(180deg); }
  .slide2-next:hover {
    transition: background 0.3s; }
    .slide2-next:hover::before {
      content: '';
      width: 80px;
      height: 80px;
      background-blend-mode: multiply;
      background: #5a52a5 url("../img/hover-prev.jpg") no-repeat center;
      transform: translate(-80px, 0); }
  .slide2-prev:hover {
    transition: background 0.3s; }
    .slide2-prev:hover::before {
      content: '';
      width: 80px;
      height: 80px;
      background-blend-mode: multiply;
      background: #5a52a5 url("../img/hover-first.jpg") no-repeat center;
      transform: translate(-80px, 0) rotate(180deg); }
  .slide3-next:hover {
    transition: background 0.3s; }
    .slide3-next:hover::before {
      content: '';
      width: 80px;
      height: 80px;
      background-blend-mode: multiply;
      background: #5a52a5 url("../img/hover-first.jpg") no-repeat center;
      transform: translate(-80px, 0); }
  .slide3-prev:hover {
    transition: background 0.3s; }
    .slide3-prev:hover::before {
      content: '';
      width: 80px;
      height: 80px;
      background-blend-mode: multiply;
      background: #5a52a5 url("../img/hover-next.jpg") no-repeat center;
      transform: translate(-80px, 0) rotate(180deg); }
  .modalbasket__buttonbasket:hover, .modalbasket__buttonbuy:hover {
    transition: color 0.3s;
    background-color: #5a52a5; }
  .popular__iconzoom:hover {
    transition: background 0.3s;
    background: url(../img/popular/hover-zoom.png); }
  .popular__iconbasket:hover {
    transition: background 0.3s;
    background: url(../img/popular/hover-basket.png); }
  .popular__iconheart:hover {
    transition: background 0.3s;
    background: url(../img/popular/hover-heart.png); }
  .popularswiper-button-prev:hover {
    transition: background 0.3s;
    background-color: rgba(26, 35, 48, 0.2); }
  .popularswiper-button-next:hover {
    transition: background 0.3s;
    background-color: rgba(26, 35, 48, 0.2); }
  .product__addbasket:hover {
    transition: background 0.3s;
    background-color: #ef50a2; }
  .payment__type--visa:hover {
    transition: background 0.3s;
    background: url("../img/product/visa-hover.png") no-repeat center/cover; }
  .payment__type--mastercard:hover {
    transition: background 0.3s;
    background: url("../img/product/master-hover.png") no-repeat center/cover; }
  .payment__type--yandex:hover {
    transition: background 0.3s;
    background: url("../img/product/yandex-hover.png") no-repeat center/cover; }
  .payment__type--rbk:hover {
    transition: background 0.3s;
    background: url("../img/product/rbk-hover.png") no-repeat center/cover; }
  .payment__type--qiwi:hover {
    transition: background 0.3s;
    background: url("../img/product/qiwi-hover.png") no-repeat center/cover; }
  .promocode__button:hover {
    transition: background 0.3s;
    background-color: #ef50a2; }
  .promocode__continue:hover, .promocode__update:hover {
    transition: background 0.3s;
    background-color: #2d3a4b;
    color: #ffffff; }
  .sales__buybutton:hover {
    transition: color 0.3s;
    background-color: #2d3a4b;
    color: #ffffff; }
  .social-links--vk:hover {
    transition: background 0.3s;
    background: url("../img/shop/vk-hover.png") no-repeat; }
  .social-links--fb:hover {
    transition: background 0.3s;
    background: url("../img/shop/fb-hover.svg") no-repeat; }
  .social-links--twitter:hover {
    transition: background 0.3s;
    background: url("../img/shop/twitter-hover.svg") no-repeat; }
  .social-links--ok:hover {
    transition: background 0.3s;
    background: url("../img/shop/ok-hover.svg") no-repeat; }
  .social-links--youtube:hover {
    transition: background 0.3s;
    background: url("../img/shop/youtube-hover.svg") no-repeat; }
  .sizechart__row:hover {
    transition: background 0.3s;
    background-color: #ef50a2; }
  .subscription__button:hover {
    transition: color 0.3s;
    background-color: #ffffff;
    color: #5b53a6; }
  .catalog__button:hover {
    transition: color 0.3s;
    background-color: #ef50a2;
    color: #ffffff; }
  .authorization__button:hover {
    transition: color 0.3s;
    background-color: #2d3a4b; }
  .authorization a:hover {
    transition: color 0.3s;
    color: #5a52a5; }
  .account__link img:hover {
    transition: color 0.3s;
    -webkit-filter: drop-shadow(0 0 3px #ef50a2);
    filter: drop-shadow(0 0 3px #ef50a2); }
  .catalog__icon:hover, .catalog__icon--list:hover {
    transition: color 0.3s;
    -webkit-filter: drop-shadow(0 0 3px #ef50a2);
    filter: drop-shadow(0 0 3px #ef50a2); }
  .product__size--notdisabled:hover {
    transition: color 0.3s;
    -webkit-filter: drop-shadow(0 0 3px #ef50a2);
    filter: drop-shadow(0 0 3px #ef50a2); }
  .product__favourite:hover {
    transition: size 0.3s;
    transform: scale(1.1); }
  .product__colors:hover {
    transition: color 0.3s;
    -webkit-filter: drop-shadow(0 0 3px #ef50a2);
    filter: drop-shadow(0 0 3px #ef50a2); }
  .feedbacks__thumbsup:hover, .feedbacks__thumbsdown:hover {
    transition: color 0.3s;
    -webkit-filter: drop-shadow(0 0 3px #ef50a2);
    filter: drop-shadow(0 0 3px #ef50a2); }
  .feedbacks__rating-stars--new:hover {
    transition: color 0.3s;
    -webkit-filter: drop-shadow(0 0 3px #ef50a2);
    filter: drop-shadow(0 0 3px #ef50a2); }
  .cart__delete:hover {
    transition: color 0.3s;
    -webkit-filter: drop-shadow(0 0 3px #ef50a2);
    filter: drop-shadow(0 0 3px #ef50a2); }
  .modalsearch__button:hover {
    transition: color 0.3s;
    transform: scale(0.8); }
  .footer__academy:hover {
    color: #ef50a2; }
  .scroll-up:hover {
    transition: background 0.3s;
    background: transparent url(../img/arrowup-hover.png);
    width: 30px;
    height: 30px; } }

@media screen and (min-width: 1354px) {
  .slide1-next:hover {
    transition: background 0.3s; }
    .slide1-next:hover::before {
      content: '';
      width: 100px;
      height: 100px;
      background-blend-mode: multiply;
      background: #5a52a5 url("../img/hover-next.jpg") no-repeat center;
      transform: translate(-100px, 0); }
  .slide1-prev:hover {
    transition: background 0.3s; }
    .slide1-prev:hover::before {
      content: '';
      width: 100px;
      height: 100px;
      background-blend-mode: multiply;
      background: #5a52a5 url("../img/hover-prev.jpg") no-repeat center;
      transform: translate(-100px, 0) rotate(180deg); }
  .slide2-next:hover {
    transition: background 0.3s; }
    .slide2-next:hover::before {
      content: '';
      width: 100px;
      height: 100px;
      background-blend-mode: multiply;
      background: #5a52a5 url("../img/hover-prev.jpg") no-repeat center;
      transform: translate(-100px, 0); }
  .slide2-prev:hover {
    transition: background 0.3s; }
    .slide2-prev:hover::before {
      content: '';
      width: 100px;
      height: 100px;
      background-blend-mode: multiply;
      background: #5a52a5 url("../img/hover-first.jpg") no-repeat center;
      transform: translate(-100px, 0) rotate(180deg); }
  .slide3-next:hover {
    transition: background 0.3s; }
    .slide3-next:hover::before {
      content: '';
      width: 100px;
      height: 100px;
      background-blend-mode: multiply;
      background: #5a52a5 url("../img/hover-first.jpg") no-repeat center;
      transform: translate(-100px, 0); }
  .slide3-prev:hover {
    transition: background 0.3s; }
    .slide3-prev:hover::before {
      content: '';
      width: 100px;
      height: 100px;
      background-blend-mode: multiply;
      background: #5a52a5 url("../img/hover-next.jpg") no-repeat center;
      transform: translate(-100px, 0) rotate(180deg); } }

@media screen and (max-height: 520px) {
  .modalbasket__dialog {
    height: 18.5rem;
    overflow: scroll; }
  .authorization {
    height: 100%;
    overflow: scroll; }
    .authorization__close {
      right: -5rem;
      top: 5rem; } }