@import "normalize.css";
@import "lightbox/lightbox.min.css";
:root {
  --bkg-color: #FAF8ED;
  --red: #F76A6A;
  --company-orange: #FBBE01;
  --text-orange: #FFC92A;
  --black-light: #3F3F3F;
  --blue: #51B4F6;
  --green-light: #CEDD86;
  --purple: #BFB5EF;
  --green: #90C436;
  --text-color-default: #303030;
  --size-text-default: 24px;
  --text-title: 42px;
  --text-title-2: 36px;
  --text-btn-default: 22px;
  --menu-size-text: 20px;
  --size-text-btn-big: 26px;
  --font-style-one: "Pangolin", cursive;
  --font-style-two: "Exo 2", sans-serif;
  --padding-l-r: 0 100px;
  --max-wrap: 1440px;
}

.main {
  min-height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
}

html {
  margin: 0;
  padding: 0;
  font-family: var(--font-style-one);
  background: var(--bkg-color);
}

body {
  min-height: 100vh;
  margin: 0;
  position: relative;
  box-sizing: border-box;
  background: var(--bkg-color);
  margin: 0 auto;
  color: #36396A;
  font-size: 24px;
}

img {
  border: 0;
  height: auto;
}

.wrap {
  position: relative;
  max-width: var(--max-wrap);
  padding: var(--padding-l-r);
}

section {
  width: 100%;
}

* {
  box-sizing: border-box;
}

.header {
  width: 100%;
  position: relative;
  z-index: 100;
}
.header .wrap {
  padding-top: 20px;
  margin: 0 auto;
}

.wrap_header {
  justify-content: space-between;
  padding-top: 17px;
}

.flex-row {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row;
}

.flex-col {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
}

.header__logo-box {
  max-width: 173px;
  max-height: 173px;
  object-fit: contain;
}

.header__nav-items {
  list-style: none;
}

.header__nav-box {
  position: relative;
  justify-content: flex-start;
}

.header__nav-item {
  padding: 0 10px;
  transition: all 0.3s ease;
}
.header__nav-item:hover {
  transform: scale(1.1);
}
.header__nav-item:last-child {
  padding-right: 0;
}

.header__phone {
  justify-content: flex-end;
  max-height: 46px;
  flex: 1;
}

.header__phone__link {
  font-size: 36px;
  font-weight: 800;
  text-decoration: none;
  font-family: var(--font-style-two);
  color: var(--red);
  transition: opacity 0.3s ease;
}
.header__phone__link:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.header__nav-link {
  font-size: var(--menu-size-text);
  color: var(--text-color-default);
  text-decoration: none;
}

.header__social-items {
  justify-content: flex-end;
  list-style: none;
  padding: 0;
  margin: 0;
}

.header__social-item {
  padding-left: 8px;
  transition: all 0.2s ease;
}
.header__social-item:first-child {
  padding-left: 0;
}
.header__social-item:hover {
  transform: scale(1.1);
}

.header__social-img {
  max-width: 32px;
  max-height: 32px;
}

.header__nav-link {
  padding: 0 3px;
  transition: all 0.2s ease;
  box-sizing: border-box;
  font-family: var(--font-style-two);
}
.header__nav-link:hover {
  color: var(--company-orange);
}
.header__nav-link.header__nav-link_active {
  color: var(--company-orange);
  text-decoration: underline;
  font-weight: 600;
}

.hero-block__title {
  position: relative;
  padding-right: 30px;
  font-family: var(--font-style-two);
  font-size: var(--text-title);
  color: var(--red);
  text-transform: uppercase;
}

.content a {
  color: var(--red);
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.content a:hover {
  color: var(--red);
  opacity: 0.8;
  text-decoration: underline;
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 46px;
  margin-right: 20px;
  padding: 8px 23px 12px 23px;
  font-family: var(--font-style-two);
  font-size: var(--text-btn-default);
  font-weight: 600;
  color: var(--text-color-default);
  text-transform: uppercase;
  text-decoration: none;
  border: 0;
  z-index: 1;
  background: var(--company-orange);
  border-radius: 50%/10%;
  position: relative;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
.button:before {
  content: "";
  position: absolute;
  top: 10%;
  bottom: 10%;
  right: -5%;
  left: -5%;
  z-index: -1;
  background: inherit;
  border-radius: 5%/50%;
  transition: all 0.3s ease;
}
.button:hover:before {
  right: -7%;
  left: -7%;
  border-radius: 7%/33%;
}

.button_big {
  max-width: 350px;
  height: 84px;
  border-radius: 40%/12%;
  font-size: var(--size-text-btn-big);
  font-weight: 800;
}
.button_big:hover {
  border-radius: 40%/12%;
}
.button_big:hover:before {
  right: -6%;
  left: -6%;
  border-radius: 7%/33%;
}

.two-thirds {
  width: 62%;
}

.one-thirds {
  width: 33%;
}

.in-two {
  width: 50%;
}

.hero-block {
  position: relative;
  z-index: 100;
  padding-top: 30px;
  padding-bottom: 60px;
}
.hero-block .wrap {
  padding-top: 20px;
  margin: 0 auto;
}

.hero-block__right-img {
  width: 100%;
}

.flex-center {
  justify-content: center;
  align-items: center;
}

.hero-block__wrap {
  align-items: center;
  justify-content: space-between;
}

.figure-random {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.figure-one {
  position: absolute;
  top: 70vh;
  left: 60vw;
  animation: card-rotation 2s infinite ease-in-out;
}

.figure-two {
  position: absolute;
  top: 84vh;
  left: 40vw;
  animation: card-rotation 2.5s infinite ease-in-out;
}

.figure-three {
  position: absolute;
  top: 30vh;
  left: 34vw;
  animation: card-rotation 2s infinite ease-in-out;
}

.figure-four {
  position: absolute;
  top: 70vh;
  left: 80vw;
  animation: card-rotation 2.5s infinite ease-in-out;
}

.figure-five {
  position: absolute;
  top: 40vh;
  left: 60vw;
  animation: card-rotation 2s infinite ease-in-out;
}

.figure-six {
  position: absolute;
  top: 70vh;
  left: 10vw;
  animation: card-rotation 2.5s infinite ease-in-out;
}

.main {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.section-who {
  width: 100%;
}
.section-who .wrap {
  max-width: 100%;
  padding: 0 !important;
  background: var(--purple);
}
.section-who .wrap .inner-wrap {
  max-width: var(--max-wrap);
  padding: var(--padding-l-r);
  padding-top: 20px;
  margin: 0 auto;
}

.section-top, .section-bottom {
  width: 100vw;
  max-height: 260px;
}

.section-bottom_purple {
  height: 129px;
  background: url("../img/template/elements/bottom-purple.svg") no-repeat;
  background-size: 100% 100%;
  background-position: top;
}

.section-top_green {
  height: 260px;
  background: url("../img/template/elements/green-top.svg") no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
}

.section-top_white {
  height: 210px;
  background: url("../img/template/elements/white-top.svg") no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
}

.section-bottom_white {
  height: 210px;
  background: url("../img/template/elements/white-bottom.svg") no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
}

.text-substrate {
  padding: 20px 50px;
  border-radius: 18px;
  background: var(--bkg-color);
}

.title-two {
  width: 100%;
  font-family: var(--font-style-two);
  font-size: 42px;
  font-weight: 800;
  color: var(--text-orange);
  text-transform: uppercase;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}

.logo-box {
  width: 98px;
  height: 130px;
  background: url("../img/yellow_dino_logo.svg");
}

.section-material {
  position: relative;
  width: 100%;
}
.section-material .wrap {
  padding-top: 20px;
  margin: 0 auto;
}

.section-material__textil {
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

.claps {
  position: absolute;
}

.clasp_1 {
  top: 0px;
  right: -140px;
  width: 440px;
  height: 100px;
  transform: rotate(17deg);
  background: url("../img/template/material/clasp-1.png") no-repeat;
  background-size: contain;
}

.clasp_2 {
  top: 160px;
  right: -240px;
  width: 440px;
  height: 100px;
  transform: rotate(-26deg);
  background: url("../img/template/material/clasp-2.png") no-repeat;
  background-size: contain;
}

.clasp_3 {
  top: 460px;
  right: -280px;
  width: 440px;
  height: 100px;
  transform: rotate(18deg);
  background: url("../img/template/material/clasp-3.png") no-repeat;
  background-size: contain;
}

.section-material__cloth {
  width: 100%;
}

.section-material__text {
  padding-left: 60px;
}

.section-material__items {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.section-material__item {
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 20px 20px 20px 0;
}
.section-material__item:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  padding-left: 10px;
  background: url("../img/template/li.svg") no-repeat;
}

.section-material__item-img {
  padding-right: 14px;
  word-wrap: anywhere;
  height: 40px;
  margin-right: 10px;
}

.index100 {
  z-index: 100;
}

.relative {
  position: relative;
}

.section-atelier {
  margin-top: 60px;
}
.section-atelier .wrap {
  max-width: 100%;
  padding: 0 !important;
  background: #ffffff;
}
.section-atelier .wrap .inner-wrap {
  max-width: var(--max-wrap);
  padding: var(--padding-l-r);
  padding-top: 20px;
  margin: 0 auto;
}

.section-atelier__img {
  width: 100%;
}

.section-atelier__text {
  padding-left: 100px;
}

.button_atelier {
  width: 220px;
}

.section-size {
  width: 100%;
  margin-top: 40px;
}
.section-size .wrap {
  max-width: var(--max-wrap);
  padding: var(--padding-l-r);
  margin: 0 auto;
}

.sliderSize {
  padding: 0 70px;
}
.sliderSize .slick-center .sliderSize__item {
  transform: scale(1.1);
}
.sliderSize .slick-slide > div {
  display: flex;
  justify-content: center;
}
.sliderSize .slick-track {
  display: flex;
  align-items: center;
}

.sliderSize__item {
  width: 330px;
  height: 536px;
  margin: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 26px;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  transition: width, height, transform 0.4s ease;
}
.sliderSize__item img {
  position: absolute;
  top: 0;
  max-width: 100%;
  max-height: 100%;
}

.sliderSize__side-1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sliderSize__side-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.section-devpay {
  margin-top: 40px;
  position: relative;
}
.section-devpay .wrap {
  max-width: 100%;
  padding: 0 !important;
  background: #ffffff;
}
.section-devpay .wrap .inner-wrap {
  max-width: var(--max-wrap);
  padding: var(--padding-l-r);
  padding-top: 20px;
  margin: 0 auto;
}

.section-devpay__logo {
  align-items: center;
}

.section-devpay__logo-item {
  margin-right: 40px;
  background-repeat: no-repeat;
}

.logo-russian-post {
  width: 91px;
  height: 44px;
  background: url("../img/template/delivery/Russian_Post.svg") no-repeat;
  background-size: contain;
}

.logo-cdek {
  width: 82px;
  height: 23px;
  background: url("../img/template/delivery/cdek.svg") no-repeat;
  background-size: contain;
}

.logo-boxberry {
  width: 118px;
  height: 26px;
  background: url("../img/template/delivery/logo-boxberry-desktop.svg") no-repeat;
  background-size: contain;
}

.courier-img:before {
  content: "";
  display: inline-block;
  width: 62px;
  height: 69px;
  background: url("../img/template/svg/courier.svg") no-repeat;
}

.title-two_outside {
  max-width: var(--max-wrap);
  padding: var(--padding-l-r);
  margin: 0 auto;
  margin-bottom: 45px;
}

.section-top_white-delivery {
  height: 120px;
  background: url("../img/template/elements/white-top-delivery.svg") no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
}

.bkg-bottom-sale {
  height: 129px;
  background-color: #ffffff;
  background-image: url("../img/template/elements/bkg-bottom-sale.svg");
  background-size: 100% 100%;
  background-position: bottom;
}

.footer-top-green {
  height: 102px;
  background-color: #ffffff;
  background-image: url("../img/template/elements/footer-top-green.svg");
  background-size: 100% 100%;
  background-position: bottom;
}

.section-bottom_white-delivery {
  height: 103px;
  background: url("../img/template/elements/white-bottom-delivery.svg") no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
}

.footprints {
  width: 366px;
  height: 155px;
  position: relative;
}

.footprint {
  position: absolute;
  width: 55px;
  height: 42px;
  background-size: contain;
}

.footprint-1 {
  bottom: 30px;
  right: 0;
  background: url("../img/template/footprints/footprints-l.svg");
  transform: rotate(-35deg);
}

.footprint-2 {
  top: 15px;
  right: 88px;
  background: url("../img/template/footprints/footprints-r.svg");
  opacity: 0.75;
  transform: rotate(40deg);
}

.footprint-3 {
  bottom: 35px;
  right: 145px;
  background: url("../img/template/footprints/footprints-l.svg");
  opacity: 0.5;
  transform: rotate(-16deg);
}

.footprint-4 {
  top: 30px;
  left: 80px;
  background: url("../img/template/footprints/footprints-r.svg");
  opacity: 0.3;
  transform: rotate(10deg);
}

.footprint-5 {
  bottom: 10px;
  left: 0;
  background: url("../img/template/footprints/footprints-l.svg");
  opacity: 0.18;
  transform: rotate(-30deg);
}

.hand-money {
  width: 234px;
  height: 223px;
  position: absolute;
  top: -30px;
  right: 0;
  background: url("../img/template/svg/hand-money.svg");
}

.section-sale .wrap {
  max-width: 100%;
  padding: 0 !important;
  background: var(--bkg-color);
}
.section-sale .wrap .inner-wrap {
  max-width: var(--max-wrap);
  padding: var(--padding-l-r);
  padding-top: 20px;
  margin: 0 auto;
}

.section-sale__slider .slick-list {
  max-width: 1120px;
  margin: 0 auto;
}

.section-sale__slider-item {
  display: flex !important;
  padding: 0 70px;
}

.section-sale__slider-box-circle {
  width: 425px;
  height: 425px;
  border-radius: 50%;
  overflow: hidden;
}
.section-sale__slider-box-circle .section-sale__slider-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.section-sale__slider-old-price {
  position: relative;
  color: #9898AB;
}
.section-sale__slider-old-price:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 100%;
  height: 8px;
  background: url("../img/template/svg/underline.svg") no-repeat;
  background-size: contain;
}

.section-sale__left {
  padding-right: 40px;
}

.section-gallery {
  background: #ffffff;
  width: 100%;
  position: relative;
  z-index: 100;
  padding-bottom: 40px;
}
.section-gallery .wrap {
  padding-top: 20px;
  margin: 0 auto;
}

.footer {
  width: 100%;
  position: relative;
  padding-bottom: 30px;
  z-index: 100;
  background: var(--green-light);
}
.footer .wrap {
  padding-top: 20px;
  margin: 0 auto;
}
.footer .wrap .title-two {
  margin-bottom: 10px;
}

.footer__social .footer__social-items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__social .footer__social-items .footer__social-item {
  margin-right: 10px;
}

.footer__phone {
  display: block;
  color: var(--text-color-default);
  margin-bottom: 10px;
}

.footer__email {
  display: block;
  color: var(--text-color-default);
  margin-bottom: 10px;
}

.section-gallery-grid {
  width: 50%;
  flex-wrap: wrap;
}

.section-gallery-row {
  width: 25%;
}
.section-gallery-row img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  padding: 6px;
}
.section-gallery-row:nth-child(1) {
  width: 50%;
}
.section-gallery-row:nth-child(2n) {
  width: 50%;
  height: 50%;
}
.section-gallery-row:nth-child(3n) {
  width: 50%;
  height: 50%;
}
.section-gallery-row:nth-child(4n) {
  width: 50%;
  height: 50%;
}

.width-all {
  width: 100% !important;
  height: 100% !important;
}

.button_sale {
  width: 135px;
  margin-top: 10px;
}

/* entire container, keeps perspective */
.flip-container {
  perspective: 1000px;
}

/* flip the pane when hovered */
.flipper.active {
  transform: rotateY(180deg);
}

.flip-container {
  width: 100%;
  position: relative;
}

.front, .back {
  width: auto;
  height: 480px;
  display: flex;
  justify-content: center;
}

/* flip speed goes here */
.flipper {
  width: 100%;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}

/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: 32px;
  overflow: hidden;
}

/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
  transform: rotateY(180deg);
}

.flip-back-arrow {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 10px;
  right: 10px;
  background: url("../img/template/svg/back-arrow.svg");
  background-size: contain;
  transition: all 0.3s ease;
}
.flip-back-arrow:hover {
  cursor: pointer;
  transform: scale(1.1);
}

.footer-top-green_catalog {
  background-color: var(--bkg-color);
}

.catalog {
  padding-top: 60px;
}

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

.catalog__filter-item {
  padding-right: 24px;
  transition: all 0.3s ease;
  background: none;
  border: 0;
}
.catalog__filter-item:last-child {
  padding-right: 0;
}
.catalog__filter-item:hover {
  cursor: pointer;
  color: var(--text-orange);
  transform: scale(1.1);
}
.catalog__filter-item.active {
  color: var(--text-orange);
}

.catalog__card {
  position: relative;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 48px;
}
.catalog__card:after {
  width: 320px;
  content: "";
  display: block;
}
.catalog__card .price-old {
  position: relative;
}
.catalog__card .price-old:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 100%;
  height: 8px;
  background: url("../img/template/svg/underline.svg") no-repeat;
  background-size: contain;
}

.catalog__card-item {
  width: 320px;
  padding-bottom: 50px;
  transition: all 0.3s ease;
  text-decoration: none;
}
.catalog__card-item:hover {
  animation: card-rotation 2s infinite ease-in-out;
}
@keyframes card-rotation {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  to {
    transform: scale(1);
  }
}
.catalog__img {
  height: 320px;
  overflow: hidden;
  border-radius: 46px 46px 0 0;
  transition: all 0.3s ease;
}

.catalog__text {
  background: #ffffff;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0 0 46px 46px;
  transition: all 0.3s ease;
}

.catalog__img-item {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.button_catalog {
  width: 200px;
  margin: 0 auto;
  color: var(--text-color-default);
  text-decoration: none;
}

.catalog__card-price {
  padding-top: 20px;
  padding-bottom: 20px;
}

.section-content .wrap {
  max-width: var(--max-wrap);
  padding: var(--padding-l-r);
  margin: 0 auto;
}

.catalog__card-title {
  padding-top: 26px;
  padding-bottom: 12px;
  color: var(--text-color-default);
  text-transform: none;
}

.card__gallery {
  width: 429px;
  height: 429px;
  overflow: hidden;
  border-radius: 20px;
  margin-right: 65px;
}

.card__gallery-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.card__options .button_card {
  width: 134px;
  border-bottom: 0;
}

.card__sale {
  align-items: center;
}
.card__sale .catalog__card-price {
  margin-right: 30px;
}
.card__sale .price-old {
  position: relative;
  color: var(--text-color-default);
  text-decoration: none;
}
.card__sale .price-old:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 100%;
  height: 8px;
  background: url("../img/template/svg/underline.svg") no-repeat;
  background-size: contain;
}
.card__sale .price-old:empty {
  display: none;
}

.price-current {
  color: var(--text-color-default);
  text-decoration: none;
}

.card__options-list {
  padding: 0;
  margin: 0;
}

.card__options-item {
  display: flex;
}
.card__options-item span {
  padding: 8px 0;
  font-size: 20px;
  text-align: left;
  border-radius: 4px;
}
.card__options-item > span {
  width: 220px;
}
.card__options-item:nth-child(2n) {
  background: #FFFDF3;
}

.title-card {
  font-size: var(--size-text-btn-big);
}

.card__description {
  font-size: var(--text-btn-default);
}

.arrowToTop {
  width: 38px;
  height: 38px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: url("../img/template/svg/arrow-top.svg") no-repeat;
  background-size: contain;
  z-index: 200;
  transition: all 0.3s linear;
}
.arrowToTop:hover {
  transform: scale(1.1);
}

/* fluid 5 columns */
.grid-sizer,
.grid-item {
  width: 32%;
  display: flex;
  justify-content: center;
}

a.btn_one_click {
  border: 0 !important;
}

.mobile {
  display: none;
}

.desktop {
  display: block;
}

.msoneclickSuccess {
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box;
}

@media all and (max-width: 1440px) {
  .sliderSize__item {
    height: 575px;
  }
}
@media all and (max-width: 980px) {
  :root {
    --padding-l-r: 0 10px;
    --max-wrap: 98vw;
    --size-text-default: 16px;
    --text-btn-default: 16px;
    --size-text-btn-big: 20px;
    --text-title: 32px;
  }

  body {
    font-size: 18px;
  }

  p {
    line-height: 1.3em;
  }

  .header__logo-box {
    width: 80px;
    height: 80px;
  }

  .header__logo-box-img {
    width: 80px;
    height: 80px;
  }

  .header__phone__link {
    font-size: 16px;
    line-height: 31px;
  }

  .header__nav {
    display: none;
  }

  .header__social-item {
    padding-left: 6px;
  }

  .header__social-img {
    width: 24px;
    height: 24px;
  }

  .button {
    height: 34px;
    padding: 8px 10px 12px 10px;
  }

  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }

  .button_menu {
    margin-right: 3px;
    margin-left: 10px;
  }
  .button_menu:hover {
    cursor: pointer;
  }

  .header__social {
    margin-top: 10px;
  }

  .hero-block {
    padding-top: 0;
  }

  .hero-block .wrap {
    padding-top: 0px;
  }

  .hero-block__wrap {
    flex-flow: column;
  }

  .hero-block__left {
    width: 100%;
  }

  .hero-block__title {
    padding-right: 0;
  }

  .button_big {
    width: 260px;
    height: 60px;
    margin: 0 auto;
  }

  .hero-block__right {
    width: 80vw;
    margin-top: 20px;
  }

  .section-top, .section-bottom {
    max-height: 60px;
  }

  .section-material__text {
    padding-left: 0;
  }

  .section-material__item {
    font-size: 15px;
  }

  .section-material__item:before {
    min-width: 10px;
    min-height: 10px;
    max-width: 10px;
    max-height: 10px;
    padding-left: 4px;
    background-size: contain;
  }

  .text-substrate {
    padding: 10px 14px;
  }

  .clasp_1 {
    top: 30px;
    right: -290px;
  }

  .clasp_2 {
    display: none;
  }

  .clasp_3 {
    display: none;
  }

  .section-atelier__text {
    padding-left: 0;
  }

  .button_atelier {
    width: 220px;
    height: 52px;
    margin: 0 auto;
  }

  .figure-four {
    left: 72vw;
  }

  .figure-six {
    top: 57vh;
    left: 4vw;
  }

  .figure-one {
    top: 100vh;
    left: 60vw;
  }

  .figure-two {
    top: 94vh;
    left: 11vw;
  }

  .figure-three {
    top: 37vh;
    left: 34vw;
  }

  .hand-money {
    width: 60px;
    height: 58px;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .section-who .inner-wrap {
    flex-flow: column;
  }

  .width-all_mobile {
    width: 100%;
  }

  .in-two_mobile {
    width: 50%;
  }

  .flex-col_mobile {
    flex-flow: column;
  }

  .sliderSize {
    width: 92%;
    margin: 0 auto;
    padding: 0 10px;
  }

  .slick-prev, .slick-next {
    height: 20px;
    width: 38px;
  }

  .courier-img:before {
    width: 22px;
    height: 22px;
    background-size: contain;
  }

  .section-bottom_white-delivery {
    height: 60px;
  }

  .footprints {
    position: absolute;
    top: 130px;
    opacity: 0.3;
    transform: scale(0.8);
  }

  .title-two {
    text-align: center;
    font-size: 30px;
  }

  .section-sale__slider-box-circle {
    width: 250px;
    height: 250px;
  }

  .section-sale__slider-item {
    padding: 0;
  }

  .footer .title-two {
    text-align: center;
  }

  .footer .wrap {
    display: flex;
    flex-flow: column;
    align-items: center;
  }

  .section-sale__title {
    width: 100%;
    text-align: center;
  }

  .section-sale__left {
    padding-right: 0;
  }

  .section-sale {
    padding-right: 20px;
    padding-left: 20px;
  }
  .section-sale .slick-prev, .section-sale .slick-next {
    top: 68%;
  }

  .section-sale__descr {
    display: none;
  }

  .section-sale__slider-price {
    text-align: center;
    padding-bottom: 30px;
  }

  .sliderSize__item {
    margin: 0 14px;
    border-radius: 0;
  }

  .sliderSize__item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .section-size {
    width: 96%;
  }

  .title-two_outside {
    margin-bottom: 25px;
  }

  .section-gallery-grid {
    width: 100%;
  }

  .header__nav {
    position: fixed;
    width: 80vw;
    height: 100vh;
    left: -80vw;
    top: 0;
    display: block;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    z-index: 900;
    transition: left 0.3s ease;
  }
  .header__nav .header__nav-items {
    display: flex;
    flex-flow: column;
    padding-top: 5vh;
  }
  .header__nav .header__nav-items .header__nav-item {
    padding-bottom: 10px;
  }
  .header__nav.active {
    left: 0;
  }

  .header {
    z-index: 200;
  }

  .close-button {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    background: url("../img/template/svg/close.svg") no-repeat;
    background-size: contain;
    transition: all 0.3s ease;
  }
  .close-button:hover {
    cursor: pointer;
    transform: scale(1.1);
  }

  .catalog__card-item {
    width: 100%;
  }

  .card__gallery {
    width: 100%;
    margin-bottom: 30px;
  }

  .button_menu-mobile {
    width: 100px;
    text-align: center;
  }

  .section-material__item-img {
    height: 34px;
    margin-right: 0px;
  }
}
.hide-in-mobile {
  display: none;
}

@media all and (max-width: 320px) {
  .section-material__item {
    word-wrap: anywhere;
  }
}

/*# sourceMappingURL=styles.css.map */