/* DIRTY Responsive pricing table CSS */

/*
- make mobile switch sticky
*/
/** {
    box-sizing:border-box;
    padding:0;
    margin:0;
    outline: 0;
}
body {
    font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:14px;
    padding:14px;
}*/
/*#pricing article {*/
    /*width:100%;*/
    /*!*max-width:1000px;*!*/
    /*margin:0 auto;*/
    /*!*height:1000px;*!*/
    /*position:relative;*/
/*}*/
#pricing ul {
    display:flex;
    top:0px;
    z-index:10;
    padding-bottom:14px;
}
#pricing li {
    list-style:none;
    flex:1;
}
#pricing li:last-child {
    border-right:1px solid #DDD;
}
#pricing button {
    width:100%;
    border-right:0;
    border-top:0;
    padding: 10px;
    background:#FFF;
    font-weight:bold;
    height:60px;
}
#pricing li.active button {
    /*background:#F5F5F5;*/
    /*color:#000;*/
    /*border-top: 3px red solid;*/
    border-bottom: 3px red solid;
}
#pricing table { border-collapse:collapse; table-layout:fixed; width:100%; }
#pricing th { background:#F5F5F5; display:none; }
#pricing td, th {
    height:53px
}
#pricing td,th { border:1px solid #DDD; padding:10px; empty-cells:show; }
#pricing td,th {
    text-align:left;
}
#pricing td+td, #pricing th+th {
    text-align:center;
    display:none;
}
#pricing 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; }
.hide {
    border:0;
    background:none;
}

@media (min-width: 700px) {
    #pricing ul {
        display:none;
    }
    #pricing td,th {
        display:table-cell !important;
    }
    #pricing td,th {
        width: 330px;

    }
    #pricing td+td, th+th {
        width: auto;
    }
}
@media (max-width: 700px) {
    #pricing{
        margin: 0 !important;
    }
}