@charset "UTF-8";
@-webkit-keyframes fadein_scroll_to_top {
  from {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px)
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}
@keyframes fadein_scroll_to_top {
  from {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px)
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fadein {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.hb-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.hb-social .hb-icon {
  fill: #f1d466;
  -webkit-transition: all .3s;
  transition: all .3s
}
.hb-social__item + .hb-social__item {
  margin-left: 32px
}
.hb-social__item_vk .hb-icon {
  width: 27px;
  height: 16px
}
.hb-social__item_fb .hb-icon {
  width: 10px;
  height: 20px
}
.hb-social__item_ig .hb-icon {
  width: 19px;
  height: 19px
}
.hb-social__item:hover .hb-icon {
  fill: #fff
}
.hb-placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-filter: blur(15px);
  filter: blur(15px);
  -webkit-transition: all .5s;
  transition: all .5s
}
.hb-placeholder_faded {
  opacity: 0
}
.hb-btn {
  display: block;
  text-align: center
}
.hb-btn_bordered {
  font-size: 1rem;
  line-height: 42px;
  height: 40px;
  border: solid 1px rgba(255,255,255,.72);
  color: #fff;
  text-transform: uppercase
}
.hb-btn_bordered:hover {
  border-color: #ff4848;
  background: #ff4848
}
.hb-btn_accent {
  font-size: 1.25rem;
  line-height: 54px;
  background: #ff4848;
  color: #fff;
  height: 52px
}
.hb-btn_accent:hover {
  background: #f1d466;
  color: #000
}
.hb-title {
  font-family: NowieVremena-Light,sans-serif;
  font-weight: 400;
  color: #111;
  position: relative
}
@media (max-width:767px) {
  .hb-title {
    font-size: 2.25rem;
    line-height: 42px
  }
}
@media (min-width:768px) {
  .hb-title {
    font-size: 3.25rem;
    line-height: 62px
  }
}
@media (min-width:1024px) {
  .hb-title {
    font-size: 3.875rem;
    line-height: 65px
  }
}
.hb-subtitle {
  color: #000;
  margin-top: 16px
}
@media (max-width:767px) {
  .hb-subtitle {
    font-size: 1rem;
    line-height: 20px
  }
}
@media (min-width:768px) {
  .hb-subtitle {
    font-size: 1.25rem;
    line-height: 24px
  }
}
.hb-secret1 {
  display: none!important
}
.hb-secret2 {
  position: absolute;
  left: -10000px;
  top: -10000px
}
@-webkit-keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(.5);
    transform: translateX(42px) rotate(-90deg) scale(.5)
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg)
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg)
  }
  75% {
    -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
    transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
  }
}
@keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(.5);
    transform: translateX(42px) rotate(-90deg) scale(.5)
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg)
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg)
  }
  75% {
    -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
    transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
  }
}
.hb-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.7);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  pointer-events: none;
  z-index: -1
}
.hb-overlay_visible {
  z-index: 1000;
  opacity: 1;
  visibility: visible;
  pointer-events: inherit
}
.hb-is-touch .hb-overlay {
  background: #fff
}
.hb-overlay_order.hb-overlay_visible {
  z-index: 2000
}
.hb-overlay_order .hb-popup__title {
  margin-bottom: 24px
}
.hb-overlay_text.hb-overlay_visible {
  z-index: 3000
}
.hb-overlay_text .hb-popup__closer {
  top: 12px;
  right: 12px
}
.hb-popup {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: #fff;
  width: 664px;
  padding: 48px 84px 60px;
  -webkit-box-shadow: 0 42px 64px 0 rgba(0,0,0,.24);
  box-shadow: 0 42px 64px 0 rgba(0,0,0,.24)
}
@media (max-width:767px) {
  .hb-popup {
    width: calc(100% - 40px)
  }
}
@media (max-width:767px) {
  .hb-popup .hb-form__submit {
    width: 100%
  }
}
.hb-popup__inner {
  opacity: 0;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}
.hb-popup__inner_visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.hb-popup__title {
  font-size: 2.25rem;
  line-height: 40px;
  text-align: center;
  margin-bottom: 44px
}
.hb-popup__content {
  position: relative
}
.hb-popup .hb-message {
  text-align: center
}
.hb-popup .hb-message .hb-btn {
  margin: 48px auto 0
}
.hb-popup ._success .hb-form {
  display: none
}
.hb-popup ._success .hb-message {
  position: relative;
  -webkit-transform: none;
  transform: none
}
.hb-popup__success {
  margin-top: -20px
}
.hb-popup_content {
  width: calc(100% - 80px);
  height: calc(100% - 80px);
  max-width: 1144px
}
@media (max-width:767px) {
  .hb-popup_content {
    padding: 44px 0 60px 24px
  }
}
@media (min-width:768px) {
  .hb-popup_content {
    padding: 52px 0 40px 60px
  }
}
@media (min-width:1024px) {
  .hb-popup_content {
    padding: 52px 0 80px 100px
  }
}
.hb-popup_content._loading .hb-popup__btn-closer,
.hb-popup_content._loading .hb-popup__closer {
  opacity: 0
}
.hb-popup_content .hb-popup__inner {
  height: 100%;
  overflow: hidden
}
.hb-popup_content .hb-popup__content {
  height: 100%;
  overflow-y: auto
}
@media (max-width:767px) {
  .hb-popup_content .hb-popup__content {
    margin-right: 16px
  }
}
@media (min-width:768px) {
  .hb-popup_content .hb-popup__content {
    margin-right: 20px
  }
}
@media (min-width:1024px) {
  .hb-popup_content .hb-popup__content {
    margin-right: 20px
  }
}
@media (max-width:767px) {
  .hb-popup_content .hb-popup__content > div {
    padding-right: 12px
  }
}
@media (min-width:768px) {
  .hb-popup_content .hb-popup__content > div {
    padding-right: 24px
  }
}
@media (min-width:1024px) {
  .hb-popup_content .hb-popup__content > div {
    padding-right: 52px
  }
}
.hb-popup_content .hb-btn {
  width: 208px;
  margin: 60px auto 0
}
.hb-popup__closer {
  position: absolute;
  top: 28px;
  right: 32px;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  cursor: pointer;
  z-index: 10;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
@media (max-width:767px) {
  .hb-popup__closer {
    width: 26px;
    height: 26px
  }
}
@media (min-width:768px) {
  .hb-popup__closer {
    width: 32px;
    height: 32px
  }
}
@media (min-width:1024px) {
  .hb-popup__closer {
    width: 32px;
    height: 32px
  }
}
.hb-popup__closer:after,
.hb-popup__closer:before {
  content: '';
  position: absolute;
  background: #ff4848;
  top: 50%;
  left: 50%;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transform-origin: 50% 2px;
  transform-origin: 50% 2px
}
.hb-popup__closer:before {
  width: 0
}
@media (max-width:767px) {
  .hb-popup__closer:before {
    height: 4px;
    width: 32px
  }
}
@media (min-width:768px) {
  .hb-popup__closer:before {
    height: 4px;
    width: 40px
  }
}
.hb-popup__closer:after {
  height: 0
}
@media (max-width:767px) {
  .hb-popup__closer:after {
    width: 4px;
    height: 32px
  }
}
@media (min-width:768px) {
  .hb-popup__closer:after {
    width: 4px;
    height: 40px
  }
}
.hb-popup__closer:hover:after,
.hb-popup__closer:hover:before {
  background: #f1d466
}
@media (max-width:767px) {
  .hb-popup__closer {
    top: 12px;
    right: 12px
  }
}
@media (min-width:768px) {
  .hb-popup__closer {
    top: 24px;
    right: 24px
  }
}
@media (min-width:1024px) {
  .hb-popup__closer {
    top: 32px;
    right: 28px
  }
}
.hb-popup_loft {
  width: 100%;
  height: 100%;
  padding: 0
}
.hb-popup_order {
  width: 608px;
  padding: 52px 0 60px
}
@media (max-width:767px) {
  .hb-popup_order {
    width: 100%;
    padding: 12px 0 24px;
    overflow-x: scroll;
    overflow-y: scroll
  }
}
.hb-popup_order .hb-popup__content {
  padding: 28px 52px 0
}
.hb-popup_order .hb-popup__content._success {
  margin-top: 28px
}
@media (max-width:767px) {
  .hb-popup_order .hb-popup__content {
    padding: 12px 12px 0
  }
}