table.pricing { width: 100%; text-align: left; border-spacing: 0; border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  margin-bottom: 50px;}

.pricing th,.pricing td { vertical-align: middle; padding: 1em; }
.pricing th { font-weight: 600; }

.pricing colgroup:nth-child(1) { width: 31%; border: 0 none; }
.pricing colgroup:nth-child(2) { width: 22%; border: 1px solid  rgba(255, 255, 255, 0.2); }
.pricing colgroup:nth-child(3) { width: 25%; border: 5px solid  rgba(255, 255, 255, 1 ); }
.pricing colgroup:nth-child(4) { width: 22%; border: 1px solid  rgba(255, 255, 255, 0.2); }

/* Tablehead */

.pricing thead th { background: rgba(255, 255, 255, 0.1); text-align: center; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 3em 0 2em; font-weight: 400; color: #ffffff; }
.pricing thead th:nth-child(1) { background: transparent;  }
.pricing thead th:nth-child(3) {  padding: 2em 0 5em; }
.pricing thead th h2 { font-weight: 300; font-size: 2.4em; line-height: 1.2; color: #59c7fb; }
.pricing thead th h2 + p { font-size: 1.25em; line-height: 1.4; }
.pricing thead th:nth-child(3) h2 { font-size: 3.6em; }
.pricing thead th:nth-child(3) h2 + p { font-size: 1.5em; }

.pricing thead th p.promo { font-size: 1em; color: #fff; position: absolute; top: 10em; left: 0px; z-index: 1000; width: 100%; margin: 0; padding: .625em 17px .75em; background: #c00; box-shadow: 0 2px 4px rgba(0,0,0,.25); border-bottom: 1px solid #900; }

.pricing thead th p.promo:before { content: ""; position: absolute; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 7px 7px 0; border-color: transparent #900 transparent transparent; bottom: -7px; left: 0; }
.pricing thead th p.promo:after { content: ""; position: absolute; display: block; width: 0px; height: 0px; border-style: solid; border-width: 7px 7px 0 0; border-color: #900 transparent transparent transparent; bottom: -7px; right: 0; }

/* Tablebody */

.pricing tbody th { background: none; border-left: 1px solid  rgba(255, 255, 255, 0.2); }
.pricing tbody th span { font-weight: normal; font-size: 87.5%; color: #ffffff; display: block; }

.pricing tbody td { background: none; text-align: center; }

.pricing tbody tr:nth-child(even) th,
.pricing tbody tr:nth-child(even) td { background: rgba(255, 255, 255, 0.05); border: 1px solid  rgba(255, 255, 255, 0.2); border-width: 1px 0 1px 1px; }
tbody tr:last-child td { border-bottom: 0 none; }

/* Tablefooter */

.pricing tfoot th  { padding: 2em 1em; border-top: 1px solid  rgba(255, 255, 255, 0.2); }
.pricing tfoot td  { text-align: center; padding: 2em 1em; border-top: 1px solid rgba(255, 255, 255, 0.2); }