/* Таблица вывода SEO информации START */
.tblseotitles{
  width: 100%; margin-bottom:2rem;
  color:#426069; font-size: 12px; line-height: 14px;
  border-collapse: collapse;
  background-color: rgba(67, 97, 107, 0.04);
  border: 1px solid rgba(67, 97, 107, 0.2);
  border-radius: 6px;
  overflow: hidden;
}
.tblseotitles table{
  margin-bottom: 0;
  border-collapse: collapse;
}
.tblseotitles th,
.tblseotitles td{
  border: 1px solid rgba(67, 97, 107, 0.05);
  padding: 8px;
  text-align: left;
  vertical-align: top;
}
.tblseotitles td{
  padding: 4px;
}
.tblseotitles tr:hover{
  /*background-color: rgba(67, 97, 107, 0.04);*/
}
.tblseotitles .sec{
  padding:10px;
}
.tblseotitles .sec{
  padding-left:60px;
}
.tblseotitles .remote{
  width:68px; text-align:center;
  padding: 4px;
}
.tblseotitles .lbl,
.tblseotitles .btn{
  padding: 0; border-radius: 4px; display: inline-block;
  box-sizing: border-box;
}
.tblseotitles .lbl{
  background-color: rgba(73,80,87,0.1); color: #495057;
  font-weight: bold;
  width:100%; box-sizing: border-box;
  margin-bottom: 4px;
  padding: 4px;
}
.tblseotitles .btn{
  background-color: rgba(73,80,87,0.1); color: #495057;
  width: 46%;
  padding: 0 4px;
  font-size: 14px;
}
.tblseotitles .btn:hover{
  color: rgba(255,255,255,1);
}
.tblseotitles .sectable{
  width:100%;
  background-color: #f8f9f9;
  border-radius: 6px;
  overflow: hidden;
}
.tblseotitles .sectable th,
.tblseotitles .sectable td{
  padding: 2px 4px;
}
.tblseotitles .sectable th{
  width:76px;
}
.tblseotitles hr{
  border-width: 1px 0 0 0; border-style: dashed;
  border-color: rgba(67, 97, 107, 0.15);
  height: 0;
  margin: 2px 0;
}
.tblseotitles .seocolor{
  color: #37b24d;
}
/* Таблица вывода SEO информации END */





/* Модальное окно контактов START */

/* Затемнение фона */
.modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.modal.active {
    display: flex;
}

/* Фон */
.modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.25);
}

/* Само окно */
.modal__content {
    position: relative;
    z-index: 2;
    background: #fff;
    border-radius: 16px;
    padding: 65px 45px;
    min-width: 250px;
    box-shadow: 0 15px 40px rgba(0,0,0,.25);
    animation: modalShow .25s ease;
}

/* Крестик */
.modal__close {
    position: absolute;
    right: 12px;
    top: 8px;

    width: 35px;
    height: 35px;

    border: none;
    background: transparent;

    font-size: 32px;
    line-height: 1;

    cursor: pointer;
    color: #333;
}

.modal__close:hover {
    color: #000;
}


/* Иконки */
.modal__contacts-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.modal__contacts-links a img {
    width: 45px;
    height: 45px;
    transition: .2s ease;
}

.modal__contacts-links a:hover img {
    transform: scale(1.1);
}


/* Анимация */
@keyframes modalShow {
    from {
        opacity: 0;
        transform: translateY(-15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Блокировка прокрутки */
body.modal-open {
    overflow: hidden;


.modal__text {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.4;
    color: #333;
}

}

/* Модальное окно контактов END */

.btn-modal-open-c{
  display: inline;
  padding: 2px 11px 4px 10px;
  margin: 0 6px;
  font-weight: bold;
  background-color: #ededed;
  border-radius: 999px;
  border: 1px solid;
  font-style: normal;
  cursor: pointer;
}

.btn-modal-open-c:hover{
  background-color: #f4fce3;
  border-color:#2f9e44;
  color:#2f9e44;
}