/* pricing plans */
.plan {  width:245px; position:relative; float:left; margin-right:20px; border:1px solid #dbdbdb; padding:15px; margin-bottom:15px; }
.last-plan { float:left; margin-right:0px;}
.plan h3 { font-size:25px; text-transform:uppercase; margin-top:0px; margin-bottom:0px; line-height:22px; text-align:center; }
.plan h4 { font-size:14px; margin-top:0px; margin-bottom:0px; line-height:22px; text-align:center; }
.plan .plan-price { font-size:20px; color:#47abcb; text-align:center;}
.plan .plan-price span { font-size:14px; color:#333333; }
.plan .plan-details { list-style:none; margin-left:10px; }
.plan .plan-details li { background:url(images/check.jpg) no-repeat; background-position:0px 2px; padding-left:20px; }
.plan .sign-up-now { width:170px; margin-bottom:0px; }
.plan .sign-up-now span { text-align:center; }
.plan hr { clear:both; }

.ribbon {
   position: absolute;
   right: -5px; top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px; 
   text-align: right;
}
.ribbon span {
   font-size: 10px;
   color: #fff; 
   text-transform: uppercase; 
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(45deg);
   width: 100px; display: block;
   background: #79A70A;
   background: linear-gradient(#F70505 0%, #8F0808 100%);
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; right: -21px;
}

.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}