/* 
- make mobile switch sticky
*/
* {
  box-sizing:border-box;
  padding:0;
  margin:0;
   outline: 0;
}
.pricing-table-wrapper {
  padding-top: 60px;
  padding-bottom: 60px;
}
article {
  width:100%;
  max-width:;
  margin:0 auto;
  height:;
  position:relative;
}
 ul.table {
  display:flex;
  top:0px;
  z-index:10;
  padding-bottom:14px;
}
 li.table {
  list-style:none;
   padding-left: 0px !important;
  flex:1;
}
li.table:before {
  display: none !important;
}
 li.table:last-child {
  border-right:1px solid #DDD;
}
.pricing-table-wrapper button {
  width:100%;
  border: 1px solid #DDD;
  border-right:0;
  border-top:1;
  padding: 10px;
  background:#f5f5f5;
  font-size:14px;
  font-weight:bold;
  height:120px;
  color:#343333;
  border-radius: 0px;
}

.pricing-table-wrapper button img {
  height: 33px !important;
  width: auto;
  display: block;
  margin: auto;
  margin-bottom: 8px;
}
.pricing-table-wrapper li.active button {
  background:#fff;
  color:#343333;
}

th.header {
  color: black;
}
th.header img {
  height: 35px !important;
  width: auto;
  display: block;
  margin: auto;
  margin-bottom: 8px;
  margin-top: 5px;
}

.plan-subtxt {
 font-size: 15px; 
  display: block;
  font-weight: 500;
}

a.price-table-btns  {
  text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .88px;
    line-height: 18px;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 5px;
    padding: 8px 38px;
    display: inline-block;
    position: relative;
  background-color: #6824c2 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-top: 10px;
}

a.price-table-btns:hover  {
  color: #fff;
}

.pricing-small-print {
 font-size: 11.5px;
 color: #6f6f6e; 
  display: block;
  margin-top: 10px;
}


/* tooltip */
.row-title {
  position: relative;
  
}
.row-title__tooltip {
  visibility: hidden;
  width: 120px;
  background-color: #eee;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 12px;

  /* Position the tooltip */
  position: absolute;
  width: auto;
  top: 100%;
  left: 15%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
  z-index: 1;
}
.row-title:hover > .row-title__tooltip {
  visibility: visible;
}

.row-text {
  color: #343333;
  font-size: 13px;
}

table { border-collapse:collapse; table-layout:fixed; width:100%; }
th { background:#F5F5F5; display:none; }
td, th {
  height:53px;
  color: #343333;
}
td,th { border:1px solid #d9d9d9; padding:10px; empty-cells:show; background-color: #ffffff; }
td,th {
  text-align:left;
}
td+td, th+th {
  text-align:center;
  display:none;
}
td.default {
  display:table-cell;
}
.bg-purple {
  border-top:3px solid #A32362;
}
.bg-blue {
  border-top:3px solid #0097CF;
}
.sep {
  background:#F5F5F5;
  font-weight:bold;
}
.popular {
 color:#017aff; 
  font-size: 12px;
}
.txt-l { font-size:28px; font-weight:bold; }
.txt-top { position:relative; top:-9px; left:-2px; }
.tick { font-size:18px; color:#2CA01C !important; }
.tick img { width: auto; height: 18px;}
.hide {
  border-left:solid 1px #fff !important;
  border-top:solid 1px #fff !important;
  background:none;
}


.pricing-table-wrapper thead th {
 
  border-bottom: 1px solid #d9d9d9 !important;
}

@media (min-width: 767px) {
  ul.table {
    display:none;
  }
  td,th {
    display:table-cell !important;
  }
  td,th {
    width: 330px;
  
  }
  td+td, th+th {
    width: auto;
  }
  

}

.pricing-header-block {
  text-align: center;
  padding-bottom: 60px;
}

.vscene-orange-divider-rule {
 width: 100px;
  height: 5px;
  border-radius: 6px;
  background-color:#6824c2;
  margin: 0 auto;
}

@media only screen and (max-width: 863px) {
    a.price-table-btns  {
    padding: 8px 15px ;
}
}
@media only screen and (max-width: 600px) {
    a.price-table-btns  {
    padding: 8px 15px ;
}
  
  .txt-l {
    font-size: 20px;
    {
}
 
.