@charset "UTF-8";
/* ----- баннер - первый экран на стр расчета сметы ----- */
.smeta-hero {
  padding: 100px 125px;
  background: url("/local/templates/novolamp_new/img/bg-smeta-1.jpg") no-repeat 50% 50%/cover;
}

.smeta-hero__block {
  max-width: 400px;
}

.smeta-hero .h1 {
  font-size: 36px;
  margin-bottom: .6em;
  color: #2dc964;
}

.smeta-hero .h2 {
  line-height: 1.2;
}

.smeta-hero .accent {
  display: inline-block;
  margin-right: 0.3em;
  padding: .1em 0.4em;
  background: #ffd739;
}

.smeta-hero .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 314px;
  height: 54px;
  margin-top: 30px;
}

@media screen and (max-width: 1199px) {
  .smeta-hero {
    padding: 45px 50px;
    background-position-x: 100%;
  }
}

@media screen and (max-width: 767px) {
  .smeta-hero {
    padding: 50px 30px 0;
    background: url("/local/templates/novolamp_new/img/bg-smeta-mob.jpg") no-repeat 50% 0;
    background-size: 100% 420px;
  }
  .smeta-hero__block {
    margin: 0 auto;
  }
  .smeta-hero .h1 {
    margin-bottom: 0.3em;
  }
  .smeta-hero .btn {
    margin: 250px auto 0;
  }
}

@media screen and (max-width: 575px) {
  .smeta-hero {
    width: -webkit-calc(100% + 30px);
    width: calc(100% + 30px);
    margin-left: -15px;
    padding: 30px 15px 0;
    background-size: 100% 350px;
  }
  .smeta-hero .h1 {
    font-size: 28px;
  }
  .smeta-hero .h2 {
    font-size: 24px;
  }
  .smeta-hero .btn {
    width: 100%;
    max-width: 290px;
    margin-top: 225px;
  }
}