/* Start:/local/templates/vodokanal/components/bitrix/news.list/banners/style.css?17543207132074*/
.jumbotron__slider_small .jumbotron-slide__content {
	padding-top: 50px;
	padding-bottom: 130px;
}

.jumbotron__slider_small .slick-dots li {
    margin: 15px 5px!important;
}

.jumbotron__slider_small .slick-dots {
	top: 105px;
}

.jumbotron__slider_small .jumbotron-slide__title {
	font-size: 55px;
	line-height: 1.2;
}

@media (min-width: 320px) and (max-height: 950px) {
	.jumbotron__slider_small .jumbotron-slide__content {
		padding-bottom: 130px;
	}
}

@media (min-width: 850px) and (max-height: 950px) {
	.jumbotron__slider_small .jumbotron-slide__content {
		padding-bottom: 130px;
	}

	.jumbotron__slider_small .jumbotron-slide__title {
		font-size: 40px;

	}
}

@media (min-width: 1170px) and (max-height: 950px) {
	.jumbotron__slider_small .jumbotron-slide__content {
		padding-bottom: 212px;
	}
}

@media (min-width: 1170px) and (max-height: 600px) {
	.jumbotron__slider_small .jumbotron-slide__content {
		padding-bottom: 130px;
	}

	.jumbotron__slider_small .jumbotron-slide__title {
		font-size: 55px;

	}
}


@media screen and (max-width: 992px) {
	.jumbotron__slider_small .jumbotron-slide__content {

	padding-top: 85px;
	}
}

@media (max-width: 850px) {
	.jumbotron__slider_small .jumbotron-slide__title {
		font-size: 35px!important;
		line-height: 1.2!important;
	}
}

@media screen and (max-width: 760px) {
	.jumbotron__slider_small .jumbotron-slide__content {
		display: block;
		padding-top: 110px;
	}

	.jumbotron__slider_small .jumbotron-slide__title {
		font-size: 30px!important;
		line-height: 1.2!important;
	}


}


@media screen and (max-width: 500px) {
	.jumbotron__slider_small .jumbotron-slide__content {
		display: block;
		padding-top: 140px;
	}

	.jumbotron__slider_small .jumbotron-slide__title {
		font-size: 25px!important;
		line-height: 1.2!important;
	}
    .jumbotron__slider .slick-dots {
        left: 0;
        right: 0;
        top: auto!important;
        bottom: 10px!important;
        margin-left: auto;
        margin-right: auto;
    }

	.jumbotron__slider_small .slick-dots {
		top: 0;
		bottom: 35px!important;
	}
}
/* End */


/* Start:/local/templates/vodokanal/components/bitrix/news.list/additional_links_new/style.css?176855698912806*/
.section-std_fixed {
  /* height: 430px; */
  position: sticky;
  bottom: auto;
  z-index: 2;
  /* transform: ; */

  &.init[data-row='1'] {
    bottom: -260px;
  }

  &.init[data-row='2'] {
    bottom: -650px;
  }
}

.section-quick-menu {
  margin-top: 60px;
  margin-bottom: 0 !important;

  &.section-quick-menu__translate {
    margin-top: 0 !important;
    padding-top: 60px;
    z-index: 2;
    transition: 0.5s;
    bottom: 0;
  }

  .section-quick-menu__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (224px) [4];
    grid-template-columns: repeat(4, 224px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    gap: 10px;
  }

  .quick-menu__item {
    position: relative;
    width: 100% !important;
    height: 350px;
    margin: 0 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0);
    box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0);
    transition: 0.3s;

    &:hover {
      webkit-transform: scale(1.02);
      -moz-transform: scale(1.02);
      -ms-transform: scale(1.02);
      -o-transform: scale(1.02);
      transform: scale(1.02);
      -webkit-box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.33);
      -moz-box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.33);
      box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.33);
    }

    .quick-menu__bg {
      opacity: 0.3;
    }

    .quick-menu__title {
      color: #fff;
      font-size: 1.14285714rem;
      font-weight: 600;
      line-height: 20px;
      min-height: 40px;
    }

    .quick-menu__p {
      margin-bottom: auto;
      color: #fff;
      font-size: 1rem;
      font-weight: 400;
      line-height: 20px;
    }

    .quick-menu__rotate {
      position: absolute;
      width: 160px;
      right: -75px;
      bottom: 70px;
      margin-bottom: auto;
      color: #fff;
      font-size: 12px;
      font-weight: 400;
      line-height: 20px;
      opacity: 0.5;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
    }

    .quick-menu__link {
      position: absolute;
      left: -12px;
      bottom: -27px;
      margin-bottom: auto;
      color: #fff;
      font-size: 12px;
      font-weight: 400;
      line-height: 20px;
      opacity: 0.5;
    }

    .btn {
      z-index: 1;
      margin-top: 3px;
    }

    &.quick-menu__item_slider {
      display: block;
      width: 100%;
      padding: 0 !important;
      position: relative;
      overflow: hidden;

      &:hover {
        &:after {
          animation-play-state: paused;
        }
      }

      &:after {
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        width: 45px;
        -webkit-transform: skewX(-30deg);
        -ms-transform: skewX(-30deg);
        transform: skewX(-30deg);
        -webkit-animation: flareAnimation;
        animation: flareAnimation;
        left: -150%;
        pointer-events: none;
        background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(rgba(255, 255, 255, 0.1)),
          to(rgba(255, 255, 255, 0.4))
        );
        background: -o-linear-gradient(
          left,
          rgba(255, 255, 255, 0.1),
          rgba(255, 255, 255, 0.4)
        );
        background: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0.1),
          rgba(255, 255, 255, 0.4)
        );
        -webkit-animation: flareAnimation 3s infinite linear;
        animation: flareAnimation 3s infinite linear;
        animation-play-state: running;
      }

      .plate {
        position: relative;
        height: 350px;
        border-radius: 5px;
        overflow: hidden;
        padding: 20px 10px 30px 20px;
        display: block;

        .plate__bg {
          opacity: 0.4;
          position: absolute !important;
        }

        .plate__content {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          z-index: 1;
          position: relative;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          max-width: 100%;
          height: 100%;
        }

        .plate__img {
          margin-bottom: 10px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          height: 87px;
          width: 87px;
          background: #238e3e;
          border-radius: 1000px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;

          & svg {
            width: 79px;
            height: 79px;
          }

          &.no-bg {
            background-color: transparent !important;
          }

          &.no-circle {
            border-radius: 0 !important;
            width: 100%;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;

            & svg {
              width: auto;
              height: auto;
            }
          }
        }

        .plate__title {
          color: #fff;
          font-size: 1.14285714rem;
          font-weight: 600;
          line-height: 20px;
          min-height: 40px;
          margin-bottom: 13px;
        }

        .plate__p {
          margin-bottom: auto;
          color: #fff;
          font-size: 1rem;
          font-weight: 400;
          line-height: 20px;
        }

        .plate__rotate {
          position: absolute;
          width: 160px;
          right: -75px;
          bottom: 70px;
          margin-bottom: auto;
          color: #fff;
          font-size: 12px;
          font-weight: 400;
          line-height: 20px;
          opacity: 0.5;
          -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
        }

        .plate__link {
          position: absolute;
          left: -12px;
          bottom: -27px;
          margin-bottom: auto;
          color: #fff;
          font-size: 12px;
          font-weight: 400;
          line-height: 20px;
          opacity: 0.5;
        }

        .plate__btns {
          flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;

          & span {
            padding: 7px 11px;
            border: 1px solid #238e3e;
            background: #238e3e;
            color: #fff;
            font-weight: 300;
            margin-top: 3px;
            border-radius: 25px;
            font-size: 0.85714286rem;
            line-height: 1.2em;
            cursor: pointer;
          }
        }
      }
    }

    &.quick-menu__item_with-askedo {
      .quick-menu__title {
        margin-bottom: 10px;
      }
    }

    &.quick-menu__item_contentfull {
      padding: 30px 10px 12px 20px;

      .quick-menu__icon {
        margin-bottom: 20px;
        margin-left: 10px;
      }

      .quick-menu__title {
        margin-bottom: 3px;
      }

      .btn:not(:last-child) {
        margin-bottom: 5px;
      }
    }

    &:not(.quick-menu__item_contentfull) {
      padding: 20px 10px 30px 20px;

      .quick-menu__icon {
        margin-top: 0;
        margin-bottom: 0;
      }

      .quick-menu__btns {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
      }

      .quick-menu__img {
        margin-bottom: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 87px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }

      .quick-menu__title {
        margin-bottom: 13px;
      }
    }
  }
}

@-webkit-keyframes flareAnimation {
  0% {
    left: -150%;
  }

  100% {
    left: 150%;
  }
}
@keyframes flareAnimation {
  0% {
    left: -150%;
  }

  40% {
    left: -150%;
  }

  60% {
    left: 150%;
  }

  100% {
    left: 150%;
  }
}

@media (max-width: 1160px) {
  .section-std_fixed {
    position: static;
    margin-top: -200px;
  }

  .section-quick-menu {
    .section-quick-menu__row {
      -ms-grid-columns: (1fr) [3];
      grid-template-columns: repeat(3, 1fr);
    }
  }
}
@media (max-width: 850px) {
  .section-quick-menu {
    /* margin-top: 30px; */
  }
}
@media (max-width: 760px) {
  .section-std_fixed {
    margin-top: -212px;
  }
}
@media (max-width: 600px) {
  .section-quick-menu {
    /* margin-top: 30px; */
    .section-quick-menu__row {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
    }
  }
}
@media (max-width: 500px) {
  .section-std_fixed {
    margin-top: -100px;
  }
}
@media (max-width: 420px) {
  /* .section-quick-menu__row {
    margin-right: 0;
    margin-left: 0;
  } */
  .section-quick-menu {
    .section-quick-menu__row {
      -ms-grid-columns: 100%;
      grid-template-columns: 100%;
    }
  }
  /* .section-quick-menu .quick-menu__item {
    width: 100%;
  } */
  .section-quick-menu .quick-menu__item_with-two-btns .btn {
    margin-top: 8px;
  }
}
@media (min-width: 1170px) and (max-height: 950px) {
  .section-std_fixed {
    &.init[data-row='1'] {
      bottom: 40px;
    }

    &.init[data-row='2'] {
      bottom: -300px;
    }
  }
}

@media (min-width: 1170px) and (max-height: 900px) {
  .section-std_fixed {
    &.init[data-row='1'] {
      bottom: -10px;
    }

    &.init[data-row='2'] {
      bottom: -350px;
    }
  }
}

@media (min-width: 1170px) and (max-height: 850px) {
  .section-std_fixed {
    &.init[data-row='1'] {
      bottom: -60px;
    }

    &.init[data-row='2'] {
      bottom: -400px;
    }
  }
}

@media (min-width: 1170px) and (max-height: 800px) {
  .section-std_fixed {
    &.init[data-row='1'] {
      bottom: -110px;
    }

    &.init[data-row='2'] {
      bottom: -450px;
    }
  }
}

@media (min-width: 1170px) and (max-height: 750px) {
  .section-std_fixed {
    &.init[data-row='1'] {
      bottom: -160px;
    }

    &.init[data-row='2'] {
      bottom: -500px;
    }
  }
}

@media (min-width: 1170px) and (max-height: 700px) {
  .section-std_fixed {
    &.init[data-row='1'] {
      bottom: -210px;
    }

    &.init[data-row='2'] {
      bottom: -550px;
    }
  }
}

@media (min-width: 1170px) and (max-height: 650px) {
  .section-std_fixed {
    &.init[data-row='1'] {
      bottom: -260px;
    }

    &.init[data-row='2'] {
      bottom: -600px;
    }
  }
}

@media (min-width: 1170px) and (max-height: 600px) {
  .section-std_fixed {
    &.init[data-row='1'] {
      bottom: auto;
    }

    &.init[data-row='2'] {
      bottom: auto;
    }
  }
}

html.color-white .section-quick-menu .quick-menu__item {
  border: 2px solid #000;
}
html.color-white .section-quick-menu .quick-menu__p,
html.color-white .section-quick-menu .quick-menu__title {
  color: #000;
}
html.color-black .section-quick-menu .quick-menu__item {
  border: 2px solid #fff;
}
html.color-black .section-quick-menu .quick-menu__p,
html.color-black .section-quick-menu .quick-menu__title {
  color: #fff;
}
html.scale
  .section-quick-menu
  .quick-menu__item:not(.quick-menu__item_contentfull) {
  padding: 25px 10px 25px 15px;
}
html.scale
  .section-quick-menu
  .quick-menu__item:not(.quick-menu__item_contentfull)
  .quick-menu__icon {
  margin-bottom: 10px;
}
html.scale .section-quick-menu .quick-menu__item_contentfull {
  padding: 10px 5px;
}
html.scale
  .section-quick-menu
  .quick-menu__item_with-two-btns
  .btn:not(:last-child) {
  margin-bottom: 3px;
}
html.scale .section-quick-menu .quick-menu__item_with-two-btns .btn:last-child {
  margin-top: 3px;
}
html.scale .section-quick-menu .quick-menu__title {
  margin-bottom: 5px;
}

/* End */
/* /local/templates/vodokanal/components/bitrix/news.list/banners/style.css?17543207132074 */
/* /local/templates/vodokanal/components/bitrix/news.list/additional_links_new/style.css?176855698912806 */