.vegas-transition-blackwhite,
.vegas-transition-blackwhite2 {
    -webkit-filter: grayscale(30%);
    filter: grayscale(30%);
}
.vegas-transition-blackwhite-in,
.vegas-transition-blackwhite2-in {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
}
.vegas-transition-blackwhite2-out {
    -webkit-filter: grayscale(30%);
    filter: grayscale(30%);
}


/*.bg{
     задаёт путь до файла 
    background-image: url("../images/04.jpg");*/
    /* задает стартовое положение изображения на странице 
    background-position: center center;*/
    /* определяет размер изображения на странице 
    background-size: cover;*/
    /* свойство устанавливает, будет ли повторяться изображение и каким образом 
    background-repeat: no-repeat;*/
    /* cвойство определяет, будет ли фоновое изображение прокручиваться 
    вместе с остальной частью страницы или будет фиксированным 
    background-attachment: fixed;*/
  
  body {
    background-color: rgba(8, 7, 49, 0.733);
   /* background-image: url("../images/04.jpg");
    /* задает стартовое положение изображения на странице */
    background-position: center center;
    /* определяет размер изображения на странице */
    background-size: cover;
    /* свойство устанавливает, будет ли повторяться изображение и каким образом */
    background-repeat: no-repeat;
    /* cвойство определяет, будет ли фоновое изображение прокручиваться 
    вместе с остальной частью страницы или будет фиксированным */
    /*background-attachment: fixed;
    -webkit-animation: bg 400s infinite; /* Safari 4+ */
   /* -moz-animation:    bg 400s infinite; /* Fx 5+ */
    /*-o-animation:      bg 400s infinite; /* Opera 12+ */
   /* animation:         bg 400s infinite; /* IE 10+, Fx 29+ */
  }
  
  @keyframes bg {
    0% {
        background-image: url("../images/04.jpg");
        }
    40% {
          background-image: url("../images/07.jpg");
       }
    80% {
        background-image: url("../images/08.jpg");
      } 
    100% {
        background-image: url("../images/04.jpg");
        }
    /*40% {
          background-image: url("../images/10.jpg");
          }   
    60% {
            background-image: url("../images/w.jpg");
        }
    100% {
            background-image: url("../images/q.jpg");
        }*/
    
  }

  /* полоса прокрутки*/
body::-webkit-scrollbar {
    width: 1em;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(10, 30, 95);
}
body::-webkit-scrollbar-thumb {
  background-color: rgba(6, 21, 97, 0.884);
  outline: 1px solid rgba(3, 17, 55, 0.342);
}



.invisible-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Demonstrate a "mostly customized" scrollbar
 * (won't be visible otherwise if width/height is specified) */
.my-green-scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color:#305802 ; /* or add it to the track */
}

/* Add a thumb */
.my-green-scrollbar::-webkit-scrollbar-thumb {
  background: #139202;
}
/* Demonstrate a "mostly customized" scrollbar
 * (won't be visible otherwise if width/height is specified) */
 .my-blue-scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color:#022758 ; /* or add it to the track */
}

/* Add a thumb */
.my-blue-scrollbar::-webkit-scrollbar-thumb {
  background: #025d92;
}


/*выделение текста*/
  .mstroke-text {
    /*color: #000000;  Цвет текста */
    -webkit-text-stroke: 1px #000000; /* Толщина и цвет обводки */
    /*text-stroke: 1px #FFFFFF;  Толщина и цвет обводки (?????стандартное свойство) */
  }
  .light {
    list-style: none;
      text-shadow: black 0 0 14px; /* Свечение голубого цвета */
     }
  .dark {
      text-shadow: red 0 0 10px; /* Свечение красного цвета */
    }
  .stroke {
      text-shadow: black 0 0 2px;
  }
  .shadowtext {
      text-shadow: 1px 1px 2px red, 0 0 1em black; /* Параметры тени */
     }
     .shadowtextW {
      text-shadow: 1px 1px 2px rgb(247, 244, 244), 0 0 1em black; /* Параметры тени */
     }
     .shadowtextB {
      text-shadow: 1px 1px 2px rgb(0, 0, 0), 0 0 1em black; /* Параметры тени */
     }
     .accordion-item {
      color: #c8c8d6;
      background-color: #0b244169;
      border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    }
    .accordion-header{
      color: #444479;
      background-color: #0d427e44;
    }
    .accordion {
      --bs-accordion-color: var(--bs-body-color);
      --bs-accordion-bg: var(--bs-body-bg);
      --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
      --bs-accordion-border-color: var(--bs-border-color);
      --bs-accordion-border-width: var(--bs-border-width);
      --bs-accordion-border-radius: var(--bs-border-radius);
      --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
      --bs-accordion-btn-padding-x: 1.25rem;
      --bs-accordion-btn-padding-y: 1rem;
      --bs-accordion-btn-color: var(--bs-body-color);
      --bs-accordion-btn-bg: #eff2f7;
      --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
      --bs-accordion-btn-icon-width: 1.25rem;
      --bs-accordion-btn-icon-transform: rotate(-180deg);
      --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
      --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
      --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
      --bs-accordion-body-padding-x: 1.25rem;
      --bs-accordion-body-padding-y: 1rem;
      --bs-accordion-active-color: var(--bs-primary-text-emphasis);
      --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
    }
    
    .accordion-button {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
      font-size: 1rem;
      color: #f7f6ef;
      text-align: left;
      background-color: #0d2d4781;
      border: 0;
      border-radius: 0;
      overflow-anchor: none;
      transition: var(--bs-accordion-transition);
    }
    .accordion-button:not(.collapsed) {
      color: #eff2f7;
      background-color:#0834584f;
      box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    }
    .accordion-button:not(.collapsed)::after {
      background-image: var(--bs-accordion-btn-active-icon);
      transform: var(--bs-accordion-btn-icon-transform);
    }
    .accordion-button:after {
      background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
    }
    .accordion-button::after {
      flex-shrink: 0;
      width: var(--bs-accordion-btn-icon-width);
      height: var(--bs-accordion-btn-icon-width);
      margin-left: auto;
      content: "";
      background-image: #f7f6ef;
      background-repeat: no-repeat;
      background-size: var(--bs-accordion-btn-icon-width);
      transition: var(--bs-accordion-btn-icon-transition);
    }
    @media (prefers-reduced-motion: reduce) {
      .accordion-button::after {
        transition: none;
      }
    }
    .accordion-button:hover {
      z-index: 2;
    }
    .accordion-button:focus {
      z-index: 3;
      outline: 0;
      box-shadow: var(--bs-accordion-btn-focus-box-shadow);
    }
    /*----------------*/
    img {
      max-width: 100%;

    }
    .gallery {
        /*background-color: rgb(98, 98, 190);*/
        padding: 80px 0;
    }
    .gallery img{
      background-color: darkblue;
      padding: 5px;
      width: 100%;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
      cursor: pointer;
    }
.gallery-modal .modal-img{
  width: 100%;
}
   .list-group-item-success {
 
  --bs-list-group-border-color:  rgb(13, 56, 5);
   }
   .list-group-item-success2 {
    --bs-list-group-color: rgb(186, 240, 176);
    --bs-list-group-bg:  rgb(16, 83, 4);
    --bs-list-group-border-color:   rgb(16, 83, 4);
    --bs-list-group-action-hover-color:  rgb(186, 240, 176);
    --bs-list-group-action-hover-bg: rgb(16, 83, 4);
    --bs-list-group-action-active-color:   rgb(16, 83, 4);
    --bs-list-group-action-active-bg:  rgb(16, 83, 4);
    --bs-list-group-active-color: rgb(186, 240, 176);
    --bs-list-group-active-bg:  rgb(16, 83, 4);
    --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
  }
  .dropdown-item1 {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: rgb(16, 83, 4);;
    border: 2;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
  }
  .list-group-item-warning2 {
    --bs-list-group-color: rgb(240, 230, 176);
    --bs-list-group-bg:  rgb(126, 118, 9);
    --bs-list-group-border-color:   rgb(16, 83, 4);
    --bs-list-group-action-hover-color:  rgb(240, 230, 176);
    --bs-list-group-action-hover-bg: rgb(126, 118, 9);
    --bs-list-group-action-active-color:   rgb(16, 83, 4);
    --bs-list-group-action-active-bg:  rgb(126, 118, 9);
    --bs-list-group-active-color: rgb(240, 230, 176);
    --bs-list-group-active-bg:  rgb(126, 118, 9);
    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
  }
  .list-group-item-danger2 {
    --bs-list-group-color: rgb(240, 230, 176);
    --bs-list-group-bg:  rgb(126, 9, 9);
    --bs-list-group-border-color:   rgb(16, 83, 4);
    --bs-list-group-action-hover-color:  rgb(240, 230, 176);
    --bs-list-group-action-hover-bg: rgb(126, 9, 9);
    --bs-list-group-action-active-color:   rgb(16, 83, 4);
    --bs-list-group-action-active-bg:  rgb(126, 9, 9);
    --bs-list-group-active-color: rgb(240, 230, 176);
    --bs-list-group-active-bg:  rgb(126, 9, 9);
    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
  }

  .list-group-item-action1 {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit;
    background-color: #cfe1ee00;
  }
  .list-group-item-action1:focus,
  .list-group-item-action1:hover {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: #a79fee6e;
  }
  .list-group-item-action1:active {
    color: var(--bs-list-group-action-active-color);
    background-color: #252f4bad;
  }
  .list-group-item-action2 {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit;
    background-color: #cfe1ee00;
  }
  .list-group-item-action2:focus,
  .list-group-item-action2:hover {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: #9feec66e;
  }
  .list-group-item-action2:active {
    color: var(--bs-list-group-action-active-color);
    background-color: #254b2dad;
  }

  /* модальная картинка
  .port {
	padding: 5%;
}
.gallery-item {
	position: relative;
	box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.5);
}
/* overlay */

.gallery-item img {
	width: 100%;
}
.gallery-item .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 20px;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.5s ease;
}
.gallery-item:hover .overlay {
	opacity: 1;
}
.gallery-item .overlay h3 {
	font-size: 24px;
	margin-bottom: 10px;
}
.gallery-item .overlay p {
	font-size: 16px;
	margin-bottom: 20px;
}
.gallery-item .overlay .btn {
	font-size: 16px;
}
.modal {
	background: rgba(0, 0, 0, 0.8);
}
@media (max-width: 100%) {
	.gallery-item {
		margin-bottom: 30px;
	}
}
/*----------*/
.carousel-caption {
  position: absolute;
  right: 0.5%;
  bottom: 1.25rem;
  left: 0.5%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #fff;
  text-align: center;
}
.modal {
  
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 0.3rem;
  --bs-modal-header-padding: 0.75rem 1rem;
  --bs-modal-title-line-height: 0.5;
  --bs-modal-footer-gap: 0.1rem;
  
  
}
.modal-footer {
  
  padding: .35rem;
  
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) );
}
/*-----------------------------*/
.custom-file-label {
  overflow: hidden;
}

.custom-file-label::after {
  content: "Найти";
}

.panel-success {
  border-color: #29b74e;
}
.panel-success>.panel-heading {
  color: #fff;
  background-color: #2ecc71;
  border-color: #29b74e;
}

.jgrowl-error {
  background-color: #a94442 !important;
}

.jgrowl-success {
  background-color: #3c763d !important;
}

.jgrowl-warning {
  background-color: #8a6d3b !important;
}
.vr {
  
  margin: 0px;
  padding: 0px;
  
}
.telegram-button {
  position: fixed;
  right: 13px;
  bottom: 50px;
  transform: translate(-50%, -50%);
  background: #0088cc; /*цвет кнопки*/
  border-radius: 50%;
  width: 55px; /*ширина кнопки*/
  height: 55px; /*высота кнопки*/
  color: #fff;
  text-align: center;
  line-height: 53px; /*центровка иконки в кнопке*/
  font-size: 35px; /*размер иконки*/
  z-index: 9999;
}
.telegram-button a {
  color: #fff;
}
.telegram-button:before,
.telegram-button:after {
  content: " ";
  display: block;
  position: absolute;
  border: 50%;
  border: 1px solid #0088cc; /*цвет анимированных волн от кнопки*/
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: animate 1.5s linear infinite;
  opacity: 0;
  backface-visibility: hidden; 
}

.telegram-button:after{
  animation-delay: .5s;
}

@keyframes animate
{
  0%
  {
      transform: scale(0.5);
      opacity: 0;
  }
  50%
  {
      opacity: 1;
  }
  100%
  {
      transform: scale(1.2);
      opacity: 0;
  }
}
@media (max-width : 800px) {  
  .telegram-button {   
      bottom: 5px; /*отступ кнопки снизу от экрана*/
      left: 70px; /*отступ кнопки слева от экрана(right - справа)*/
    }
  }