@font-face {
  font-family: open_sans;
  src: url(/assets/fonts/open_sans/opensans-bold-webfont.woff2) format("woff2"), url(/assets/fonts/open_sans/opensans-bold-webfont.woff) format("woff");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: open_sans;
  src: url(/assets/fonts/open_sans/opensans-bolditalic-webfont.woff2) format("woff2"), url(/assets/fonts/open_sans/opensans-bolditalic-webfont.woff) format("woff");
  font-weight: 700;
  font-style: italic
}

@font-face {
  font-family: open_sans;
  src: url(/assets/fonts/open_sans/opensans-italic-webfont.woff2) format("woff2"), url(/assets/fonts/open_sans/opensans-italic-webfont.woff) format("woff");
  font-weight: 400;
  font-style: italic
}

@font-face {
  font-family: open_sans;
  src: url(/assets/fonts/open_sans/opensans-light-webfont.woff2) format("woff2"), url(/assets/fonts/open_sans/opensans-light-webfont.woff) format("woff");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: open_sans;
  src: url(/assets/fonts/open_sans/opensans-lightitalic-webfont.woff2) format("woff2"), url(/assets/fonts/open_sans/opensans-lightitalic-webfont.woff) format("woff");
  font-weight: 300;
  font-style: italic
}

@font-face {
  font-family: open_sans;
  src: url(/assets/fonts/open_sans/opensans-regular-webfont.woff2) format("woff2"), url(/assets/fonts/open_sans/opensans-regular-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: pf_square_sans_pro;
  src: url(/assets/fonts/pfsquareopenpro/pf_square_sans_pro_regular-webfont.woff2) format("woff2"), url(/assets/fonts/pfsquareopenpro/pf_square_sans_pro_regular-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal
}

* {
  box-sizing: border-box
}

body,
html {
  color: rgba(0, 0, 0, .75);
  font-family: open_sans, Arial, sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.425rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-display: optional;
  position: relative;
  min-height: 100%
}

body:before,
html:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(237, 255, 201, .3);
  z-index: -1
}

@media screen and (max-width:992px) and (min-width:769px) {

  body,
  html {
    font-size: 15px
  }
}

@media screen and (max-width:768px) {

  body,
  html {
    font-size: 14px
  }
}

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

  body,
  html {
    font-size: 13px
  }
}

@media screen and (max-width:375px) {

  body,
  html {
    font-size: 12px
  }
}

:after,
:before {
  box-sizing: inherit
}

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

ul {
  margin: 0;
  padding: 0
}

ul li {
  list-style: none
}

h1,
h2,
h3,
p {
  margin: 0
}

svg {
  fill: currentColor;
  stroke: currentColor
}

button,
input,
select,
textarea {
  font-family: open_sans, Arial, sans-serif
}

.wrapper {
  width: 100%;
  height: 100%;
  margin: 0;
  position: relative;
  min-height: 100vh
}

@media screen and (min-width:1800px) {
  .wrapper {
    width: 1800px;
    margin: 0 auto
  }
}

@media screen and (min-width:1301px) {
  .wrapper {
    min-height: 650px
  }
}

.container {
  min-width: 80%;
  width: 1170px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

@media screen and (min-width:1301px) {
  .container {
    width: 85%
  }
}

@media screen and (min-width:993px) and (max-width:1300px) {
  .container {
    width: 95%
  }
}

@media screen and (max-width:992px) and (min-width:769px) {
  .container {
    width: 95%
  }
}

@media screen and (max-width:768px) {
  .container {
    width: 92%
  }
}

@media screen and (max-width:375px) {
  .container {
    width: 95%
  }
}

.container.container_fxdir-row {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 1.25rem 0
}

@media screen and (max-width:768px) {
  .container.container_fxdir-row {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.container.container_footer {
  min-height: 259px;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:768px) {
  .container.container_footer {
    min-height: 21.5rem
  }
}

@media screen and (max-width:480px) {
  .container.container_footer {
    min-height: 26rem
  }
}

@media screen and (max-width:375px) {
  .container.container_footer {
    min-height: 27rem
  }
}

.container.w-100 {
  width: 100%
}

.clearfix:after {
  clear: both;
  content: "";
  display: table
}

.hide-text {
  overflow: hidden;
  padding: 0;
  text-indent: 101%;
  white-space: nowrap;
  display: block
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.main-title,
.title {
  width: 100%;
  text-align: center
}

.title {
  color: #fff;
  font-size: 2.25rem;
  font-weight: 700;
  font-family: open_sans;
  font-style: normal;
  letter-spacing: 2.2px;
  line-height: 1.2;
  vertical-align: middle
}

@media screen and (max-width:768px) {
  .title {
    font-size: 1.875rem;
    line-height: 2.6
  }
}

@media screen and (max-width:375px) {
  .title {
    font-size: 1.1875rem
  }
}

.title.text-color {
  color: #393939;
  margin-bottom: 4.375rem
}

@media screen and (max-width:768px) {
  .title.text-color {
    margin-bottom: 1.875rem;
    line-height: 1.34
  }
}

@media screen and (max-width:768px) {
  .title.lh-1-34 {
    line-height: 1.34
  }
}

.title.bg-orange {
  background-color: #f2a000;
  width: 60%;
  line-height: 1.62;
  margin: 0 auto
}

@media screen and (min-width:1800px) {
  .title.bg-orange {
    width: 50%
  }
}

@media screen and (min-width:993px) and (max-width:1300px) {
  .title.bg-orange {
    width: 74%
  }
}

@media screen and (max-width:992px) and (min-width:769px) {
  .title.bg-orange {
    width: 94%
  }
}

@media screen and (max-width:768px) {
  .title.bg-orange {
    width: 84%;
    font-size: 1.75rem
  }
}

@media screen and (max-width:480px) {
  .title.bg-orange {
    width: 80%;
    font-size: 1.5625rem
  }
}

@media screen and (max-width:375px) {
  .title.bg-orange {
    width: 90%;
    font-size: 1.1875rem
  }
}

.title.mb-25 {
  margin-bottom: 1.25rem
}

.title.mb-80 {
  margin-bottom: 5rem
}

@media screen and (max-width:768px) {
  .title.mb-80 {
    margin-bottom: 1.875rem
  }
}

@media screen and (max-width:992px) and (min-width:769px) {
  h1.title.bg-orange {
    width: 667px
  }
}

@media screen and (max-width:768px) {
  h1.title.bg-orange {
    width: 650px
  }
}

@media screen and (max-width:610px) {
  h1.title.bg-orange {
    width: 450px
  }
}

@media screen and (max-width:480px) {
  h1.title.bg-orange {
    width: 330px
  }
}

@media screen and (max-width:375px) {
  h1.title.bg-orange {
    width: 290px
  }
}

.card-title {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.8px;
  text-align: left;
  color: #fff;
  margin-bottom: .9375rem
}

@media screen and (max-width:768px) {
  .card-title {
    margin: 0 -5px 15px;
    text-align: center
  }
}

.card-title.text-color {
  text-align: center;
  color: #393939;
  width: 100%;
  margin-bottom: 1.25rem
}

@media screen and (max-width:375px) {
  .card-title.text-color {
    width: 97%;
    margin: 0 auto 1.25rem
  }
}

.card-title.bg-orange {
  background-color: #f2a000;
  text-align: left;
  color: #fff;
  line-height: 3.8rem;
  width: 100%;
  margin-bottom: .625rem;
  padding-left: .7rem;
  font-size: 2.1rem
}

@media screen and (max-width:768px) {
  .card-title.bg-orange {
    margin: 0 0 .625rem
  }
}

.hero {
  padding: 2.5rem 0 0;
  width: 100%;
  height: 100vh;
  background: url(/assets/images/decor/bg/header.jpg) top/cover no-repeat;
  min-height: 630px;
  overflow: hidden
}

@media screen and (max-width:768px) {
  .hero {
    min-height: 100vh
  }
}

.arrowdown-link {
  display: block;
  width: 5.625rem;
  height: 5.625rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  margin-bottom: 1.875rem;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

.arrowdown-link:hover {
  -webkit-transform: scale(1.25);
  transform: scale(1.25)
}

.arrowdown-svg {
  width: 5.3125rem;
  height: 5.3125rem;
  fill: #fff;
  stroke: #fff
}

.hamburg-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.875rem;
  height: 4.5rem;
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

.hamburg-menu__open-link {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  font-family: pf_square_sans_pro;
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  color: rgba(0, 0, 0, .75)
}

.menu-svg {
  width: 4.5rem;
  height: 100%;
  fill: rgba(0, 0, 0, .75);
  stroke: rgba(0, 0, 0, .75)
}

.fat-nav {
  top: 0;
  left: 0;
  z-index: 9999;
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.0001);
  transform: scale(.0001);
  background: rgba(0, 0, 0, .65);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch
}

.fat-nav__wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.fat-nav.active {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  will-chanche: transform
}

.hamburg-menu__list {
  max-width: 35%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

@media screen and (max-width:480px) {
  .hamburg-menu__list {
    max-width: 55%
  }
}

.hamburg-menu__close {
  position: absolute;
  top: 40px;
  right: 10%;
  width: 2.8rem;
  height: 2.5rem
}

.close-svg {
  width: 2.8rem;
  height: 2.5rem;
  fill: #fff;
  stroke: #fff
}

.hamburg-menu__item {
  padding: .8rem 0;
  border-bottom: 1px solid #fff;
  text-align: center
}

.hamburg-menu__item:last-child {
  border-bottom: none
}

.hamburg-menu__link {
  color: #fff;
  font-size: 2.25rem;
  font-weight: 300;
  text-align: center;
  line-height: 1.3
}

@media screen and (max-width:768px) {
  .hamburg-menu__link {
    font-size: 1.875rem
  }
}

@media screen and (max-width:375px) {
  .hamburg-menu__link {
    font-size: 1.1875rem
  }
}

.logo__link {
  display: block;
  width: 19.125rem;
  height: 7.125rem;
  overflow: hidden
}

@media screen and (max-width:768px) {
  .logo__link {
    width: 15.625rem;
    height: 5.82106rem
  }
}

@media screen and (max-width:375px) {
  .logo__link {
    width: 12.5rem;
    height: 4.65685rem
  }
}

.logo-img {
  display: block;
  max-width: 100%;
  height: auto
}

button[type=submit]:disabled {
  opacity: .2
}

button[type=submit]:disabled:hover {
  background-color: #f2a000
}

.overlay-f {
  background: rgba(0, 0, 0, .65);
  bottom: 0;
  cursor: default;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99999;
  transition: opacity .3s
}

.overlay-f,
.popup-f {
  opacity: 0;
  position: fixed;
  visibility: hidden;
  will-change: opacity
}

.popup-f {
  width: 25rem;
  /*min-height: 31.25rem;*/
  margin: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 50%;
  left: 50%;
  z-index: 999999;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: opacity .2s;
  background-color: #fff;
  border-radius: .3125rem;
  overflow: hidden;
  box-shadow: -1px 2px 7px 3px rgba(0, 0, 0, .2)
}

@media screen and (max-width:480px) {
  .popup-f {
    width: 27rem;
    /*min-height: 31.5rem*/
  }
}

@media screen and (max-width:375px) {
  .popup-f {
    width: 24rem
  }
}

.popup2 {
  width: 21.875rem;
  min-height: 12.5rem;
  margin: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  top: 50%;
  left: 50%;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: 999999;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: opacity .2s;
  background-color: #fff;
  border-radius: .3125rem;
  overflow: hidden;
  will-change: opacity;
  box-shadow: -1px 2px 7px 3px rgba(0, 0, 0, .2)
}

.fofm__wr {
  width: 100%;
  padding: 0 .625rem;
  text-align: center
}

.popup-f form input,
.popup-f form textarea {
  width: 95%;
  height: 3.125rem;
  border-radius: .3125rem;
  background-color: rgba(242, 160, 0, .31);
  border: 1px solid transparent;
  padding: .1875rem .625rem .1875rem 1.5625rem;
  outline: none;
  text-align: left;
  overflow: hidden;
  transition: border .2s;
  font-size: 1.5rem;
  line-height: 2.75rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2.2px;
  color: #3f3f3f;
  margin: 0 auto .9375rem
}

@media screen and (max-width:992px) and (min-width:769px) {

  .popup-f form input,
  .popup-f form textarea {
    font-size: 1.25rem
  }

  .popup-f form input::-webkit-input-placeholder,
  .popup-f form textarea::-webkit-input-placeholder {
    font-size: 1.25rem
  }

  .popup-f form input:-moz-placeholder,
  .popup-f form input::-moz-placeholder,
  .popup-f form textarea:-moz-placeholder,
  .popup-f form textarea::-moz-placeholder {
    font-size: 1.25rem
  }

  .popup-f form input:-ms-input-placeholder,
  .popup-f form textarea:-ms-input-placeholder {
    font-size: 1.25rem
  }
}

.popup-f form input::-webkit-input-placeholder,
.popup-f form textarea::-webkit-input-placeholder {
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2.2px;
  text-align: left;
  line-height: 2.75rem;
  color: #3f3f3f;
  background: transparent
}

.popup-f form input:-moz-placeholder,
.popup-f form input::-moz-placeholder,
.popup-f form textarea:-moz-placeholder,
.popup-f form textarea::-moz-placeholder {
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2.2px;
  text-align: left;
  line-height: 2.75rem;
  color: #3f3f3f;
  background: transparent
}

.popup-f form input:-ms-input-placeholder,
.popup-f form textarea:-ms-input-placeholder {
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2.2px;
  text-align: left;
  line-height: 2.75rem;
  color: #3f3f3f;
  background: transparent
}

.popup-f form input:focus,
.popup-f form input:hover,
.popup-f form textarea:focus,
.popup-f form textarea:hover {
  border: .7px solid #f2a000;
  cursor: pointer
}

.popup-f form textarea {
  resize: none;
  margin-bottom: 1.875rem
}

.popup2 .window {
  width: 100%;
  height: 100%;
  padding: 0 27px 27px;
  text-align: center
}

.popup-f .close-modal {
  position: absolute;
  top: 1.1rem;
  right: .7rem;
  width: 1.8rem;
  height: 1.8rem
}

.popup-f .close-modal .closemod-svg {
  width: 1.78rem;
  height: 1.78rem;
  fill: #fff;
  stroke: #fff
}

.popup2 .close-modal {
  position: absolute;
  top: .7rem;
  right: .7rem;
  width: 1.8rem;
  height: 1.8rem
}

.popup2 .close-modal .closemod-svg {
  width: 1.78rem;
  height: 1.78rem;
  color: #f2a000;
  fill: #f2a000
}

.fofm__text {
  width: 100%;
  min-height: 2rem;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.35
}

.fofm__text,
.insText__title {
  margin-bottom: 1.25rem;
  color: #f2a000
}

.insText__title {
  font-size: 1.3rem
}

.insText__text {
  line-height: 1.67;
  font-weight: 700
}

.calculation {
  width: 100%;
  min-height: 720px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

@media screen and (max-width:768px) {
  .calculation {
    height: auto
  }
}

.calculation__title {
  width: 100%;
  min-height: 6.125rem;
  background-color: #f2a000;
  padding: 1.875rem 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.calculation__wrapper {
  width: 100%;
  min-height: 770px;
  position: relative
}

.calculation__wrapper:before {
  background-image: url(/assets/images/decor/bg/zemlya.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover
}

.calculation__wrapper:after,
.calculation__wrapper:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -1
}

.calculation__wrapper:after {
  background: rgba(0, 0, 0, .4)
}

@media screen and (max-width:768px) {
  .calculation__wrapper {
    min-height: 847px;
    background-position: 50%;
    background-size: auto 100%
  }
}

@media screen and (max-width:375px) {
  .calculation__wrapper {
    min-height: 781px
  }
}

.rulon-decor {
  position: absolute;
  width: 830px;
  z-index: 1;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 25%);
  transform: translate(-50%, 25%)
}

@media screen and (max-width:992px) and (min-width:769px) {
  .rulon-decor {
    width: 80%
  }
}

@media screen and (max-width:768px) {
  .rulon-decor {
    width: 80%
  }
}

.rulon-decor__img {
  max-width: 100%;
  width: 100%;
  height: auto
}

.calculation__left {
  width: 49.4%;
  height: 100%
}

@media screen and (max-width:768px) {
  .calculation__left {
    width: 90%;
    padding: .625rem 0
  }
}

.promo-card {
  width: 100%;
  height: 100%
}

@media screen and (max-width:768px) {
  .promo-card {
    margin-bottom: 1.7rem
  }
}

.calculation__right {
  width: 47%;
  max-width: 32.5rem;
  height: 100%
}

@media screen and (max-width:768px) {
  .calculation__right {
    width: 90%;
    margin-bottom: 3.75rem
  }
}

#order-calculation {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

#order-calculation,
.promo-card__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.promo-card__description {
  font-size: 1.125rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.425;
  letter-spacing: 1.1px;
  text-align: left;
  color: #fff
}

.promo-card__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: .625rem
}

.promo-card__item:last-child {
  margin-bottom: 0
}

.check-svg {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: .625rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.promo-card__price {
  color: #fff;
  font-weight: 700;
  font-style: normal;
  text-align: left;
  width: 100%
}

.promo-card__price-title {
  font-size: 1.875rem;
  line-height: 2;
  letter-spacing: 1.8px
}

@media screen and (max-width:768px) {
  .promo-card__price-title {
    font-size: 1.5625rem
  }
}

.promo-card__price-amount {
  font-size: 3.75rem;
  line-height: 1;
  letter-spacing: 3.6px
}

@media screen and (max-width:768px) {
  .promo-card__price-amount {
    font-size: 3.125rem;
    line-height: 1.25
  }
}

.form-inner {
  width: 100%
}

.form-inner.w-95 {
  width: 95%;
  margin: 0 auto
}

.form-inner.w-95include laptop,
.form-row {
  width: 100%
}

.form-row {
  position: relative;
  margin-bottom: .625rem
}

.form-row.mb-17 {
  margin-bottom: 1.0625rem
}

.input {
  width: 100%;
  height: 3.5rem;
  border-radius: .625rem;
  background-color: hsla(0, 0%, 100%, .53);
  border: 1px solid transparent;
  padding: .625rem .625rem 11px 4.375rem;
  outline: none;
  text-align: center;
  overflow: hidden;
  transition: border .2s;
  font-size: 2.25rem;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 2.2px
}

@media screen and (max-width:992px) and (min-width:769px) {
  .input {
    font-size: 1.25rem
  }

  .input::-webkit-input-placeholder {
    font-size: 1.25rem
  }

  .input:-moz-placeholder,
  .input::-moz-placeholder {
    font-size: 1.25rem
  }

  .input:-ms-input-placeholder {
    font-size: 1.25rem
  }
}

.input::-webkit-input-placeholder {
  font-size: 2.25rem;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 2.2px;
  text-align: center;
  color: #3f3f3f
}

.input:-moz-placeholder,
.input::-moz-placeholder {
  font-size: 2.25rem;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 2.2px;
  text-align: center;
  color: #3f3f3f
}

.input:-ms-input-placeholder {
  font-size: 2.25rem;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 2.2px;
  text-align: center;
  color: #3f3f3f
}

.input:focus,
.input:hover {
  border: 1px solid #fff;
  cursor: pointer
}

.input.bgc-text-color {
  background-color: rgba(57, 57, 57, .53);
  color: #fff;
  box-shadow: 2px 13px 9px -11px #393939;
  padding: .625rem 1.25rem 11px 4.375rem
}

.input.bgc-text-color::-webkit-input-placeholder {
  color: #fff
}

.input.bgc-text-color:-moz-placeholder,
.input.bgc-text-color::-moz-placeholder {
  color: #fff
}

.input.bgc-text-color:-ms-input-placeholder {
  color: #fff
}

.input.bgc-text-color:focus,
.input.bgc-text-color:hover {
  border: .5px solid rgba(0, 0, 0, .4)
}

@media screen and (max-width:992px) and (min-width:769px) {
  .input.sm-fsz-1-8rem::-webkit-input-placeholder {
    font-size: 1.8rem
  }

  .input.sm-fsz-1-8rem:-moz-placeholder,
  .input.sm-fsz-1-8rem::-moz-placeholder {
    font-size: 1.8rem
  }

  .input.sm-fsz-1-8rem:-ms-input-placeholder {
    font-size: 1.8rem
  }
}

@media screen and (max-width:768px) {
  .input.sm-fsz-1-8rem::-webkit-input-placeholder {
    font-size: 1.8rem
  }

  .input.sm-fsz-1-8rem:-moz-placeholder,
  .input.sm-fsz-1-8rem::-moz-placeholder {
    font-size: 1.8rem
  }

  .input.sm-fsz-1-8rem:-ms-input-placeholder {
    font-size: 1.8rem
  }
}

.user-svg {
  width: 2.6rem;
  height: 2.6rem
}

.phone-svg,
.user-svg {
  position: absolute;
  top: 50%;
  left: .625rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.phone-svg {
  width: 2.7rem;
  height: 3rem
}

.size-svg {
  position: absolute;
  width: 2.8rem;
  height: 2.8rem;
  top: 50%;
  left: .625rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.submit-bl {
  width: 100%;
  margin-top: 1rem
}

.submit-button {
  width: 100%;
  height: 3.5rem;
  border-radius: .625rem;
  background-color: #f2a000;
  outline: none;
  overflow: hidden;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  transition: background-color .2s, opacity .15s;
  box-shadow: 2px 13px 9px -11px #f26100
}

.submit-button:hover {
  cursor: pointer;
  background-color: rgba(242, 97, 0, .95)
}

.submit-button span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  font-size: 2.25rem;
  font-weight: 700;
  font-style: normal;
  line-height: 3rem;
  letter-spacing: 2.2px;
  text-align: center;
  color: #fff
}

.submit-button.font-sz-18 {
  width: 18.375rem;
  height: 3.25rem;
  margin: 0 auto;
  box-shadow: 2px 13px 5px -13px #f26100
}

@media screen and (min-width:993px) and (max-width:1300px) {
  .submit-button.font-sz-18 {
    width: 17.6rem
  }
}

.submit-button.font-sz-18 span {
  font-size: 1.125rem;
  font-weight: 700;
  font-style: normal;
  line-height: 2rem;
  letter-spacing: 1.1px;
  text-align: center;
  color: #fff
}

.submit-button.bsh-none {
  box-shadow: none
}

.submit-button.bsh-none span {
  line-height: 3.1rem
}

@media screen and (max-width:375px) {
  .submit-button.sm-fsz-1-8rem span {
    font-size: 1.8rem
  }
}

.submit-button:disabled:hover {
  background-color: #f2a000;
  opacity: .2
}

.service {
  width: 100%;
  min-height: 64rem;
  position: relative;
  padding-top: 7.125rem;
  background: #edffc9
}

@media screen and (min-width:1301px) {
  .service {
    padding-top: 0
  }
}

.service__list {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 1.25rem
}

.service__item {
  width: 31%;
  height: 50%;
  padding: .3125rem;
  overflow: hidden;
  margin-bottom: 3.125rem
}

@media screen and (max-width:992px) and (min-width:769px) {
  .service__item {
    width: 49%;
    height: 30%
  }
}

@media screen and (max-width:768px) {
  .service__item {
    width: 49%;
    height: 30%
  }
}

@media screen and (max-width:610px) {
  .service__item {
    width: 100%;
    height: 15%
  }
}

.service__img-wr {
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: .9375rem;
  background-size: 100% 100%;
  background-position: 50%;
  margin: 0 auto 1.0625rem
}

@media screen and (min-width:1301px) {
  .service__img-wr {
    width: 19rem;
    height: 19rem
  }
}

.service__img {
  max-width: 100%;
  height: auto
}

.service__descrip {
  width: 100%;
  min-height: 3.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: 1.4px;
  text-align: center;
  color: #393939;
  margin-bottom: .9375rem
}

@media screen and (min-width:993px) and (max-width:1300px) {
  .service__descrip {
    font-size: 1.28125rem
  }
}

@media screen and (max-width:768px) {
  .service__descrip {
    font-size: 1.28125rem
  }
}

.gallery {
  width: 100%;
  height: 640px;
  background-image: url(/assets/images/decor/bg/bg4.jpg);
  background-size: cover;
  background-position: 50%;
  position: relative
}

@media screen and (min-width:993px) and (max-width:1300px) {
  .gallery {
    height: 100vh
  }
}

@media screen and (max-width:992px) and (min-width:769px) {
  .gallery {
    height: 100vh
  }
}

@media screen and (max-width:768px) {
  .gallery {
    height: 100vh
  }
}

.gallery__open {
  width: 100%;
  height: 266px;
  background: rgba(0, 0, 0, .68);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 0
}

.gallery__open.fadeout {
  opacity: 0;
  will-chanche: opacity
}

.camera-svg {
  width: 4rem;
  height: 3rem;
  fill: #fff;
  margin-bottom: .7rem
}

.gallery__open-link {
  display: block;
  min-width: 22rem;
  min-height: 2.3125rem;
  font-size: 2.25rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1rem;
  letter-spacing: 2.2px;
  text-align: center;
  color: #fff;
  border-bottom: 1px solid #fff;
  transition: color .2s, border-bottom .2s
}

.gallery__open-link:active,
.gallery__open-link:hover {
  color: #edffc9;
  border-bottom: 1px solid #edffc9
}

.smeta {
  width: 100%;
  height: 27.8125rem;
  min-height: 27.8125rem;
  background-color: #edffc9
}

@media screen and (max-width:768px) {
  .smeta {
    min-height: 100vh
  }
}

.smeta__wraper {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width:768px) {
  .smeta__wraper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.smeta__map {
  width: 50%;
  height: 27.8125rem;
  background-size: cover;
  background-position: 50%;
  position: relative
}

@media screen and (max-width:768px) {
  .smeta__map {
    width: 100%;
    height: 60vh
  }
}

.smeta__map-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 2.25rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 2.2px;
  color: #fff;
  width: 90%;
  max-height: 80%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.map-title__row-one {
  width: 100%
}

.map-title__row-one span {
  background-color: #f26100;
  line-height: 1.85
}

.map-title__row-two {
  width: 100%
}

.map-title__row-two span {
  background-color: #f2a000;
  line-height: 1.3
}

.order-call {
  width: 47%;
  height: 100%;
  max-width: 35.3125rem;
  margin: auto;
  padding: .625rem 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width:768px) {
  .order-call {
    width: 100%;
    height: 29rem
  }
}

.about {
  width: 100%;
  min-height: 635px;
  background-image: url(/assets/images/decor/bg/bg6.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 50%;
  position: relative;
  padding: 1.25rem 0 7rem;
  overflow: hidden
}

@media screen and (min-width:993px) and (max-width:1300px) {
  .about {
    padding: 1.25rem 0 9rem;
    background-image: url(/assets/images/decor/bg/daisy-left.png), url(/assets/images/decor/bg/daisy_right_bg.png);
    background-color: #a8539f;
    background-size: 125%, 35%;
    background-position: left 1%, right 1%
  }
}

@media screen and (max-width:992px) and (min-width:769px) {
  .about {
    padding: 1.25rem 0 8.5rem;
    background-image: url(/assets/images/decor/bg/daisy-left.png), url(/assets/images/decor/bg/daisy_right_bg.png);
    background-color: #a8539f;
    background-size: 140%, 38%;
    background-position: left 1%, right 1%
  }
}

@media screen and (max-width:768px) {
  .about {
    padding: 1.25rem 0 8.5rem;
    background-image: url(/assets/images/decor/bg/daisy_bg.png);
    background-color: #a8539f;
    background-size: contain;
    background-position: top
  }
}

@media screen and (max-width:480px) {
  .about {
    padding: 1.25rem 0 5.5rem;
    background-position: center 5%
  }
}

.zabor-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0
}

.zabor-img {
  width: 100%;
  height: auto
}

.about__card {
  width: 100%;
  min-height: 440px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}

@media screen and (max-width:992px) and (min-width:769px) {
  .about__card {
    min-height: 563px
  }
}

@media screen and (max-width:768px) {
  .about__card {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media screen and (max-width:480px) {
  .about__card {
    min-height: 600px
  }
}

.about__img-wr {
  width: 22.5625rem;
  height: 22.5625rem;
  border-radius: 50%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 auto;
  background-size: cover;
  background-position: 50%
}

@media screen and (max-width:992px) and (min-width:769px) {
  .about__img-wr {
    width: 20rem;
    height: 20rem
  }
}

@media screen and (max-width:768px) {
  .about__img-wr {
    margin: 0 auto 1.875rem;
    width: 20.5rem;
    height: 20.5rem
  }
}

.about__descrip {
  font-size: 1.375rem;
  font-weight: 300;
  font-style: normal;
  line-height: 1.425;
  letter-spacing: 1.3px;
  text-align: left;
  color: #fff;
  width: 60%;
  margin-left: auto
}

@media screen and (max-width:992px) and (min-width:769px) {
  .about__descrip {
    width: 56%
  }
}

@media screen and (min-width:1800px) {
  .about__descrip {
    width: 798px
  }
}

@media screen and (min-width:1301px) {
  .about__descrip {
    width: 798px
  }
}

@media screen and (max-width:768px) {
  .about__descrip {
    width: 100%
  }
}

.about__text {
  margin-bottom: 1.875rem
}

@media screen and (max-width:768px) {
  .about__text {
    text-align: center
  }
}

.about__author {
  margin-bottom: 1.5625rem
}

@media screen and (max-width:768px) {
  .about__author {
    text-align: right
  }
}

@media screen and (max-width:480px) {
  .about__author {
    text-align: center
  }
}

.about__contacts {
  width: 100%;
  height: 5rem;
  margin-top: .625rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

@media screen and (min-width:1800px) {
  .about__contacts {
    top: -103px
  }
}

/*@media screen and (min-width:1301px) {
  .about__contacts {
    top: -103px
  }
}*/

@media screen and (min-width:993px) and (max-width:1300px) {
  .about__contacts {
    margin-top: -10px
  }
}

@media screen and (max-width:768px) {
  .about__contacts {
    margin-top: 1.25rem;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 9rem
  }
}

.about__phone,
.about__whatsApp {
  max-width: 23.4375rem;
  width: 45%;
  height: 3.4375rem;
  border-radius: 5.4rem;
  margin-right: 1.25rem;
  overflow: hidden
}

@media screen and (max-width:768px) {

  .about__phone,
  .about__whatsApp {
    width: 100%
  }
}

.about-phone__link {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  color: #393939;
  font-size: 1.25rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-style: normal;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: color .2s, background-color .2s;
  letter-spacing: 1.4px;
  padding: .125rem .6875rem;
  background-color: #fff
}

.about-phone__link:active,
.about-phone__link:hover {
  color: rgba(119, 179, 212, .95);
  background-color: hsla(0, 0%, 100%, .99)
}

.about-phone__link:active svg,
.about-phone__link:hover svg {
  fill: currentColor
}

@media screen and (min-width:1301px) {
  .about-phone__link {
    font-size: 1.5rem
  }
}

.about-phone__link span {
  margin: 0 auto
}

.about-whatsApp__link {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  color: #393939;
  font-size: 1.25rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-style: normal;
  transition: color .2s, background-color .2s;
  letter-spacing: 1.4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: .125rem .6875rem;
  background-color: #fff
}

.about-whatsApp__link:active,
.about-whatsApp__link:hover {
  color: rgba(87, 187, 99, .95);
  background-color: hsla(0, 0%, 100%, .99)
}

.about-whatsApp__link:active svg,
.about-whatsApp__link:hover svg {
  fill: currentColor
}

@media screen and (min-width:1301px) {
  .about-whatsApp__link {
    font-size: 1.5rem
  }
}

.about-whatsApp__link span {
  margin: 0 auto
}

.call-us-svg {
  fill: #77b3d4
}

.call-us-svg,
.whatsapp-svg {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: .625rem;
  stroke: #fff;
  transition: fill .2s
}

.whatsapp-svg {
  fill: #57bb63
}

.footer {
  width: 100%;
  min-height: 16.1875rem;
  background-image: url(/assets/images/decor/bg/footer.jpg);
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (max-width:768px) {
  .footer {
    min-height: 21.5rem
  }
}

@media screen and (max-width:480px) {
  .footer {
    min-height: 26rem
  }
}

@media screen and (max-width:375px) {
  .footer {
    min-height: 27rem
  }
}

.footer_wr {
  width: 100%;
  min-height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width:768px) {
  .footer_wr {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.footer__left {
  font-family: OpenSans;
  font-size: 1.25rem;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 1.2px;
  text-align: left;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .75);
  width: 60%;
  margin-right: auto
}

@media screen and (max-width:768px) {
  .footer__left {
    width: 100%;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin: .625rem auto auto 0
  }
}

.footer__title {
  font-weight: 400;
  font-size: 1.25rem;
  font-style: normal;
  letter-spacing: 1.2px;
  text-align: left;
  line-height: 1.4;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .75)
}

@media screen and (max-width:768px) {
  .footer__title {
    text-align: left;
    width: 100%
  }
}

.footer__text {
  font-size: 1.25rem;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 1.2px;
  text-align: left;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .75)
}

@media screen and (max-width:768px) {
  .footer__text {
    text-align: left;
    width: 90%
  }
}

.footer__center {
  width: 0;
  height: 7.1875rem;
  border-left: 1px solid hsla(0, 0%, 100%, .25);
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .footer__center {
    border-bottom: 1px solid hsla(0, 0%, 100%, .25);
    width: 55%;
    height: 0;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin: auto
  }
}

.footer__right {
  width: 30%;
  margin-left: auto
}

@media screen and (max-width:768px) {
  .footer__right {
    width: 100%;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin: auto 0 .625rem auto
  }
}

.contact-links__title {
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 1.2px;
  text-align: left;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .75);
  color: #fff;
  line-height: 1.4
}

@media screen and (max-width:768px) {
  .contact-links__title {
    width: 100%;
    text-align: right
  }
}

.contact-links__item {
  text-align: left
}

@media screen and (max-width:768px) {
  .contact-links__item {
    text-align: right
  }
}

.contact-links__link {
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 1.2px;
  text-align: left;
  color: #dfd200;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .75);
  line-height: 1.2;
  transition: color .2s
}

.contact-links__link:active,
.contact-links__link:hover {
  color: #f26100
}

.contact-links__link:visited {
  color: #edffc9
}