
article {
  width:58%;
  max-width:1000px;
  margin:0 auto;
  position:relative;
}
ul {
  /*display:flex;*/
  top:0px;
  z-index:10;
}
.cost th,td,table{
text-align:center;	
}

.short{
	display: flex;
padding-left: 0;
}
li {
  list-style:none;
  flex:1;
}
.bank{
	margin-left:25%;
}.mleft{margin-left:50%;}
.bank td,th{
	text-align:center;
	width:auto !important;padding: 12px;
    text-align: center;
    border: 1px solid #ddd;
}
li:last-child {
  border-right:1px solid #DDD;
}
.newprice{
	margin-top:4%;    max-width: 800px;
	
}
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
}
li.active button {
  background:#F5F5F5;
  color:#000;
}
table { border-collapse:collapse; table-layout:fixed; width:100%; }
th { background:#F5F5F5; /*display:none;*/ }
td, th {
  height:53px
}
td,th { border:1px solid #d0c3c3; padding:10px; empty-cells:show; }
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;
}
.txt-l { font-size:28px; font-weight:bold; }
.txt-top { position:relative; top:-9px; left:-2px; }
.tick { font-size:18px; color:#2CA01C; }
.wrongtick{color:red;}
.hide {
  border:0;
  background:none;
}
.button1{background-color:orange;color:white;}
.button2{background-color:orange;color:white;}
.button3{background-color:orange;color:white;}
@media (max-width: 900px) {
	article {
  width:100%;
  max-width:1000px;
  margin:0 auto;
  position:relative;
}}
@media (max-width:770px){
	.bank{
	margin-left:0;
}
}
@media (min-width: 640px) {
  ul {
    display:none;
  }
  ul.quick-links {
    display:block;
  }
  td,th {
    display:table-cell !important;
  }
  td,th {
    width: 330px;
  
  }
  td+td, th+th {
    width: auto;
  }
}

@media (min-width: 640px) {
  .short {
    display:none;
}}
.index{
     padding: 0;
    border: none;
    border-radius: 1%;
    -webkit-border-radius: 1%;
    -moz-border-radius: 1%;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    float: none;
    text-align: left;
   
    min-height: 300px;
}