/* reset css */
.pricing-table ul,
.pricing-table li,
.pricing-table a,
.pricing-table p{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	text-decoration:none;
	line-height:normal;
}

/* pricing table basic layout */
.pricing-table {
	display: block;
	font-size: 1em;
	position: relative;
	z-index: 999;
	width: 100%;
	min-height: 100px;
	max-width: 1920px;  /* main container width 1920px */
	min-width: 180px;
	padding: 0;
	margin: 40px auto 0; /* auto margin for align the container center */
	text-align: center;
	/* Better Font Rendering */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* three pricing tables container width */
.pricing-table.three{
	max-width:800px;
}

/* four pricing tables container width */
.pricing-table.four{
	max-width:1100px;
	clear:both;
}
.pricing-table.four ul{
	width:23%;
}

/* ul tag layout */
.pricing-table ul{
	border-radius: 8px;
	background-clip: padding-box;
	background-color: #e6e6e6;
	box-shadow: 0 2px 11px rgba(1,2,2,.7);
	width: 31.33%;	/* this width used for three tables in container */
	margin:30px 1% !important; /* 30px margin for top and bottom 1% margin for left and right between tables */
	display:block;
	float:left;
	position:relative;
}

.pricing-table ul:nth-child(1),
.pricing-table ul:nth-child(3) {margin-top:50px !important}

.pricing-table ul:nth-child(2) li.title{min-height:140px;padding-top:32px}


/* title class layout */
.pricing-table ul .title {
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 100%);
	background-image: linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 100%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #FFFFFF;
	font-size: 34px;
	text-shadow: 0 1px 0 rgba(0,0,0,.49);
	border-top: 1px solid rgba(255,255,255,0.40);
	line-height: 38px;
	min-height: 120px;
	padding-top: 22px;
        font-weight:bold;
}

/* price class layout */
.pricing-table ul .price {
	border-radius: 1000px;
	background-clip: padding-box;
	box-shadow: inset 0 5px 5px rgba(19,19,20,.29);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: -73px auto auto;
	border: 10px solid rgba(0,0,0,0.00);
	position: relative;
	overflow: hidden;
	width: 150px;
	height: 150px;
}
.pricing-table ul .price:before{
	content: "";
	display: block;
	width: 90%;
	height: 90%;
	border-radius: 1000px;
	background-clip: padding-box;
	background-color: #f1f1f1;
	box-shadow: 0 2px 3px rgba(0,0,0,.42);
	position: absolute;
	margin:5%;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* animation transition */
.pricing-table ul .price:before,
.pricing-table ul .buy a{
	transition:all 0.3s linear;	
	-moz-transition:all 0.3s linear;	
	-webkit-transition:all 0.3s linear;	
	-ms-transition:all 0.3s linear;	
	-o-transition:all 0.3s linear;	
}

.pricing-table ul .price span{color:#2f3945;font-size:36px;position:relative;top:42px;text-align: center;width:100%;display:inline-block}

/* options class layout */
.pricing-table ul .options {margin:10px 0 0 0}

/* font icons layout */
.pricing-table ul .options i {
	width: 15px;
	text-align: center;
	position: relative;
	margin-left: -20px;
	padding-right: 2px;
	background-clip: padding-box;
	color: rgba(0,0,0,.5);
	text-shadow: 0 1px 0 #FFFFFF;
}
.pricing-table ul .options span {
	display: inline-block;
	width: 100%;
	margin-top: 1px;
	padding: 10px 5px 10px 35px;
	text-align: left;
	color: #414141;
	font-size: 0.9em;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pricing-table ul .options span:before{
	content:"";
	display:block;
	height:1px;
	width:100%;
	top:0;
	left:0;
	background:#cdcdcd;
	position:absolute;
}
.pricing-table ul .options span:after{
	content:"";
	display:block;
	height:1px;
	width:100%;
	top:1px;
	left:0;
	background:#ffffff;
	position:absolute;
}


/* buy class layout */
.pricing-table ul .buy{display:block;position:relative;
    padding:20px 0 0 0;
    border-top: 1px solid #cdcdcd;
}

.pricing-table ul .buy:before{
	content:"";
	display:block;
	height:1px;
	width:100%;
	top:0px;
	left:0;
	background:#FFFFFF;
	position:absolute;
	z-index:999;
}
.pricing-table ul .buy a{
	height: 50px;
	margin: auto;
	display: inline-block;
	color: #fff;
	font-size: 1.25em;
	line-height: 50px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.19);
	border-radius: 8px;
	background-clip: padding-box;
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 100%);
	background-image: linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 100%);
	text-transform: uppercase;
	padding-left: 30px;
	padding-right: 30px;
	z-index:999;
	position:relative;
}

/* animtion scale layout */
/**.pricing-table.animaton-scale > ul .buy:after{
	content:"";
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	
	background:#E6E6E6;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	
	transition:top 0.3s ease 0s;
	-webkit-transition:top 0.3s ease 0s;
	-moz-transition:top 0.3s ease 0s;
	-ms-transition:top 0.3s ease 0s;
	-o-transition:top 0.3s ease 0s;
}*/

/*.pricing-table.animaton-scale > ul:hover .buy:after{
	top:10px;
}*/

/**.pricing-table.animaton-scale ul .title{
	position:relative;
	top:0px;
	
	transition:top 0.3s ease 0s;
	-webkit-transition:top 0.3s ease 0s;
	-moz-transition:top 0.3s ease 0s;
	-ms-transition:top 0.3s ease 0s;
	-o-transition:top 0.3s ease 0s;
}
.pricing-table.animaton-scale ul:hover .title{
	top:-10px;
}

.pricing-table.animaton-scale ul .badge{
	transition:top 0.3s ease 0s;
	-webkit-transition:top 0.3s ease 0s;
	-moz-transition:top 0.3s ease 0s;
	-ms-transition:top 0.3s ease 0s;
	-o-transition:top 0.3s ease 0s;
}

.pricing-table.animaton-scale ul:hover .badge{
	top:-15px;
}*/


/* badge layout */
.pricing-table ul .badge{
	display: block;
	width: 75px;
	height: 75px;
    z-index: 9;
	position: absolute;
	right: -6px;
	top: -5px;
	overflow:hidden;
}

/* color-1 badge */
.pricing-table ul.color-1 .badge{
    background: url(../../../images/pricing-table-badge.png) no-repeat;	
}
/* color-2 badge */
.pricing-table ul.color-2 .badge{
    background: url(../img/color-2.png) no-repeat;	
}
/* color-3 badge */
.pricing-table ul.color-3 .badge{
    background: url(../img/color-3.png) no-repeat;	
}
/* color-4 badge */
.pricing-table ul.color-4 .badge{
    background: url(../img/color-4.png) no-repeat;	
}
/* color-5 badge */
.pricing-table ul.color-5 .badge{
    background: url(../img/color-5.png) no-repeat;	
}
/* color-6 badge */
.pricing-table ul.color-6 .badge{
    background: url(../img/color-6.png) no-repeat;	
}
/* color-7 badge */
.pricing-table ul.color-7 .badge{
    background: url(../img/color-7.png) no-repeat;	
}
/* color-8 badge */
.pricing-table ul.color-8 .badge{
    background: url(../img/color-8.png) no-repeat;	
}
/* color-9 badge */
.pricing-table ul.color-9 .badge{
    background: url(../img/color-9.png) no-repeat;	
}
/* color-10 badge */
.pricing-table ul.color-10 .badge{
    background: url(../img/color-10.png) no-repeat;	
}
/* color-11 badge */
.pricing-table ul.color-11 .badge{
    background: url(../img/color-11.png) no-repeat;	
}
/* color-12 badge */
.pricing-table ul.color-12 .badge{
    background: url(../img/color-12.png) no-repeat;	
}
/* color-13 badge */
.pricing-table ul.color-13 .badge{
    background: url(../img/color-13.png) no-repeat;	
}

.pricing-table ul .badge span{
	position: relative;
	top: 3px;
	right: -13px;
	z-index: 99;
	width: 100%;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1em;
	line-height: normal;
	font-weight: bold;
	transform: matrix3d(0.7022613238, 0.7119192602, 0, 0, -0.7119192602, 0.7022613238, 0, 0, 0, 0, 1, 0, -2.2323051179, 13.2326693231, 0, 1) scale(0.8,0.8);
	-webkit-transform: matrix3d(0.7022613238, 0.7119192602, 0, 0, -0.7119192602, 0.7022613238, 0, 0, 0, 0, 1, 0, -2.2323051179, 13.2326693231, 0, 1) scale(0.8,0.8);
	-ms-transform: matrix3d(0.7022613238, 0.7119192602, 0, 0, -0.7119192602, 0.7022613238, 0, 0, 0, 0, 1, 0, -2.2323051179, 13.2326693231, 0, 1) scale(0.8,0.8);
	-moz-transform: matrix3d(0.7022613238, 0.7119192602, 0, 0, -0.7119192602, 0.7022613238, 0, 0, 0, 0, 1, 0, -2.2323051179, 13.2326693231, 0, 1) scale(0.8,0.8);
	-o-transform: matrix3d(0.7022613238, 0.7119192602, 0, 0, -0.7119192602, 0.7022613238, 0, 0, 0, 0, 1, 0, -2.2323051179, 13.2326693231, 0, 1) scale(0.8,0.8);
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
}


/*******************************
    color setting
*******************************/

/**************** color-1 *****************/

/* title class layout */
.pricing-table ul.color-1 .title {
    background-color: #3e86ce;
    box-shadow: 0 1px 0 rgba(30,72,112,.91);
}

/* price class layout */
.pricing-table ul.color-1 .price {
    background-color: #C60800;
}

/* hover layout */
/**.pricing-table ul.color-1:hover .price:before{
    background:#f32a30;
}*/

.pricing-table ul.color-1 .buy a{
    background-color: #3d87cd;
    box-shadow: 0 1px 0 rgba(30,72,112,.91);
    font-weight:bold;
}

/* buy class hover animation */
.pricing-table ul.color-1:hover .buy a{
    background-color: #245B8E;
    text-decoration:none;
}

/**************** color-2 *****************/

/* title class layout */
.pricing-table ul.color-2 .title {
    background-color: #af3c2f;
    box-shadow: 0 1px 0 #772219;
}

/* price class layout */
.pricing-table ul.color-2 .price {
    background-color: #883930;
}

/* hover layout */
.pricing-table ul.color-2:hover .price:before{
    background: #61ad8e;
}

.pricing-table ul.color-2 .buy a{
    background-color: #be493b;
    box-shadow: 0 1px 0 rgba(116, 12, 0, 0.91);
}

/* buy class hover animation */
.pricing-table ul.color-2:hover .buy a{
    background-color: #99291B;
}

/**************** color-3 *****************/

/* title class layout */
.pricing-table ul.color-3 .title {
    background-color: #ab6d31;
    box-shadow: 0 1px 0 #794718;
}

/* price class layout */
.pricing-table ul.color-3 .price {
    background-color: #865b32;
}

/* hover layout */
.pricing-table ul.color-3:hover .price:before{
    background: #75a8a7;
}

.pricing-table ul.color-3 .buy a{
    background-color: #B87635;
    box-shadow: 0 1px 0 #834B14;
}

/* buy class hover animation */
.pricing-table ul.color-3:hover .buy a{
    background-color: #9C540D;
}

/**************** color-4 *****************/

/* title class layout */
.pricing-table ul.color-4 .title {
    background-color: #dfa720;
    box-shadow: 0 1px 0 #AC7D0D;
}

/* price class layout */
.pricing-table ul.color-4 .price {
    background-color: #9c761b;
}

/* hover layout */
.pricing-table ul.color-4:hover .price:before{
    background: #64aaba;
}

.pricing-table ul.color-4 .buy a{
    background-color: #dea61f;
    box-shadow: 0 1px 0 #A7790C;
}

/* buy class hover animation */
.pricing-table ul.color-4:hover .buy a{
    background-color: #C48E0E;
}

/**************** color-5 *****************/

/* title class layout */
.pricing-table ul.color-5 .title {
    background-color: #95c23f;
    box-shadow: 0 1px 0 #587E0E;
}

/* price class layout */
.pricing-table ul.color-5 .price {
    background-color: #69882f;
}

/* hover layout */
.pricing-table ul.color-5:hover .price:before{
    background: #6473ba;
}

.pricing-table ul.color-5 .buy a{
    background-color: #93c13d;
    box-shadow: 0 1px 0 #618B13;
}

/* buy class hover animation */
.pricing-table ul.color-5:hover .buy a{
    background-color: #6A9E0A;
}

/**************** color-6 *****************/

/* title class layout */
.pricing-table ul.color-6 .title {
    background-color: #5d925d;
    box-shadow: 0 1px 0 #1E741E;
}

/* price class layout */
.pricing-table ul.color-6 .price {
    background-color: #496e49;
}

/* hover layout */
.pricing-table ul.color-6:hover .price:before{
    background: #8d6ab4;
}

.pricing-table ul.color-6 .buy a{
    background-color: #639963;
    box-shadow: 0 1px 0 #196D19;
}

/* buy class hover animation */
.pricing-table ul.color-6:hover .buy a{
    background-color: #298329;
}

/**************** color-7 *****************/

/* title class layout */
.pricing-table ul.color-7 .title {
    background-color: #43a2a5;
    box-shadow: 0 1px 0 #0F6769;
}

/* price class layout */
.pricing-table ul.color-7 .price {
    background-color: #3b7a7c;
}

/* hover layout */
.pricing-table ul.color-7:hover .price:before{
    background: #d14d8d;
}

.pricing-table ul.color-7 .buy a{
    background-color: #409fa2;
    box-shadow: 0 1px 0 #12797C;
}

/* buy class hover animation */
.pricing-table ul.color-7:hover .buy a{
    background-color: #177E81;
}

/**************** color-8 *****************/

/* title class layout */
.pricing-table ul.color-8 .title {
    background-color: #466a95;
    box-shadow: 0 1px 0 #0B3D79;
}

/* price class layout */
.pricing-table ul.color-8 .price {
    background-color: #415a77;
}

/* hover layout */
.pricing-table ul.color-8:hover .price:before{
    background: #c55b58;
}

.pricing-table ul.color-8 .buy a{
    background-color: #4a6e9a;
    box-shadow: 0 1px 0 #0F3869;
}

/* buy class hover animation */
.pricing-table ul.color-8:hover .buy a{
    background-color: #20508B;
}

/**************** color-9 *****************/

/* title class layout */
.pricing-table ul.color-9 .title {
    background-color: #4f518d;
    box-shadow: 0 1px 0 #1A1D7A;
}

/* price class layout */
.pricing-table ul.color-9 .price {
    background-color: #464871;
}

/* hover layout */
.pricing-table ul.color-9:hover .price:before{
    background: #b98a64;
}

.pricing-table ul.color-9 .buy a{
    background-color: #505290;
    box-shadow: 0 1px 0 #131566;
}

/* buy class hover animation */
.pricing-table ul.color-9:hover .buy a{
    background-color: #333691;
}

/**************** color-10 *****************/

/* title class layout */
.pricing-table ul.color-10 .title {
    background-color: #7951b7;
    box-shadow: 0 1px 0 rgba(30,72,112,.91);
}

/* price class layout */
.pricing-table ul.color-10 .price {
    background-color: #54387f;
}

/* hover layout */
.pricing-table ul.color-10:hover .price:before{
    background: #cabb54;
}

.pricing-table ul.color-10 .buy a{
    background-color: #734ab3;
    box-shadow: 0 1px 0 #34106D;
}

/* buy class hover animation */
.pricing-table ul.color-10:hover .buy a{
    background-color: #481597;
}

/**************** color-11 *****************/

/* title class layout */
.pricing-table ul.color-11 .title {
    background-color: #985295;
    box-shadow: 0 1px 0 #792775;
}

/* price class layout */
.pricing-table ul.color-11 .price {
    background-color: #744472;
}

/* hover layout */
.pricing-table ul.color-11:hover .price:before{
    background: #8eb26c;
}

.pricing-table ul.color-11 .buy a{
    background-color: #a25b9f;
    box-shadow: 0 1px 0 #680D64;
}

/* buy class hover animation */
.pricing-table ul.color-11:hover .buy a{
    background-color: #9C1E97;
}

/**************** color-12 *****************/

/* title class layout */
.pricing-table ul.color-12 .title {
    background-color: #b63654;
    box-shadow: 0 1px 0 #790C26;
}

/* price class layout */
.pricing-table ul.color-12 .price {
    background-color: #873146;
}

/* hover layout */
.pricing-table ul.color-12:hover .price:before{
    background: #79a483;
}

.pricing-table ul.color-12 .buy a{
    background-color: #b93d5b;
    box-shadow: 0 1px 0 #691026;
}

/* buy class hover animation */
.pricing-table ul.color-12:hover .buy a{
    background-color: #AF2144;
}

/**************** color-13 *****************/

/* title class layout */
.pricing-table ul.color-13 .title {
    background-color: #d27f2e;
    box-shadow: 0 1px 0 #8D4C0C;
}

/* price class layout */
.pricing-table ul.color-13 .price {
    background-color: #935a24;
}

/* hover layout */
.pricing-table ul.color-13:hover .price:before{
    background: #62bbb9;
}

.pricing-table ul.color-13 .buy a{
    background-color: #d17f30;
    box-shadow: 0 1px 0 #7A3E05;
}

/* buy class hover animation */
.pricing-table ul.color-13:hover .buy a{
    background-color: #B56D28;
}

/******* color setting end **********/

/* media query only for internet explorer 9 */
@media all and (min-width:0\0) and (min-resolution: .001dpcm){
.pricing-table ul .badge span{
	position: relative;
	top: 17px;
	right: -11px;
	
	transform: rotate(45deg) scale(0.8,0.8);
	-ms-transform: rotate(45deg) scale(0.8,0.8);
}
}

/* media query */
@media screen and (max-width:768px){

.pricing-table{
	text-align:center;
}
.pricing-table ul {
	width:48%;
	max-width:35%;
	min-width:240px;
	display:inline-block;
	float:none;
}

}