
/************************************************************************
*  Pricing tab css
************************************************************************/
.tgx-pricing-tab-wrapper {
    background: #f1f1f1;
    padding: 0 30px 30px;
}
    .pricing-tab .pricing-btn {
        font-size: 15px;
        font-weight: bold; 
        padding:20px; 
    }

    .pricing-tab .price-title {
	    margin: 3px 0;
	    font-size: 24px;
	}

	.pricing-tab .price-subtitle {
	    font-size: 14px;
	}

    .pricing-tab .pricing-content {
        text-align: left;
        margin-top: 40px;
    }

	.pricing-tab>button{
		width:100%;
		font-family:inherit;
		font-size:100%;
		margin:0;
		outline:0;
		border:0;
		vertical-align:baseline;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		background:transparent;
	}
	.pricing-tab>.pricing-btn{
		display:block;
		margin-top:1px;
		/*background:#5a5243;*/
		color: #444;
		text-align:center;
		-webkit-transition:all 250ms ease-in-out;
		transition:all 250ms ease-in-out;
		border-bottom: 1px solid #ddd;
	}
	.pricing-tab>input{
		display:none !important;
	}
	.pricing-tab>input:checked+label+.pricing-content{
		display:block;
	}
	.pricing-tab>input:checked+label+.pricing-content>.pricing-content-wrapper{
		-webkit-animation:showTab 250ms ease-in-out;
		animation:showTab 250ms ease-in-out;
	}
	.pricing-tab>.pricing-content{
		/*background:#fff;*/
		display:none;
	}
	.pricing-tab{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.pricing-tab>.pricing-btn{
		-webkit-box-ordinal-group:2;
		-webkit-order:1;
		-ms-flex-order:1;
		order:1;
		-webkit-box-align:start;
		-webkit-align-items:flex-start;
		-ms-flex-align:start;
		align-items:flex-start;
		cursor:pointer;
	}
	.pricing-tab>input:checked+label,
	.pricing-tab>.pricing-btn:hover{
		color: #ed485f;
    	border-bottom: 1px solid #ed485f;
	}

	.pricing-tab>.pricing-content{
		-webkit-box-ordinal-group:3;
		-webkit-order:2;
		-ms-flex-order:2;
		order:2;
	}



	.tgx-pricing-tab-feature ul {
	    margin: 0;
	}

	.tgx-pricing-tab-feature ul li{
	    padding: 7px 0;
	    color: #444;
	    list-style: none;
	}
	.tgx-pricing-tab-feature ul li i {
	    margin-right: 10px;
	}

	.tgx-pricing-tab-heading .cost{
		color:#fff;
		-webkit-clip-path: ellipse(45% 70% at 50% 2%);
	    clip-path: ellipse(45% 70% at 50% 2%);
	    height: 120px;
	    text-align: center;
	    padding-top: 10px;
	}

	.tgx-pricing-tab-image{
		text-align: center;
	}

	.tgx-pricing-tab-0 .tgx-pricing-tab-heading .cost{
	    background-color: #0069ff;
	    color: #fff;
	}
	.tgx-pricing-tab-0 .tgx-pricing-tab-image{
		margin: 10px 40px;
	}
	.tgx-pricing-tab-0 .tgx-pricing-tab-heading .cost .amount{
		font-size: 32px;
	}

	.tgx-pricing-tab-0 .tgx-pricing-tab-title{
		color:#0069ff; margin-bottom: 10px;
	}

	.tgx-pricing-tab-0 .tgx-pricing-tab-footer .tgx-pricing-tab-btn{
		border: 1px solid #0069ff;
		background-color: #0069ff;
	}
	.tgx-pricing-tab-0 .tgx-pricing-tab-footer .tgx-pricing-tab-btn:hover{
		border: 1px solid #0069ff;
		background-color: #fff;
		color: #0069ff;
	}


	.tgx-pricing-tab-1 .tgx-pricing-tab-heading .cost{
	    background-color: #e55;
	    color: #fff;
	}
	.tgx-pricing-tab-1 .tgx-pricing-tab-image{
		margin: 10px 40px;
	}
	.tgx-pricing-tab-1 .tgx-pricing-tab-heading .cost .amount{
		font-size: 32px;
	}

	.tgx-pricing-tab-1 .tgx-pricing-tab-title{
		color:#e55;    margin-bottom: 10px;
	}

	.tgx-pricing-tab-1 .tgx-pricing-tab-footer .tgx-pricing-tab-btn{
		border: 1px solid #e55;
		background-color: #e55;
	}
	.tgx-pricing-tab-1 .tgx-pricing-tab-footer .tgx-pricing-tab-btn:hover{
		border: 1px solid #e55;
		background-color: #fff;
		color: #e55;
	}
	

	.tgx-pricing-tab-2 .tgx-pricing-tab-heading .cost{
	    background-color: #2ecc71;
	    color: #fff;
	}
	.tgx-pricing-tab-2 .tgx-pricing-tab-image{
		margin: 10px 40px;
	}
	.tgx-pricing-tab-0 .tgx-pricing-tab-heading .cost .amount,
	.tgx-pricing-tab-1 .tgx-pricing-tab-heading .cost .amount,
	.tgx-pricing-tab-2 .tgx-pricing-tab-heading .cost .amount{
		font-size: 32px;
		color: #fff;
	}


	.tgx-pricing-tab-2 .tgx-pricing-tab-title{
		color:#2ecc71;
		margin-bottom: 10px;
	}

	.tgx-pricing-tab-2 .tgx-pricing-tab-footer .tgx-pricing-tab-btn{
		border: 1px solid #2ecc71;
		background-color: #2ecc71;
	}
	.tgx-pricing-tab-2 .tgx-pricing-tab-footer .tgx-pricing-tab-btn:hover{
		border: 1px solid #2ecc71;
		background-color: #fff;
		color: #2ecc71;
	}


	.tgx-pricing-tab-footer .tgx-pricing-tab-btn{
		padding: 15px 20px;
		font-size: 16px;
	    width: 100%;
	    display: inline-block;
	    text-align: center;
	    color: #fff;
	}


	@-webkit-keyframes showTab{
		from{
			opacity:0;
			-webkit-transform:translateY(30px);
			transform:translateY(30px);
		}
		to{
			opacity:1;
			-webkit-transform:translateY(0);
			transform:translateY(0);
			}
		}

		@keyframes showTab{
			from{
				opacity:0;
				-webkit-transform:translateY(30px);
				transform:translateY(30px);
			}
			to{
				opacity:1;
				-webkit-transform:translateY(0);
				transform:translateY(0);
			}
		}



@media (max-width: 667px) {
	.tgx-pricing-tab-wrapper{
		margin: 40px 0 0;
	}
}


@media (max-width: 480px) {
	.pricing-tab .price-title{
		font-size: 12px;
	}
	.pricing-tab .price-subtitle{
		font-size: 8px;
	}
	.pricing-tab .pricing-btn{
		padding: 8px;
	}
	.tgx-pricing-tab-wrapper{
		margin: 40px 0 0;
	}
}
