/* ### @author: Bourhaouta http://about.me/bourhaouta <bourhaouta@gmail.com> ### */
/* ### @codecanyon: http://codecanyon.net/user/bourhaouta/portfolio?ref=bourhaouta ### */
* {
  padding: 0;
  margin: 0;
}
.pricing-table {
   font-family: 'arial', sans-serif;
}
.pricing-table .table {
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
  border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topright: 7px;
  border-top-right-radius: 7px;
}
.pricing-table .table a {
  text-decoration: none;
}
.pricing-table .table a:hover {
  text-decoration: none;
}
.pricing-table .table header {
  text-align: center;
  padding: 8px 0;
  font-size: 14px;
}
.pricing-table .table .content .price {
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
  border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topright: 7px;
  border-top-right-radius: 7px;
  font-weight: 900;
  font-size: 35px;
  text-align: center;
  padding: 15px 0;
}
.pricing-table .table .content .price sup {
  font-weight: 500;
  font-size: 18px;
}
.pricing-table .table .content .price .cent {
  font-size: 15px;
}
.pricing-table .table .content .price .month {
  font-weight: 100;
  font-size: 18px;
}
.pricing-table .table .content .features {
  font-size: 15px;
  border-top: none;
  border-bottom: none;
  padding: 10px 25px;
}
.pricing-table .table .content .fa {
  font-size: 20px;
  margin-right: 10px;
}
.pricing-table .table .content .feature {
  padding: 10px 0;
}
.pricing-table .table footer {
  font-size: 15px;
  text-align: center;
  padding: 10px 0;
}
.pricing-table .table.light .content .features {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #bbb;
}
.pricing-table .table.dark .content .features {
  background-color: #444;
  border: 1px solid #222;
  color: #fff;
}
.pricing-table .table.blue {
  background-color: #2980b9;
}
.pricing-table .table.blue header {
  color: #fff;
  border-bottom: none;
}
.pricing-table .table.blue .content .price {
  color: #fff;
  background-color: #3498db;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pricing-table .table.blue footer {
  color: #fff;
  background-color: #3498db;
  border-bottom: 5px solid #2980b9;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pricing-table .table.blue:hover .content .price {
  background-color: #2980b9;
}
.pricing-table .table.blue:hover footer {
  background-color: #2980b9;
}
.pricing-table .table.green {
  background-color: #27ae60;
}
.pricing-table .table.green header {
  color: #fff;
  border-bottom: none;
}
.pricing-table .table.green .content .price {
  color: #fff;
  background-color: #2ecc71;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pricing-table .table.green footer {
  color: #fff;
  background-color: #2ecc71;
  border-bottom: 5px solid #27ae60;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pricing-table .table.green:hover .content .price {
  background-color: #27ae60;
}
.pricing-table .table.green:hover footer {
  background-color: #27ae60;
}
.pricing-table .table.red {
  background-color: #c0392b;
}
.pricing-table .table.red header {
  color: #fff;
  border-bottom: none;
}
.pricing-table .table.red .content .price {
  color: #fff;
  background-color: #e74c3c;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pricing-table .table.red footer {
  color: #fff;
  background-color: #e74c3c;
  border-bottom: 5px solid #c0392b;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pricing-table .table.red:hover .content .price {
  background-color: #c0392b;
}
.pricing-table .table.red:hover footer {
  background-color: #c0392b;
}
.pricing-table .table.orange {
  background-color: #d35400;
}
.pricing-table .table.orange header {
  color: #fff;
  border-bottom: none;
}
.pricing-table .table.orange .content .price {
  color: #fff;
  background-color: #e67e22;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pricing-table .table.orange footer {
  color: #fff;
  background-color: #e67e22;
  border-bottom: 5px solid #d35400;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pricing-table .table.orange:hover .content .price {
  background-color: #d35400;
}
.pricing-table .table.orange:hover footer {
  background-color: #d35400;
}
.pricing-table .table.yellow {
  background-color: #f39c12;
}
.pricing-table .table.yellow header {
  color: #fff;
  border-bottom: none;
}
.pricing-table .table.yellow .content .price {
  color: #fff;
  background-color: #f1c40f;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pricing-table .table.yellow footer {
  color: #fff;
  background-color: #f1c40f;
  border-bottom: 5px solid #f39c12;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pricing-table .table.yellow:hover .content .price {
  background-color: #f39c12;
}
.pricing-table .table.yellow:hover footer {
  background-color: #f39c12;
}
.pricing-table .table.violet {
  background-color: #8e44ad;
}
.pricing-table .table.violet header {
  color: #fff;
  border-bottom: none;
}
.pricing-table .table.violet .content .price {
  color: #fff;
  background-color: #9b59b6;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pricing-table .table.violet footer {
  color: #fff;
  background-color: #9b59b6;
  border-bottom: 5px solid #8e44ad;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pricing-table .table.violet:hover .content .price {
  background-color: #8e44ad;
}
.pricing-table .table.violet:hover footer {
  background-color: #8e44ad;
}
@media (max-width: 979px) {
  .pricing-table .table {
    margin-bottom: 20px;
  }
}