#hours {padding: 40px 0 60px; text-align: center;}

.hours-table-wrapper {
  display: inline-block;
  padding: 40px 20px 20px;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.1);
}
.hours-table {margin: 0 auto;}
.hours-table tr.dates th {font-size: 13px; line-height: 15px; font-weight: 100; text-align: center; padding: 5px 10px;}
.hours-table tr.dates th:first-child {border: none;}
.hours-table tr.hours .name {min-width: 70px; padding: 0 10px;}
.hours-table tr.hours .name a {position: relative; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: underline;}
.hours-table tr.hours .name a img {display: none; position: absolute; left: 60px; max-width: 100px; z-index: 1;}
.hours-table tr.hours .name a:hover img {display: block;}
.hours-table tr.hours td {text-align: center; text-transform: none; font-size: 11px; padding-top: 28px;}

.hours-table tr.hours {border-top: solid 1px #ababab;}
.hours-table tr.dates th, .hours-table tr.hours td {position: relative; border-left: solid 1px #ababab;}
.hours-table tr.dates th.today, .hours-table tr.hours td.today {
  border-left: solid 2px #ababab !important;
  border-right: solid 2px #ababab !important;
}
.hours-table tr.dates th.today:before {
  position: absolute;
  overflow: hidden;
  left: -2px;
  right: -2px;
  top: -20px;
  height: 20px;
  content: 'сегодня';
  font-size: 9px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-stretch: ultra-condensed;
  text-align: center;
  color: #fff;
  background-color: #ababab;
}
.hours-table tr.hours:last-child td.today {border-bottom: solid 2px #ababab;}
.hours-table tr.hours td:before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  background: transparent url(/wp-content/themes/brew/spice/images/icons/sprite.png) 0px -40px no-repeat;
  overflow: hidden;
  content: '';
  margin: -11px 0 0 -10px;
}
.hours-table tr.hours td.half2:before {background-position: -20px -40px;}
.hours-table tr.hours td.half2r:before {background-position: -20px -40px;transform: rotate(180deg);}
.hours-table tr.hours td.full:before {background-position: -40px -40px;}
.hours-table tr.hours td.empty:before {background-image: none;}
.hours-table tr.hours td.empty{
    padding-top: 5px;
    font-size: 20px;
    line-height: 35px;
    height: 50px;
}

.hours-table.active tr.dates th.today, .hours-table.active tr.hours td.today {
  border-left-color: #4a9e00 !important;
  border-right-color: #4a9e00 !important;
}
.hours-table.active tr.dates th.today:before {background-color: #4a9e00;}
.hours-table.active tr.hours:last-child td.today {border-bottom: solid 2px #4a9e00;}

.fixed{
  top:0;
  position:fixed;
  width:auto;
  display:none;
  border:none;
}
.dates-fixed{
  display: none;
  position: fixed;
  top: 92px;
  margin-left: -20px;
  z-index: 99;
}
.hours-table tr.dates-fixed th:before {
  content: '';
  position: absolute;
  overflow: hidden;
  left: -1px;
  right: 0;
  top: -20px;
  height: 20px;
  border-left: solid 1px rgba(255,255,255,0.4);
}
.hours-table tr.dates-fixed th:first-child:before,
.hours-table tr.dates-fixed th:nth-child(3):before{
  border: none;
  left: 0;
}
.hours-table tr.dates-fixed th.today:before{
  border:none;
}
.hours-table tr.dates-fixed th:nth-child(8):after{
  position: absolute;
  width: 20px;
  height: 60px;
  content: '';
  display: block;
  background: red;
  top: -20px;
  right: -20px;
}