@font-face {
  font-family: yekan;
  /* src: url('../fonts/YekanNumbers-Regular.woff'); */
  src: url('../fonts/IRANSans(FaNum).ttf');
}
#generic_price_table{
    background-color: #ffffff;
	font-family:'yekan';
	direction:rtl;
}

/*PRICE COLOR CODE START*/
#generic_price_table .generic_content{
    background-color: #fff;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	direction:ltr;
}
#generic_price_table .generic_content:hover{
	box-shadow: 5px 8px 36px 5px rgba(0,0,0,0.2);
	/* -webkit-box-shadow: 0 8px 36px 0 rgba(0,0,0,0.2); */
}

#generic_price_table .generic_content .generic_head_price{
    background-color: #f6f6f6;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
    border-color: #e5d0cc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e5d0cc;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
    color: #525252;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
    color: #414141;
}

#generic_price_table .generic_content .generic_feature_list ul li{  
    color: #a7a7a7;
}

#generic_price_table .generic_content .generic_feature_list ul li span{
    color: #414141;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover{
    background-color: #E4E4E4;
    /* border-left: 5px solid #2ECC71; */
}

#generic_price_table .generic_content.free .generic_price_btn a{
    border: 1px solid #003049; 
    color: #003049;
} 
#generic_price_table .generic_content.advance .generic_price_btn a{
    border: 1px solid #2ECC71; 
    color: #2ECC71;
} 
#generic_price_table .generic_content.pro .generic_price_btn a{
    border: 1px solid #05668d; 
    color: #05668d;
    /* color: #457b9d; */
	cursor:not-allowed;
} 

#generic_price_table .generic_content.advance.active .generic_head_price .generic_head_content .head_bg{
	border-color: #21CE99 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #21CE99;
    color: #fff;
}
#generic_price_table .generic_content.pro:hover .generic_head_price .generic_head_content .head_bg{
    /* border-color: #003049 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #003049; */
    border-color: #457b9d rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #457b9d;
    color: #fff;
}
#generic_price_table .generic_content.free:hover .generic_head_price .generic_head_content .head_bg{
    border-color: #ffbe0b rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffbe0b;
    color: #fff;
}

#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,
#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span{
    color: #fff;
}

#generic_price_table .generic_content.free:hover .generic_price_btn a{
	background-color: #ffbe0b;
    color: #fff;
	border-color:#ffffff;
}
#generic_price_table .generic_content.pro:hover .generic_price_btn a{
	/* background-color: #05668d; */
	background-color: #003049;
    color: #fff;
}
#generic_price_table .generic_content.advance.active .generic_price_btn a{
    background-color: #21CE99;
    color: #fff;
} 
#generic_price_table{
    margin: 50px 0 50px 0;
}
.row .table{
    padding: 28px 0;
}

/*PRICE BODY CODE START*/

#generic_price_table .generic_content{
    overflow: hidden;
    position: relative;
    text-align: center;
}

#generic_price_table .generic_content .generic_head_price {
    margin: 0 0 20px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content{
    margin: 0 0 50px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
    border-style: solid;
    border-width: 90px 1411px 23px 399px;
    position: absolute;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head{
    padding-top: 40px;
    position: relative;
    z-index: 1;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag{
    padding: 0 0 20px;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price{
    display: block;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
    display: inline-block;
    font-size: 28px;
    font-weight: 400;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
    font-size: 45px;
    font-weight: 300;
    letter-spacing: -2px;
    line-height: 60px;
    padding: 0;
    vertical-align: middle;
}
#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currencyFree{
    font-size: 35px;
    font-weight: 300;
    letter-spacing: -2px;
    line-height: 60px;
    padding: 0;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
    font-size: 18px;
    font-weight: 400;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_feature_list ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#generic_price_table .generic_content .generic_feature_list ul li{
    font-size: 18px;
    padding: 10px 15px;
    transition: all 0.3s ease-in-out 0s;
	direction:rtl;
	border-bottom: 0.01px solid #e0e0e0;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover{
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;

}
#generic_price_table .generic_content .generic_feature_list ul li .fa{
    padding: 0 10px;
}
#generic_price_table .generic_content .generic_price_btn{
    margin: 20px 10px 32px;
}

#generic_price_table .generic_content .generic_price_btn a{
    border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    -webkit-border-radius: 50px;
    display: inline-block;
    font-size: 18px;
    outline: medium none;
    padding: 12px 30px;
    text-decoration: none;
    text-transform: uppercase;
}

#generic_price_table .generic_content,
#generic_price_table .generic_content:hover,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content .price,
#generic_price_table .generic_content:hover .price,
#generic_price_table .generic_content .generic_price_btn a,
#generic_price_table .generic_content:hover .generic_price_btn a{
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
} 
@media (max-width: 320px) { 
}

@media (max-width: 576px) { 
#generic_price_table>section{
	margin:0 10px;
}
}

@media (max-width: 767px) {
    #generic_price_table .generic_content{
        margin-bottom:75px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #generic_price_table .col-md-3{
        float:left;
        width:50%;
    }
    
    #generic_price_table .col-md-4{
        float:left;
        width:50%;
    }
    
    #generic_price_table .generic_content{
        margin-bottom:75px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
.text-center h1,
.text-center h1 a{
    color: #7885CB;
    font-size: 30px;
    font-weight: 300;
    text-decoration: none;
}


.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -15px;
  top: 30px;
  transform: rotate(-45deg);
}
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  font-size:24px;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #3a0ca3;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	
	-webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  /* box-shadow: 0 5px 10px rgba(0,0,0,.1); */
  color: #ffffff;
  /* text-shadow: 0 1px 1px rgba(0,0,0,.2); */
  text-align: center;
}