body{background:url(../img/bg.jpg);}
.btn-custom{font-size:18px;}
.btn-custom:hover{color:#ffffff;border:1px solid #ffffff;}
#pricing-table{padding-top:50px;}
#pricing-table .pricing{marign:0;padding:0;font-family:'Robot', sans-serif;}
#pricing-table .pricing .pricing-table{padding-bottom:30px;}
#pricing-table .pricing .pricing-table .pricing-header{position:relative;background:#34495e;padding:22px 22px;text-align:center;border-top-right-radius:4px;border-top-left-radius:4px;}
#pricing-table .pricing .pricing-table .pricing-header:hover{background:#243341;}
#pricing-table .pricing .pricing-table .pricing-header .pricing-title{color:#ffffff;text-transform:uppercase;letter-spacing:2px;font-size:24px;text-align:center;font-weight:700;}
#pricing-table .pricing .pricing-table .pricing-header .pricing-rate{font-size:70px;font-weight:700;color:#ffffff;position:relative;text-align:center;}
#pricing-table .pricing .pricing-table .pricing-header .pricing-gst{font-size:12px;font-weight:20;color:#ffffff;position:relative;text-align:center;}
#pricing-table .pricing .pricing-table .pricing-header .pricing-rate sup{font-size:24px;position:relative;top:-30px;color:#bdc3c7;}
#pricing-table .pricing .pricing-table .pricing-header .pricing-rate span{font-size:16px;color:#bdc3c7;text-transform:uppercase;}
#pricing-table .pricing .pricing-list{padding:20px 0 20px 0;background:#ffffff;border:1px solid #e3e3e3;}
#pricing-table .pricing .pricing-list ul{padding:0px;display:table;margin:0px auto;}
#pricing-table .pricing .pricing-list ul li{list-style:none;border-bottom:1px solid #EAECEB;color:#5a5a5a;font-size:16px;line-height:42px;}
#pricing-table .pricing .pricing-list ul li:last-child{border:none;}
#pricing-table .pricing .pricing-list ul li i{margin-right:12px;color:#bdc3c7;}
#pricing-table .pricing .pricing-list ul li span{color:#34495e;}

.box {
   width:300px;height:400px;
   position:relative;
   border:1px solid #BBB;
   background:#eee;
   float:left;
   margin:20px
}
.ribbon {
   position: absolute;
   right: 4px; top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 95px; height: 95px; 
   text-align: right;
}
.ribbon span {
   font-size: 15px;
   color: #fff; 
   text-transform: uppercase; 
   text-align: center;
   font-weight: bold; line-height: 24px;
   transform: rotate(45deg);
   width: 150px; display: block;
   background: #79A70A;
   background: linear-gradient(#9BC90D 0%, #79A70A 100%);
   box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 24px; right: -26px;
}
.ribbon span::before {
   content: '';
   position: absolute; 
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 5px solid #79A70A;
   border-right: 5px solid transparent;
   border-bottom: 5px solid transparent;
   border-top: 5px solid #79A70A;
}
.ribbon span::after {
   content: '';
   position: absolute; 
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 5px solid #79A70A;
   border-left: 5px solid transparent;
   border-bottom: 5px solid transparent;
   border-top: 5px solid #79A70A;
}
.red span {background: linear-gradient(#F70505 0%, #8F0808 100%);}
.red span::before {border-left-color: #8F0808; border-top-color: #8F0808;}
.red span::after {border-right-color: #8F0808; border-top-color: #8F0808;}

.blue span {background: linear-gradient(#2989d8 0%, #1e5799 100%);}
.blue span::before {border-left-color: #1e5799; border-top-color: #1e5799;}
.blue span::after {border-right-color: #1e5799; border-top-color: #1e5799;}