.price-item {
  padding: 30px 0; }
  .price-item .panel {
    margin-top: 60px;
    border-radius: 0;
    border: 0;
    box-shadow: none; }
    .price-item .panel .panel-heading {
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      position: relative;
      min-height: 75px; }
    .price-item .panel .panel-body {
      background: #1cad8d;
      padding: 0; }
      .price-item .panel .panel-body h3 {
        text-align: center;
        margin: 10px 0;
        line-height: 1.2;
        color: #fff;
        font-size: 1.1em; }
      .price-item .panel .panel-body .list-unstyled {
        margin-bottom: 0; }
        .price-item .panel .panel-body .list-unstyled li {
          padding: 5px 15px; }
          .price-item .panel .panel-body .list-unstyled li:nth-child(even) {
            background: #F5F5F5; }
          .price-item .panel .panel-body .list-unstyled li:nth-child(odd) {
            background: #fff; }
          .price-item .panel .panel-body .list-unstyled li:after {
            content: "";
            display: table;
            clear: both; }
          .price-item .panel .panel-body .list-unstyled li p {
            margin: 0; }
    .price-item .panel.panel-success .panel-footer {
      background: #b9eef7; }
    .price-item .panel.panel-success .panel-body {
      background: #18b1cc; }
    .price-item .panel.panel-success .price-value {
      background: #18b1cc; }
    .price-item .panel.panel-success .price-period {
      border: 1px solid #18b1cc; }
      .price-item .panel.panel-success .price-period p {
        color: #18b1cc; }
    .price-item .panel.panel-info .panel-footer {
      background: #a3e4e4; }
    .price-item .panel.panel-info .panel-body {
      background: #1f6969; }
    .price-item .panel.panel-info .price-value {
      background: #1f6969; }
    .price-item .panel.panel-info .price-period {
      border: 1px solid #1f6969; }
      .price-item .panel.panel-info .price-period p {
        color: #1f6969; }
    .price-item .panel.panel-danger .panel-footer {
      background: #ffc7b8; }
    .price-item .panel.panel-danger .panel-body {
      background: #ff8b6b; }
    .price-item .panel.panel-danger .price-value {
      background: #ff8b6b; }
    .price-item .panel.panel-danger .price-period {
      border: 1px solid #ff8b6b; }
      .price-item .panel.panel-danger .price-period p {
        color: #ff8b6b; }
    .price-item .panel.panel-warning .panel-footer {
      background: #fff0c6; }
    .price-item .panel.panel-warning .panel-body {
      background: #1cad8d; }
    .price-item .panel.price-popular {
      margin-top: 50px;
      border: 1px solid #1cad8d;
      border-radius: 5px;
      position: relative; }
      .price-item .panel.price-popular .panel-body {
        box-shadow: inset 0 5px 10px 0 rgba(0, 0, 0, 0.1); }
      .price-item .panel.price-popular .price-value {
        background: #fff;
        border: 5px solid #1cad8d;
        color: #1cad8d;
        text-shadow: 0 1px 0 #f5f5f5, 0 2px 0 #f5f5f5, 0 3px 0 #f5f5f5, 0 4px 0 #f5f5f5, 0 5px 0 #f5f5f5; }
      .price-item .panel.price-popular .price-period {
        background: #1cad8d; }
        .price-item .panel.price-popular .price-period p {
          color: #fff; }
    .price-item .panel > .panel-footer {
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      text-align: center;
      padding-top: 20px;
      padding-bottom: 20px; }
      .price-item .panel > .panel-footer .btn-success {
        background: #30cbe7; }
        .price-item .panel > .panel-footer .btn-success:hover {
          background: #18b1cc; }
      .price-item .panel > .panel-footer .btn-danger {
        background: #ffb39e; }
        .price-item .panel > .panel-footer .btn-danger:hover {
          background: #ff8b6b; }
      .price-item .panel > .panel-footer .btn-warning {
        background: #23d9b1; }
        .price-item .panel > .panel-footer .btn-warning:hover {
          background: #1cad8d; }
      .price-item .panel > .panel-footer .btn-info {
        background: #2b9090; }
        .price-item .panel > .panel-footer .btn-info:hover {
          background: #1f6969; }
      .price-item .panel > .panel-footer .btn-default {
        background: #23d9b1; }
        .price-item .panel > .panel-footer .btn-default:hover {
          background: #1cad8d; }
  .price-item .panel.price-popular.panel-success {
    border: 1px solid #18b1cc; }
    .price-item .panel.price-popular.panel-success .price-value {
      border: 5px solid #18b1cc;
      color: #18b1cc; }
    .price-item .panel.price-popular.panel-success .price-period {
      background: #18b1cc; }
  .price-item .panel.price-popular.panel-info {
    border: 1px solid #1f6969; }
    .price-item .panel.price-popular.panel-info .price-value {
      border: 5px solid #1f6969;
      color: #1f6969; }
    .price-item .panel.price-popular.panel-info .price-period {
      background: #1f6969; }
  .price-item .panel.price-popular.panel-danger {
    border: 1px solid #ff8b6b; }
    .price-item .panel.price-popular.panel-danger .price-value {
      border: 5px solid #ff8b6b;
      color: #ff8b6b; }
    .price-item .panel.price-popular.panel-danger .price-period {
      background: #ff8b6b; }
  .price-item .hover-1 {
    border-radius: 5px;
    transition: all 1s ease; }
    .price-item .hover-1 .panel-body h3 {
      transition: all 1s ease; }
    .price-item .hover-1 .panel-body .pull-left {
      transition: all 1s ease; }
    .price-item .hover-1 .price-value {
      transform: rotateY(0deg);
      transition: all 1s ease; }
    .price-item .hover-1 .price-period {
      transform: rotateY(0deg);
      transition: all 1s ease; }
    .price-item .hover-1:hover .price-value {
      transform: rotateY(-360deg);
      border-color: #158169; }
    .price-item .hover-1:hover .price-period {
      transform: rotateY(-360deg); }
    .price-item .hover-1:hover .panel-footer {
      background: #fff; }
    .price-item .hover-1:hover .panel-heading {
      background: #fff; }
    .price-item .hover-1:hover .panel-body h3 {
      color: #0e5545; }
    .price-item .hover-1:hover .panel-body .pull-left {
      color: #0e5545; }
    .price-item .hover-1:hover .list-unstyled li {
      box-shadow: inset 0 1px 0 0 #158169;
      transform: rotateX(-360deg);
      color: #fff; }
      .price-item .hover-1:hover .list-unstyled li:nth-child(odd) {
        background: transparent; }
      .price-item .hover-1:hover .list-unstyled li:nth-child(even) {
        background: transparent; }
    .price-item .hover-1 .list-unstyled li {
      transform: rotateX(0deg);
      transition: all 1.2s ease-in; }
    .price-item .hover-1.panel-success:hover .price-value {
      border-color: #13899e; }
    .price-item .hover-1.panel-success:hover .panel-body h3 {
      color: #0d6271; }
    .price-item .hover-1.panel-success:hover .panel-body .pull-left {
      color: #0d6271; }
    .price-item .hover-1.panel-success:hover .list-unstyled li {
      box-shadow: inset 0 1px 0 0 #13899e; }
    .price-item .hover-1.panel-info:hover .price-value {
      border-color: #134242; }
    .price-item .hover-1.panel-info:hover .panel-body h3 {
      color: #081a1a; }
    .price-item .hover-1.panel-info:hover .panel-body .pull-left {
      color: #081a1a; }
    .price-item .hover-1.panel-info:hover .list-unstyled li {
      box-shadow: inset 0 1px 0 0 #134242; }
    .price-item .hover-1.panel-danger:hover .price-value {
      border-color: #ff6338; }
    .price-item .hover-1.panel-danger:hover .panel-body h3 {
      color: #ff3b05; }
    .price-item .hover-1.panel-danger:hover .panel-body .pull-left {
      color: #ff3b05; }
    .price-item .hover-1.panel-danger:hover .list-unstyled li {
      box-shadow: inset 0 1px 0 0 #ff6338; }
  .price-item .hover-2 .list-unstyled li {
    transition: all .5s ease-in; }
  .price-item .hover-2:hover .list-unstyled li {
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
    color: #fff; }
    .price-item .hover-2:hover .list-unstyled li:nth-child(odd) {
      background: transparent; }
    .price-item .hover-2:hover .list-unstyled li:nth-child(even) {
      background: transparent; }
  .price-item .hover-3 .list-unstyled li:nth-child(1) {
    transition: all 0.1s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(2) {
    transition: all 0.2s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(3) {
    transition: all 0.3s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(4) {
    transition: all 0.4s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(5) {
    transition: all 0.5s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(6) {
    transition: all 0.6s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(7) {
    transition: all 0.7s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(8) {
    transition: all 0.8s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(9) {
    transition: all 0.9s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(10) {
    transition: all 1s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(11) {
    transition: all 1.1s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(12) {
    transition: all 1.2s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(13) {
    transition: all 1.3s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(14) {
    transition: all 1.4s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(15) {
    transition: all 1.5s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(16) {
    transition: all 1.6s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(17) {
    transition: all 1.7s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(18) {
    transition: all 1.8s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(19) {
    transition: all 1.9s ease-in; }
  .price-item .hover-3 .list-unstyled li:nth-child(20) {
    transition: all 2s ease-in; }
  .price-item .hover-3:hover .list-unstyled li {
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
    color: #fff; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(1) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(2) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(3) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(4) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(5) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(6) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(7) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(8) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(9) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(10) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(11) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(12) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(13) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(14) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(15) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(16) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(17) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(18) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(19) {
      background: transparent; }
    .price-item .hover-3:hover .list-unstyled li:nth-child(20) {
      background: transparent; }

.price-value {
  position: absolute;
  background: #1cad8d;
  text-align: center;
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50%;
  margin-left: -50px;
  border-radius: 50%;
  border: 5px solid #fff;
  color: #fff; }
  .price-value p {
    margin: 0;
    display: table;
    vertical-align: middle;
    height: 100%;
    width: 100%; }
    .price-value p span {
      display: table-cell;
      vertical-align: middle;
      font-weight: 700;
      font-size: 30px; }

.price-period {
  position: absolute;
  background: #fff;
  text-align: center;
  width: 35px;
  height: 35px;
  top: -50px;
  right: 50%;
  margin-right: -50px;
  border-radius: 50%;
  border: 1px solid #1cad8d; }
  .price-period p {
    margin: 0;
    display: table;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    color: #1cad8d; }
    .price-period p span {
      display: table-cell;
      vertical-align: middle;
      font-weight: 700;
      font-size: 14px; }

/*# sourceMappingURL=PriceTable.css.map */