/* CLEARFIX */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
img { display: block; }

/* FONTS */
@font-face {
  font-family: 'Graphik-Bold-Cy';
  src: url('/promo/fonts/Graphik/Graphik-Bold-Cy-Web.eot');
  src: url('/promo/fonts/Graphik/Graphik-Bold-Cy-Web.eot?#iefix') format('embedded-opentype'),
  url('/promo/fonts/Graphik/Graphik-Bold-Cy-Web.woff2') format('woff2'),
  url('/promo/fonts/Graphik/Graphik-Bold-Cy-Web.woff') format('woff');
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Graphik-Semibold-Cy';
  src: url('/promo/fonts/Graphik/Graphik-Semibold-Cy-Web.eot');
  src: url('/promo/fonts/Graphik/Graphik-Semibold-Cy-Web.eot?#iefix') format('embedded-opentype'),
  url('/promo/fonts/Graphik/Graphik-Semibold-Cy-Web.woff2') format('woff2'),
  url('/promo/fonts/Graphik/Graphik-Semibold-Cy-Web.woff') format('woff');
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Graphik-Medium-Cy';
  src: url('/promo/fonts/Graphik/Graphik-Medium-Cy-Web.eot');
  src: url('/promo/fonts/Graphik/Graphik-Medium-Cy-Web.eot?#iefix') format('embedded-opentype'),
  url('/promo/fonts/Graphik/Graphik-Medium-Cy-Web.woff2') format('woff2'),
  url('/promo/fonts/Graphik/Graphik-Medium-Cy-Web.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Graphik-Regular-Cy';
  src: url('/promo/fonts/Graphik/Graphik-Regular-Cy-Web.eot');
  src: url('/promo/fonts/Graphik/Graphik-Regular-Cy-Web.eot?#iefix') format('embedded-opentype'),
  url('/promo/fonts/Graphik/Graphik-Regular-Cy-Web.woff2') format('woff2'),
  url('/promo/fonts/Graphik/Graphik-Regular-Cy-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

/* BASE */
.lp-fullwidth { overflow: hidden; background-color: #fff; -moz-font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lp-container { max-width: 1280px; margin: 0 auto; position: relative; padding: 0 20px; box-sizing: border-box; }

/* LINK DECOR */
.lp-linkarrow { position: relative; padding-right: 16px; }
.lp-linkarrow:after { display: inline-block; position: absolute; content: ' '; width: 14px; height: 14px; margin: 0; background: transparent url('https://static.re-store.ru/promo/flowers/images/arrow.svg') top center no-repeat; background-size: 100% auto; right: 0; top: 54%; transform: translate(0,-50%); }
/* LINKS */
.lp-linkgroup { position: relative; z-index: 1; }
.lp-link { display: inline-block; cursor: pointer; font: 400 14px/120% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.14px; color: #000; transition: all 0.6s; }
.lp-linkgroup .lp-link { margin-right: 10px; }
.lp-linkgroup .lp-link:first-child { margin-left: 0; }

/* SECTION */
.lp-section { margin: 100px 0; }

/* UNIT */
.lp-unit { display: block; max-width: 1440px; margin: 0 auto; position: relative; }
.lp-unit__img {}
.lp-unit__bull { display: block; width: 10px; height: 10px; background-color: #fff; border-radius: 100%; position: absolute; bottom: 10px; right: 10px; opacity: 1; -webkit-transition: 0.25s; transition: 0.25s;  }
.lp-unit__blur { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(0 0 0 / 10%); opacity: 0; -webkit-transition: 0.25s; transition: 0.25s; }
.lp-unit__links { font: 400 12px/115% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -1%; color: #fff; text-decoration: underline; position: absolute; z-index: 1; bottom: 10px; right: 10px; opacity: 0; -webkit-transition: 0.25s; transition: 0.25s; }
.lp-unit__icon-links { display: none; width: 13px; height: 13px; position: absolute; bottom: 4px; right: 4px; }
.lp-unit__icon-links svg { fill: #8D8D92; }
.lp-unit__title { }
.lp-unit__title--01 { font: 500 80px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -3.6px; position: absolute; z-index: 1; left: 20px; top: 36px; color: #fff; }
.lp-unit__title--02 { font: 500 60px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -2.4px; color: #fff; }
.lp-unit__title--02 span:nth-child(1) { display: block; position: absolute; left: -90px; top: 14px; color: #000; }
.lp-unit__title--02 span:nth-child(2) { display: block; position: absolute; left: 14px; top: 14px; }
.lp-unit__title--02 span:nth-child(3) { display: block; position: absolute; left: 14px; top: 68px; }

.lp-unit__title--03 { font: 500 48px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.68px; color: #000; }
.lp-unit__title--03 span:nth-child(1) { display: block; position: absolute; left: -40px; top: 12px; }
.lp-unit__title--03 span:nth-child(2) { display: block; position: absolute; right: calc(50% + 12px); bottom: 12px; }
.lp-unit__title--04 { font: 500 60px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -2.4px; color: #fff; position: absolute; left: 18px; top: 18px; }
.lp-unit__title--04 span:nth-child(1) { }
.lp-unit__title--04 span:nth-child(2) { }
.lp-unit__title--04 span:nth-child(3) { display: block; }
.lp-unit__title--05 { font: 500 48px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.68px; color: #000; }
.lp-unit__title--05 span:nth-child(1) { display: block; position: absolute; left: calc(50% + 6px); bottom: 8px; color: #fff; }
.lp-unit__title--05 span:nth-child(2) { display: block; position: absolute; right: -284px; bottom: 8px; text-align: right; }
.lp-unit__title--06 { font: 500 80px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -3.6px; position: absolute; z-index: 1; left: 30px; top: 30px; color: #fff; }
.lp-unit__title--07 { font: 500 48px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.68px; position: absolute; z-index: 1; left: -104px; top: 12px; color: #000; }

.lp-unit__title--08 { font: 500 60px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -2.4px; color: #fff; }
.lp-unit__title--08 span:nth-child(1) { display: block; position: absolute; left: 20px; top: 27px; }
.lp-unit__title--08 span:nth-child(2) { display: block; position: absolute; right: 8px; bottom: 12px; }
.lp-unit__title--08 span:nth-child(3) { display: block; position: absolute; right: -118px; bottom: 12px; color: #000; }


@media (hover: hover) and (pointer: fine) {
  .lp-unit:hover .lp-unit__bull { opacity: 0; }
  .lp-unit:hover .lp-unit__blur { opacity: 1; }
  .lp-unit:hover .lp-unit__links { opacity: 1; }
}
/* UNIT CONTAINER */
.lp-unit-container { margin: 100px 0; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.lp-unit-container--02 { padding-left: 100px; }
.lp-unit-container--02 .lp-unit { max-width: 906px; width: 100%; margin: 0; }
.lp-unit-container--03 { padding-left: 40px; }
.lp-unit-container--03 .lp-unit { max-width: 566px; width: 100%; margin: 0; }
.lp-unit-container--03 .lp-unit__links { color: #000; }
.lp-unit-container--03 .lp-unit__bull { background-color: #000; }
.lp-unit-container--04 { padding-left: 50px; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; }
.lp-unit-container--04 .lp-unit { max-width: 906px; width: 100%; margin: 0; }
.lp-unit-container--05 { padding-right: 284px; }
.lp-unit-container--05 .lp-unit { max-width: 566px; width: 100%; margin: 0; }
.lp-unit-container--05 .lp-unit__bull { bottom: initial; top: 10px; }
.lp-unit-container--05 .lp-unit__links { bottom: initial; top: 10px; }
.lp-unit-container--06 .lp-unit__links { color: #000; }
.lp-unit-container--06 .lp-unit__bull { background-color: #000; }
.lp-unit-container--07 { padding-left: 110px; }
.lp-unit-container--07 .lp-unit { max-width: 566px; width: 100%; margin: 0; }
.lp-unit-container--07 .lp-unit__links { color: #000; }
.lp-unit-container--07 .lp-unit__bull { background-color: #000; }
.lp-unit-container--08 { padding-right: 128px; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start }
.lp-unit-container--08 .lp-unit { max-width: 906px; width: 100%; margin: 0; }
.lp-unit-container--08 .lp-unit__bull { bottom: initial; top: 10px; }
.lp-unit-container--08 .lp-unit__links { bottom: initial; top: 10px; }

/* TEXT */
.lp-text { margin: 100px 0; }
.lp-text p { font: 500 30px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.75px; padding: 0; margin: 10px 0 0 0; }
.lp-text p:first-child { margin-top: 0; }

/* ABOUT */
.lp-about { margin: 100px 0; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
.lp-about__img { -webkit-flex: 1 0 44%; -ms-flex: 1 0 44%; flex: 1 0 44%; }
.lp-about__descr { padding: 0 40px 0 100px; box-sizing: border-box; -webkit-flex: 1 0 56%; -ms-flex: 1 0 56%; flex: 1 0 56%; }
.lp-about__descr p { font: 500 22px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.55px; padding: 0; margin: 10px 0 0 0; }
.lp-about__descr p:first-child { margin-top: 0; }








@media only screen and (max-width: 1440px) { }

@media only screen and (max-width: 1024px) {
  /* UNIT */
  .lp-unit__title--01 { font: 500 38px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; left: 9px; top: 12px; color: #fff; }
  .lp-unit__title--06 { font: 500 22px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.55px; left: 9px; top: 9px; color: #fff; }
  }

@media only screen and (max-width: 768px) {
  /* BASE */
  .lp-container { padding: 0 28px; }
  .lp-hide { display: none; }
  /* TEXT */
  .lp-text { margin: 60px 12px; text-align: center; }
  .lp-text p { font: 500 22px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.55px; }
  /* UNIT */
  .lp-unit__icon-links { display: block; }
  .lp-unit__bull { display: none; }
  .lp-unit__blur { display: none; }
  .lp-unit__links { display: none; }

  .lp-unit__title--02 { font: 500 30px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.75px; }
  .lp-unit__title--02 span:nth-child(1) { left: 12px; top: 12px; color: #fff; }
  .lp-unit__title--02 span:nth-child(2) { left: initial; right: 16px; top: calc(50% + 10px); }
  .lp-unit__title--02 span:nth-child(3) { left: 28px; top: initial; bottom: 50%; }

  .lp-unit__title--03 { font: 500 22px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.55px; }
  .lp-unit__title--03 span:nth-child(1) { display: block; position: absolute; left: 8px; top: 8px; }
  .lp-unit__title--03 span:nth-child(2) { display: block; position: absolute; right: calc(50% + 8px); bottom: 8px; }

  .lp-unit__title--04 { font: 500 30px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.75px; position: initial; left: initial; top: initial; }
  .lp-unit__title--04 span:nth-child(1) { display: block; position: absolute; left: 11px; top: 11px; }
  .lp-unit__title--04 span:nth-child(2) { display: block; position: absolute; right: 16px ; top:18%; }
  .lp-unit__title--04 span:nth-child(3) { display: block; position: absolute; right: 16px; bottom: 37px; }

  .lp-unit__title--05 { font: 500 30px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.75px; color: #fff; }
  .lp-unit__title--05 span:nth-child(1) { left: 10px; top: 11px; bottom: initial; }
  .lp-unit__title--05 span:nth-child(2) { right: 10px; top: calc(50% + 8px); bottom: initial; text-align: right; }

  .lp-unit__title--07 { font: 500 22px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.55px; position: initial; left: initial; top: initial; }
  .lp-unit__title--07 span:nth-child(1) { display: block; position: absolute; left: 8px; top: 8px; }
  .lp-unit__title--07 span:nth-child(2) { display: block; position: absolute; left: calc(50% + 8px); bottom: 8px; color: #fff; }

  .lp-unit__title--08 { font: 500 22px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.55px; }
  .lp-unit__title--08 span:nth-child(1) { left: 10px; top: 8px; }
  .lp-unit__title--08 span:nth-child(2) { right: initial; left: 16px; bottom: 12px; }
  .lp-unit__title--08 span:nth-child(3) { right: 12px; color: #fff; }


  /* UNIT CONTAINER */
  .lp-unit-container { margin: 60px 0; }
  .lp-unit-container--02 { padding: 0; }
  .lp-unit-container--03 { padding: 0; margin: 60px -28px; padding-left: 0; }
  .lp-unit-container--04 { padding: 0; }
  .lp-unit-container--04 .lp-unit__icon-links svg { fill: #fff; }
  .lp-unit-container--05 { padding: 0; }
  .lp-unit-container--05 .lp-unit__icon-links svg { fill: #fff; }
  .lp-unit-container--07 { padding: 0; margin: 60px -28px; }
  .lp-unit-container--07 .lp-unit__icon-links svg { fill: #505050; }
  .lp-unit-container--08 { padding: 0; margin: 60px -28px; }
  .lp-unit-container--08 .lp-unit__icon-links { bottom: initial; top: 4px; right: 4px;}
  .lp-unit-container--08 .lp-unit__icon-links svg { fill: #8D8D92; }

  /* ABOUT */
  .lp-about { margin: 60px 12px; display: block; }
  .lp-about__img { margin-bottom: 60px; }
  .lp-about__descr { padding: 0; }
  .lp-about__descr p { font: 500 18px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.18px; }

  }

@media only screen and (max-width: 480px) { }
