html {
    scroll-behavior: smooth;
}

.preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #fff;
  z-index: 1001;
}

.preloader__image {
  position: relative;
  top: 50%;
  left: 50%;
  width: 256px;
  height: 256px;
  margin-top: -128px;
  margin-left: -128px;
  background: url('plant.gif') no-repeat 50% 50%; /*расположение (url) изображения gif и др. параметры*/
}

.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0;
}

.loaded .preloader {
  display: none;
}

button,
a {
    border-radius: 28px !important;
}

.btn-primary {
    background-color: #188A00 !important;
    border-color: #188A00 !important;
    color: white;
}

.btn-primary:hover {
    background-color: #25D500 !important;
    border-color: #25D500 !important;
    color: black;
}

.btn-outline-secondary {
    background-color: rgba(172, 255, 47, 0.098) !important;
    border-color: #188A00 !important;
    color: white;
}

.btn-outline-secondary:hover {
    background-color: #25D500 !important;
    border-color: #25D500 !important;
    color: black;
}

.nav-link {
    color: black;
    margin: 3px;
}

.active {
    background-color: #188A00 !important;
    color: white !important;
}

.active:hover {
    background-color: #25D500 !important;
    color: black !important;
    transition: 0.5s;
}

.nav-link:hover, .powered-link:hover {
    color: #25D500 !important;
    transition: 0.5s;
}

.nav-pills .nav-link:hover {
    background-color: #25D500;
    color: black !important;
    transition: 0.5s;
}

.bcground-hero {
    background-image: url(header-bkcheno-valshi-x-large.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bcground-hero2 {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
}

.bcground-hero h1,
.bcground-hero p {
    color: white !important;
}

.bcground-hero-news {
    background-color: rgba(119, 208, 89, 0.3);
    padding: 20px;
}

.bcground-hero-decree {
    background-color: rgba(208, 89, 155, 0.3);
    padding: 20px;
}

.bcground-hero-blog {
    background-color: rgba(208, 202, 89, 0.3);
    padding: 20px;
}

.bcground-hero-contacts {
    background-color: rgba(127, 89, 208, 0.3);
    padding: 20px;
}

.bcground-hero-3 h1,
.bcground-hero-3 p {
    color: black !important;
}

.btn-outline-secondary3 {
    color: black;
}

.bcground-footer {
    background-image: url(footer-bkcheno-valshi-x-large.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bcground-footer2 {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 20px;
}

.bcground-footer h1,
.bcground-footer p {
    color: white !important;
}

.bcground-footer a {
    color: rgb(201, 201, 201) !important;
}

.blog-post {
    margin-bottom: 4rem;
}

.icon-link {
    color: rgb(112, 112, 112) !important;
    -webkit-text-decoration-color: rgb(201, 201, 201) !important;
            text-decoration-color: rgb(201, 201, 201) !important;
}

.icon-link:hover {
    -webkit-text-decoration-color: #1ba300 !important;
            text-decoration-color: #1ba300 !important;
    color: #1ba300 !important;
    transition: 0.5s;
}

.form-signin {
    max-width: 330px;
    padding: 1rem;
}
.m-auto {
    margin: auto !important;
}
.w-100 {
    width: 100% !important;
}

.blog-post a {
    text-decoration: none;
    color: #737373;
}

.blog-post a:hover {
    color: #127E00;
    transition: 0.5s;
}

.linear-text-gradient {
    background: linear-gradient(to top, #ff0000, #00a105);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.color-admin {
    color: rgb(150, 0, 180) !important;
}

.good-light-white {
    box-shadow: 0px 0px 15px 7px white;
    transition: transform ease 0.5s, box-shadow ease 0.5s;
}

.good-light-white:hover {
    box-shadow: 0px 0px 25px 11px white;
}

.change-shaker {
    -webkit-animation: shake 10s linear infinite;
            animation: shake 10s linear infinite;
}

@-webkit-keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-2px, -3px) rotate(-2deg); }
  20% { transform: translate(-3px, 1px) rotate(2deg); }
  30% { transform: translate(3px, 2px) rotate(1deg); }
  40% { transform: translate(1px, -3px) rotate(2deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 2px) rotate(-3deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, -2px) rotate(3deg); }
  100% { transform: translate(1px, 1px) rotate(0deg); }
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-2px, -3px) rotate(-2deg); }
  20% { transform: translate(-3px, 1px) rotate(2deg); }
  30% { transform: translate(3px, 2px) rotate(1deg); }
  40% { transform: translate(1px, -3px) rotate(2deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 2px) rotate(-3deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, -2px) rotate(3deg); }
  100% { transform: translate(1px, 1px) rotate(0deg); }
}

small {
    color: grey;
}

.text-no-vote {
    padding: 24px 0px;
}
.blog-text-link {
    color: #188A00;
    text-decoration: none;
    font-weight: 700;
}
.blog-text-link:hover {
    text-decoration: underline;
}

.navig {
    padding: 20px;
    text-align: center;
    border: solid black 1px;
    border-radius: 15px;
    box-shadow: 1px 1px 20px 12px rgba(208, 89, 155, 0.3);
    margin: 0px 15px;
}

.navig div {
    padding: 2px 0px;
}

.btn-up {
  position: fixed;
  background-color: #188A00;
  right: 25px;
  bottom: 25px;
  border-radius: 30px;
  cursor: pointer;
  width: 54px;
  height: 54px;
}

.btn-up::before {
  content: "";
  text-align: center;
  position: absolute;
  width: 25px;
  height: 25px;
  left: 17px;
  top: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17V4M3 10l7-7 7 7'/%3E%3C/g%3E%3C/svg%3E");
}

.btn-up_hide {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .btn-up:hover {
    background-color: green;
  }
}

@media (max-width: 1400px) {
    .bcground-hero {
        background-image: url(header-bkcheno-valshi-x-large.jpg);
    }
    .bcground-footer {
        background-image: url(footer-bkcheno-valshi-x-large.jpg);
    }
}

@media (max-width: 1200px) {
    .bcground-hero {
        background-image: url(header-bkcheno-valshi-large.jpg);
    }
    .bcground-footer {
        background-image: url(footer-bkcheno-valshi-large.jpg);
    }
}

@media (max-width: 992px) {
    .bcground-hero {
        background-image: url(header-bkcheno-valshi-medium.jpg);
    }
    .bcground-footer {
        background-image: url(footer-bkcheno-valshi-medium.jpg);
    }
}

@media (max-width: 768px) {
    .bcground-hero {
        background-image: url(header-bkcheno-valshi-small.jpg);
    }
    .bcground-footer {
        background-image: url(footer-bkcheno-valshi-small.jpg);
    }
}

@media (max-width: 576px) {
    .bcground-hero {
        background-image: url(header-bkcheno-valshi-x-small.jpg);
    }
    .bcground-footer {
        background-image: url(footer-bkcheno-valshi-x-small.jpg);
    }
}

.creator-valshi-img {
    width: 48px;
    margin-right: 8px;
}