.hidden {
  overflow: hidden; }

.mdr__table {
  width: 1200px;
  height: 600px;
  margin: 0px auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px auto; }
  @media (min-width: 1200px) and (min-height: 700px) {
    .mdr__table {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      margin: 0; } }
  .mdr__table__column--contacts {
    width: 25%;
    text-align: center; }
    .mdr__table__column--contacts a {
      color: #424242;
      font-family: Roboto;
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
      border-bottom: 1px solid;
      text-decoration: none;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      .mdr__table__column--contacts a:hover {
        opacity: .8;
        border-bottom-color: transparent; }
    .mdr__table__column--contacts img {
      width: 180px;
      height: auto;
      display: block;
      margin: 0 auto 14px; }
  .mdr__table__column--table {
    width: 50%; }
    .mdr__table__column--table img {
      width: 100%; }
  .mdr__table__column--preview {
    width: 25%; }
    .mdr__table__column--preview img {
      display: block;
      margin: 0 auto; }
    .mdr__table__column--preview .preview-1 {
      width: 278px;
      margin-top: 10px; }
    .mdr__table__column--preview .preview-2 {
      width: 265px; }
    .mdr__table__column--preview .preview-3 {
      width: 290px;
      margin-top: 20px; }
    .mdr__table__column--preview .preview-4 {
      width: 240px;
      margin-top: 10px; }