.rama {padding: 25px 5px;}
.warn {font-size: 14pt;color: #bd0000cc;font-weight: bold; text-align: center; margin: 0;}
.think {vertical-align: middle;font-size: 18px;padding: 2px 5px;box-sizing: border-box;margin: 0 0 0 10px;border-radius: 5px;border: 1px solid #cacaca;font-family: "Roboto", sans-serif;transition: .3s;}
.think:hover {border: 1px solid #000; cursor: pointer;}
.table1 {border-collapse: collapse;}
.aft {text-align: center; margin: 10px auto; font-size: 18px; background-color: rgba(70, 129, 184, 0.5); padding: 10px 5px; border: none; border-radius: 5px;}
.colorp {width: 100%; overflow-x: hidden;border-collapse: collapse;font-size: 15px;font-family: Times New Roman, Times, serif;background: #fff;}
.colorp th {text-align: center; background: #c3c7cd; border: 1px solid #000; padding: 10px;}
.colorp th, td {}
.colorp td {border: 1px solid #a3a3a3; padding: 5px;}
.price-1ch {font-size: 18px; text-align: left;}
.price-1ch i {font-size: 18px;color: #0066cf;}
.zagol {font-size: 22pt;}
.center {text-align: center;}
.price {font-weight: bold; color: #5d5d5d;}
.obrat {text-transform: lowercase;}
.lighting_col { background-color: #99CCFF; }
.lighting_cell { background-color: #FFFF00; }
.posletab {font-size: 12pt; font-weight: bold; text-align: right; color:#710000;margin-top: 5px;}

@media (min-width: 910px) {
.table2 {overflow: hidden;z-index: 2;position: relative;}
.table2 th, .table2 td {position: relative;transition: .1s;}
.table2 thead th::before, .table1 tbody tr th::before {background-color: white;content: '';position: absolute;z-index: -1;}
.table2 tbody tr th::before {top: 0;left: -300vw;height: 100%;width: 300vw;}
.table2 thead th::before {top: -300vh;left: 0;height: 300vh;width: 100%;}
.table2 td:hover {background: #90bdff;color: #000;}
.table2 td:hover::before, .table2 td:hover::after {background-color: #F7F272;content: '';position: absolute;z-index: -2;}
.table2 td:hover::before { top: 0;left: -300vw;height: 100%;width: 300vw;}
.table2 td:hover::after { top: -300vh;left: 0;height: 300vh;width: 100%;}
}

@media (max-width: 810px) {
  .hidden {
    display: none;
  }

  .zagol {
    font-size: 20px;
}
  td::before {
    content: attr(data-label);
	color: #7a7a7a;
  }
  td {
    display: flex;
    justify-content: space-between;
  }
  .price-1ch {
	  justify-content: center;
  }

  td div {
    display: none;
  }

  thead tr:nth-child(2), thead tr:nth-child(3) {
    display: none;
  }

  .table2 td:nth-child(1)::before {

  }

  .table2 td:nth-child(2)::before {
    content: "обратная";
    font-size: 16px;
  }

  .table2 td:nth-child(3)::before {
    content: "ед.";
  }
  .table2 td:nth-child(4)::before {
    content: "0 категория";
  }
  .table2 td:nth-child(5)::before {
    content: "1 категория";
  }
  .table2 td:nth-child(6)::before {
    content: "2 категория";
  }
  .table2 td:nth-child(7)::before {
    content: "3 категория";
  }
  .table2 td:nth-child(8)::before {
    content: "4 категория";
  }
  .table2 td:nth-child(9)::before {
    content: "Модерн";
  }






  .table3 td:nth-child(1)::before {

  }

  .table3 td:nth-child(2)::before {
    content: "коэффициент";
    font-size: 16px;
  }

  .table3 td:nth-child(3)::before {
    content: "применение";
  }
  .table3 td:nth-child(4)::before {
    content: "матовая";
  }
  .table3 td:nth-child(5)::before {
    content: "мат/мат";
  }
  .table3 td:nth-child(6)::before {
    content: "мат/патина";
  }
  .table3 td:nth-child(7)::before {
    content: "глянцевая";
  }
  .table3 td:nth-child(8)::before {
    content: "гл/патина";
  }
}