html {
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.4;
  color: #85A150;
  color: #8498c5;
  color: #000A21;
  color: #210600;
  color: #162100;
  color: #000A21;
}

body {
  padding-top: 80px !important;
}
body.is_admin {
  padding-top: 135px !important;
}
@media (max-width: 613px) {
  body .user-logged-in {
    padding-top: 130px !important;
  }
}

h1 {
  font-size: 40px;
  line-height: 1.4;
}

h2 {
  line-height: 1.4;
}
h2 .white {
  color: #fff;
}
h2 .dark {
  color: #000f26;
}

h3 {
  font-size: 30px;
  margin: 20px 40px 40px;
  line-height: 1.4;
  color: #274075;
}

h4,
h5 {
  font-size: 22px;
  margin: 20px 40px 40px;
  line-height: 1.4;
  color: #274075;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
h4::after,
h5::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000f26;
  position: absolute;
  left: 0;
  bottom: -10px;
  z-index: 3;
}

h5 {
  font-size: 18px;
}
h5::after {
  bottom: -6px;
}

p {
  margin: 0 0 0.75rem;
  font-size: 18px;
  line-height: 1.8;
  font-family: Roboto Condensed Light;
}

ul {
  list-style: inside;
  line-height: 1.8;
  font-family: Roboto Condensed Light;
}
ul li {
  line-height: 1.8;
  padding: 8px 0;
}

ol {
  list-style: auto;
}
ol li {
  line-height: 1.8;
  padding: 8px 0;
}

ul.toolbar-menu li {
  padding: 0;
}

button {
  line-height: 1.4;
}
button:hover {
  background: #274075;
  color: #fff;
}

a {
  color: #000a21;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  line-height: 1.4;
}
a.underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  background: #000a21;
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
  transform: translate3d(-100%, 0, 0);
}
@media (max-width: 800px) {
  a.underline::after {
    height: 0;
  }
}
a.underline:hover::after, a.underline:focus::after {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.paragraph {
  position: relative;
}

section.container {
  margin: 0 auto;
  padding: 0;
}

.block-views {
  padding: 0 20px;
}

header.header_decorated {
  background: url(../img/fill.svg) no-repeat;
  background-size: cover;
  color: #fff;
  margin-top: 0;
  padding: 0;
}
header.header_decorated h1 {
  max-width: 1440px !important;
  margin: 0 auto;
  padding: 35px 0;
  font-size: 36px;
  font-family: "Roboto Condensed Light";
}

.decor {
  position: relative;
}
.decor:after {
  background: url(../img/decor.svg);
  padding-top: 9.2vw;
}

.white {
  color: #fff;
}

.dark {
  color: #000f26;
}

.blue {
  color: #274075;
}

input[type=checkbox][value="1"] {
  color: #85A150;
}

button,
.btn {
  border: 1px solid #274075;
}

.block-views-blockbbb-entities-block-my-bbb-entities h3,
.block-views-blockbbb-entities-block-group-bbb-entities h3 {
  margin: 0;
}

.bbb-groups-invite-users .invite_users_link {
  margin: 0;
  font-size: 20px;
}

.site-footer, .header_decorated, .bottom {
  width: 100%;
}

@media (max-width: 900px) {
  body.is_admin {
    padding-top: 120px !important;
  }
  .is_admin .user-account-icon, .is_admin nav.navbar {
    top: 40px;
  }
}
.tooltip-inner {
  background-color: #fff;
}

.node--promoted .card__body {
  display: block;
}
.node--promoted .card__body img {
  margin: 10px 20px 0 0;
  transition: transform 0.3s ease;
  cursor: pointer;
  border: 1px solid black;
}
.node--promoted .card__body img.scaled {
  max-width: 25%;
  margin: 0 auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.59);
  transform: scale(1.7);
  position: fixed;
  z-index: 1565;
  left: 35vw;
  top: 30vh;
}

section.container {
  max-width: 100%;
}

.region--content {
  max-width: 1440px;
  margin: 0 auto;
}

.region--title {
  background: url(../img/fill.svg) no-repeat;
  background-size: cover;
  color: #fff;
  margin-top: 0;
}
.region--title section,
.region--title .section-title {
  max-width: 1440px !important;
  margin: 0 auto;
  padding: 35px 0;
  font-size: 36px;
  font-family: "Roboto Condensed Light";
}
@media (max-width: 1440px) {
  .region--title section,
  .region--title .section-title {
    margin: 0 20px;
  }
}

.content-container {
  margin: 0 auto;
  max-width: 1440px;
  display: flex;
  width: 100%;
}

section::-webkit-scrollbar,
div::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
section::-webkit-scrollbar-track,
div::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
section::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background-color: #004073;
  outline: 0.1px solid #004073;
}

#toolbar-administration {
  z-index: 1000 !important;
}
#toolbar-administration span {
  padding: 15px 2.25em 0 3em;
  height: 100%;
}

.user-logged-in .navbar .container--navbar {
  max-width: unset;
}
.user-logged-in .navbar .container--navbar #main-navigation {
  flex-basis: unset;
}
@media (max-width: 899px) {
  .user-logged-in .navbar .container--navbar #main-navigation {
    flex-basis: 100%;
    order: 10;
  }
}
.user-logged-in .navbar h2 {
  display: block;
}

.is_admin nav.navbar {
  top: 53px;
}
@media (max-width: 899px) {
  .is_admin nav.navbar {
    top: 40px;
  }
}
.is_admin .navbar-user .navbar-nav {
  top: 132px !important;
}
@media (max-width: 899px) {
  .is_admin .navbar-user .navbar-nav {
    top: 150px !important;
  }
}

nav.navbar {
  top: 0;
  background: #fff;
  width: 100%;
  z-index: 999 !important;
}
nav.navbar h2 {
  display: none;
}
@media (max-width: 899px) {
  nav.navbar {
    position: fixed !important;
  }
}
@media (max-width: 455px) {
  nav.navbar a {
    font-size: 16px !important;
  }
}
@media (max-width: 899px) {
  nav.navbar .menu-main {
    background: #fff;
    width: 100%;
    height: 100vh;
    z-index: 1000;
    overflow: auto;
    left: 0;
  }
}
nav.navbar #main-navigation {
  flex-basis: 100%;
}
@media (max-width: 899px) {
  nav.navbar #main-navigation li {
    border-bottom: 1px solid #274075;
    margin: 0 10px;
  }
}
@media (min-width: 801px) {
  nav.navbar #main-navigation {
    order: 0;
  }
}
nav.navbar .container--navbar {
  min-height: 80px;
  display: flex;
  flex-basis: 100%;
  align-items: center;
}
@media (max-width: 900px) {
  nav.navbar .container--navbar #block-bpk-create-conference-minimal {
    order: 4;
  }
  nav.navbar .container--navbar .block--user-menu {
    order: 3;
    padding: 0;
  }
}
nav.navbar .navbar-toggle {
  color: #000A21;
  min-width: 0px;
  display: flex;
  align-items: center;
  width: 40px;
  padding-left: 6px;
}
@media (min-width: 901px) {
  nav.navbar .navbar-toggle {
    display: none;
  }
}
nav.navbar .navbar-toggle:hover {
  background-color: #fff;
}
nav.navbar #block-bpk-sitebranding {
  display: flex;
  align-items: center;
}
nav.navbar #block-bpk-sitebranding img {
  height: 20px;
  width: auto;
}
@media (max-width: 900px) {
  nav.navbar #block-bpk-sitebranding img {
    max-width: 160px;
  }
}
nav.navbar ul li a,
nav.navbar ul li.expanded {
  color: #000A21;
  fill: #000A21;
  padding: 10px;
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
nav.navbar ul li a::after,
nav.navbar ul li.expanded::after {
  transition: 0.2s ease-out;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  background-color: #7288b8;
  opacity: 0;
}
@media (max-width: 900px) {
  nav.navbar ul li a::after,
  nav.navbar ul li.expanded::after {
    height: 0;
  }
}
nav.navbar ul li a:hover::after, nav.navbar ul li a:focus::after,
nav.navbar ul li.expanded:hover::after,
nav.navbar ul li.expanded:focus::after {
  opacity: 1;
}
nav.navbar ul li a:hover,
nav.navbar ul li.expanded:hover {
  color: #274076;
}
nav.navbar ul.main.open .caret {
  transform: rotate(180deg);
}
nav.navbar ul.main.open ul.dropdown-menu {
  display: flex;
  flex-direction: column;
}
nav.navbar ul.main.open ul.dropdown-menu a {
  position: relative;
}
nav.navbar svg {
  fill: #000A21;
}
nav svg {
  fill: #000A21;
}
nav .profile img {
  border-radius: 50%;
  border: 0.1px solid #fff;
  overflow: hidden;
}
nav .dropdown-menu li {
  padding: 0;
}

.navbar-nav__icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  pointer-events: none;
}

@media (max-width: 900px) {
  li.expanded.dropdown.dropdown-toggle {
    font-size: 0;
  }
}

@media (max-width: 900px) {
  .caret {
    display: none;
  }
}

#menu-button-icon {
  transition: 0.1s ease-out;
}

.menu-button-icon,
.menu-button-icon::before,
.menu-button-icon::after {
  display: block;
  position: absolute;
  width: 70%;
  height: 2px;
  background-color: #004073;
}

.menu-button-icon::before {
  content: "";
  top: -8px;
  width: 100%;
}

.menu-button-icon::after {
  content: "";
  top: 8px;
}

.menu-button-clicked,
.menu-button-clicked::before,
.menu-button-clicked::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #004073;
  transform: rotate(45deg);
  left: 0;
}

.menu-button-clicked::before {
  content: "";
  top: 0;
  transform: rotate(0);
}

.menu-button-clicked::after {
  content: "";
  transform: rotate(90deg);
}

.navbar-secondary .navbar-nav {
  margin-top: 15px;
  padding: 10px 0;
}
.navbar-secondary ul {
  margin: 0;
}

.block--user-menu {
  position: relative;
  cursor: pointer;
  padding: 16px 0 16px 0;
}
@media (min-width: 901px) {
  .block--user-menu {
    margin-left: 10px;
  }
}
.block--user-menu:hover h2, .block--user-menu:hover .avatar_container .user_avatar .user_name {
  color: #274075;
}
.block--user-menu:hover .navbar-user .navbar-nav {
  transition: max-height 0.3s ease-in-out;
  max-height: 100%;
}
@media (max-width: 900px) {
  .block--user-menu {
    margin-left: auto;
    margin-right: 10px;
    z-index: 1200;
    position: absolute;
    top: 0;
    right: 0;
  }
}
.block--user-menu h2 {
  position: relative;
  margin: 0;
  margin-right: 0;
  font-family: Roboto Condensed Light;
  color: #000A21;
  fill: #000A21;
  padding: 10px;
  text-decoration: none;
  font-size: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 899px) {
  .block--user-menu h2 {
    display: none !important;
  }
}

@media (min-width: 403px) {
  #block-bpk-site-branding {
    padding-left: 0px;
  }
}
@media (max-width: 900px) {
  #block-bpk-site-branding {
    margin-right: auto;
    width: 65%;
    display: flex;
  }
}

@media (max-width: 899px) {
  .user-logged-in .user-account-icon {
    margin: 5px 10px;
  }
}

@media (max-width: 900px) {
  .profile.not-logged-in .menu.nav.navbar-nav {
    top: 0;
    display: block;
    box-shadow: none;
    background: transparent;
  }
}

@media (max-width: 900px) {
  .is_admin .menu.nav.navbar-nav {
    top: 80px;
  }
}

@media (max-width: 900px) {
  .navbar-user {
    flex-direction: column;
  }
  .navbar-user .menu.nav.navbar-nav {
    top: 110px;
    display: none;
    position: fixed;
    right: 0px;
    background: rgb(255, 255, 255);
    box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  }
  .navbar-user .menu.nav.navbar-nav li {
    border-bottom: 1px solid #274075;
    padding: 10px;
    margin: 5px;
  }
  .navbar-user.not-logged-in .menu.nav.navbar-nav {
    display: block;
    top: 0;
    box-shadow: none;
    background: transparent;
  }
}
.navbar-user li {
  padding: 0;
}

.create-conference-minimal a {
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
}
.create-conference-minimal a:hover {
  transition: background-color 0.3s ease-out;
}

@media (max-width: 900px) {
  #block-bpk-create-conference-minimal {
    width: 45%;
    margin: 0 auto;
  }
  #block-bpk-create-conference-minimal li {
    margin: 0 auto;
    width: 100%;
  }
  #block-bpk-create-conference-minimal li a {
    text-align: center;
    display: block;
  }
}

@media (max-width: 900px) {
  .is_admin nav.navbar-secondary {
    display: none;
  }
}

@media (max-width: 900px) {
  .path-zvonok #block-bpk-create-conference-minimal {
    display: none;
  }
}

@media (max-width: 900px) {
  #block-bpk-conferences {
    width: 45%;
    margin: 0 auto;
  }
  #block-bpk-conferences .menu-conferences {
    display: flex;
    justify-content: center;
  }
  #block-bpk-conferences .menu-conferences ul, #block-bpk-conferences .menu-conferences li {
    width: 100%;
  }
  #block-bpk-conferences .menu-conferences a {
    display: block;
    text-align: center;
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
    color: #000A21;
  }
}

.navbar-user {
  display: block;
}
.navbar-user .navbar-nav {
  position: relative;
}

.user-logged-in .navbar-user .navbar-nav {
  transition: max-height 0.2s ease;
  max-height: 0;
  overflow: hidden;
  top: 78px;
  margin: 0;
  padding: 0 10px 0 10px;
  position: fixed;
  right: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  background-color: #fff;
  box-shadow: -3px 5px 9px -3px rgba(0, 0, 0, 0.75);
}
@media (max-width: 900px) {
  .user-logged-in .navbar-user .navbar-nav {
    padding: 0;
    margin: 0;
  }
}
.user-logged-in .navbar-user .navbar-nav li > a {
  padding: 10px;
}
@media (max-width: 800px) {
  .user-logged-in .navbar-user .navbar-nav li > a {
    padding: 5px;
    height: unset;
  }
}
@media (max-width: 800px) {
  .user-logged-in .navbar-user .navbar-nav ul {
    margin: 0;
    padding-left: 0;
  }
}

.block--user-menu {
  display: flex;
}
@media (max-width: 900px) {
  .block--user-menu {
    top: 10px;
  }
}
.block--user-menu .avatar_container {
  display: flex;
  cursor: pointer;
}
.block--user-menu .avatar_container .user_avatar {
  display: flex;
  margin: auto;
}
@media (max-width: 900px) {
  .block--user-menu .avatar_container .user_avatar {
    display: flex;
    align-items: flex-end;
    position: relative;
  }
}
@media (max-width: 450px) {
  .block--user-menu .avatar_container .user_avatar .user-account-icon,
  .block--user-menu .avatar_container .user_avatar .user_name {
    margin: auto 2px !important;
  }
}
.block--user-menu .avatar_container .user_avatar img {
  width: 40px;
  height: auto;
  border-radius: 50%;
}
.block--user-menu .avatar_container .user_avatar .user_name {
  margin: auto 10px;
  color: #000A21;
  font-size: 20px;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 901px) and (max-width: 1280px) {
  .block--user-menu .avatar_container .user_avatar .user_name {
    max-width: 100px;
  }
}
@media (min-width: 601px) and (max-width: 900px) {
  .block--user-menu .avatar_container .user_avatar .user_name {
    max-width: 200px;
  }
}
@media (max-width: 600px) {
  .block--user-menu .avatar_container .user_avatar .user_name {
    max-width: 100px;
  }
}
.block--user-menu .avatar_container::after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000A21;
  transition: transform 0.3s ease-in-out;
  margin: auto 0;
}

.menu-account .account {
  display: flex;
}
.menu-account .account li a {
  color: #f3f3f3;
  fill: #f3f3f3;
  padding: 13px 10px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}
.menu-account .account li a:hover {
  background: #1438a6;
}

.user-login #block-bpk-content h2 {
  font-size: 25px;
  margin: 20px 0;
  padding: 0;
  color: #000a21;
}

form.social-user-login-form, .user-login-form {
  width: 100%;
}
form.social-user-login-form .form-control, .user-login-form .form-control {
  max-width: unset;
}
form.social-user-login-form .form-actions .button, .user-login-form .form-actions .button {
  background: #274075;
  color: #f3f3f3;
  border: 1px solid #274075;
  margin-left: unset;
  width: 100%;
  line-height: 3;
}
form.social-user-login-form .form-actions .button:hover, .user-login-form .form-actions .button:hover {
  color: #274075;
  background: transparent;
}
form.social-user-login-form .card__nested-section, .user-login-form .card__nested-section {
  float: right;
}

.view-newest-users .teaser__image {
  flex: unset;
}
.view-newest-users .teaser__image a {
  position: unset;
}
.view-newest-users .teaser__teaser-type-icon {
  fill: #274075;
}
.view-newest-users .card__link {
  position: relative;
  margin: 14px 0;
}
.view-newest-users .card__link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  background-color: #7288b8;
  opacity: 0;
}
@media (max-width: 800px) {
  .view-newest-users .card__link::after {
    height: 0;
  }
}
.view-newest-users .card__link:hover::after, .view-newest-users .card__link:focus::after {
  opacity: 1;
}
.view-newest-users .card__link:hover {
  color: #274075;
}

.path-profile .main-container,
.user_page .main-container {
  padding-top: 0;
}
.path-profile h4 svg,
.user_page h4 svg {
  width: 15px;
  height: auto;
  margin-left: 20px;
}
.path-profile .region--complementary,
.user_page .region--complementary {
  max-width: 480px;
  margin-right: auto;
  margin-top: 20px;
}
.path-profile .region--complementary .block-system,
.user_page .region--complementary .block-system {
  margin-bottom: 20px;
}
.path-profile .region--complementary .block-system h2,
.user_page .region--complementary .block-system h2 {
  margin: 20px;
  font-size: 25px;
}
.path-profile .region--content,
.user_page .region--content {
  max-width: 960px !important;
  margin-left: auto;
  margin-right: 0;
  margin-top: 20px;
}
.path-profile .tarife,
.user_page .tarife {
  width: 100%;
}
.path-profile .tarife.open table,
.user_page .tarife.open table {
  display: table;
}
.path-profile .tarife.open h4 svg,
.user_page .tarife.open h4 svg {
  transform: rotate(180);
}
.path-profile .tarife table,
.user_page .tarife table {
  display: none;
}
.path-profile .tarife th,
.user_page .tarife th {
  width: 95%;
}
.path-profile .card,
.user_page .card {
  padding: 20px 20px 50px;
}
.path-profile .card h4.tarife,
.user_page .card h4.tarife {
  margin: 0;
  padding: 10px 40px;
}
.path-profile .card .list-item, .path-profile .card .items,
.user_page .card .list-item,
.user_page .card .items {
  padding-left: 40px;
  padding-right: 40px;
}
.path-profile .card .list-item h4, .path-profile .card .items h4,
.user_page .card .list-item h4,
.user_page .card .items h4 {
  overflow: hidden;
  margin: 0 !important;
}
.path-profile .card .list-item .list-item__label, .path-profile .card .items .list-item__label,
.user_page .card .list-item .list-item__label,
.user_page .card .items .list-item__label {
  margin-right: 0;
  flex-basis: 100%;
  padding: 2px 0;
}
.path-profile .card .list-item .list-item__label::after, .path-profile .card .items .list-item__label::after,
.user_page .card .list-item .list-item__label::after,
.user_page .card .items .list-item__label::after {
  content: ":";
}
.path-profile .card .list-item .flist-item__text,
.path-profile .card .list-item .list-item__text, .path-profile .card .items .flist-item__text,
.path-profile .card .items .list-item__text,
.user_page .card .list-item .flist-item__text,
.user_page .card .list-item .list-item__text,
.user_page .card .items .flist-item__text,
.user_page .card .items .list-item__text {
  font-size: 16px !important;
  color: #274075;
}
.path-profile #block-bpk-create-conference-profile .create-conference-minimal li,
.user_page #block-bpk-create-conference-profile .create-conference-minimal li {
  padding: 0;
}
.path-profile #block-bpk-create-conference-profile .create-conference-minimal li, .path-profile #block-bpk-create-conference-profile .create-conference-minimal a,
.user_page #block-bpk-create-conference-profile .create-conference-minimal li,
.user_page #block-bpk-create-conference-profile .create-conference-minimal a {
  width: 100%;
  text-align: center;
}
.path-profile #block-bpk-create-conference-profile .create-conference-minimal a,
.user_page #block-bpk-create-conference-profile .create-conference-minimal a {
  display: block;
  font-size: 20px;
  font-weight: 300;
  width: 100%;
  background: #274075;
  color: #fff;
  cursor: pointer;
  text-align: center;
  padding: 20px;
  border: 1px solid #274075;
  transition: 0.3s ease-out;
}
.path-profile #block-bpk-create-conference-profile .create-conference-minimal a:hover,
.user_page #block-bpk-create-conference-profile .create-conference-minimal a:hover {
  background: #fff;
  color: #274075;
}
.path-profile #block-block-my-bbb-entities,
.user_page #block-block-my-bbb-entities {
  padding: 0;
}
.path-profile #block-block-my-bbb-entities .item-list,
.user_page #block-block-my-bbb-entities .item-list {
  padding: 0;
}
.path-profile .block-views-blockuser-groups-block-users-groups h2,
.user_page .block-views-blockuser-groups-block-users-groups h2 {
  padding-left: 10px;
}

.circle {
  margin: auto;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
}
.circle .items {
  padding: 0 !important;
}
.circle img {
  width: 200px;
  height: 200px;
}
.circle svg {
  width: 200px;
  height: 200px;
}

.user_page .block-system h2 {
  margin-left: 0;
}
@media (max-width: 800px) {
  .user_page .block-system h2 {
    font-size: 20px;
  }
}
.user_page .card {
  box-shadow: none;
}
.user_page .card__title {
  padding-left: 0 !important;
}
.user_page section.container {
  align-items: center;
  justify-content: center;
  margin: 40px auto;
  margin-bottom: 20px;
  flex-direction: column;
}
.user_page button {
  width: 100%;
}
.user_page .control-label {
  padding: 5px;
}
.user_page section#block-bpk-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}
.user_page section#block-bpk-content h4 {
  margin-left: 0;
}

.webform-button--submit, .btn-default, .btn-raised {
  background: #274075;
  color: #f3f3f3;
  border: 1px solid #274075;
  margin-left: unset;
  width: 100%;
  line-height: 3;
}
.webform-button--submit:hover, .btn-default:hover, .btn-raised:hover {
  color: #274075;
  background: transparent;
}

.region--content {
  width: 100%;
  padding: 0;
}

.region--secondary-navigation {
  margin: 0;
}

.alert-dismissible .close {
  display: none;
}

.page--login-link-buttons {
  justify-content: center;
  display: flex;
  align-items: baseline;
  margin-bottom: 20px;
}
.page--login-link-buttons a {
  color: #274075;
}
.page--login-link-buttons p, .page--login-link-buttons a {
  margin: 0;
  padding: 0 10px;
}
@media (max-width: 600px) {
  .page--login-link-buttons p, .page--login-link-buttons a {
    font-size: 14px !important;
    padding: 0 4px;
  }
}
@media (max-width: 400px) {
  .page--login-link-buttons p, .page--login-link-buttons a {
    font-size: 10px !important;
    padding: 0 4px;
  }
}

.user-register-form .card {
  padding: 0;
}
.user-register-form .card__block {
  padding: 1.25rem 0;
}
.user-register-form .card__nested-section {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}
.user-register-form .password-confirm-message {
  padding: 10px 5px;
}
.user-register-form .control-label::after, .user-register-form .control-label::before {
  top: auto !important;
}

@media (max-width: 768px) {
  .user-logged-in.path-zvonok .user-account-icon {
    margin-bottom: 30px;
  }
  .user-logged-in.path-zvonok .user_name {
    bottom: 0;
  }
}

.path-user .region--content {
  margin: 0 auto;
}
.path-user .region--content #edit-profile-profiles-wrapper .panel-heading header {
  display: none;
}

.path-profile .edit-profile {
  flex-basis: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: 960px;
  padding: 0;
}
.path-profile .form-type-vertical-tabs {
  display: none;
}

.user-online-status {
  margin-bottom: 20px;
}
.user-online-status .label::after {
  content: "" !important;
}
.user-online-status .online {
  color: green;
}
.user-online-status .offline {
  color: red;
}

.page-node-type-home-page .main-container {
  margin-bottom: 0 !important;
}
.page-node-type-home-page section.container {
  max-width: 1440px;
  margin: 0 auto;
}
.page-node-type-home-page .region--content {
  max-width: 100% !important;
}
.page-node-type-home-page article {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.bg {
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0px 300px;
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1450px) {
  .bg {
    margin: 0 20px;
    flex-direction: column;
  }
}
@media (max-width: 850px) {
  .bg {
    margin: 0 20px;
    flex-direction: column;
    background-size: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 900px) {
  .user-logged-in #content {
    padding-top: 30px;
  }
}

#content {
  margin-bottom: 20px;
  min-height: 60vh;
  padding-top: 0;
}

#home_banner {
  position: relative;
  background: url(../img/fill.svg);
  background-size: cover;
  background-repeat: no-repeat;
  flex-basis: 100%;
}
#home_banner svg {
  height: 100%;
  width: 100%;
}
#home_banner svg g {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  fill: #fff;
}
#home_banner h1 {
  padding-left: 20px;
  color: #fff;
  font-size: 30px;
  width: 50%;
}
@media (max-width: 1300px) {
  #home_banner h1 {
    width: 100%;
  }
}
@media (max-width: 800px) {
  #home_banner h1 {
    font-size: 25px;
  }
}
#home_banner .button {
  background: #fff;
  border: none;
  font-size: 20px;
  margin: 20px;
  padding: 20px;
  position: relative;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  font-weight: normal;
}
@media (max-width: 800px) {
  #home_banner .button {
    font-size: 20px;
    padding: 15px;
    width: auto;
  }
}
#home_banner .button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  background-color: #7288b8;
  opacity: 0;
}
@media (max-width: 800px) {
  #home_banner .button::after {
    height: 0;
  }
}
#home_banner .button:hover::after, #home_banner .button:focus::after {
  opacity: 1;
}
#home_banner .button:hover {
  color: #274076;
}

.user-logged-in #home_banner .button {
  display: none;
}

#block-bpk-remotevideo {
  background: url(../img/fill.svg) no-repeat;
  background-size: cover;
  color: #fff;
}
#block-bpk-remotevideo .remote-video-container {
  display: flex;
}
#block-bpk-remotevideo .remote-video-container .remote-video {
  margin: auto;
  padding: 40px;
}
#block-bpk-remotevideo .remote-video-container .remote-video iframe {
  box-shadow: 0 0px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}

#app_store_links {
  display: flex;
  justify-content: center;
  width: 100%;
  box-shadow: 0 0px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}
#app_store_links section {
  width: 100%;
  max-width: 1440px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
#app_store_links section h2, #app_store_links section a {
  font-size: 30px;
  font-weight: 300;
  font-family: "Roboto Condensed Light";
  margin-bottom: 20px;
}
#app_store_links section svg {
  width: 80px;
  height: 80px;
}
#app_store_links section .field--item {
  width: 100%;
}
#app_store_links section .app_gallery_link,
#app_store_links section .file_download {
  width: auto;
}
#app_store_links section .paragraph--type--media-text-link {
  display: flex;
  gap: 10px;
  width: 100%;
}
#app_store_links section .paragraph--type--media-text-link .button {
  font-size: 20px;
  width: 100%;
  background: #004073;
  color: #fff;
  cursor: pointer;
  margin: 20px;
  text-align: center;
  padding: 20px;
  border: 1px solid #274075;
  transition: 0.3s ease-out;
}
#app_store_links section .paragraph--type--media-text-link .button:hover {
  background-color: #fff;
  color: #004073;
}
#app_store_links section .paragraph--type--media-text-link .media-linked {
  margin: auto;
}
#app_store_links .field--item.messanger_preview {
  width: 20%;
}
@media (max-width: 800px) {
  #app_store_links .field--item.messanger_preview {
    width: 100%;
  }
}
#app_store_links .field--item.messanger_preview .paragraph--type--media-item .field {
  margin: auto;
}
#app_store_links .field--item.messanger_preview .paragraph--type--media-item .field--item img {
  height: 35vh;
  width: auto;
  filter: drop-shadow(5px 5px 10px #4d4747);
}
#app_store_links .field--item.download_links {
  display: flex;
  width: 70%;
}
@media (max-width: 800px) {
  #app_store_links .field--item.download_links {
    width: 100%;
  }
}
#app_store_links .field--item.download_links #download_links {
  flex-wrap: wrap;
  margin: auto;
}

#block-bpk-clientsslider {
  box-shadow: none;
  -webkit-box-shadow: none;
  display: flex;
  padding: 20px;
  flex-basis: 100%;
  flex-shrink: 1;
  margin: 10px;
  overflow: hidden;
}
#block-bpk-clientsslider section {
  display: flex;
  justify-content: space-between;
  flex-basis: 100%;
}
#block-bpk-clientsslider svg {
  height: 70px;
  width: auto;
}
#block-bpk-clientsslider svg path.fil0 {
  fill: #00a1e4;
}
#block-bpk-clientsslider .swiper-slide {
  text-align: center;
}
#block-bpk-clientsslider .field-item {
  flex-grow: 1;
}

#home_navigation {
  position: relative;
  flex-basis: 100%;
}
#home_navigation .nav_items {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 40px;
}
@media (max-width: 1440px) {
  #home_navigation .nav_items {
    margin: 0 50px;
  }
}
@media (max-width: 850px) {
  #home_navigation .nav_items {
    justify-content: center;
    flex-wrap: wrap;
    position: static;
  }
}
#home_navigation .nav_item {
  margin: 0 auto;
  display: flex;
  flex-basis: 30%;
  flex-direction: column;
  background: #fff;
  align-items: center;
  position: relative;
  padding-bottom: 40px;
}
@media (max-width: 950px) {
  #home_navigation .nav_item {
    min-width: 250px;
    padding-bottom: 30px;
  }
}
#home_navigation h2 {
  text-align: center;
  padding: 10px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}
#home_navigation a {
  color: #fff;
  background: #004073;
  text-align: center;
  padding: 10px 0;
  position: absolute;
  bottom: 10px;
  right: 20px;
  left: 20px;
  margin-top: 10px;
  font-weight: 500;
  transition: 0.3s ease-out;
  border: 1px solid #274075 !important;
}
#home_navigation a:hover {
  color: #274075 !important;
  background: #fff;
}

.card {
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}
.card.webform {
  flex-direction: row;
}

.card__link {
  color: #274075;
}
.card__link a {
  color: #274075;
}

.card__body {
  flex-basis: 100%;
  justify-content: center;
  display: flex;
  flex-direction: column;
  max-width: 1080px;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  margin: 40px auto;
}

.card__title {
  color: #274075;
  font-size: 20px;
  padding-bottom: 10px;
}

[type=checkbox]:not(:checked) + label:after {
  top: 8px !important;
}

[type=radio]:checked + label:before {
  border: 2px solid #004276;
}

[type=checkbox]:checked + label:after {
  top: 8px !important;
}

[type=checkbox]:checked + label:before {
  top: 8px !important;
}

[type=checkbox]:checked + label:after,
[type=radio]:checked + label:after {
  background: #004276;
  border-color: #004276;
}

.form-control {
  color: #555555;
  background-color: #fff;
  border: 1px solid #adadad;
  border-radius: 5px;
  max-width: 1440px;
}

.js-media-library-views-form input.form-checkbox.form-control {
  z-index: 1;
  opacity: 1;
}

span.form-required {
  color: red;
}

form#bbb-enrollment-bbb-enrollments--2 {
  margin-top: 0;
}
form#bbb-enrollment-bbb-enrollments--2 .form-group {
  margin-bottom: 0;
}
form#bbb-enrollment-bbb-enrollments--2 .button {
  padding: 0;
}
form#bbb-enrollment-bbb-enrollments--2 .button#edit-remove-enroll--2:hover {
  border: 1px solid #cd495c;
  background-color: #cd495c;
  color: #fff;
}
form#bbb-enrollment-bbb-enrollments--2 .table-responsive {
  max-height: 400px;
  overflow: scroll;
  margin-bottom: 10px;
}
form#bbb-enrollment-bbb-enrollments--2 .table-responsive .bpk_checkboxes {
  margin-top: 0;
}
form:not(.layout-builder-configure-block) .radio label.option {
  margin: 8px 0 8px;
  padding: 0 0 0px 30px;
}
form:not(.layout-builder-configure-block) select[multiple],
form:not(.layout-builder-configure-block) select[size] {
  resize: vertical;
}
form .element_wrapper {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
form svg.described {
  fill: #91c8f6;
}
form .panel-heading {
  font-size: 22px;
  margin: 20px 0;
  line-height: 1.4;
  color: #274075;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
form .panel-heading .panel-title {
  font-size: 20px;
}
form .panel-heading header::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000f26;
  position: absolute;
  left: 0;
  bottom: -10px;
  z-index: 3;
}
form .field-group-fieldset,
form .fieldgroup,
form .field-group-details {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  padding: 20px;
  margin: 20px 0;
  transition: 0.3s ease;
}
form .field-group-fieldset:hover,
form .fieldgroup:hover,
form .field-group-details:hover {
  box-shadow: 0 -1px 0 #e0e0e0, 0 3px 6px rgba(0, 0, 0, 0.08), 0 5px 9px rgba(0, 0, 0, 0.16);
}
form .button {
  width: 100%;
  padding: 16px;
}

.help-block {
  display: block;
  margin-top: 5px;
  font-size: 18px;
  color: #464545;
  background: #d6e8f7;
  position: absolute;
  border-bottom: 1px solid #464545;
  z-index: 1;
  padding: 20px;
  font-family: Roboto Condensed Light;
  left: 0;
  width: 100%;
  display: none;
}

.page-node-type-webform .card.webform {
  box-shadow: none;
}
.page-node-type-webform .card.webform .body-text p {
  margin: 0 20px 20px 0;
  padding: 0;
  font-size: 25px;
}

table.bpk_checkboxes {
  margin-top: 40px;
  overflow-x: scroll;
}
table.bpk_checkboxes .select-all {
  position: relative;
  width: 0;
}
table.bpk_checkboxes .select-all input:checked + label::before {
  left: 20px;
}
table.bpk_checkboxes .select-all label span {
  display: none;
}
table.bpk_checkboxes .select-all label::after {
  left: 20px;
}
table.bpk_checkboxes .select-all label::before {
  left: 20px;
}
table.bpk_checkboxes .checkbox label {
  overflow: visible;
}
table.bpk_checkboxes .checkbox label::after {
  top: -10px !important;
}
table.bpk_checkboxes .checkbox label::before {
  top: -10px !important;
}

.vertical-tabs-list .vertical-tab-button {
  border-right: 1px solid #274075;
}
.vertical-tabs-list .vertical-tab-button.active {
  border: 1px solid #274075;
  border-right: none;
}

.block-bbb-access-new-link-generator {
  margin: 20px 0;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}
.block-bbb-access-new-link-generator form .form-actions.form-group,
.block-bbb-access-new-link-generator form .btn {
  margin: 0;
}

#bbb-enrollment-bbb-enrollments {
  display: flex;
  flex-direction: column;
}
#bbb-enrollment-bbb-enrollments #edit-actions--2 {
  order: 10;
}

.alert-success {
  background: #85A150;
  color: #fff;
  width: 100%;
}

.alert-danger {
  background: #f95656;
  color: #fff;
  width: 100%;
}

.alert-warning p {
  background: #ee5324;
  padding: 16px;
  color: #fff;
}

#blue_nav {
  display: flex;
  background-size: cover;
  flex-basis: 50%;
}
#blue_nav section {
  display: flex;
  justify-content: space-between;
  flex-basis: 100%;
}
@media (max-width: 900px) {
  #blue_nav section {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
  }
}
#blue_nav .field--item {
  padding: 12px 20px;
  flex-grow: 1;
  flex-basis: min-content;
}
#blue_nav .field--item h3 {
  transition: 0.3s;
}
#blue_nav .field--item h3:hover {
  color: #274075;
}
@media (max-width: 900px) {
  #blue_nav .field--item {
    padding: 10px 0px;
  }
}
#blue_nav svg {
  width: 50%;
  height: 50px;
}
@media (max-width: 900px) {
  #blue_nav svg {
    max-width: 50px;
  }
}
#blue_nav .paragraph a,
#blue_nav .paragraph span {
  display: flex;
  color: #fff;
}
@media (max-width: 900px) {
  #blue_nav .paragraph a,
  #blue_nav .paragraph span {
    align-items: center;
    padding-left: 20px;
  }
  #blue_nav .paragraph a h3,
  #blue_nav .paragraph span h3 {
    padding-left: 5px;
  }
}
#blue_nav h3 {
  text-wrap: wrap;
  font-weight: 500;
  color: #fff;
  font-size: 20px;
  margin: 0;
}

#technical {
  width: 100%;
  background: url(../img/fill.svg) no-repeat;
  background-size: cover;
}
@media (max-width: 800px) {
  #technical {
    padding: 0;
    width: 100%;
  }
}
#technical section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#technical section .field--item {
  box-shadow: 0 -1px 0 rgba(224, 224, 224, 0.0705882353), 0 0 10px rgba(0, 0, 0, 0.12), 0 4px 10px rgba(0, 0, 0, 0.24);
  flex-basis: 28%;
  margin: 18px;
  flex-grow: 1;
}
#technical section .field--item .paragraph--type--media-text-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px 20px;
  position: relative;
  height: 100%;
  justify-content: center;
  padding-top: 60px;
}
#technical section .field--item p {
  color: #fff;
}
#technical section .field--item a {
  align-items: center;
  display: flex;
  flex-direction: column;
  overflow: unset;
  color: #fff;
  position: unset;
}
#technical section .field--item a.button {
  color: #004276;
  background: #fff;
  padding: 10px 16px;
  margin-top: 10px;
}
#technical section svg {
  width: 50px;
  height: auto;
  margin: -10px 0 21px;
  position: absolute;
  top: 20px;
}
#technical section h3 {
  color: #fff;
  text-align: center;
  font-size: 30px;
  margin: 0;
}
@media (max-width: 800px) {
  #technical section h3 {
    font-size: 22px;
  }
}
#technical section .mirore_text {
  flex-basis: 100%;
  padding: 20px;
}
#technical section .mirore_text svg {
  width: 20%;
  margin: 0 10px;
  position: unset;
}
@media (max-width: 800px) {
  #technical section .mirore_text svg {
    display: none;
  }
}

#mirore_text {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#mirore_text svg {
  margin: 0;
  position: unset;
}

.tabs-block {
  display: flex;
}
.tabs-block h2 {
  font-size: 30px;
  margin: 20px;
}
@media (max-width: 900px) {
  .tabs-block h2 {
    font-size: 22px;
  }
}
.tabs-block .tab-head {
  width: 100%;
  position: relative;
}
.tabs-block .tab-body {
  display: none;
  left: 100%;
  top: 0;
  background: #023054;
  padding: 20px;
  color: #fff;
  z-index: 1;
  width: 100%;
}
.tabs-block .tab-body.active {
  display: flex;
  flex-direction: column;
}
@media (max-width: 900px) {
  .tabs-block .tab-body.active {
    position: fixed;
    left: 0;
    padding-top: 90px;
    max-height: 100%;
    overflow: auto;
    z-index: 1000;
  }
}
.tabs-block .tab-body .cross {
  align-self: flex-end;
  position: absolute;
}
@media (min-width: 901px) {
  .tabs-block .tab-body .cross {
    display: none;
  }
}
.tabs-block .tab-body h2,
.tabs-block .tab-body h3,
.tabs-block .tab-body h4,
.tabs-block .tab-body h5,
.tabs-block .tab-body h6 {
  color: #fff;
}
.tabs-block .tab-body h2::after,
.tabs-block .tab-body h3::after,
.tabs-block .tab-body h4::after,
.tabs-block .tab-body h5::after,
.tabs-block .tab-body h6::after {
  background-color: #fff;
}
.tabs-block .tab-body h4 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.tabs-block .tab-body ul {
  list-style: square;
  margin-left: 20px;
  line-height: 1.4;
  font-size: 14px;
}
.tabs-block .tab-body li {
  margin: 10px 0;
  font-size: 18px;
}
.tabs-block .tab-body a,
.tabs-block .tab-body span {
  color: #fff;
}
.tabs-block .tab-body a.continue,
.tabs-block .tab-body span.continue {
  align-self: flex-end;
  margin: 20px;
  font-size: 24px;
  font-weight: 100;
  background: #fff;
  color: #023054;
  padding: 10px 20px;
}
.tabs-block .tabs_list {
  display: flex;
  flex-basis: 100%;
}
.tabs-block .tab_list {
  display: flex;
  justify-content: space-between;
}
.tabs-block .tab_list h3 {
  display: flex;
  flex-basis: 100%;
  margin: 0;
}
.tabs-block .tab_list a {
  flex-basis: 100%;
  border: 1px solid #004276;
  margin: 20px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 26px;
}
@media (max-width: 800px) {
  .tabs-block .tab_list a svg {
    width: 30px;
  }
}
@media (max-width: 900px) {
  .tabs-block .tab_list a {
    padding: 8px;
    margin: 10px;
    font-size: 20px;
  }
}
.tabs-block .tab_list a.active {
  background: #004276;
  color: #fff;
}
.tabs-block .tab_list .active svg path {
  stroke-width: 0;
  fill: #fff;
  opacity: 1;
}
.tabs-block .tab_list .active svg circle {
  stroke: #fff;
  opacity: 1;
}

.page-node-type-news .node--promoted {
  margin: 20px 0;
}
.page-node-type-news .node--promoted .card__body {
  margin: 0;
  max-width: unset;
}

#news {
  flex-basis: 100%;
  width: 100%;
}

.block-views-blocknews-block-news {
  background: #00103b;
  background: url(../img/fill.svg) no-repeat;
  background-size: cover;
}
.block-views-blocknews-block-news h2 {
  color: #fff;
  font-size: 40px;
  margin: 20px 10px 40px;
}
.block-views-blocknews-block-news .swiper-slide {
  height: auto;
}
.block-views-blocknews-block-news .teaser-news.card {
  display: flex;
  flex-direction: column;
  margin: 0;
  height: 100%;
  padding-bottom: 60px;
}
.block-views-blocknews-block-news.card .field--name-field-media-image {
  width: 100%;
}
.block-views-blocknews-block-news.card .teaser__teaser-type {
  min-height: 300px;
}
.block-views-blocknews-block-news.card .teaser__body {
  flex-direction: column;
  flex-basis: 100%;
  width: 100%;
  text-align: left;
}
.block-views-blocknews-block-news.card .teaser__title {
  max-height: unset;
  line-height: 1.2;
  overflow: unset;
  font-size: 18px;
  font-weight: 500;
}
.block-views-blocknews-block-news.card .teaser__image a {
  bottom: 0;
  right: 0;
  position: relative;
}
.block-views-blocknews-block-news.card .teaser__content {
  flex-basis: 100%;
  width: 100%;
  font-size: 14px;
  line-height: 1.4;
}
.block-views-blocknews-block-news.card .card__actionbar {
  flex-basis: 100%;
  width: 100%;
}
.block-views-blocknews-block-news.card .card__link {
  background: #274075;
  padding: 20px 40px;
}
.block-views-blocknews-block-news.card .card__link a {
  color: #fff;
  position: relative;
}
.block-views-blocknews-block-news.card .card__link a::after {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBDcmVhdGVkIHdpdGggSW5rc2NhcGUgKGh0dHA6Ly93d3cuaW5rc2NhcGUub3JnLykgLS0+Cjxzdmcgd2lkdGg9IjE0IiBoZWlnaHQ9IjE2IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzLjcwNDIgNC4yMzMzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggdHJhbnNmb3JtPSJtYXRyaXgoMCAxLjM0MjYgLTEuMzQyNiAwIDExMjguMyAtMTU1LjYzKSIgZD0ibTExOC45NyA4NDAuMjhoLTIuOTU1OWwxLjQ3OC0yLjU1OTl6IiBmaWxsPSIjZmZmIiBzdHlsZT0icGFpbnQtb3JkZXI6c3Ryb2tlIGZpbGwgbWFya2VycyIvPgo8L3N2Zz4K");
  position: absolute;
  right: -20px;
  top: 0;
}

.news-feed .region--content {
  margin: 20px auto;
  max-width: 1440px;
}
.news-feed .view-news-feed li {
  padding: 15px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  transition: 0.3s ease;
}
.news-feed .view-news-feed li:hover {
  box-shadow: 0px 3px 29px -8px rgba(0, 0, 0, 0.75);
}
.news-feed .view-news-feed li .views-field-title {
  color: #274075;
  flex-basis: 100%;
  width: 100%;
}
.news-feed .view-news-feed li .views-field-title h2 {
  font-size: 26px;
  margin: 10px 0;
}
.news-feed .view-news-feed li .views-field-field-media {
  width: 30%;
  padding-top: 10px;
}
.news-feed .view-news-feed li .views-field-field-media img {
  transition: transform 0.3s ease;
  cursor: pointer;
  border: 1px solid black;
}
.news-feed .view-news-feed li .views-field-field-media img.scaled {
  max-width: 25%;
  margin: 0 auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.59);
  transform: scale(1.7);
  position: fixed;
  z-index: 1565;
  left: 35vw;
  top: 30vh;
}
.news-feed .view-news-feed li .views-field-body {
  width: 66%;
  padding: 20px;
  padding-top: 0;
  font-size: 20px;
}
.news-feed .view-news-feed li .views-field-view-node {
  margin-left: auto;
}
.news-feed .view-news-feed li .views-field-view-node a {
  color: #274075;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 1;
}

.view-container {
  background: url(../img/fill.svg) no-repeat;
  background-size: cover;
  display: flex;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block {
  margin: 0 auto;
  max-width: 1440px;
  color: #fff;
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block a {
  color: #fff;
  transition: 0.3s;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block a:hover {
  color: #274075;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block h2 {
  margin: 0;
  flex-basis: 100%;
  width: 100%;
  font-size: 30px;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 10px;
  justify-content: space-between;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .view-header {
  width: 100%;
}
@media (max-width: 800px) {
  .view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .view-header {
    padding: 0 10px;
  }
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .block-item-list {
  width: 49%;
  flex-basis: 49%;
}
@media (max-width: 800px) {
  .view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .block-item-list {
    width: 100%;
    flex-basis: 100%;
    padding: 0 10px;
  }
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .block-item-list ul {
  height: 100%;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .block-item-list li {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5019607843);
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .block-item-list li:first-child {
  padding-top: 0;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .block-item-list li .views-field-field-media {
  height: 100%;
  width: -moz-max-content;
  width: max-content;
  max-width: 33%;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .block-item-list li .views-field-title {
  max-width: 80%;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .block-item-list li .views-field-title .field-content {
  font-size: 20px;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .block-item-list li .views-field-body {
  width: 80%;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .block-item-list li .views-field-body p {
  font-size: 16px;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .block-item-list li .views-field-view-node {
  display: flex;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .block-item-list li .views-field-view-node span {
  margin-top: auto;
  margin-bottom: 12px;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .view-footer {
  width: 49%;
  flex-basis: 49%;
  display: flex;
}
@media (max-width: 800px) {
  .view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .view-footer {
    width: 100%;
    flex-basis: 100%;
    padding: 10px 0;
  }
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .view-footer .remote-video-container {
  margin: auto;
}
.view-container .block-views.block-views-blocknews-feed-latest-news-block .view-display-id-latest_news_block .view-footer .remote-video-container .remote-video {
  display: flex;
  margin: 0;
}

.swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 10px 0 40px;
}
.swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 11;
}
.swiper .autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--swiper-theme-color);
}
.swiper .autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: var(--swiper-theme-color);
  fill: none;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}
.swiper .swiper-pagination {
  position: relative;
  margin: 20px auto;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
  background: #36688F;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  top: 44%;
  color: #36688F;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: unset;
}

.teaser__image {
  fill: #274075;
}
.teaser__image a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#tarify {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  flex-direction: column;
}
#tarify section.container {
  width: 100%;
}
#tarify .tabs-block {
  flex-basis: 100%;
}
#tarify .tabs_list {
  padding-bottom: 0;
  display: flex;
  justify-content: space-between;
}
#tarify .tabs_list .active svg path {
  fill: #fff;
  opacity: 1;
}
#tarify .tabs_list .active svg circle {
  stroke: #fff;
  opacity: 1;
}
#tarify .tabs_list .active svg .value {
  color: #fff;
}
#tarify .tabs_list .active .value {
  color: #fff;
}
#tarify .tabs_list h3 {
  margin: 0px;
  color: #274075;
  font-weight: 500;
  font-size: 26px;
}
@media (max-width: 1300px) {
  #tarify .tabs_list h3 {
    font-size: 20px;
  }
}
#tarify .tabs_list .label {
  color: #58a2db;
  font-weight: 400;
  font-size: 20px;
  text-wrap: nowrap;
}
#tarify .tabs_list a {
  margin: 0 20px;
  border: none;
  border-bottom: 1px solid #004276;
  color: #000f26;
}
#tarify .tabs_list a.active {
  background: #00103b;
}
#tarify .tabs_list a.active h3 {
  color: #fff;
}
#tarify .tabs_list .value {
  color: #004276;
  font-weight: 400;
  font-size: 30px;
  text-wrap: nowrap;
}
@media (max-width: 1300px) {
  #tarify .tabs_list .value {
    font-size: 18px;
  }
}
#tarify .tabs_list .price {
  margin: 0 10px;
}
#tarify .tabs_list .buttons {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
#tarify .tabs_list .buttons a {
  background: #000f26;
  padding: 10px 20px;
  font-weight: 100;
  color: #fff;
}
#tarify .tab-head {
  margin: 0;
  flex-basis: 50%;
  width: 50%;
  box-shadow: 3px -2px 22px -1px rgba(115, 113, 115, 0.6);
  align-items: center;
}
@media (max-width: 900px) {
  #tarify .tab-head {
    flex-basis: 100%;
    width: 100%;
  }
}
#tarify .tab-head li:last-child a {
  border-bottom: none;
}
#tarify .tab-body {
  flex-basis: 48%;
  width: 48%;
  flex-direction: column;
  left: 50%;
  color: #808080;
  background: #fff;
  line-height: 1.4;
  align-items: center;
}
#tarify .tab-body .tariff-subheader {
  color: #274075;
  margin-left: 30px;
  width: 100%;
  display: block;
  text-align: center;
}
#tarify .tab-body.active {
  display: flex;
  position: relative;
  left: 0;
}
@media (max-width: 900px) {
  #tarify .tab-body.active {
    position: fixed;
    left: 0;
    padding-top: 90px;
    max-height: 100%;
    overflow: auto;
    z-index: 999;
    flex-basis: 100%;
    width: 100%;
    height: 100vh;
  }
}
#tarify .cross {
  width: 24px !important;
  rotate: 45deg;
}
#tarify table {
  width: -moz-fit-content;
  width: fit-content;
  border-collapse: unset;
  border-spacing: 10px;
  font-weight: 100;
  margin-right: 20px;
}
#tarify table td,
#tarify table tr {
  font-weight: 100;
  margin: 0 10px;
}
#tarify .prices {
  display: flex;
}
@media (max-width: 500px) {
  #tarify .prices {
    flex-wrap: wrap;
  }
}

.green {
  color: #4bac4b;
  font-size: 22px;
}

.red {
  color: #fc9e9e;
}

.page-node-type-tarify h1 {
  width: 50%;
  margin: 0 auto;
}

.prices {
  font-size: 0;
}
.prices .paragraph--type--prices {
  display: flex;
  color: #58a2db;
  font-weight: bold;
  font-size: 20px;
  text-wrap: nowrap;
}
.prices .paragraph--type--prices .field {
  margin-right: 4%;
  display: flex;
  line-height: 2;
}
.prices .paragraph--type--prices .field .field--label {
  margin-right: 10px;
  font-weight: 100;
}

.tarife {
  width: 50%;
  margin: 40px auto;
}
.tarife table {
  margin: 40px 0;
  line-height: 3;
  color: #7c7979;
  font-weight: 100;
}
.tarife table tr {
  border-bottom: 1px solid rgba(88, 162, 219, 0.36);
}

.site-footer svg {
  height: 40px;
  width: auto;
  margin: 10px 6px;
}
@media (max-width: 400px) {
  .site-footer svg {
    height: 32px;
  }
}
.site-footer svg g {
  fill: #ffffff;
}
.site-footer .container {
  padding: 20px;
  display: flex;
  flex-basis: 100%;
  width: 100%;
  justify-content: center;
}
.site-footer nav {
  margin: 10px;
  flex-grow: 1;
  flex-basis: 32%;
}
.site-footer section.block-block-content {
  display: flex;
  flex-basis: 33%;
}
.site-footer ul.nav {
  display: flex;
  flex-direction: column;
}
.site-footer ul.nav a {
  color: #fff;
  font-weight: 100;
  padding: 0;
  line-height: 1.8;
}
.site-footer h2 {
  font-size: 30px;
}
@media (max-width: 800px) {
  .site-footer h2 {
    text-align: center;
  }
}
.site-footer .field--items {
  display: flex;
  flex-wrap: wrap;
}

#block-footer-social {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  flex-basis: 32%;
  flex-wrap: wrap;
  margin: auto;
}
@media (max-width: 900px) {
  #block-footer-social {
    flex-basis: 100%;
  }
}
#block-footer-social h2 {
  font-size: 30px;
}
@media (max-width: 800px) {
  #block-footer-social h2 {
    text-align: center;
  }
}
#block-footer-social #site_logo {
  flex-basis: 100%;
  text-align: center;
}
#block-footer-social #site_logo #site_logo svg {
  width: 100%;
  height: 44px;
  margin: 0;
}
@media (max-width: 400px) {
  #block-footer-social #site_logo #site_logo svg {
    height: 32px;
  }
}

.background {
  background: url(../img/fill.svg) no-repeat;
  background-size: cover;
  color: #fff;
}

.slider_reviews img {
  box-shadow: 3px -2px 22px -1px rgba(115, 113, 115, 0.6);
}

.page-node-type-event .main-container {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0;
}
.page-node-type-event .main-container header {
  flex-basis: 100%;
}
.page-node-type-event .main-container .region--content {
  flex-basis: 70%;
  width: 70%;
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 0;
}
.page-node-type-event .main-container .region--complementary {
  flex-basis: 30%;
}
.page-node-type-event .main-container .block-social-page-title-block {
  width: 68%;
}
.page-node-type-event .main-container .block-social-page-title-block button {
  color: #00103b;
}
.page-node-type-event .main-container .block-social-page-title-block button:hover {
  color: #fff;
  background: #274075;
}
.page-node-type-event .main-container .card__title {
  font-size: 20px;
  color: #274075;
}
.page-node-type-event .main-container .card__body {
  display: flex;
  flex-wrap: wrap;
}
.page-node-type-event .main-container .card__body form {
  width: 100%;
}
.page-node-type-event .main-container .card__body .metainfo {
  flex-basis: 50%;
  width: 50%;
}
.page-node-type-event .main-container .card__body .article__special-fields {
  flex-basis: 50%;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: end;
}
.page-node-type-event .main-container .card__body .event-date-advanced {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.page-node-type-event .main-container .card__body .event-date-advanced .icon {
  position: unset;
  margin-right: 6px;
}
.page-node-type-event .main-container .card__body button,
.page-node-type-event .main-container .card__body .button {
  background: #274075;
  border: 1px solid #274075;
  color: #fff;
  line-height: 2;
  position: relative;
  cursor: pointer;
}
.page-node-type-event .main-container .card__body button:hover,
.page-node-type-event .main-container .card__body .button:hover {
  background: transparent;
  color: #274075;
}
.page-node-type-event .main-container .card__body button:hover .copy-alert.animate__animated,
.page-node-type-event .main-container .card__body .button:hover .copy-alert.animate__animated {
  color: #85A150;
}
.page-node-type-event .main-container .card__body .button {
  padding: 0 20px;
  margin-bottom: 10px;
  text-align: center;
}
.page-node-type-event .main-container .card__body .meta-follow a {
  padding: 10px;
}
.page-node-type-event .main-container .card__block {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
.page-node-type-event .main-container .card__block .mentions {
  flex-basis: 100%;
  width: 100%;
}
.page-node-type-event .main-container .card__block .mention {
  display: flex;
  margin: 10px;
  align-items: center;
}
.page-node-type-event .main-container .card__block .mention span {
  margin-right: 20px;
}
.page-node-type-event .main-container .card__block .more-link {
  border: 1px solid #274075;
  background: #274075;
  margin-top: 10px;
}
.page-node-type-event .main-container .card__block .more-link a {
  color: #fff;
  font-size: 20px;
  padding: 6px 12px;
}
.page-node-type-event .main-container .card__block .more-link:hover {
  background: transparent;
}
.page-node-type-event .main-container .card__block .more-link:hover a {
  color: #274075;
}
.page-node-type-event .meta-engage {
  flex-basis: 100%;
}
.page-node-type-event .files {
  width: 100%;
}
.page-node-type-event .files .doc {
  position: relative;
  background: rgba(221, 217, 217, 0.71);
}
.page-node-type-event .files .doc td,
.page-node-type-event .files .doc span {
  background: transparent;
}
.page-node-type-event .files .doc:hover .file_name {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #85A150;
  padding: 10px;
  color: #fff;
}
.page-node-type-event .files .file_name {
  display: none;
}

.copy-alert.animate__animated {
  position: absolute;
  width: 100%;
  text-align: right;
  font-style: italic;
  left: 0;
  padding-right: 20px;
  color: #85A150;
}

.event_details {
  display: flex;
  justify-content: space-between;
  border: 1px solid #274075;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 20px;
}
.event_details h5 {
  font-style: italic;
  margin: 0 0 10px;
}
.event_details ul {
  list-style: none;
}
.event_details li,
.event_details span {
  font-style: italic;
  color: #274075;
}
.event_details svg {
  fill: #274075;
}
.event_details .details-participants h5 {
  font-family: "Roboto Condensed Light";
}

.field--name-field-media-file {
  width: 100%;
}

.form-item-field-moderators {
  width: 100%;
}

.recordings {
  flex-basis: 100%;
}
.recordings h2 {
  font-size: 30px;
}
.recordings .recording__delete #edit-actions {
  margin: 0;
  display: flex;
  justify-content: flex-end;
}

.page-node-type-bbb-record .region--content {
  width: -moz-max-content;
  width: max-content;
}
.page-node-type-bbb-record .region--content .block-system-main-block {
  width: -moz-max-content;
  width: max-content;
}
.page-node-type-bbb-record .node--promoted.card {
  margin: 40px auto;
}
.page-node-type-bbb-record .node--promoted.card .card__body {
  padding-top: 0 !important;
  margin: 0;
  box-shadow: none;
}
.page-node-type-bbb-record .node--promoted.card .card__body .field {
  margin: 20px 0;
  padding: 2px;
  border-bottom: 1px solid #c9c9c9;
}
.page-node-type-bbb-record .node--promoted.card .card__body .field .field--label {
  display: none;
}
.page-node-type-bbb-record .node--promoted.card .card__body .item-container {
  display: flex;
  justify-content: left;
  gap: 10px;
}
.page-node-type-bbb-record .node--promoted.card .card__body .item-container a {
  color: #274075;
}
.page-node-type-bbb-record .node--promoted.card .card__body .item-container a, .page-node-type-bbb-record .node--promoted.card .card__body .item-container svg {
  margin: auto 0;
}

#coll_3_wall_blue {
  display: flex;
  justify-content: center;
}
#coll_3_wall_blue section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-basis: 100%;
}
#coll_3_wall_blue section .field--item {
  flex-basis: 31%;
  width: 31%;
  background: #274075;
  margin: 1%;
  padding: 20px;
}
#coll_3_wall_blue section .field--item .text-html p {
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
}

#coll_3_wall_border {
  display: flex;
  justify-content: center;
}
#coll_3_wall_border section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-basis: 100%;
}
#coll_3_wall_border section .field--item {
  flex-basis: 31%;
  width: 31%;
  border: 1px solid #274075;
  border-radius: 10px;
  margin: 1%;
  padding: 20px;
  background: rgba(132, 152, 197, 0.35);
}
#coll_3_wall_border section .field--item .text-html p {
  color: #000A21;
  font-family: "Roboto Condensed", sans-serif;
}

.page-node-type-bpk-page .dialog-off-canvas-main-canvas {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-node-type-bpk-page #technical {
  background: #00103b;
  flex-basis: 100%;
  width: 100%;
}
.page-node-type-bpk-page #technical .field-paragraph.field--item {
  flex-basis: 20%;
  background: #00103b;
  box-shadow: 0 0 10px rgba(253, 253, 253, 0.4);
}
.page-node-type-bpk-page #technical .field-paragraph.field--item p {
  color: #fff;
}

.notification-bell .dropdown-header,
.views-field-field-activity-output-text .dropdown-header {
  color: #004073;
  font-size: 16px;
  padding-left: 20px;
}
.notification-bell .dropdown-menu,
.views-field-field-activity-output-text .dropdown-menu {
  min-width: 270px;
}
.notification-bell .dropdown-menu .scrollable-menu,
.views-field-field-activity-output-text .dropdown-menu .scrollable-menu {
  padding: 0 20px;
}
.notification-bell .dropdown-menu .scrollable-menu::-webkit-scrollbar,
.views-field-field-activity-output-text .dropdown-menu .scrollable-menu::-webkit-scrollbar {
  width: 1px;
}
.notification-bell .dropdown-menu .scrollable-menu::-webkit-scrollbar-track,
.views-field-field-activity-output-text .dropdown-menu .scrollable-menu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.notification-bell .dropdown-menu .scrollable-menu::-webkit-scrollbar-thumb,
.views-field-field-activity-output-text .dropdown-menu .scrollable-menu::-webkit-scrollbar-thumb {
  background-color: #004073;
  outline: 0.1px solid #004073;
}
.notification-bell .dropdown-menu a,
.views-field-field-activity-output-text .dropdown-menu a {
  padding: 0 4px;
}
.notification-bell p,
.views-field-field-activity-output-text p {
  white-space: normal;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  border-bottom: 0.1px solid #004073;
}
.notification-bell a,
.views-field-field-activity-output-text a {
  padding: 0 4px;
  color: #004073;
  font-size: 16px;
  font-style: italic;
}

.block-views-blocknotifications-block-user-notifications {
  overflow-x: scroll;
}
.block-views-blocknotifications-block-user-notifications .view-notifications {
  width: -moz-fit-content;
  width: fit-content;
}

.view-display-id-block_header_notifications {
  display: none;
  position: absolute;
  top: 100%;
  background: #fff;
  padding: 20px;
  width: 30vw;
  right: 0;
  max-width: 600px;
  height: 40vw;
  overflow-y: scroll;
  margin-right: 2px;
}
@media (max-width: 900px) {
  .view-display-id-block_header_notifications {
    width: 100vw;
  }
}
.view-display-id-block_header_notifications p {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  padding: 8px;
}

.block-views-blocknotifications-block-header-notifications {
  margin-left: auto;
}
@media (max-width: 900px) {
  .block-views-blocknotifications-block-header-notifications {
    position: absolute;
    bottom: -50px;
    right: 10px;
  }
}
.block-views-blocknotifications-block-header-notifications svg#notifications_bell {
  fill: #004073;
}
@media (max-width: 900px) {
  .block-views-blocknotifications-block-header-notifications svg#notifications_bell {
    fill: #fff;
  }
}

.count_notifications {
  position: relative;
}
.count_notifications span {
  position: absolute;
  right: 0;
  background: #85A150;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 12px;
  padding: 8px 4px 0px;
}

.btn-group #skip-link,
.comment__actions #skip-link {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 15000;
}
.btn-group .caret,
.comment__actions .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 5px dashed;
  border-top: 5px solid \9 ;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.btn-group ul.dropdown-menu,
.comment__actions ul.dropdown-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 185px;
  max-width: 500px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 0.875rem;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
  background-clip: padding-box;
}
.btn-group ul.dropdown-menu.open,
.comment__actions ul.dropdown-menu.open {
  display: block;
}
.btn-group ul.dropdown-menu.open.dropdown-menu-right,
.comment__actions ul.dropdown-menu.open.dropdown-menu-right {
  right: auto;
  left: auto;
  top: 50px;
}
.btn-group ul.dropdown-menu li,
.comment__actions ul.dropdown-menu li {
  padding: 4px 0;
}
.btn-group ul.dropdown-menu li a,
.comment__actions ul.dropdown-menu li a {
  color: #000A21;
  fill: #000A21;
  padding: 10px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  position: relative;
}
.btn-group ul.dropdown-menu li a::after,
.comment__actions ul.dropdown-menu li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #7288b8;
  opacity: 0;
}
.btn-group ul.dropdown-menu li a:hover,
.comment__actions ul.dropdown-menu li a:hover {
  color: #274076;
}
.btn-group ul.dropdown-menu li a:hover::after,
.comment__actions ul.dropdown-menu li a:hover::after {
  opacity: 1;
}
.btn-group .dropdown,
.comment__actions .dropdown {
  position: relative;
}
.btn-group .dropdown .caret,
.comment__actions .dropdown .caret {
  transition: transform 0.1s;
}

.comment__actions ul.dropdown-menu {
  top: 35px;
}

.btn_join_link {
  padding: 4px !important;
}

.btn_invite_link,
.btn_join_link,
#bbb_link_copy {
  display: block;
  font-size: 20px;
  font-weight: 300;
  width: 100%;
  background: #274075;
  color: #fff;
  cursor: pointer;
  margin: 20px 0;
  text-align: center;
  padding: 20px;
  border: 1px solid #274075;
  transition: 0.3s ease-out;
}
.btn_invite_link:hover,
.btn_join_link:hover,
#bbb_link_copy:hover {
  color: #274075;
  background: #fff;
}

#bbb_access .card, #bbb_invitationtion .card {
  box-shadow: none;
}

.control-label {
  font-size: 16px;
  padding: 8px 0;
}

#bbb-password-access .button, #bbb-password-access .btn,
#bbb-user-notifications .button,
#bbb-user-notifications .btn,
#block-bpk-bbbbuttons .button,
#block-bpk-bbbbuttons .btn {
  background-color: #274075;
  width: 100%;
  color: #fff;
}
#bbb-password-access .button:hover, #bbb-password-access .btn:hover,
#bbb-user-notifications .button:hover,
#bbb-user-notifications .btn:hover,
#block-bpk-bbbbuttons .button:hover,
#block-bpk-bbbbuttons .btn:hover {
  background-color: #fff;
  color: #274075;
}

#block-bpk-bbbbuttons h2.card__title {
  margin-bottom: 10px;
  padding: 0;
}
#block-bpk-bbbbuttons .btn-primary {
  margin: 5px auto;
}
#block-bpk-bbbbuttons .btn_wrapper_inner .selected {
  background-color: #fff;
  color: #274075;
}
#block-bpk-bbbbuttons .btn_wrapper_inner .selected:hover {
  color: #fff;
  background-color: #274075;
}

.path-zvonok.is_moderator .views-field-field-text {
  display: flex !important;
}

@media (max-width: 900px) {
  .path-zvonok .content-container {
    flex-direction: column;
  }
  .path-zvonok aside {
    order: 2;
  }
}
.path-zvonok .region--complementary {
  max-width: 480px;
  margin: 20px 0 0 20px;
}
.path-zvonok .region--complementary #bbb_access,
.path-zvonok .region--complementary .btn_wrapper_inner {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  padding: 20px;
  margin-bottom: 20px;
  transition: 0.3s;
}
.path-zvonok .region--complementary #bbb_access:hover,
.path-zvonok .region--complementary .btn_wrapper_inner:hover {
  box-shadow: 0 -1px 0 #e0e0e0, 0 3px 6px rgba(0, 0, 0, 0.08), 0 5px 9px rgba(0, 0, 0, 0.16);
}
.path-zvonok .region--content {
  margin-top: 20px;
}
.path-zvonok form .element_wrapper .checkbox .control-label {
  padding: 0 0 0 30px;
}
.path-zvonok form .form-group {
  margin-bottom: 10px;
}
.path-zvonok .help-block {
  font-size: 14px;
  font-style: italic;
  color: #000f26;
  position: unset;
  flex-basis: 100%;
  border: none;
}
.path-zvonok .help-block.active_described {
  display: block;
}
.path-zvonok .fieldgroup {
  margin-top: 10px;
}
.path-zvonok .control-label::after, .path-zvonok .control-label::before {
  top: auto !important;
}
.path-zvonok .panel-heading {
  margin: 10px 0 30px;
}
.path-zvonok h4 {
  color: #000f26;
  margin: 0 0 20px 0;
}
.path-zvonok h4::after {
  content: none;
}
.path-zvonok .js-media-library-open-button {
  font-size: 18px;
  padding: 0;
}
.path-zvonok .button--primary {
  font-size: 20px;
  color: #fff;
  background-color: #274075;
}
.path-zvonok .button--primary:hover {
  background-color: #fff;
  color: #274075;
}
.path-zvonok #block-bpk-content article {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  padding: 20px;
  margin-bottom: 20px;
  transition: 0.3s;
}
.path-zvonok #block-bpk-content article.media-library-item__preview-wrapper {
  box-shadow: none;
  margin-bottom: 0;
}
.path-zvonok #block-bpk-content article.media-library-item__preview-wrapper:hover {
  box-shadow: none;
}
.path-zvonok #block-bpk-content article:hover {
  box-shadow: 0 -1px 0 #e0e0e0, 0 3px 6px rgba(0, 0, 0, 0.08), 0 5px 9px rgba(0, 0, 0, 0.16);
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records h2 {
  margin: 20px 0;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  padding: 20px;
  transition: 0.3s;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records:hover {
  box-shadow: 0 -1px 0 #e0e0e0, 0 3px 6px rgba(0, 0, 0, 0.08), 0 5px 9px rgba(0, 0, 0, 0.16);
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .form-group {
  margin: 0;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .form-group h4 {
  margin: 0;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card {
  box-shadow: none;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card tr {
  background-color: #fff;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card .views-field-field-text {
  text-align: end;
  display: none;
  gap: 10px;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card .views-field-field-text .btn-record-edit {
  background-color: #274075;
  color: #fff;
  font-weight: 300;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card .views-field-field-text .btn-record-edit:hover {
  color: #274075;
  background-color: #fff;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card .views-field-field-text .btn-record-delete {
  background-color: #cd495c;
  border: 1px solid #cd495c;
  color: #fff;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card .views-field-field-text .btn-record-delete:hover {
  color: #cd495c;
  background-color: #fff;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card .table-hover th, .path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card .table-hover a {
  font-weight: 300;
  vertical-align: baseline;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card .views-field-title a {
  color: #274075;
  font-weight: 300;
  font-size: 18px;
  margin: auto 0;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card .views-field-title a:hover {
  color: #000f26;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card .button-wrapper.record {
  display: flex;
  gap: 5px;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card .button-wrapper.record a, .path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card .button-wrapper.record svg {
  margin: auto 0;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card .button-wrapper.record a {
  color: #274075;
  font-weight: 300;
  font-size: 18px;
}
.path-zvonok .block-views-blockbbb-records-block__bbb-records .view-display-id-block__bbb_records .card .button-wrapper.record a:hover {
  color: #000f26;
}
.path-zvonok .block-bbb-enrollment .block-title {
  color: #000f26;
  margin: 0 0 20px 0;
  font-size: 22px;
}
.path-zvonok .block-bbb-enrollment .block-container {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  padding: 20px;
  transition: 0.3s;
}
.path-zvonok .block-bbb-enrollment .block-container li {
  margin-left: 5px;
}
.path-zvonok .block-bbb-enrollment .block-container:hover {
  box-shadow: 0 -1px 0 #e0e0e0, 0 3px 6px rgba(0, 0, 0, 0.08), 0 5px 9px rgba(0, 0, 0, 0.16);
}

.bbb-password-access h2,
.bbb-user-notifications h2 {
  margin: 20px 0;
  font-size: 22px;
}
.bbb-password-access .card__block,
.bbb-user-notifications .card__block {
  padding: 0 !important;
}

.italic_link,
.show-participants {
  color: #274075;
  margin: 0 0 20px 0;
  font-size: 16px;
  font-style: italic;
  font-family: "Roboto Condensed Light";
  padding-right: 2px;
}
.italic_link::before,
.show-participants::before {
  content: "";
  display: inline-block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #274075;
  margin: 3px 2px;
  transform: rotate(-90deg);
  transition: 0.3s ease;
}
.italic_link:hover,
.show-participants:hover {
  -webkit-text-decoration: underline #274075;
  text-decoration: underline #274075;
}

.bbb-enrollment-bbb-enrollments {
  margin-top: 20px;
}

#block-bpk-group-menu-header h2,
.views-element-container h2 {
  margin: 20px;
  font-size: 25px;
}

.view-user-groups,
.block-views {
  padding: 0;
}
.view-user-groups h3, .view-user-groups .small,
.block-views h3,
.block-views .small {
  font-size: 22px;
  color: #274075;
}
.view-user-groups .item-list,
.block-views .item-list {
  padding: 0;
}

.card__block--table th, .card__block--table td {
  vertical-align: middle;
}
.card__block--table th h4, .card__block--table td h4 {
  margin: 0;
}

.view-all-groups {
  margin-bottom: 20px;
}
.view-all-groups svg {
  display: none;
}

.view .pager-nav ul {
  display: flex;
  justify-content: center;
}
.view .pager-nav ul li {
  padding: 8px 2px;
}
.view .pager-nav ul .is-active a {
  background-color: #274075;
  border-radius: 100%;
  color: #fff;
}
.view .pager-nav ul .pager__item a {
  border-radius: 100%;
  transition: 0.3s;
}
.view .pager-nav ul .pager__item a:hover {
  background-color: #274075;
  color: #fff;
}
.view .pager-nav ul .pager__item--first a,
.view .pager-nav ul .pager__item--last a {
  transition: 0.3s;
}
.view .pager-nav ul .pager__item--first a:hover,
.view .pager-nav ul .pager__item--last a:hover {
  background-color: #fff;
  color: #274075;
}

.view-user-groups li,
.view-group-conferences li,
.block-views-blockbbb-entities-block-my-bbb-entities li,
.block-views-blockbbb-records-block__bbb-records li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.view-user-groups li .views-field-title,
.view-user-groups li .views-field-label,
.view-group-conferences li .views-field-title,
.view-group-conferences li .views-field-label,
.block-views-blockbbb-entities-block-my-bbb-entities li .views-field-title,
.block-views-blockbbb-entities-block-my-bbb-entities li .views-field-label,
.block-views-blockbbb-records-block__bbb-records li .views-field-title,
.block-views-blockbbb-records-block__bbb-records li .views-field-label {
  width: 100%;
  flex-basis: 100%;
  font-size: 18px;
}
.view-user-groups li .views-field-title a,
.view-user-groups li .views-field-label a,
.view-group-conferences li .views-field-title a,
.view-group-conferences li .views-field-label a,
.block-views-blockbbb-entities-block-my-bbb-entities li .views-field-title a,
.block-views-blockbbb-entities-block-my-bbb-entities li .views-field-label a,
.block-views-blockbbb-records-block__bbb-records li .views-field-title a,
.block-views-blockbbb-records-block__bbb-records li .views-field-label a {
  font-weight: 600 !important;
}
.view-user-groups li .views-field,
.view-group-conferences li .views-field,
.block-views-blockbbb-entities-block-my-bbb-entities li .views-field,
.block-views-blockbbb-records-block__bbb-records li .views-field {
  font-size: 16px;
  overflow: hidden;
}

@media (max-width: 900px) {
  .view-all-groups .card,
  .view-display-id-block_group_participants .card,
  #block-bpk-bbb-conferences .card,
  #block-bpk-user-conferences-block .card {
    box-shadow: none;
  }
  .view-all-groups .card table thead,
  .view-display-id-block_group_participants .card table thead,
  #block-bpk-bbb-conferences .card table thead,
  #block-bpk-user-conferences-block .card table thead {
    display: none;
  }
  .view-all-groups .card table tr,
  .view-display-id-block_group_participants .card table tr,
  #block-bpk-bbb-conferences .card table tr,
  #block-bpk-user-conferences-block .card table tr {
    background-color: #fff !important;
    justify-content: space-between;
    flex-grow: 1;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    margin: 20px 0;
    box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  }
  .view-all-groups .card table td.views-field:first-child,
  .view-display-id-block_group_participants .card table td.views-field:first-child,
  #block-bpk-bbb-conferences .card table td.views-field:first-child,
  #block-bpk-user-conferences-block .card table td.views-field:first-child {
    width: 100%;
    flex-basis: 100%;
    padding-left: 10px !important;
  }
  .view-all-groups .card table .views-field-uid-3,
  .view-display-id-block_group_participants .card table .views-field-uid-3,
  #block-bpk-bbb-conferences .card table .views-field-uid-3,
  #block-bpk-user-conferences-block .card table .views-field-uid-3 {
    display: flex;
    margin: auto 0;
    text-align: center;
    vertical-align: middle;
  }
  .view-all-groups .card table .views-field-uid-3 .field-container svg,
  .view-display-id-block_group_participants .card table .views-field-uid-3 .field-container svg,
  #block-bpk-bbb-conferences .card table .views-field-uid-3 .field-container svg,
  #block-bpk-user-conferences-block .card table .views-field-uid-3 .field-container svg {
    display: inline-flex;
    height: 20px;
    width: 16px;
  }
  .view-display-id-block_group_participants td {
    width: 100%;
    flex-basis: 100%;
  }
  #block-bpk-bbb-conferences table td,
  #block-bpk-user-conferences-block table td {
    width: 100%;
  }
}
.path-all-groups section.container {
  margin: 0 auto;
}
.path-all-groups .region--content {
  flex-basis: 100%;
  margin: 0 auto !important;
  max-width: 1440px;
}
.path-all-groups .card {
  margin-top: 40px;
}

.path-group .region--complementary {
  max-width: 480px;
  margin-right: auto;
  margin-top: 20px;
}
.path-group .region--content {
  margin-left: auto;
  margin-right: 0;
  margin-top: 20px;
}
.path-group .group-add .region--content {
  margin-right: auto;
}
.path-group .group-videozvonok-by-add-form {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  padding: 20px 40px;
}
@media (max-width: 900px) {
  .path-group .content-container {
    flex-direction: column;
  }
  .path-group .content-container aside {
    order: 2;
  }
}

.region--complementary {
  margin-top: 0;
}
.region--complementary .invite_users_link {
  padding: 5px;
}

.group-add-members {
  padding: 0;
}
.group-add-members a {
  font-size: 18px;
  width: 100%;
  background: #274075;
  color: #fff;
  cursor: pointer;
  margin: 20px 0;
  text-align: center;
  padding: 20px;
  border: 1px solid #274075;
}
.group-add-members a:hover {
  color: #274075;
  background: transparent;
}

.block-views-blockgroup-conferences-block-1 .item-list li,
.block-views-blockuser-groups-block-users-groups .item-list li,
.block-views-blockbbb-entities-block-my-bbb-entities .item-list li,
.block-views-blockbbb-entities-block-group-bbb-entities .item-list li {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  position: relative;
  padding: 10px;
  list-style: none;
  margin-bottom: 10px;
}
.block-views-blockgroup-conferences-block-1 .item-list li:hover,
.block-views-blockuser-groups-block-users-groups .item-list li:hover,
.block-views-blockbbb-entities-block-my-bbb-entities .item-list li:hover,
.block-views-blockbbb-entities-block-group-bbb-entities .item-list li:hover {
  background-color: #f3f3f3;
  transition: background-color 0.3s ease-out;
}
.block-views-blockgroup-conferences-block-1 .item-list a,
.block-views-blockuser-groups-block-users-groups .item-list a,
.block-views-blockbbb-entities-block-my-bbb-entities .item-list a,
.block-views-blockbbb-entities-block-group-bbb-entities .item-list a {
  position: relative;
  font-weight: 600;
  color: #274075;
  padding-bottom: 5px;
  font-size: 18px;
  text-decoration: none;
}
.block-views-blockgroup-conferences-block-1 .item-list a:hover,
.block-views-blockuser-groups-block-users-groups .item-list a:hover,
.block-views-blockbbb-entities-block-my-bbb-entities .item-list a:hover,
.block-views-blockbbb-entities-block-group-bbb-entities .item-list a:hover {
  color: #00103b;
}
.block-views-blockgroup-conferences-block-1 .item-list .views-field,
.block-views-blockuser-groups-block-users-groups .item-list .views-field,
.block-views-blockbbb-entities-block-my-bbb-entities .item-list .views-field,
.block-views-blockbbb-entities-block-group-bbb-entities .item-list .views-field {
  margin-right: 30px;
}
.block-views-blockgroup-conferences-block-1 .item-list .views-field:hover,
.block-views-blockuser-groups-block-users-groups .item-list .views-field:hover,
.block-views-blockbbb-entities-block-my-bbb-entities .item-list .views-field:hover,
.block-views-blockbbb-entities-block-group-bbb-entities .item-list .views-field:hover {
  color: #274075;
}
.block-views-blockgroup-conferences-block-1 .item-list .views-field a,
.block-views-blockuser-groups-block-users-groups .item-list .views-field a,
.block-views-blockbbb-entities-block-my-bbb-entities .item-list .views-field a,
.block-views-blockbbb-entities-block-group-bbb-entities .item-list .views-field a {
  font-weight: 500;
}
.block-views-blockgroup-conferences-block-1 h4,
.block-views-blockuser-groups-block-users-groups h4,
.block-views-blockbbb-entities-block-my-bbb-entities h4,
.block-views-blockbbb-entities-block-group-bbb-entities h4 {
  margin: 0;
}
.block-views-blockgroup-conferences-block-1 h4::after,
.block-views-blockuser-groups-block-users-groups h4::after,
.block-views-blockbbb-entities-block-my-bbb-entities h4::after,
.block-views-blockbbb-entities-block-group-bbb-entities h4::after {
  content: none;
}
.block-views-blockgroup-conferences-block-1 .views-label-uid, .block-views-blockgroup-conferences-block-1 .views-label-gid,
.block-views-blockuser-groups-block-users-groups .views-label-uid,
.block-views-blockuser-groups-block-users-groups .views-label-gid,
.block-views-blockbbb-entities-block-my-bbb-entities .views-label-uid,
.block-views-blockbbb-entities-block-my-bbb-entities .views-label-gid,
.block-views-blockbbb-entities-block-group-bbb-entities .views-label-uid,
.block-views-blockbbb-entities-block-group-bbb-entities .views-label-gid {
  color: #000;
}

.group-form .form-submit {
  display: block;
  font-size: 20px;
  font-weight: 300;
  width: 100%;
  background: #274075;
  color: #fff;
  cursor: pointer;
  margin: 10px 0;
  text-align: center;
  padding: 20px;
  border: 1px solid #274075;
  transition: 0.3s ease-out;
}
.group-form .form-submit:hover {
  color: #274075;
  background: #fff;
}
.group-form .form-actions {
  font-size: 20px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 800px) {
  .group-form .form-actions {
    flex-direction: column-reverse;
  }
}
.group-form .form-actions a.button {
  display: block;
  font-size: 20px;
  font-weight: 300;
  width: 100%;
  background: #274075;
  color: #fff;
  cursor: pointer;
  margin: 10px 0;
  text-align: center;
  padding: 20px;
  border: 1px solid #274075;
  transition: 0.3s ease-out;
}
.group-form .form-actions a.button:hover {
  border: 1px solid #cd495c;
  background-color: #cd495c;
  color: #fff;
}
.group-form .nav-tabs .active {
  background-color: #fff;
  width: 100%;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}
.group-form #edit-cancel {
  padding: 5px;
}

.group-revisions-block,
.block-add-group-member-block {
  display: block;
  margin: 20px auto;
  width: 100%;
}
.group-revisions-block a,
.block-add-group-member-block a {
  display: block;
  font-size: 20px;
  font-weight: 300;
  width: 100%;
  background: #274075;
  color: #fff;
  cursor: pointer;
  margin: 20px 0;
  text-align: center;
  padding: 20px;
  border: 1px solid #274075;
  transition: 0.3s ease-out;
}
.group-revisions-block a:hover,
.block-add-group-member-block a:hover {
  color: #274075;
  background: #fff;
}

.copy-alert.animate__animated {
  bottom: 50px;
  position: absolute;
  width: 100%;
  font-style: italic;
  color: #274075;
}

.group.group--full,
.group.contextual-region {
  padding-left: 20px;
}

.card__block--table {
  padding: 5px;
}

.is_admin .view-all-groups .card table thead tr {
  top: 134px;
}

.block-views-blockgroup-participants-block-group-participants th, .block-views-blockgroup-participants-block-group-participants td, .block-views-blockgroup-participants-block-group-participants a {
  font-size: 16px !important;
}
.block-views-blockgroup-participants-block-group-participants button {
  font-size: 14px !important;
}
.block-views-blockgroup-participants-block-group-participants time {
  font-size: 14px;
}
.block-views-blockgroup-participants-block-group-participants .views-field-uid span {
  display: none;
}

.view-all-groups .card h3,
.block-views-blockgroup-participants-block-group-participants .card h3 {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  padding: 20px 20px 20px 40px;
  margin: 0;
  margin-bottom: 20px;
  background: url(../img/fill.svg) no-repeat;
  background-size: cover;
  color: #fff;
}
.view-all-groups .card ul,
.block-views-blockgroup-participants-block-group-participants .card ul {
  list-style: none;
}
.view-all-groups .card .button,
.block-views-blockgroup-participants-block-group-participants .card .button {
  background: #274075;
  color: #fff;
  text-align: center;
  padding: 10px 20px;
  font-weight: 100;
  transition: 0.3s ease-out;
}
.view-all-groups .card .button:hover,
.block-views-blockgroup-participants-block-group-participants .card .button:hover {
  border: 1px solid #274075;
  background: #fff;
  color: #274075;
}
.view-all-groups .card .btn-group .button,
.block-views-blockgroup-participants-block-group-participants .card .btn-group .button {
  font-size: 20px;
}
.view-all-groups .card .btn-group .form-submit,
.block-views-blockgroup-participants-block-group-participants .card .btn-group .form-submit {
  width: 80%;
}
.view-all-groups .card .btn-group .dropdown-toggle,
.block-views-blockgroup-participants-block-group-participants .card .btn-group .dropdown-toggle {
  width: 20%;
}
.view-all-groups .card .btn-group .dropdown-menu,
.block-views-blockgroup-participants-block-group-participants .card .btn-group .dropdown-menu {
  right: 0 !important;
  left: 0 !important;
}
.view-all-groups .card table,
.block-views-blockgroup-participants-block-group-participants .card table {
  table-layout: fixed;
}
.view-all-groups .card table td:nth-child(1), .view-all-groups .card table th:nth-child(1),
.block-views-blockgroup-participants-block-group-participants .card table td:nth-child(1),
.block-views-blockgroup-participants-block-group-participants .card table th:nth-child(1) {
  width: 40%;
}
.view-all-groups .card table thead,
.block-views-blockgroup-participants-block-group-participants .card table thead {
  background: #274075;
}
.view-all-groups .card table thead tr,
.block-views-blockgroup-participants-block-group-participants .card table thead tr {
  position: sticky;
  z-index: 900;
  top: 80px;
  background: #274075;
  color: #fff;
  box-shadow: 0 1px 0 #274075, 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.24);
}
.view-all-groups .card table thead th.views-field,
.block-views-blockgroup-participants-block-group-participants .card table thead th.views-field {
  padding: 20px 10px;
}
.view-all-groups .card table thead th.views-field:first-child,
.block-views-blockgroup-participants-block-group-participants .card table thead th.views-field:first-child {
  padding-left: 20px;
}
.view-all-groups .card table tbody tr:hover,
.block-views-blockgroup-participants-block-group-participants .card table tbody tr:hover {
  background-color: #d6d5d5;
}
.view-all-groups .card table th.views-field, .view-all-groups .card table td.views-field,
.block-views-blockgroup-participants-block-group-participants .card table th.views-field,
.block-views-blockgroup-participants-block-group-participants .card table td.views-field {
  font-size: 20px;
  font-family: "Roboto Condensed Light";
  padding: 10px;
  line-height: 1rem;
}
.view-all-groups .card table th.views-field h4, .view-all-groups .card table td.views-field h4,
.block-views-blockgroup-participants-block-group-participants .card table th.views-field h4,
.block-views-blockgroup-participants-block-group-participants .card table td.views-field h4 {
  padding-left: 10px;
}
.view-all-groups .card table th.views-field h4::after, .view-all-groups .card table td.views-field h4::after,
.block-views-blockgroup-participants-block-group-participants .card table th.views-field h4::after,
.block-views-blockgroup-participants-block-group-participants .card table td.views-field h4::after {
  content: none;
}
.view-all-groups .card table th.views-field h4 a, .view-all-groups .card table td.views-field h4 a,
.block-views-blockgroup-participants-block-group-participants .card table th.views-field h4 a,
.block-views-blockgroup-participants-block-group-participants .card table td.views-field h4 a {
  font-size: 20px;
}
.view-all-groups .card table th.views-field time, .view-all-groups .card table td.views-field time,
.block-views-blockgroup-participants-block-group-participants .card table th.views-field time,
.block-views-blockgroup-participants-block-group-participants .card table td.views-field time {
  font-size: 14px;
}
.view-all-groups .card table th.views-field a, .view-all-groups .card table td.views-field a,
.block-views-blockgroup-participants-block-group-participants .card table th.views-field a,
.block-views-blockgroup-participants-block-group-participants .card table td.views-field a {
  font-size: 20px;
  color: #274075;
}
.view-all-groups .card table th.views-field:first-child, .view-all-groups .card table td.views-field:first-child,
.block-views-blockgroup-participants-block-group-participants .card table th.views-field:first-child,
.block-views-blockgroup-participants-block-group-participants .card table td.views-field:first-child {
  padding-left: 20px;
}

.view-group-participants .btn-group {
  font-size: 20px;
}
.view-group-participants .btn-group .form-submit {
  width: 80%;
}
.view-group-participants .btn-group .dropdown-toggle {
  width: 20%;
}
.view-group-participants .btn-group .dropdown-menu {
  right: 0 !important;
  left: 0 !important;
}

#block-bpk-createconference-2 {
  padding: 0 40px;
  margin-left: 10px;
  font-size: 20px;
  color: #274075 !important;
  background: #fff;
  cursor: pointer;
  transition: 0.3s ease-out;
  border: 1px solid #274075 !important;
}
#block-bpk-createconference-2:hover {
  background: #274075;
  color: #fff !important;
}
@media (max-width: 1000px) {
  #block-bpk-createconference-2 {
    width: 100%;
    margin: 10px 0;
    background: #274075;
    color: #fff !important;
  }
  #block-bpk-createconference-2:hover {
    color: #274075 !important;
    background: #fff;
  }
}

#block-bpk-createconference-2-menu {
  margin: 0;
  padding: 7px;
  font-size: 20px;
}

.menu-create-conference {
  display: none;
  background: #fff;
  width: 100%;
  position: fixed;
  left: 0;
}
@media (max-width: 900px) {
  .menu-create-conference {
    margin-top: 10px;
    left: 0;
    height: 100vh;
    overflow: auto;
    z-index: 1100;
  }
}

@media (min-width: 901px) {
  .is_admin .menu-create-conference {
    left: 68px;
  }
}

.create-conference {
  display: flex;
  justify-content: space-between;
  width: 96%;
}
@media (max-width: 900px) {
  .create-conference {
    flex-direction: column;
  }
}
.create-conference li {
  width: 33%;
  flex-basis: 33%;
  text-align: center;
}
@media (max-width: 900px) {
  .create-conference li {
    width: 100%;
    flex-basis: 100%;
    padding: 0;
  }
}
.create-conference a {
  padding: 20px !important;
  font-size: 20px;
  width: 100%;
  background: #274075;
  color: #fff !important;
  cursor: pointer;
  margin: 10px 20px;
  text-align: center;
  padding: 20px;
  transition: 0.3s ease-out;
  border: 1px solid #274075 !important;
}
@media (max-width: 900px) {
  .create-conference a {
    width: 100%;
    margin: 10px;
  }
}
.create-conference a:hover {
  color: #274075 !important;
  background: #fff;
}
.create-conference a::after {
  display: none;
}

.select-bbb-forms,
.select-bbb-forms-mode {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 30px auto;
}
.select-bbb-forms a,
.select-bbb-forms-mode a {
  font-size: 20px;
  font-weight: 300;
  width: 100%;
  background: #274075;
  color: #fff;
  cursor: pointer;
  margin: 20px 0;
  text-align: center;
  padding: 20px;
  border: 1px solid #274075;
  transition: 0.3s ease-out;
}
.select-bbb-forms a:hover,
.select-bbb-forms-mode a:hover {
  color: #274075;
  background: #fff;
}

#edit-delete {
  display: flex;
  justify-content: center;
  border: 1px solid;
}
#edit-delete:hover {
  border: 1px solid #cd495c;
  background-color: #cd495c;
  color: #fff;
}

#field_presentation-media-library-wrapper .media-library-item__preview {
  display: flex;
  margin: 10px 0;
  align-items: center;
}

.js-media-library-item {
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
}

#edit-field-presentation-selection .js-media-library-item:first-child {
  background: #85A150;
}

.ui-dialog:not(.ui-dialog-off-canvas)[role=dialog] .ui-dialog-titlebar {
  position: relative;
  padding: 1.25rem 1.5rem 1rem;
  border: 0;
  border-radius: 0;
  background: url(../img/fill.svg) no-repeat;
}

.media-library-widget-modal .ui-dialog-buttonset.form-actions {
  display: flex;
  white-space: nowrap;
}

.js-media-library-selection {
  margin: 10px 0;
}

.js-media-library-widget .js-media-library-item {
  flex-direction: row-reverse;
  gap: unset;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  border: 1px solid #274075;
  margin-bottom: 10px;
  border-radius: 6px;
}
.js-media-library-widget .js-media-library-item:hover {
  background: rgba(132, 152, 197, 0.2392156863);
}
.js-media-library-widget .js-media-library-item .js-form-type-number label {
  display: none;
}
.js-media-library-widget .js-media-library-item .js-form-submit {
  width: auto;
  padding: 1em;
  line-height: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.js-media-library-widget .js-media-library-item .js-form-submit:hover {
  border: 1px solid #cd495c;
  background-color: #cd495c;
  color: #fff;
}
.js-media-library-widget .js-media-library-item .media-library-item__preview-wrapper {
  padding-right: 10px;
  flex-basis: 100%;
}
.js-media-library-widget .js-media-library-item .media-library-item__preview-wrapper .media-library-item__preview {
  gap: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 700px) {
  .js-media-library-widget .js-media-library-item .media-library-item__preview-wrapper .media-library-item__preview {
    flex-wrap: wrap;
  }
  .js-media-library-widget .js-media-library-item .media-library-item__preview-wrapper .media-library-item__preview .file {
    flex-basis: 90%;
  }
}
.js-media-library-widget .js-media-library-item .media-library-item__preview-wrapper a {
  font-weight: lighter;
  overflow: unset;
  text-decoration: underline;
  line-height: 1;
  word-wrap: normal;
}
.js-media-library-widget .js-media-library-item .media-library-item__preview-wrapper a:hover {
  transform: scale(1.1);
}

form.js-media-library-add-form {
  width: 100%;
}
form.js-media-library-add-form .field--type-boolean input,
form.js-media-library-add-form .form-type-checkbox input {
  opacity: 0;
}
@media (max-width: 1440px) {
  form.js-media-library-add-form .js-form-wrapper {
    overflow: visible;
  }
}
form.js-media-library-add-form table {
  height: 100%;
}
form.js-media-library-add-form table th.checkbox {
  display: table-cell;
}
form.js-media-library-add-form table tr {
  height: 100%;
}
form.js-media-library-add-form table td {
  height: 100%;
}
form.js-media-library-add-form table td div {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1440px) {
  form.js-media-library-add-form table td .js-form-submit {
    background: transparent;
    color: #274075;
    padding: 0;
    border: none;
    text-decoration: underline;
  }
}
form.js-media-library-add-form table .form-managed-file .file {
  display: flex;
  flex-direction: column;
}
form.js-media-library-add-form .select-wrapper select {
  position: relative;
}
form.js-media-library-add-form .select-wrapper select::after {
  top: 20px;
}
form.js-media-library-add-form .field--type-boolean input.form-checkbox:checked {
  opacity: 0;
}
form.js-media-library-add-form input.form-checkbox:checked::before {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotateZ(37deg);
  margin-top: 2px;
  transition: 0.2s;
  transform-origin: 100% 100%;
}
form.js-media-library-add-form input.form-checkbox:checked::after {
  width: 20px;
  height: 20px;
  z-index: 0;
  content: "";
  left: 0;
  position: absolute;
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  border-radius: 2px;
  background: #004276;
  border-color: #004276;
}
form.js-media-library-add-form input.form-checkbox:not(:checked)::before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
  content: "";
  position: absolute;
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  z-index: 1;
}
form.js-media-library-add-form input.form-checkbox:not(:checked)::after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #555555;
  z-index: 0;
  content: "";
  position: absolute;
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  border-radius: 2px;
}

#media-library-add-form-wrapper,
#media-library-wrapper {
  display: flex;
}
#media-library-add-form-wrapper li.media-library-menu-files,
#media-library-add-form-wrapper li.media-library-menu-private-picture,
#media-library-wrapper li.media-library-menu-files,
#media-library-wrapper li.media-library-menu-private-picture {
  padding-bottom: 10px;
}
#media-library-add-form-wrapper .js-media-library-views-form .js-media-library-item,
#media-library-wrapper .js-media-library-views-form .js-media-library-item {
  padding-right: 15%;
  flex-direction: row;
}
#media-library-add-form-wrapper .js-media-library-views-form input.form-checkbox.form-control,
#media-library-wrapper .js-media-library-views-form input.form-checkbox.form-control {
  position: relative;
  width: 24px;
}
#media-library-add-form-wrapper .js-media-library-views-form svg,
#media-library-wrapper .js-media-library-views-form svg {
  display: none;
}
#media-library-add-form-wrapper .js-media-library-views-form .media-library-item__preview-wrapper a,
#media-library-wrapper .js-media-library-views-form .media-library-item__preview-wrapper a {
  display: none;
}
#media-library-add-form-wrapper .js-media-library-views-form .form-type-checkbox,
#media-library-wrapper .js-media-library-views-form .form-type-checkbox {
  display: flex;
  align-items: self-end;
}
#media-library-add-form-wrapper .js-media-library-views-form .control-label,
#media-library-wrapper .js-media-library-views-form .control-label {
  width: 100%;
}
#media-library-add-form-wrapper .js-media-library-views-form input.form-checkbox.form-control,
#media-library-wrapper .js-media-library-views-form input.form-checkbox.form-control {
  position: relative;
  width: 24px;
}
#media-library-add-form-wrapper .sr-only,
#media-library-wrapper .sr-only {
  position: relative;
}
#media-library-add-form-wrapper .sr-only::after,
#media-library-wrapper .sr-only::after {
  background: #fff;
}
#media-library-add-form-wrapper #media-library-content,
#media-library-wrapper #media-library-content {
  flex-basis: 100%;
  width: 100%;
}
#media-library-add-form-wrapper .media-library-views-form__rows .js-media-library-item,
#media-library-add-form-wrapper .js-click-to-select-checkbox .js-media-library-item,
#media-library-wrapper .media-library-views-form__rows .js-media-library-item,
#media-library-wrapper .js-click-to-select-checkbox .js-media-library-item {
  border-bottom: 1px solid #555555;
  padding: 20px 0;
  position: relative;
}
#media-library-add-form-wrapper .media-library-views-form__rows .form-type-checkbox,
#media-library-add-form-wrapper .js-click-to-select-checkbox .form-type-checkbox,
#media-library-wrapper .media-library-views-form__rows .form-type-checkbox,
#media-library-wrapper .js-click-to-select-checkbox .form-type-checkbox {
  display: flex;
}
#media-library-add-form-wrapper .media-library-views-form__rows .form-type-checkbox label,
#media-library-add-form-wrapper .js-click-to-select-checkbox .form-type-checkbox label,
#media-library-wrapper .media-library-views-form__rows .form-type-checkbox label,
#media-library-wrapper .js-click-to-select-checkbox .form-type-checkbox label {
  font-size: 16px;
  font-weight: 300;
  font-style: italic;
  width: 100%;
  height: auto;
}
#media-library-add-form-wrapper .media-library-views-form__rows .form-type-checkbox label::after,
#media-library-add-form-wrapper .js-click-to-select-checkbox .form-type-checkbox label::after,
#media-library-wrapper .media-library-views-form__rows .form-type-checkbox label::after,
#media-library-wrapper .js-click-to-select-checkbox .form-type-checkbox label::after {
  content: none;
}
#media-library-add-form-wrapper button,
#media-library-wrapper button {
  padding: 0 20px;
}
#media-library-add-form-wrapper ul,
#media-library-wrapper ul {
  list-style: none;
  margin-right: 10px;
  border-right: 1px solid #274075;
}
#media-library-add-form-wrapper ul li,
#media-library-wrapper ul li {
  border: 1px solid #274075;
  padding: 10px 10px 65px;
  border-right: none;
  margin-bottom: 2px;
}
#media-library-add-form-wrapper ul li .form-submit,
#media-library-wrapper ul li .form-submit {
  width: unset;
  float: right;
  padding: 0 55px;
}
#media-library-add-form-wrapper ul li a,
#media-library-wrapper ul li a {
  color: gray;
  outline: none;
}
#media-library-add-form-wrapper ul li a.active,
#media-library-wrapper ul li a.active {
  color: #274075;
}
#media-library-add-form-wrapper #media-library-add-form-wrapper,
#media-library-wrapper #media-library-add-form-wrapper {
  border: 1px solid #274075;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 20px;
}
#media-library-add-form-wrapper #views-exposed-form-media-library-widget,
#media-library-wrapper #views-exposed-form-media-library-widget {
  margin-bottom: 20px;
}
#media-library-add-form-wrapper #views-exposed-form-media-library-widget .clearfix,
#media-library-wrapper #views-exposed-form-media-library-widget .clearfix {
  display: flex;
  flex-wrap: wrap;
  align-items: self-end;
}
#media-library-add-form-wrapper #views-exposed-form-media-library-widget .clearfix:first-child,
#media-library-wrapper #views-exposed-form-media-library-widget .clearfix:first-child {
  flex-basis: 100%;
  border-bottom: 1px solid black;
  margin-bottom: 20px;
}
#media-library-add-form-wrapper #views-exposed-form-media-library-widget .clearfix .form-item,
#media-library-wrapper #views-exposed-form-media-library-widget .clearfix .form-item {
  margin-right: 10px;
  margin-right: 20px;
}
#media-library-add-form-wrapper .view-header,
#media-library-wrapper .view-header {
  display: none;
  border-bottom: 1px solid #274075;
}
#media-library-add-form-wrapper .view-header a,
#media-library-wrapper .view-header a {
  padding: 10px;
  border: 1px solid #274075;
  border-bottom: none;
}
#media-library-add-form-wrapper .view-header a.is-active,
#media-library-wrapper .view-header a.is-active {
  background: #274075;
  color: #fff;
}

.media-library-widget-modal .ui-widget-header {
  background: url(../img/fill.svg) no-repeat;
}
.media-library-widget-modal .alert .placeholder {
  font-weight: 400;
  font-style: italic;
  font-size: 20px;
}
.media-library-widget-modal #media-library-add-form-wrapper ul {
  list-style: none;
}
.media-library-widget-modal .field--type-file .tabledrag-toggle-weight {
  width: 30%;
  float: right;
  margin-bottom: 20px;
}
.media-library-widget-modal table {
  height: 100%;
}
.media-library-widget-modal table th.checkbox {
  display: table-cell;
}
.media-library-widget-modal table tr {
  height: 100%;
}
.media-library-widget-modal table tr div {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.media-library-widget-modal input.form-checkbox:checked::before {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotateZ(37deg);
  margin-top: 2px;
  transition: 0.2s;
  transform-origin: 100% 100%;
}
.media-library-widget-modal input.form-checkbox:checked::after {
  width: 20px;
  height: 20px;
  z-index: 0;
  content: "";
  left: 0;
  position: absolute;
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  border-radius: 2px;
  background: #004276;
  border-color: #004276;
}
.media-library-widget-modal input.form-checkbox:not(:checked)::before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
  content: "";
  position: absolute;
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  z-index: 1;
}
.media-library-widget-modal input.form-checkbox:not(:checked)::after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #555555;
  z-index: 0;
  content: "";
  position: absolute;
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  border-radius: 2px;
}

.is_admin #block-bpk-bbb-conferences table thead tr,
.is_admin #block-bpk-user-conferences-block table thead tr {
  top: 134px;
}

#block-bpk-bbb-conferences,
#block-bpk-user-conferences-block {
  margin-top: 40px;
  margin-bottom: 20px;
}
#block-bpk-bbb-conferences .card__block--table,
#block-bpk-user-conferences-block .card__block--table {
  padding: 5px;
}
#block-bpk-bbb-conferences .card__block--table table,
#block-bpk-user-conferences-block .card__block--table table {
  table-layout: fixed;
}
#block-bpk-bbb-conferences .card__block--table table td:nth-child(1), #block-bpk-bbb-conferences .card__block--table table th:nth-child(1),
#block-bpk-user-conferences-block .card__block--table table td:nth-child(1),
#block-bpk-user-conferences-block .card__block--table table th:nth-child(1) {
  width: 50%;
}
#block-bpk-bbb-conferences h3,
#block-bpk-user-conferences-block h3 {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  padding: 20px 20px 20px 40px;
  margin: 0;
  margin-bottom: 20px;
  background: url(../img/fill.svg) no-repeat;
  background-size: cover;
  color: #fff;
}
#block-bpk-bbb-conferences ul,
#block-bpk-user-conferences-block ul {
  list-style: none;
}
#block-bpk-bbb-conferences .button,
#block-bpk-user-conferences-block .button {
  border: 1px solid #274075;
  background: #274075;
  color: #fff;
  text-align: center;
  padding: 10px 20px;
  font-weight: 100;
  transition: 0.3s ease-out;
}
#block-bpk-bbb-conferences .button:hover,
#block-bpk-user-conferences-block .button:hover {
  border: 1px solid #274075;
  background: #fff;
  color: #274075;
}
#block-bpk-bbb-conferences table thead,
#block-bpk-user-conferences-block table thead {
  background: #274075;
}
#block-bpk-bbb-conferences table thead tr,
#block-bpk-user-conferences-block table thead tr {
  position: sticky;
  z-index: 900;
  top: 80px;
  background: #274075;
  color: #fff;
  box-shadow: 0 1px 0 #274075, 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.24);
}
#block-bpk-bbb-conferences table thead th,
#block-bpk-user-conferences-block table thead th {
  padding: 20px 10px;
}
#block-bpk-bbb-conferences table thead th:first-child,
#block-bpk-user-conferences-block table thead th:first-child {
  padding-left: 20px;
}
#block-bpk-bbb-conferences table tbody tr:hover,
#block-bpk-user-conferences-block table tbody tr:hover {
  background-color: #d6d5d5;
}
#block-bpk-bbb-conferences table th, #block-bpk-bbb-conferences table td,
#block-bpk-user-conferences-block table th,
#block-bpk-user-conferences-block table td {
  font-size: 18px;
  font-family: "Roboto Condensed Light";
  padding: 10px;
  line-height: 1rem;
}
#block-bpk-bbb-conferences table th h4, #block-bpk-bbb-conferences table td h4,
#block-bpk-user-conferences-block table th h4,
#block-bpk-user-conferences-block table td h4 {
  width: 100%;
  padding-left: 10px;
}
#block-bpk-bbb-conferences table th h4::after, #block-bpk-bbb-conferences table td h4::after,
#block-bpk-user-conferences-block table th h4::after,
#block-bpk-user-conferences-block table td h4::after {
  content: none;
}
#block-bpk-bbb-conferences table th h4 a, #block-bpk-bbb-conferences table td h4 a,
#block-bpk-user-conferences-block table th h4 a,
#block-bpk-user-conferences-block table td h4 a {
  font-size: 18px;
}
#block-bpk-bbb-conferences table th time, #block-bpk-bbb-conferences table td time,
#block-bpk-user-conferences-block table th time,
#block-bpk-user-conferences-block table td time {
  font-size: 16px;
}

#block-bpk-user-conferences-block {
  margin-bottom: 40px;
}

.path-conferences .layout--with-complementary > .region--content {
  flex: 0 0 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.record-delete-alert-container {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.137254902);
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 1100;
}

.record-delete-alert {
  width: 50vw;
  margin: 0 auto;
  box-shadow: 0 -1px 0 #e0e0e0, 0 3px 6px rgba(0, 0, 0, 0.08), 0 5px 9px rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
.record-delete-alert h2, .record-delete-alert a, .record-delete-alert button {
  font-family: "Roboto Condensed Light";
  font-weight: 300;
}
.record-delete-alert .alert-title {
  padding: 20px;
  width: 100%;
  font-size: 30px;
  color: #fff;
  background: url(../img/fill.svg) no-repeat;
  background-size: cover;
}
.record-delete-alert .alert-message {
  padding: 10px 20px;
  margin: 0;
}
.record-delete-alert .btn-wrapper {
  display: flex;
  justify-content: left;
  gap: 20px;
  padding: 10px 20px;
}
.record-delete-alert .btn-wrapper .btn-submit {
  background: #cd495c;
  border: 1px solid #cd495c;
  color: #fff;
}
.record-delete-alert .btn-wrapper .btn-submit:hover {
  background: #fff;
  color: #cd495c;
}
.record-delete-alert .btn-wrapper .btn-cancel {
  background: #274075;
  color: #fff;
}
.record-delete-alert .btn-wrapper .btn-cancel:hover {
  background: #fff;
  color: #274075;
}
.record-delete-alert .btn-wrapper .btn {
  padding: 10px 40px;
  font-weight: 300;
  font-size: 20px;
}

.region--secondary-navigation {
  margin: auto;
  max-width: unset;
  padding: 0;
}
.region--secondary-navigation .messages__wrapper .alert {
  margin: 0;
}

.edit-link-container .edit-link {
  display: flex;
  gap: 5px;
  padding: 5px;
  margin: 10px;
  margin-right: auto;
  display: flex;
  gap: 5px;
  transition: 0.3s;
  border-bottom: 1px solid #c9c9c9;
}
.edit-link-container .edit-link:hover {
  background-color: #274075;
}
.edit-link-container .edit-link:hover span,
.edit-link-container .edit-link:hover path.edit-icon {
  color: #fff;
  stroke: #fff;
}
.edit-link-container .edit-link span {
  color: #274075;
  margin: auto 0;
  font-size: 20px;
  font-weight: 300;
}
.edit-link-container .edit-link .edit-icon {
  width: 25px;
  height: 25px;
  margin: auto 0;
}
/*# sourceMappingURL=bpk.css.map */