* {box-sizing: border-box}
body {
  font-family: Lato, 'Noto Sans', sans-serif;
  padding-top: 67px;
}
.nav-item {
  border-bottom: 1px solid var(--vk-color-primary);
  transition: all .5s ease-out;
}
.nav-link {
  font-family: Lato, 'Noto Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: bold !important;
  margin-left: 36px !important;
}
.page-header-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: var(--vk-line-height-low);
  margin: 0;
  color: white !important;
}
.w-20 { width: 20%; }
.hh-100 { min-height: 130px !important;  text-align: center }
.iw {
    max-height: 110px;
    max-width: 100%;
}

.cursor { cursor: pointer }
#waiter { z-index: 65537; position:fixed; top: calc(50% - 25px); left: calc(50% - 25px); border: 10px solid #c0e2ff; border-top: 10px solid #3250e4;border-radius: 50%; width: 50px; height: 50px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

@media screen and (max-width: 1200px) {
  .w-20 { width: 33%; }
}
@media screen and (max-width: 767px) {
  .w-20 { width: 50%; }
}
@media screen and (max-width: 571px) {
  .w-20 { width: 100%; }
}