.scroll_up {
  width: 60px;
  height: 60px;
  border: 2px solid;
  border-radius: 50%;
  position: relative;
  margin: 20px auto 35px auto;
  box-sizing: border-box;
}
.scroll_up_animation {
  animation: down-1 1.5s infinite;
}
.scroll_up::before {
  content: '';
  position: absolute;
  top: 15px;
  left: 18px;
  width: 18px;
  height: 18px;
  transform: rotate(45deg);
}
.scroll_up_color_white {
  border-color: #fff;
}
.scroll_up_color_white::before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.scroll_up_color_blue {
  border-color: #3198fa;
}
.scroll_up_color_blue::before {
  border-top: 2px solid #3198fa;
  border-right: 2px solid #3198fa;
}

.font-d {
  font-size: 1.3rem;
}

/* Footer Class */
.footerClass {
  padding-top: 48px;
  padding-bottom: 48px;
  border-top: 1px solid #d4d4d4;
  margin-top: 70px;
}

.flip-box {
  background-color: transparent;
  width: 300px;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
}
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-box:hover .flip-box-inner {
  transform: rotateX(180deg);
}
.flip-box-front,
.flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-box-front {
  background-color: #bbb;
  color: #000;
}
/*
.flip-box-back {
  background-color: #555;
  color: white;
  transform: rotateX(180deg);
}

   */

@charset "UTF-8";
.rounded-social-buttons {
  text-align: center;
}
.rounded-social-buttons .social-button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 3.125rem;
  height: 3.125rem;
  border: 0.125rem solid transparent;
  padding: 0;
  text-decoration: none;
  text-align: center;
  color: #fefefe;
  font-size: 1.5625rem;
  font-weight: normal;
  line-height: 2em;
  border-radius: 1.6875rem;
  transition: all 0.5s ease;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}
.rounded-social-buttons .social-button:hover,
.rounded-social-buttons .social-button:focus {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.rounded-social-buttons .social-button.facebook {
  background: #3b5998;
}
.rounded-social-buttons .social-button.facebook:before {
  font-family: "FontAwesome";
  content: "";
}
.rounded-social-buttons .social-button.facebook:hover,
.rounded-social-buttons .social-button.facebook:focus {
  color: #3b5998;
  background: #fefefe;
  border-color: #3b5998;
}
.rounded-social-buttons .social-button.twitter {
  background: #55acee;
}
.rounded-social-buttons .social-button.twitter:before {
  font-family: "FontAwesome";
  content: "";
}
.rounded-social-buttons .social-button.twitter:hover,
.rounded-social-buttons .social-button.twitter:focus {
  color: #55acee;
  background: #fefefe;
  border-color: #55acee;
}
.rounded-social-buttons .social-button.linkedin {
  background: #007bb5;
}
.rounded-social-buttons .social-button.linkedin:before {
  font-family: "FontAwesome";
  content: "";
}
.rounded-social-buttons .social-button.linkedin:hover,
.rounded-social-buttons .social-button.linkedin:focus {
  color: #007bb5;
  background: #fefefe;
  border-color: #007bb5;
}
.rounded-social-buttons .social-button.youtube {
  background: #b00;
}
.rounded-social-buttons .social-button.youtube:before {
  font-family: "FontAwesome";
  content: "";
}
.rounded-social-buttons .social-button.youtube:hover,
.rounded-social-buttons .social-button.youtube:focus {
  color: #b00;
  background: #fefefe;
  border-color: #b00;
}
.rounded-social-buttons .social-button.instagram {
  background: #125688;
}
.rounded-social-buttons .social-button.instagram:before {
  font-family: "FontAwesome";
  content: "";
}
.rounded-social-buttons .social-button.instagram:hover,
.rounded-social-buttons .social-button.instagram:focus {
  color: #125688;
  background: #fefefe;
  border-color: #125688;
}
.rounded-social-buttons .social-button.pinterest {
  background: #cb2027;
}
.rounded-social-buttons .social-button.pinterest:before {
  font-family: "FontAwesome";
  content: "";
}
.rounded-social-buttons .social-button.pinterest:hover,
.rounded-social-buttons .social-button.pinterest:focus {
  color: #cb2027;
  background: #fefefe;
  border-color: #cb2027;
}
.rounded-social-buttons .social-button.google-plus {
  background: #dd4b39;
}
.rounded-social-buttons .social-button.google-plus:before {
  font-family: "FontAwesome";
  content: "";
}
.rounded-social-buttons .social-button.google-plus:hover,
.rounded-social-buttons .social-button.google-plus:focus {
  color: #dd4b39;
  background: #fefefe;
  border-color: #dd4b39;
}
.rounded-social-buttons .social-button.github {
  background: #000;
}
.rounded-social-buttons .social-button.github:before {
  font-family: "FontAwesome";
  content: "";
}
.rounded-social-buttons .social-button.github:hover,
.rounded-social-buttons .social-button.github:focus {
  color: #000;
  background: #fefefe;
  border-color: #000;
}
.rounded-social-buttons .social-button.tumblr {
  background: #32506d;
}
.rounded-social-buttons .social-button.tumblr:before {
  font-family: "FontAwesome";
  content: "";
}
.rounded-social-buttons .social-button.tumblr:hover,
.rounded-social-buttons .social-button.tumblr:focus {
  color: #32506d;
  background: #fefefe;
  border-color: #32506d;
}

.stats-list-positive {
  color: #2cc439;
}
.stats-list-negative {
  color: #cc4b37;
}
.BaseFace {
  color: #1e88e5;
  text-decoration: underline;
}
.BaseFaceA {
  color: #2ba6cb;
  text-decoration: none;
  cursor: pointer;
}

.alert-callout-border {
  width: 100%;
  padding: 1.3rem;
  border-left-width: 0.3125rem;
  border-left-color: #cacaca;
}
.alert-callout-border strong {
  color: #0a0a0a;
}
.alert-callout-border .close-button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.alert-callout-border.radius {
  border-radius: 0.6rem;
}
.alert-callout-border.primary {
  border-left-color: #1779ba;
}
.alert-callout-border.primary strong {
  color: #1779ba;
}
.alert-callout-border.secondary {
  border-left-color: #767676;
}
.alert-callout-border.secondary strong {
  color: #767676;
}
.alert-callout-border.alert {
  border-left-color: #cc4b37;
}
.alert-callout-border.alert strong {
  color: #cc4b37;
}
.alert-callout-border.success {
  border-left-color: #3adb76;
}
.alert-callout-border.success strong {
  color: #3adb76;
}
.alert-callout-border.warning {
  border-left-color: #ffae00;
}
.alert-callout-border.warning strong {
  color: #ffae00;
}
.hdisplay {
  display: none;
}
.zposishin {
  z-index: 10;
  position: absolute;
  right: 10px;
  top: 5rem;
}
.errorCollout {
  width: 550px;
}

/*
Мои стили +NIB

 */
.cursorde {
  cursor: pointer;
}
/*
* justifiedGallery - v3.8.1
* http://miromannino.github.io/Justified-Gallery/
* Copyright (c) 2020 Miro Mannino
* Licensed under the MIT license.
*/
.justified-gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure {
  position: absolute;
  display: inline-block;
  overflow: hidden;
/* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
  filter: "alpha(opacity=10)";
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
  margin: 0;
  padding: 0;
}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > figure > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img,
.justified-gallery > figure > a > img,
.justified-gallery > a > svg,
.justified-gallery > div > svg,
.justified-gallery > figure > svg,
.justified-gallery > a > a > svg,
.justified-gallery > div > a > svg,
.justified-gallery > figure > a > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  border: none;
  filter: "alpha(opacity=0)";
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.justified-gallery > a > .jg-caption,
.justified-gallery > div > .jg-caption,
.justified-gallery > figure > .jg-caption {
  display: none;
  position: absolute;
  bottom: 0;
  padding: 5px;
  background-color: #000;
  left: 0;
  right: 0;
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  font-family: sans-serif;
}
.justified-gallery > a > .jg-caption.jg-caption-visible,
.justified-gallery > div > .jg-caption.jg-caption-visible,
.justified-gallery > figure > .jg-caption.jg-caption-visible {
  display: initial;
  filter: "alpha(opacity=70)";
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -webkit-transition: opacity 500ms ease-in;
  -moz-transition: opacity 500ms ease-in;
  -o-transition: opacity 500ms ease-in;
  -webkit-transition: opacity 500ms ease-in;
  -moz-transition: opacity 500ms ease-in;
  -o-transition: opacity 500ms ease-in;
  -ms-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
.justified-gallery > .jg-entry-visible {
  filter: "alpha(opacity=100)";
  opacity: 1;
  -ms-filter: none;
  filter: none;
  background: none;
}
.justified-gallery > .jg-entry-visible > img,
.justified-gallery > .jg-entry-visible > a > img,
.justified-gallery > .jg-entry-visible > svg,
.justified-gallery > .jg-entry-visible > a > svg {
  filter: "alpha(opacity=100)";
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 500ms ease-in;
  -moz-transition: opacity 500ms ease-in;
  -o-transition: opacity 500ms ease-in;
  -webkit-transition: opacity 500ms ease-in;
  -moz-transition: opacity 500ms ease-in;
  -o-transition: opacity 500ms ease-in;
  -ms-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
.justified-gallery > .jg-filtered {
  display: none;
}
.justified-gallery > .jg-spinner {
  position: absolute;
  bottom: 0;
  margin-left: -24px;
  padding: 10px 0 10px 0;
  left: 50%;
  filter: "alpha(opacity=100)";
  opacity: 1;
  -ms-filter: none;
  filter: none;
  overflow: initial;
}
.justified-gallery > .jg-spinner > span {
  display: inline-block;
  filter: "alpha(opacity=0)";
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  width: 8px;
  height: 8px;
  margin: 0 4px 0 4px;
  background-color: #000;
  border-radius: 6px;
}
.bcolor {
  background-color: #f5f5f5;
}

/*Стили для таблицы*/
@media screen and (max-width: 1024px) {
  table {
    border: 0;
  }
  table thead {
    display: none;
  }
  table td.mino {
    display: none;
  }
  table tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 2px solid #a0a0a0;
  }
  table td {
    display: block;
    text-align: right;
/*  font-size: 16px; */
    border: 0;
    border-bottom: 1px dotted #a0a0a0;
    width: 100%;
  }
  table td:last-child {
    border-bottom: 0;
  }
  table td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    padding: 0 8px;
    background: #eee;
  }
}

/* Фиксированное меню вверху с использованием класса sticky */
.topbar-responsive {
  background: #fff;
  padding: 1rem 1.5rem;
}
.topbar-responsive.sticky {
  position: sticky;
  top: 0; /* Устанавливаем меню в верхнюю часть */
  z-index: 1000; /* Убедимся, что меню будет поверх остального контента */
}
/* Отступ от контента */
.grid-content {
  padding-top: 650px; /* Отступ сверху для контента, чтобы он не перекрывался меню */
}
.topbar-responsive .topbar-responsive-logo {
  color: #000; /* Логотип черного цвета */
  vertical-align: middle;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.topbar-responsive .menu {
  background: #fff;
}
.topbar-responsive .menu li:last-of-type {
  margin-right: 0;
}
.topbar-responsive .menu a {
  color: #000; /* Черный цвет ссылок */
  text-decoration: underline; /* Подчеркивание по умолчанию */
  transition: color 0.15s ease-in, text-decoration 0.15s ease-in; /* Плавный переход */
}
.topbar-responsive .menu a:hover {
  color: #e10600; /* Красный цвет при наведении */
  text-decoration: none; /* Убираем подчеркивание при наведении */
}
@media screen and (max-width: 39.9375em) {
  .topbar-responsive .menu a {
    padding: 0.875rem 0;
  }
}
.topbar-responsive .menu .topbar-responsive-button {
  color: #000; /* Черный цвет кнопки */
  border-color: #000;
  border-radius: 5000px;
  transition: color 0.15s ease-in, border-color 0.15s ease-in;
}
.topbar-responsive .menu .topbar-responsive-button:hover {
  color: #e10600; /* Красный цвет кнопки при наведении */
  border-color: #e10600;
}
@media screen and (max-width: 39.9375em) {
  .topbar-responsive .menu .topbar-responsive-button {
    width: 100%;
    margin: 0.875rem 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .topbar-responsive {
    padding: 0.75rem;
  }
  .topbar-responsive .top-bar-title {
    position: relative;
    width: 100%;
  }
  .topbar-responsive .top-bar-title span {
    position: absolute;
    right: 0;
    border: 1px solid #fefefe;
    border-radius: 5px;
    padding: 0.25rem 0.45rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .topbar-responsive .top-bar-title span .menu-icon {
    margin-bottom: 4px;
  }
}
/* Стиль для кнопки меню */
.menu-button {
  cursor: pointer;
  font-size: 24px; /* Размер кнопки */
  margin-right: 10px;
}
#offCanvas_a {
  z-index: 1100; /* Устанавливаем выше тулбара */
}
.menu-a a {
  outline: none; /* Убираем синий бордюр (outline) */
  border: none; /* Убираем возможную рамку */
  text-decoration: none; /* Убираем подчеркивание */
}
.menu-a a:focus {
  outline: none; /* Убираем бордюр при фокусе */
}