/* line 1, style.scss */
body {
  font-family: Geometria;
  background-color: white; }

/* line 5, style.scss */
main {
  overflow: hidden; }

/* line 8, style.scss */
*:focus {
  outline: none; }

/* line 11, style.scss */
.setting {
  display: none; }

/* line 14, style.scss */
#customizable .setting {
  display: block !important;
  color: blue !important;
  font-size: 14px !important; }

/* line 19, style.scss */
.header-top {
  height: 144px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 1024px) {
    /* line 19, style.scss */
    .header-top {
      height: 184px;
      flex-wrap: wrap; } }
  @media (max-width: 600px) {
    /* line 19, style.scss */
    .header-top {
      height: 120px; } }

@media (max-width: 1024px) {
  /* line 32, style.scss */
  .header-top__info {
    order: -1;
    width: 100%;
    height: 40px;
    background-color: #b9b9a8;
    color: white;
    text-align: center; } }
@media (max-width: 600px) {
  /* line 32, style.scss */
  .header-top__info {
    display: none; } }

/* line 45, style.scss */
.header-top__info h2 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase; }

/* line 50, style.scss */
.header-top__info p {
  color: #b9b9a8;
  font-size: 14px;
  font-weight: 400; }

/* line 55, style.scss */
.header-top__logo h2 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 10px;
  color: black; }
  @media (max-width: 450px) {
    /* line 55, style.scss */
    .header-top__logo h2 {
      font-size: 16px; } }

/* line 65, style.scss */
.header-top__contacts {
  text-align: right; }

/* line 68, style.scss */
.header-top__contacts__city {
  color: #48a43f;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  margin: 0;
  margin-right: 24px; }

/* line 76, style.scss */
.header-top__contacts__time {
  color: #b9b9a8;
  font-size: 14px;
  font-weight: 400; }

/* line 81, style.scss */
.header-top__contacts_phone {
  margin-top: 10px;
  margin-bottom: 5px; }

/* line 85, style.scss */
.header-top__contacts_phone a {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  color: #293633;
  text-decoration: none; }

/* line 92, style.scss */
.header-top__contacts__feedback span {
  font-size: 14px;
  font-weight: 400;
  color: #48a43f; }

/* line 97, style.scss */
.header-top__logo {
  display: flex;
  align-items: center;
  padding: 12px;
  padding-left: 0;
  color: black; }

/* line 104, style.scss */
.header-mobile__logo {
  display: flex;
  align-items: center;
  color: black; }

/* line 109, style.scss */
.header-mobile__logo img {
  height: 60px; }

/* line 112, style.scss */
.header-mobile__logo h1 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 10px;
  color: black; }

/* line 119, style.scss */
.header-top__logo img {
  height: 82px; }
  @media (max-width: 600px) {
    /* line 119, style.scss */
    .header-top__logo img {
      height: 60px; } }

/* line 125, style.scss */
.mobile_menu-middle {
  padding: 20px 0; }
  /* line 127, style.scss */
  .mobile_menu-middle a {
    display: block;
    text-decoration: none;
    color: black;
    padding: 5px 0;
    text-transform: uppercase;
    font-weight: 500; }

/* line 136, style.scss */
.header-menu {
  height: 80px;
  background-color: #31403d;
  background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.18) 100%); }
  @media (max-width: 1024px) {
    /* line 136, style.scss */
    .header-menu {
      height: inherit; } }

/* line 144, style.scss */
.header-menu__items {
  display: flex;
  justify-content: space-around;
  align-items: center; }
  @media (max-width: 1024px) {
    /* line 144, style.scss */
    .header-menu__items {
      height: 80px; } }

@media (max-width: 1024px) {
  /* line 152, style.scss */
  .header-menu__feedbacks {
    height: 48px;
    background-color: #48a43f;
    border-top: 8px solid white; } }

/* line 159, style.scss */
.header-menu a {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none; }

/* line 166, style.scss */
.header-menu__feedback {
  height: 100%;
  padding-left: 4px;
  padding-right: 8px;
  display: flex;
  align-items: center;
  position: relative; }

/* line 174, style.scss */
.header-menu__feedback input {
  height: 38px;
  background-color: white;
  border: none;
  text-align: center;
  min-width: 150px; }

/* line 181, style.scss */
.header-menu-small-feedback {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }

/* line 187, style.scss */
.call-button {
  margin-left: 8px;
  height: 38px;
  background-color: #ff4f00;
  padding: 10px;
  min-width: 210px; }

/* line 194, style.scss */
.banners {
  display: flex;
  margin-top: 8px; }

/* line 198, style.scss */
.banners__right {
  padding: 20px;
  height: 400px;
  margin-left: 4px;
  position: relative;
  background-image: url(../img/123.jpg);
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

/* line 210, style.scss */
.banners__right a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5)); }

/* line 219, style.scss */
.banners__left {
  flex-grow: 1;
  height: 400px;
  background-image: url(../img/ecology.jpg);
  background-size: cover;
  position: relative; }

/* line 226, style.scss */
.promo-slider {
  margin-right: 4px; }
  @media (max-width: 1024px) {
    /* line 226, style.scss */
    .promo-slider {
      margin-right: 0; } }

/* line 232, style.scss */
.banners__left__text {
  position: absolute;
  background-color: rgba(49, 64, 61, 0.9);
  bottom: 0;
  left: 0;
  right: 0;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center; }

/* line 243, style.scss */
.banners__left__text-inner {
  padding-left: 50px;
  padding-right: 50px; }

/* line 247, style.scss */
.promo-slider-wrapper .left-arrow {
  position: absolute;
  left: 20px !important;
  bottom: 60px;
  top: inherit;
  width: 13px;
  background-size: 13px 22px; }

/* line 255, style.scss */
.promo-slider-wrapper .right-arrow {
  position: absolute;
  right: 20px !important;
  bottom: 60px;
  top: inherit;
  width: 13px;
  background-size: 13px 22px; }

/* line 263, style.scss */
.banners__left__text h3 {
  color: #ffffff;
  font-size: 36px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 0; }
  @media (max-width: 1200px) {
    /* line 263, style.scss */
    .banners__left__text h3 {
      font-size: 30px; } }
  @media (max-width: 600px) {
    /* line 263, style.scss */
    .banners__left__text h3 {
      font-size: 25px; } }
  @media (max-width: 400px) {
    /* line 263, style.scss */
    .banners__left__text h3 {
      font-size: 18px; } }

/* line 280, style.scss */
.banners__left__text p {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 10px; }
  @media (max-width: 1200px) {
    /* line 280, style.scss */
    .banners__left__text p {
      font-size: 14px; } }

/* line 290, style.scss */
.banners__left__text a {
  color: #48a43f;
  font-size: 14px;
  font-weight: 300;
  text-decoration: underline;
  margin-bottom: 0; }

/* line 297, style.scss */
.banners__right h2 {
  position: relative;
  font-size: 48px;
  color: #3a564f;
  z-index: 1;
  text-transform: uppercase;
  text-align: center;
  margin: 0; }

/* line 306, style.scss */
.banners__right p {
  position: relative;
  font-size: 28px;
  color: #3a564f;
  z-index: 1;
  text-transform: uppercase;
  text-align: center;
  margin: 0; }

/* line 315, style.scss */
.categories__title {
  height: 40px;
  background-color: #b9b9a8;
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px; }

/* line 324, style.scss */
.categories__title h2 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase; }

/* line 330, style.scss */
.categories__items {
  margin-left: -4px;
  margin-right: -4px; }

/* line 334, style.scss */
.categories__items__item {
  padding: 4px; }

/* line 337, style.scss */
.categories__items__inner-item {
  padding: 30px;
  position: relative;
  height: 250px;
  background-size: cover; }

/* line 343, style.scss */
.categories__items__title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 55px;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  padding-left: 15px; }

/* line 354, style.scss */
.benefits {
  background-color: #48a43f;
  margin-top: 4px;
  display: flex;
  justify-content: space-around; }

/* line 360, style.scss */
.benefits__item {
  height: 160px;
  display: flex;
  align-items: center;
  padding: 0 20px; }

/* line 366, style.scss */
.benefits__item p {
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
  margin-left: 15px; }

/* line 372, style.scss */
.footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 0;
  flex-wrap: nowrap; }
  @media (max-width: 600px) {
    /* line 372, style.scss */
    .footer-top {
      flex-wrap: wrap; } }

/* line 382, style.scss */
.footer-top__inner {
  display: flex;
  align-items: center; }

/* line 386, style.scss */
.footer-top__info {
  font-size: 14px;
  font-weight: 400;
  color: #374643;
  margin-right: 10px;
  padding: 10px 0; }
  @media (max-width: 600px) {
    /* line 386, style.scss */
    .footer-top__info {
      text-align: center; } }

/* line 396, style.scss */
.footer-top__email {
  display: flex;
  padding: 10px 0; }

/* line 400, style.scss */
.footer-top__email input {
  flex-grow: 1;
  margin-right: 4px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #374643;
  padding-left: 23px;
  width: 260px;
  height: 40px;
  min-width: 150px; }

/* line 411, style.scss */
.footer-top__button {
  padding-left: 23px;
  padding-right: 23px;
  background-color: #48a43f;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  border: none;
  height: 40px; }

/* line 422, style.scss */
.footer-bottom {
  background-color: #31403d; }

/* line 425, style.scss */
.icon1 {
  width: 140px;
  min-width: 140px;
  height: 110px;
  background-position: -2% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icons.svg); }

/* line 433, style.scss */
.icon2 {
  width: 140px;
  min-width: 140px;
  height: 110px;
  background-image: url(../img/icons.svg);
  background-position: 33% 50%;
  background-repeat: no-repeat; }

/* line 441, style.scss */
.icon3 {
  width: 140px;
  min-width: 140px;
  height: 110px;
  background-position: 67% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/icons.svg); }

/* line 449, style.scss */
.icon4 {
  width: 140px;
  min-width: 140px;
  height: 110px;
  background-image: url(../img/icons.svg);
  background-position: 102% 50%;
  background-repeat: no-repeat; }

/* line 457, style.scss */
.footer__info {
  display: flex;
  padding-top: 60px;
  padding-bottom: 40px; }
  @media (max-width: 1024px) {
    /* line 457, style.scss */
    .footer__info {
      padding-bottom: 0; } }
  @media (max-width: 640px) {
    /* line 457, style.scss */
    .footer__info {
      text-align: center; } }

/* line 468, style.scss */
.footer__info__company__item {
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  display: block;
  text-decoration: none; }

/* line 476, style.scss */
.footer__info__company {
  padding-bottom: 20px;
  padding-right: 20px; }

/* line 480, style.scss */
.footer__info__company h3 {
  margin-top: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase; }

/* line 487, style.scss */
.footer__info__forclients {
  padding-bottom: 20px;
  padding-right: 20px; }

/* line 491, style.scss */
.footer__info__contacts {
  padding-bottom: 20px;
  padding-right: 20px; }

/* line 495, style.scss */
.footer__info__forclients h3 {
  margin-top: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase; }

/* line 502, style.scss */
.footer__info__contacts__phone h3 {
  margin-top: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase; }

/* line 509, style.scss */
.footer__info__contacts__phone a {
  color: #48a43f;
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
  text-transform: uppercase; }

/* line 516, style.scss */
.footer__info__contacts__social p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px; }

/* line 522, style.scss */
.footer__info__contacts__payment p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px; }

/* line 528, style.scss */
.footer__copyright {
  border-top: 1px solid white;
  padding: 30px 0; }
  @media (max-width: 1024px) {
    /* line 528, style.scss */
    .footer__copyright {
      border-top: none; } }

/* line 535, style.scss */
.footer__copyright__text p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 300; }

/* line 540, style.scss */
.worksteps__title {
  height: 40px;
  background-color: #31403d;
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px; }

/* line 549, style.scss */
.worksteps__title h2 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase; }

@media (max-width: 1024px) {
  /* line 556, style.scss */
  .banners__right {
    height: 200px;
    margin-left: 0;
    margin-top: 8px; } }
@media (max-width: 480px) {
  /* line 563, style.scss */
  .banners__right h2 {
    font-size: 40px; }

  /* line 566, style.scss */
  .banners__right p {
    font-size: 24px; } }
/* line 570, style.scss */
.bttn-burger {
  background-color: white;
  border: none;
  padding-right: 0; }
  /* line 574, style.scss */
  .bttn-burger img {
    color: #222222;
    width: 40px;
    margin-right: 0; }

/* line 580, style.scss */
.header-menu__phone {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center; }

/* line 586, style.scss */
.mobile_menu-phone {
  margin-top: 10px; }

/* line 589, style.scss */
.mobile_menu-phone a {
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  color: black; }

/* line 595, style.scss */
.social-menu-link {
  border: none;
  color: white;
  width: 30px;
  margin-right: 0;
  margin-bottom: 0; }

/* line 602, style.scss */
.footer__info__contacts__social p {
  margin-bottom: 0; }

/* line 605, style.scss */
.scroll_top {
  background-color: #b9b9a8;
  border-radius: 0;
  padding: 5px 20px; }

/* line 610, style.scss */
.page-title {
  height: 40px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #b9b9a8;
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px; }

/* line 623, style.scss */
.article_preview {
  position: relative;
  border: none; }
  /* line 626, style.scss */
  .article_preview-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 200px;
    background-color: rgba(49, 64, 61, 0.9);
    color: white; }
  /* line 635, style.scss */
  .article_preview-inner_bottom {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  /* line 645, style.scss */
  .article_preview-title {
    color: white; }
  /* line 648, style.scss */
  .article_preview-date {
    display: block;
    color: #48a43f; }
  /* line 652, style.scss */
  .article_preview-url {
    color: white;
    background-color: #48a43f;
    padding: 5px 10px; }

/* line 658, style.scss */
.last-articles {
  padding: 0 20px; }
