.pricing.page-content {
    background-color: #ffffff;
}

.pricing .step-title{
	font-weight:bold;
	color:#4A95C0;
}
.pricing .step-title span{
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #ccc;
    width: 35px;
    height: 35px;
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
	box-shadow: 1px 1px 3px #ccc;
}

.plans {
	display:inline-block;
	text-align:center;
}
.plans label{
	position:relative;
	display:inline-block;
	text-align:left;
	border:1px solid #ccc ;
	padding:15px;
	width:170px;
	height:190px;
	overflow:hidden;
	cursor:pointer;
	float:left;
	margin-right:-1px;
}

.plans .radio,
.plans label input{
	position:absolute;
	left: -9999px;
}
.plans label .for{
	text-transform:uppercase;
	margin-bottom: 25px;
	line-height: 100%;
}
.plans label .for span{
	display:block;
	font-size:1.3em;
	
}
.plans label .cruncy{
	text-transform:uppercase;
	font-size: 14px;
    line-height: 12px;
}
.plans label .amount{
	font-size: 3em;
    line-height: 100%;
    font-weight: 600;
}
.plans label .amount span{
	font-size:16px;
}
.plans label hr{
	margin:10px auto;
	width:75%;
	padding:0;
}
.plans label .discount{
	text-align:center;
	font-weight:bold;
}
.plans label.current{
	border-color:#4A95C0;
	z-index:999 !important;
}
.plans label.current .for span,
.plans label.current .amount,
.plans label.current .cruncy{
	color:#4A95C0;
}

.plans label.checked{
	border-color:#4A95C0;
	z-index:999 !important;
}
.plans label.checked .for span,
.plans label.checked .amount,
.plans label.checked .cruncy{
	color:#4A95C0;
}

.plan-total{
	display:inline-block;
	text-align:center;
}
.plan-total .line,
.plan-total .side-col{
	float:left;
	line-height:28px;
	margin-bottom:10px;
}
.plan-total .side-col{
	width:170px;
}
.plan-total .duration,
.plan-total .amount{
	border:1px solid #ccc;
	border-radius:3px;
}
.plan-total .line{
	width:80px;
}
.plan-total .line hr{
	border:none;
	border-top:2px dotted #eee;
	margin:42px 0 0 !important;
	padding:0;
}
/* Payments Tabs*/
.pricing .tabs{
	float:none !important;
	max-width:750px;
	margin:0 auto;
}
.pricing .tabs .nav{
	display:block;
	width:300px;
	text-align:center;
	margin:0px auto 15px;
}
.pricing .tabs .nav > li {
	width:50%;
	border-width:1px;
	border-style: solid;
	border-color: #ddd;
	border-right-width:0;
	border-left-width:0;
    float: left;
    display:block;
	z-index:1;
}
.pricing .tabs .nav > li:first-child{
	border-left-width:1px;
}
.pricing .tabs .nav > li:last-child{
	border-right-width:1px;
}
.pricing .tabs .nav>li.active{
	border-color:#89AB47;
	z-index:3;
}
.pricing .tabs .nav>li.active>a,
.pricing .tabs .nav>li.active>a:hover {
    color: #fff;
    background-color: #9AC24F;
	border-color:#9AC24F;
}
.tabs .nav>li>a {
    position: relative;
    display: block;
    padding: 8px 15px;
	color:#333;
}
.tabs .nav>li>a:focus, 
.tabs .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
}
.tabs .tab-content{
	background:#F3F3F3;
	border:1px solid #F3F3F3;
	border-radius: 4px;
	padding:10px;
}
.tabs .tab-content .card-wrap{
    max-width: 350px;
    margin: 0 auto;
}
.pricing .card,
.pricing .fields {
	max-width:350px;
	margin:0 auto 15px;
	box-shadow: 0px 0px 3px 1px rgba(21, 21, 21, 0.23);
	border-radius: 4px;
    padding:5px 10px;
}
.pricing .card {
	height:204px;
	color:#A1A1A1;
}
.pricing .fields .form-group{
	margin:10px 0;
}
.pricing .tabs .form-control {
    padding: 6px 10px;
}
.pricing .card bar{
	display: block;
    background: #DEDDDE;
	color:#A1A1A1;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    margin: 10px -10px 0;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Source Sans Pro';
}
.pricing .card logo{
	display:inline-block;
	float:right;
	background-image:url(../../images/card_logos.png);
	background-position:0px 24px;
	width: 38px;
    height: 24px;
	margin: 8px 0;
    border-radius: 2px;
}
.pricing .card logo.visa{
	background-position:0px 0px;
}
.pricing .card .visa.dim{
	background-position:0px 24px;
}
.pricing .card logo.visa_electron{
	background-position:-38px 0px;
}
.pricing .card .visa_electron.dim{
	background-position:-38px 24px;
}
.pricing .card logo.mastercard{
	background-position:-77px 0px;
}
.pricing .card .mastercard.dim{
	background-position:-77px 24px;
}
.pricing .card logo.maestro{
	background-position:-115px 0px;
}
.pricing .card .maestro.dim{
	background-position:-115px 24px;
}
.pricing .card logo.discover{
	background-position:-153px 0px;
}
.pricing .card .discover.dim{
	background-position: -153px 24px;
}
.pricing .card logo.jcb{
	background-position:0px 24px;
}
.pricing .card .jcb.dim{
	background-position:0px 24px;
}
.pricing .card logo.laser{
	background-position:0px 24px;
}
.pricing .card .laser.dim{
	background-position:0px 24px;
}
.pricing .card logo.amex{
	background-position:0px 24px;
}
.pricing .card .amex.dim{
	background-position:0px 24px;
}



.pricing .card  num{
	display:block;
	margin-top:10px;
	color:#A1A1A1;
}
.pricing .card  label{
	display:block;
	margin:0;
	font-size:13px;
	line-height:14px;
	font-weight:400;
}
.pricing .card date{
	display:block;
	float:left;
	width:110px;
}
.pricing .card cvv{
	display:block;
	float:right;
	width:75px;
}
.pricing .card-wrap .btn{
	background:#9AC24F;
	font-size:25px;
	font-weight:bold;
}
.logo-bar{
	display:block;
	position:relative;
	text-align:center;
}
.logo-bar .logo{
	display:inline-block;
	position:relative;
	margin:10px;
	padding:10px;
	width:120px;
	height:90px;
	display:inline-block;
	cursor:pointer;
}
.logo-bar .logo.active:after{
    content: " ";
    display: block;
    position: absolute;
    top: 100%;
    width: 1px;
    border-top: 8px solid #C3C3C3;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin-left: 45px;
}
.pricing .bname{
	text-align:center;
	font-weight:bold;
	font-size:16px;
	color:#9F9F9F;
	font-family:"Source Sans Pro";
}
.pricing .logo img{
	-webkit-filter: grayscale(60%);
	filter: grayscale(60%);
	height:50px;
	max-width:100%;
}
.pricing .logo-bar label.active{
	border: 1px solid #E0E0E0;
	background-color: #F5F5F5;
}

.pricing .logo-bar label.active img{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
.pricing .logo-bar label.active .bname{
	color:#2A3B77;
}
.pricing .logo-bar  label input{
	opacity:0;
    position: absolute;
    left: -9999px;
}

.pricing .bank .bank-detail{
	width:80%;
	margin:10px auto;
	background-color:#F9F9F9;
	border: 1px solid #E0E0E0;
    border-radius: 4px;
    
}
.pricing .bank .bank-detail .form-control{
	background-color:#F4F3F4;
}
.pricing .bank .bank-detail h4{
	text-align:center;
	color:#9AC24F;
	font-weight:bold;
	padding:0 0 4px;
	border-bottom:dashed 1px #E0E0E0
}
.bank-detail .bank-col-l{
	border-right: 1px solid #E0E0E0;
}
.bank-detail .bank-col-r hr{
    margin: 15px -15px;
}

.pricing .methods .bank{
	display:inline-block;
	width:auto;
	margin: 0 10px;
}

@media (max-width: 620px) {
	.pricing img{
		max-width:100% !important;
	}
	.plans label {
		position: relative;
		display: inline-block;
		width: 170px;
		float: none;
		margin-right: -1px;
	}
}
@media (max-width: 490px) {
	.plan-total .line{
		display:none;
	}
	.plan-total .side-col {
		float: none;
		line-height: 28px;
		margin-bottom: 10px;
	}
}