.bs-icon {
  --bs-icon-size: .75rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: var(--bs-icon-size);
  width: calc(var(--bs-icon-size) * 2);
  height: calc(var(--bs-icon-size) * 2);
  color: var(--bs-primary);
}

.bs-icon-md {
  --bs-icon-size: 1.5rem;
}

.bs-icon.bs-icon-primary {
  color: var(--bs-white);
  background: var(--bs-primary);
}

.bs-icon.bs-icon-circle {
  border-radius: 50%;
}

@media (max-width: 576px) {
  #absolute_rub > div .mob-d {
    position: relative!important;
    transform: translate3d(0,0,0)!important;
    padding: 12px;
    flex: 0 0 50%!important;
  }
}

@media (max-width: 1200px) {
  #absolute_rub > div {
    position: relative!important;
    transform: translate3d(0,0,0)!important;
    padding: 12px;
    flex: 0 0 50%!important;
  }
}

#cases .badge {
  font-size: 22px;
  cursor: pointer;
}

#cases_logo a {
  background: #fff;
}

#cases_logo img {
  width: 180px !important;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 800px;
}

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

@media (max-width: 768px) {
  li.nav-item {
    margin-bottom: 16px;
    text-align: center;
  }
}

.accordion-item .accordion-button span {
  background-color: rgba(0,0,0,0)!important;
}

.tel-header {
  padding: 9px 12px!important;
  margin-right: 15px;
}

img {
}

@media (min-width: 769px) {
  .text-left-b {
    text-align: left!important;
  }
}

@media (min-width: 678px) {
  a.btn-whatsapp span {
    display: none!important;
  }
}

@media (min-width: 678px) {
  a.btn-whatsapp {
    width: 47px!important;
    height: 47px!important;
    text-align: center;
    border-radius: 50%;
    max-width: 47px;
    padding: 9px 8px;
    margin-left: 16px;
  }
}

@media (min-width: 768px) {
  .btn-whatsapp svg {
    margin: -2px 5px;
    display: block;
  }
}

.btn-whatsapp span {
  padding-left: 10px;
}

@media (max-width: 968px) {
  .text-calc {
    display: none;
  }
}

#absolute_rub h6 {
  font-size: .7rem !important;
}

.cont_t {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 20px;
  max-width: 1200px;
  margin: auto;
  padding: 20px;
  grid-template-areas: "image details logo" "image miniimage footer";
}

.report-image {
  grid-area: image;
  background-color: lightblue;
  border-radius: 15px;
}

.report-details {
  grid-area: details;
  background-color: lightgreen;
  border-radius: 15px;
  padding: 40px;
  background: #f0e6e0;
}

.report-logo {
  grid-area: logo;
  background-color: lightcoral;
  border-radius: 15px;
  min-height: 300px;
  border: 1px solid rgb(165,165,165);
  border-radius: 15px;
}

.report-mini-image {
  grid-area: miniimage;
  background-color: lightgrey;
  border-radius: 15px;
  min-height: 300px;
}

.report-footer {
  grid-area: footer;
  background-color: lightyellow;
  border-radius: 15px;
  padding: 15px;
  background: #000;
}

@media (max-width: 768px) {
  .report-logo {
    grid-area: logo;
    min-height: 140px;
    height: 140px;
    border: 1px solid rgb(165,165,165);
  }
}

@media (max-width: 768px) {
  .report-mini-image {
    grid-area: miniimage;
    min-height: 140px;
    height: 140px;
  }
}

@media (max-width: 768px) {
  .report-image, .report-details, .report-footer {
    grid-column: 1 / span 2;
    min-height: 400px;
  }
}

@media (max-width: 768px) {
  .cont_t {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "image image" "details details" "logo miniimage" "footer footer";
  }
}

@media (max-width: 769px) {
  #navcol-1 {
    padding-top: 25px;
  }
}

@media (max-width: 1400px) {
  .nav-item.nav-a {
    display: none;
  }
}

@media (max-width: 1400px) {
  .nav-item.nav-a {
    display: none;
  }
}

@media (max-width: 1400px) {
  .nav-item.nav-a {
    display: none;
  }
}

@media (max-width: 1400px) {
  .nav-item.nav-a {
    display: none;
  }
}

@media (max-width: 768px) {
  .nav-item.nav-a {
    display: block;
  }
}

@media (max-width: 768px) {
  .per-ce {
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    gap: 10px;
  }
}

@media (min-width: 768px) {
  .per-ce {
    grid-template-columns: 50% 50%;
  }
}

@media (min-width: 768px) {
  .per-ce {
    grid-template-columns: 25% 25% 25% 25%;
  }
}

.per-ce {
  display: grid;
}

@media (min-width: 768px) {
  .per-ce > div {
    border: 2px solid #fcce06;
    border-radius: 8px;
    padding: 12px 35px;
    color: #fff;
  }
}

@media (max-width: 768px) {
  .per-ce > div {
    padding: 12px;
  }
}

.per-ce > div {
  border: 2px solid #fcce06;
  border-radius: 8px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .per-ce {
    background: var(--bs-primary);
  }
}

.header-blocks {
  display: grid;
  grid-template-columns: 1.6fr 2fr 1.2fr;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

@media (min-width: 768px) and (max-width: 992px) {
  .tel-head {
    display: none;
  }
}

.div1 {
  grid-area: 1 / 1 / 2 / 2;
}

.div2 {
  grid-area: 2 / 1 / 3 / 2;
}

.div3 {
  grid-area: 1 / 2 / 3 / 3;
}

.div4 {
  grid-area: 1 / 3 / 2 / 4;
}

.div5 {
  grid-area: 2 / 3 / 3 / 4;
}

@media (max-width: 1200px) {
  .header-new {
    display: none;
  }
}

.header-old {
  display: none;
}

@media (max-width: 1200px) {
  .header-old {
    display: block;
  }
}

@media (min-width: 768px) {
  .btn-tel {
    display: none;
  }
}

@media (max-width: 768px) {
  #mainNav {
    background: #ffffffed!important;
    border-radius: 0;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
}

.navbar-nav {
  gap: 5px;
}

#team img {
  height: 260px;
  min-width: 180px;
}

@media (max-width: 768px) {
  #team img {
    height: 160px;
    min-width: 100px;
    width: 120px;
  }
}

@media (min-width: 1200px) {
  #team img {
    height: 350px;
    width: 320px;
  }
}

@media (max-width: 992px) {
  .caterina {
    background-position: 0 -120px;
  }
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active {
  font-weight: 200 !important;
}