.invisible-block {
    visibility:hidden;
}

.row-payments .submit-wrapper {
    margin: 12px 0 35px 0 !important;
}

.prejoin-row {
    padding: 25px 25px 47px 25px !important;
}

.prejoin .footer-nav .join a {
    text-decoration: none !important;
}

.footer-inner {
    width: 60%;
}

footer {
    font-size: 12px !important;
}

.hori-rule {
	border: 0;
	height: 1px;
	background: #a8a8a8;
	width: 100%;
}

.payment-section {
	width: 87%;
	margin-left: 11%;

}

.payment-types {
	width: 20%;
	text-align: left;
}

.payment-buttons {
	width: 76%;
}

.payment-types, .payment-buttons, .payment-desc, .cost, .input-holder {
	display: inline-block;
	vertical-align: top;
}

.trial-block {
	display: block;
	max-width: 502px;
	height: 80px;
	margin: 10px;
	background: #0173e5;
	color: #fff;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}

.payment-desc, .cost, .input-holder {
	float: left;
}

.payment-desc {
	font-size: 24px;
	margin: 12px 0;
	line-height: 28px;
	width: 44%;
}

.cost {
	font-size: 36px;
	text-align: center;
	background-color: #0258ae;
	width: 45%;
	height: 80px;
	padding: 22px;
	font-weight: 600;
	float: right;
	border-left: 2px solid;
}

.input-holder {
	width: 30px;
	margin: 30px 10px;
}

.red-submit {
	display: block;
	max-width: 502px;
	width: auto;
	border: none !important;
	height: 80px;
	margin: 10px;
	color: #fff;
	background: #f71204 !important;
	font-size: 1.35em;
	font-weight: 700;
	padding: 10px 67px;
}

h4 {
    text-align: left;
    margin-left: 12%;

}

.red-submit {
    font-size: 1.10em;
    width: 100%;
}

.red-submit:hover {
    background: #cc0000 !important;
}

.payment-desc {
    font-size: 22px;
    width: 44%;
}

.unlock.payment-desc {
    margin: 25px 0 0 0;
}

.cost {
    padding: 29px 10px;
    width: 40%;
}

.radio-credit-card, .radio-paypal {
    margin-right: 10px !important;
}

.payment-block {
    padding: 0 20px 0 53px;
    margin: 6px 10px;
}

input[type="radio"] {
    border-radius: 10px !important;
}

.rta img {
    width: 48px;
    height: auto;
}

.payment-types label {
    margin-bottom: 10px !important;
}


@media (max-width: 812px) {
    .red-submit {
        width: 96%;
    }

    .payment-desc {
        font-size: 1.25em;
    }
}

@media (max-width: 768px) {
    #browse, #login {
        display: none !important;
    }

    .logo.show-mobile {
        max-width: 231px;
    }

    #logo {
        top: -14px;
    }

    .footer-inner {
        width: 100%;
    }

    .red-submit {
        font-size: 1.30em;
    }

    .prejoin-row {
        padding: 20px !important;
    }

    .payment-types {
        width: 37%;
        float: left;
    }


    .payment-buttons {
        width: 100%;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    h4 {
        margin-left: 6%;
    }

    .red-submit {
        font-size: 1.2em;
        padding: 10px 28px;
    }

    .payment-section {
        width: 100%;
        margin-left: 6%;
    }

    .payment-types {
        width: 21%;
    }

    .payment-buttons {
        width: 72%;
    }
}

@media (max-width: 767px) {

	.payment-buttons {
		width: 100%;
	}

	.payment-desc {
		font-size: 19px;
		width: 44%;
	}

	.payment-section {
		width: 100%;
		margin-left: 0;
	}
}


@media (max-width: 420px) {
    .payment-block {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 0 12%;
    }

    .payment-block .input-holder {
        margin-right: 8px;
    }

    .invisible-block {
        display: none;
    }

    .cost {
        font-size: 27px;
    }

    .unlock.payment-desc {
        margin-top: 3.25%
    }
}

@media (max-width: 414px) {
	.payment-desc {
		font-size: 18px;
		line-height: 18px;
		margin: 24px 0;
	}

	.cost {
		font-size: 25px;
		width: 39%;
	}

	.desktop-only {
		display: none;
	}

	.payment-types {
		width: 59%;
	}


	h4.font-gray {
		margin-left: 0;
	}

	.payment-section {
		width: 100%;
		margin-left: 0;
	}

    .payment-desc {
        font-size: 16px;

    }

    .red-submit {
        font-size: 1.10em;
        width: auto;
        padding: 21px;

    }

    .unlock.payment-desc {
        margin: 30px 0 0 0;
    }

    .payment-block {
        margin: 6px auto;
        padding-left: 33px;
    }

    .payment-types {
        margin: 1% 0 5% 0;
    }


}

@media (max-width: 375px) {
	.payment-desc {
		font-size: 16px;
		line-height: 18px;
		margin: 20px 0;
	}

	.cost {
		font-size: 21px;
	}

    .prejoin-row {
        padding: 20px 0 !important;
    }

    h4.font-gray, .payment-types {
        margin: 2% 6%;
    }

    .payment-block {
        width: 88%;
    }

    .input-holder {
        width: 28px;
    }

    .payment-types {
        margin-top: 0;
        margin-bottom: 0;
    }

}

@media (max-width: 320px) {
	.input-holder {
		width: 22px;
	}

	.unlock.payment-desc{
		margin: 24px 0;
	}

	.cost {
		font-size: 18px;
		padding: 27px 5px;
	}

	.payment-desc {
		line-height: 16px;
	}

    .trial-block {
        margin: 0;
    }

    .red-submit {
        font-size: 0.95em;
        width: 100%;
        margin: 2.15% auto;
        padding: 21px 0;
    }

    .payment-buttons {
        padding: 0 2.5%;
    }

    .payment-desc {
        width: 52%;
    }

    .input-holder {
        width: 14px;
    }

    .cost {
        width: 36%;
    }
}