#tiers .plan {
  position: relative;
  display: block;
  background: fff;
  background: linear-gradient(135deg, rgb(0, 224, 254) 10%, rgb(0, 175, 255) 70%);
  color: #333F52;
  padding: 25px;
  padding-bottom: 80px;
  text-align: center;
  text-transform: uppercase;
  margin: 15px 0;
  overflow: hidden;
  cursor: default;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in; }
  #tiers .plan.plan-2 {
    background: linear-gradient(135deg, rgb(0, 175, 255) 10%, rgb(0, 144, 243) 70%); }
  #tiers .plan.plan-3 {
    background-image: linear-gradient(135deg, rgb(0, 144, 243) 10%, rgb(25, 58, 180) 80%); }
  #tiers .plan .plan-name {
    padding-top: 10px;
    margin-bottom: -12px;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    opacity: 100%;
    letter-spacing: 0.05em;
    line-height: 22px; }
  #tiers .plan .plan-summary {
    text-transform: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); }
  #tiers .plan .plan-price {
    height: 30px;
    position: relative;
    text-align: right; }
    #tiers .plan .plan-price h1 {
      position: absolute;
      bottom: -68px;
      width: 100%;
      font-size: 168px;
      margin: 0;
      right: 20px;
      line-height: 1;
      font-weight: 600;
      color: #fff;
      text-shadow: none;
      -webkit-transition: all 200ms ease-in;
      -moz-transition: all 200ms ease-in;
      -ms-transition: all 200ms ease-in;
      -o-transition: all 200ms ease-in;
      transition: all 200ms ease-in; }
      #tiers .plan .plan-price h1 small {
        position: absolute;
        left: 14%;
        bottom: 12%;
        display: block;
        font-size: 94px;
        text-shadow: none; }
  #tiers .plan .plan-action {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    color: #444;
    font-size: 26px;
    font-weight: 500; }
    #tiers .plan .plan-action a {
      display: block;
      height: 60px;
      color: #20407E;
      line-height: 60px;
      background: white; }
  #tiers .plan:hover {
    background-image: linear-gradient(135deg, #FFBD59 0%, #ff850b 75%);
    -moz-transform: translate(0, -3px);
    -o-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px);
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in; }
    #tiers .plan:hover .plan-price h1 {
      text-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
      -webkit-transition: all 200ms ease-in;
      -moz-transition: all 200ms ease-in;
      -ms-transition: all 200ms ease-in;
      -o-transition: all 200ms ease-in;
      transition: all 200ms ease-in; }
    #tiers .plan:hover .plan-action a {
      color: #F7991D; }