article {
  width:100%;
  margin:0 auto;
  position:relative;
}
article ul {
  display:flex;
  top:0px;
  z-index:10;
  padding-bottom:0px;
}
article li {
  list-style:none;
  flex:1;
}
article li:last-child {
  border-right:1px solid #DDD;
}
article button {
  width:100%;
  border: 1px solid #DDD;
  border-right:0;
  border-top:0;
  padding: 10px;
  background:#FFF;
  font-size:14px;
  font-weight:bold;
  height:60px;
  color:#999
}
article li.active button {
  background:#2196F3;
  color:#fff;
}
article li.active .img-table-pricing{
  filter: invert(0);
}
article table { border-collapse:collapse; table-layout:fixed; width:100%; }
article table td {
  background-color: #fff !important;
}
th { 
  background:#F5F5F5 !important; 
  display:none; }
td, th {
  height:53px
}
td,th { border:1px solid #DDD; padding:10px; empty-cells:show; }
td,th {
  text-align:left;
}
td+td, th+th {
  text-align:center;
  display:none;
}
td.default {
  display:table-cell;
  /*background:inherit !important;*/
}
article .bg-red {
  border-top:3px solid #e73023;
  background-color: #f5f5f5 !important;
}
article .bg-blue {
  border-top:3px solid #2196F3;
  background-color: #f5f5f5 !important;
}
article .bg-green {
  border-top:3px solid #00ff00;
  background-color: #f5f5f5 !important;
}
article .sep {
  background:#F5F5F5 !important;
  font-weight:bold;
}
article .txt-l { 
  font-size:20px;
  line-height: 1.2;
}
article .txt-2 { 
  font-size:12px;
  position: relative;
  top: -6px;
}
article .txt-l .tick{
  font-weight: normal !important;
  display: block;
}
article sup.top-2{
  top: 0px !important;
  color: #2196F3;
}
article .txt-top { position:relative; top:-9px; left:-2px; }
article .tick { font-size:18px; color:#2CA01C; }
article .cross { font-size:18px; color:#ff0000; }
article .hide-t {
  border:0;
  background: inherit !important;
}
article .sep p {
    font-weight: normal;
    font-size: 0.8em;
}

@media (max-width: 730px) {
  article .txt1-mobile{
    font-size: 0.75em !important;
    width: 70% !important;
  }
  article .colt-2{
    font-size: 0.75em !important;
    width: 30% !important;
  }
}
  article .tr-hide-m{
    display: table-row;
  }
  article .btn-fly a{
    display: none;
  }
  article .tr-hide-m td{
    text-align: right;
  }
@media (min-width: 730px) {
  article .tr-hide-m{
    display: none;
  }
  article .btn-fly a{
    display: block;
  }
  article ul {
    display:none;
  }
  td,th {
    display:table-cell !important;
  }
  td,th {
    width: 330px;
  
  }
  td+td, th+th {
    width: auto;
  }
}