body {
	background-color: var(--join-page-body-background-color);
	font-family: 'Inter', sans-serif !important;
	color: var(--join-page-body-text-color);
}

.join-site-header {
	background: var(--join-site-header-background-color);
	border-bottom: 2px solid var(--join-site-header-border-color);
	box-shadow: inset 0 -1px 0 var(--join-site-header-shadow-color);
}

.join-site-header-inner {
	margin: 0 auto;
	min-height: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	max-width: 89.2vw;
}

.join-site-brand {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	height: 48px;
	margin: 0.5rem 20px 0.5rem 0;
}

.join-site-brand img {
	display: block;
}

.join-site-header .member-login {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.1px;
	vertical-align: middle;
	color: var(--join-site-header-member-login-color);
	text-decoration: none;
}

.join-site-header .member-login .fa,
.join-site-header .member-login span {
	display: none;
}

.join-site-header .member-login:hover {
	color: var(--join-site-header-member-login-hover-color);
}

.main.fullscreen-bg {
	background: var(--join-page-body-background-color);
}

.content-join {
	display: flex;
	align-items: stretch;
	gap: 24px;
	max-width: 1320px;
	margin: 0 auto;
	padding: 12px 16px 18px;
}

.content.content-join {
	padding: 1.5rem 1rem 0;
}

.content.content-join aside.img-content {
	padding-top: 0;
	margin-bottom: 0;
}

.content.content-join>.nimg,
.content.content-join>.join-image,
.content.content-join>.full-img,
.content.content-join>.promo-image,
.content.content-join>.img-holder {
	flex: 1 1 53%;
	min-height: 640px;
	background: var(--content-join-media-panel-background);
	border-radius: 4px;
	overflow: hidden;
	box-shadow: inset 0 0 0 1px var(--content-join-media-panel-border-color);
}

.img-content .mid-img,
.img-content .big-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (min-width: 1286px) {
	.content.content-join picture {
		position: absolute;
		height: 100%;
		width: 100%;
		left: unset;
		transform: unset;
	}
}

.content.content-join>.nimg>*,
.content.content-join>.join-image>*,
.content.content-join>.full-img>*,
.content.content-join>.promo-image>*,
.content.content-join>.img-holder>* {
	height: 100%;
}

.content.content-join>.nimg img,
.content.content-join>.join-image img,
.content.content-join>.full-img img,
.content.content-join>.promo-image img,
.content.content-join>.img-holder img,
.content.content-join>.nimg picture,
.content.content-join>.join-image picture,
.content.content-join>.full-img picture,
.content.content-join>.promo-image picture,
.content.content-join>.img-holder picture {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 1285px) {
	.content.content-join {
		flex-direction: column;
	}

	.content.content-join>.nimg,
	.content.content-join>.join-image,
	.content.content-join>.full-img,
	.content.content-join>.promo-image,
	.content.content-join>.img-holder {
		min-height: 320px;
	}

	.join-no-media .signup-content {
		max-width: 100%;
		width: 100%;
	}

	.signup-form-wrapper {
		padding: 0 14px 16px;
	}

	.signup-form-wrapper h3,
	.join-plan-title {
		font-size: 30px;
	}

	.join-plan-tabs {
		flex-direction: column;
		align-items: center;
		max-width: 100%;
	}

	.join-plan-tab-wrapper {
		width: 100%;
	}

	.join-plan-tab {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		font-size: 12px;
		padding: 8px 10px;
	}

	.join-network-logos {
		gap: 12px;
	}

	.join-network-logo {
		min-height: 32px;
	}

	.join-plan-title,
	.join-plan-title.join-deal-title {
		font-size: 34px;
	}

	.join-plan-helper {
		font-size: 12px;
	}

	.submit-button {
		font-size: 26px;
		height: 46px;
	}

	.join-channel-section {
		padding: 12px 16px 6px;
	}

	.join-channel-title {
		font-size: 11px;
		margin-bottom: 10px;
	}

	.join-channel-grid {
		display: block;
	}

	.join-channel-row {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.join-channel-item {
		min-height: 55px;
		padding: 14px 7px;
	}

	.join-channel-logo {
		max-height: 28px;
	}

	.content.content-join>.nimg,
	.content.content-join>.join-image,
	.content.content-join>.full-img,
	.content.content-join>.promo-image,
	.content.content-join>.img-holder {
		display: none;
	}

	.content.content-join .signup-content {
		max-width: 100% !important;
		flex-basis: 100%;
		padding: 0 !important;
	}

	.join-plan-badge {
		font-size: 9px;
		padding: 2px 6px;
	}

	.join-benefits-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.join-benefits-item {
		font-size: 11px;
	}

	.join-benefits-item:nth-child(3),
	.join-benefits-item:nth-child(4) {
		border-top: 1px solid var(--join-page-transparent-color);
	}
}

.content.content-join .signup-content {
	padding: 0;
}

.signup-content {
	margin: 0 !important;
}

.join-no-media .signup-content {
	max-width: 820px;
	margin: auto !important;
}

.logo.desktop {
	text-align: center;
	margin-bottom: 8px;
}

.signup-content .signup-form-wrapper h3 {
	font-size: 24px;
	letter-spacing: 0;
	font-weight: 500;
	text-transform: none;
	line-height: 32px;
	margin: 0 0 15px !important;
	color: var(--signup-form-wrapper-heading-color);
}

.join-account-subtitle {
	text-align: center;
	font-size: 15px;
	color: var(--join-account-subtitle-color);
	margin: 0 0 18px;
}

.inp-txt-behaviour {
	margin-bottom: 6px;
	max-width: 740px;
}

.inp-txt-behaviour:nth-child(1) {
	margin-left: 0;
}

.inp-txt-behaviour:nth-child(2) {
	margin-right: 0;
}

.memberinfo.email-label {
	display: block;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0.4px;
	text-transform: capitalize;
	margin: 0 0 7px;
	color: var(--memberinfo-email-label-text-color);
	position: absolute;
	top: -8px;
	left: 14px;
	padding: 0 4px;
	background: var(--memberinfo-email-label-background-color);
}

.join-input-wrap {
	position: relative;
}

.form-control.join-email-input {
	background: var(--join-email-input-background-color);
	border: 1px solid var(--join-email-input-border-color) !important;
	border-radius: 4px;
	height: 46px;
	color: var(--join-email-input-text-color) !important;
	font-size: 18px;
	padding: 10px 42px 10px 14px;
}

.form-control.join-email-input:focus {
	background: var(--join-email-input-focus-background-color);
	border-color: var(--join-email-input-focus-border-color);
	box-shadow: 0 0 0 2px var(--join-email-input-focus-shadow-color);
	color: var(--join-email-input-text-color);
}

.form-section-divider {
	margin-bottom: 1rem;
}

.form-control.join-email-input::placeholder {
	color: var(--join-email-input-placeholder-color);
}

.join-input-clear {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: var(--join-input-clear-background-color);
	color: var(--join-input-clear-text-color);
	font-size: 18px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
}

.join-input-clear:hover {
	background: var(--join-input-clear-hover-background-color);
	color: var(--join-input-clear-hover-text-color);
}

.join-input-clear[hidden] {
	display: none !important;
}

.join-newsletter-row {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-top: 4px;
	margin-bottom: 0;
	padding-left: 0;
}

.join-newsletter-row .form-check-input {
	margin-top: 3px;
}

.join-newsletter-row .form-check-label {
	font-size: 12px;
	line-height: 1.4;
	color: var(--join-newsletter-row-label-color);
}

.join-plan-group {
	max-width: 740px;
	margin: 0;
	padding-top: 6px;
	display: flex;
	flex-direction: column;
}

.join-plan-subtitle {
	text-align: left;
	font-size: 12px;
	font-weight: 400;
	color: var(--join-plan-subtitle-color);
	margin: 2px 0 10px;
}

.join-plan-subtitle span {
	font-weight: 600;
	color: var(--join-plan-subtitle-highlight-color);
}

.join-plan-tabs {
	display: flex;
	margin: 0 0 18px;
	max-width: 100%;
	padding: 0;
	border-radius: 25px;
	background: var(--join-plan-tabs-background-color);
	position: relative;
}

.join-plan-tab-wrapper {
	display: flex;
	justify-content: stretch;
	gap: 0;
	width: 100%;
	border-radius: 25px;
}

.join-plan-tab {
	border: 0;
	background: var(--join-page-transparent-color);
	color: var(--join-plan-tab-text-color);
	font-size: 14px;
	padding: 9px 14px;
	border-radius: 25px;
	cursor: pointer;
	min-width: 0;
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	transition: all .2s ease;
}

.join-plan-tab.active {
	background: var(--join-plan-tab-active-background-color);
	color: var(--join-plan-tab-active-text-color);
	box-shadow: var(--join-plan-tab-active-shadow);
}

.join-plan-badge {
	display: inline-block;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	background: var(--join-plan-badge-background-color);
	color: var(--join-plan-badge-text-color);
}

.join-network-logos {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	max-width: 740px;
	margin: 0 0 1.3rem;
	padding: 4px 0 0;
}

.join-network-logos[hidden] {
	display: none !important;
}

.join-network-logo {
	flex: 1 1 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
}

.join-network-logo img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.signup-content .signup-form-wrapper .join-plan-title {
	font-size: 24px;
	margin-top: 15px;
	text-align: left;
	letter-spacing: 0;
}

.join-plan-helper {
	margin: 0 0 12px;
	font-size: 13px;
	line-height: 1.35;
	color: var(--join-plan-helper-text-color);
}

.membership-special {
	padding: 0 10px;
	font-weight: 700;
	border-radius: 4px;
	font-size: 0.75rem !important;
	margin-left: 8px;
}

@media (max-width: 400px) {
	.membership-special {
		padding: 0 0.5rem;
		font-size: 0.6rem !important;
	}
}

.membership-options,
.payments {
	list-style: none;
	padding: 0;
	margin: 0;
}

.membership-options li,
.payments li {
	margin-bottom: 10px;
}

.membership-options li:last-child,
.payments li:last-child {
	margin-bottom: 0;
}

.join-plan-group .membership-options label {
	width: 100%;
	border-radius: 4px;
	border: 1px solid var(--join-plan-option-border-color) !important;
	box-shadow: none;
}

.join-plan-group .membership-options label:not(.selected) {
	background: var(--join-plan-option-background-color);
}

.join-plan-group .membership-options label:not(.selected):hover {
	background: var(--join-plan-option-hover-background-color) !important;
	border-color: var(--join-plan-option-hover-border-color) !important;
}

.join-plan-group .membership-options label:not(.selected) .membership-period,
.join-plan-group .membership-options label:not(.selected) .real-price,
ul.membership-options li label:not(.selected) .price-box,
ul.membership-options li label:not(.selected) .membership-period,
ul.membership-options li label:not(.selected) .real-price {
	color: var(--join-plan-option-text-color) !important;
}

.price-box .price-whole{
	margin-right: 4px;
}

.membership-options .option-container,
.payments .option-container {
	padding: 14px 15px;
}

.payments .option-container .membership-title {
	margin-bottom: 6px;
}

.join-plan-group .membership-options label.selected {
	background-color: var(--join-plan-option-selected-background-color) !important;
}

.membership-options input[type='radio'],
.payments input[type='radio'] {
	display: none;
}

.membership-billing-details {
	font-family: Inter;
	font-weight: 500;
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 0.5px;
	vertical-align: middle;
	color: var(--join-plan-option-details-text-color, inherit);
}

.membership-period {
	font-family: Inter;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.15px;
	vertical-align: middle;
}

.membership-options .selected .option-container,
.membership-options li.promo label.selected .radio-wrapper:before,
.membership-options .selected .membership-billing-details,
.membership-options li:hover .selected .radio-wrapper:before {
	color: var(--join-plan-option-selected-details-text-color, var(--join-plan-option-text-color)) !important;
}

.membership-options .selected .membership-period,
.membership-options .selected .real-price,
.membership-options .selected .price-box {
	color: var(--join-plan-selected-option-text-color, var(--join-plan-option-text-color)) !important;
}

.membership-options .radio-wrapper,
.membership-options .radio-wrapper-2,
.payments .radio-wrapper-2 {
	display: none;
}

.membership-options small,
.membership-options .fineprint {
	display: block;
	font-size: 12px;
	font-weight: 400;
	opacity: 0.82;
	margin-top: 4px;
}

.plan-options-panel {
	display: none;
}

.plan-options-panel.active {
	display: block;
}

.join-payment-group {
	margin: 18px auto 0;
	max-width: 740px;
}

.join-payment-title {
	font-size: 28px;
	margin-bottom: 10px;
}

.payments .option-container {
	background: var(--payments-option-background);
}

.payments li.active-option .option-container {
	background: var(--payments-active-option-background);
	border-color: var(--payments-active-option-border-color);
	box-shadow: var(--payments-active-option-shadow);
}

.txt-byclick {
	margin-top: 18px;
}

.button-holder {
	display: flex;
	justify-content: center;
	margin-top: 0;
}

.button-holder .submit-button {
	font-family: Inter;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.1px;
	vertical-align: middle;
	color: var(--submit-button-text-color) !important;
	background: var(--submit-button-background-color) !important;
	width: 100%;
	max-width: 100%;
	height: 42px;
	border: 0;
	border-radius: 4px;
}

.join-terms-copy {
	font-family: Inter;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.4px;
	text-align: center;
	color: var(--join-terms-copy-text-color);
	margin: 7px auto 0;
}

.join-terms-copy p {
	font-family: inherit;
	font-size: inherit !important;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;
	text-align: inherit;
	margin: 0 0 6px;
}

.join-terms-copy p:last-child {
	margin-bottom: 0;
}

.join-terms-copy a {
	font-family: Inter;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.4px;
	text-align: center;
	color: inherit;
}

.join-terms-copy a:hover {
	color: inherit;
	opacity: 0.8;
}

.submit-button:hover {
	filter: brightness(1.06);
}

@media (max-width: 640px) {
	f .join-site-brand img {
		height: 22px;
		max-width: 156px;
	}

	.footer-links li a {
		white-space: pre-wrap;
	}
}

.newsletter-check-container {
	cursor: pointer;
	margin: 0;
	font-size: 12px;
	color: var(--newsletter-check-container-text-color);
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.newsletter-check-input {
	display: none;
}

.newsletter-check-container svg {
	overflow: visible;
	width: 15px;
	height: 15px;
	flex: 0 0 15px;
}

.newsletter-check-container .path {
	fill: none;
	stroke: var(--newsletter-check-path-stroke-color);
	stroke-width: 6;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: stroke-dasharray 0.5s ease, stroke-dashoffset 0.5s ease;
	stroke-dasharray: 241 9999999;
	stroke-dashoffset: 0;
}

.newsletter-check-label-text {
	line-height: 1.15;
}

.newsletter-check-input:checked+.newsletter-check-container .path {
	stroke-dasharray: 68 9999999;
	stroke-dashoffset: -262.2723388671875;
}

.grid-container.channel-wrapper {
	max-width: 1320px;
	margin: 35px auto 0;
	padding: 0 16px 22px;
}

.join-channel-section {
	padding: 18px 10px 8px;
}

.join-channel-title {
	font-size: 12px;
	line-height: 1.4;
	margin: 0 0 14px;
	text-align: center;
	letter-spacing: 0.02em;
	font-weight: 600;
	color: var(--join-channel-title-text-color);
}

.join-channel-panel {
	display: none;
}

.join-channel-panel.active {
	display: block;
}

.join-channel-grid {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.join-channel-row {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0;
	border-top: 1px solid var(--join-channel-row-border-color);
	width: 100%;
}

.join-channel-row:last-child {
	border-bottom: 1px solid var(--join-channel-row-border-color);
}

.join-channel-row-1 .join-channel-item {
	width: 100%;
	flex: 0 0 100%;
}

.join-channel-row-2 .join-channel-item {
	width: 50%;
	flex: 0 0 50%;
}

.join-channel-row-3 .join-channel-item {
	width: 33.333333%;
	flex: 0 0 33.333333%;
}

.join-channel-row-4 .join-channel-item {
	width: 25%;
	flex: 0 0 25%;
}

.join-channel-row-5 {
	justify-content: center;
}

.join-channel-row-5 .join-channel-item {
	width: 20%;
	flex: 0 0 20%;
	max-width: 150px;
}

.join-channel-row-6 .join-channel-item {
	width: 16.666667%;
	flex: 0 0 16.666667%;
}

.join-channel-item {
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 18px 16px;
	max-width: 250px;
}

.join-channel-logo {
	max-width: 100%;
	max-height: 24px;
	width: auto;
	height: auto;
	object-fit: contain;
	filter: grayscale(1) brightness(1.18);
	opacity: 0.96;
}

.join-channel-empty {
	margin: 0;
	padding: 18px 0;
	font-size: 13px;
	text-align: center;
	color: var(--join-channel-empty-text-color);
}

.join-benefits-section {
	margin: 3rem auto 2rem;
	max-width: 1320px;
	padding: 0 0 4px;
}

.join-benefits-title {
	margin: 0 0 10px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--join-benefits-title-text-color);
}

.join-benefits-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	column-gap: 12px;
	row-gap: 0;
}

.join-benefits-item {
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 12px;
	border-bottom: 1px solid var(--join-benefits-item-border-color);
	text-align: center;
	font-size: 12px;
	line-height: 1.35;
	color: var(--join-benefits-item-text-color);
}

.join-benefits-item:nth-child(1),
.join-benefits-item:nth-child(2),
.join-benefits-item:nth-child(3),
.join-benefits-item:nth-child(4) {
	border-top: 1px solid var(--join-benefits-item-border-color);
}

@media (max-width: 900px) {
	.join-benefits-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 800px) {
	.join-site-header-inner {
		max-width: 94.2vw;
	}

	.join-site-header-inner .join-site-brand {
		height: 45px;
	}
}

@media (max-width: 786px) {
	.content.content-join {
		padding: 0;
	}

	.grid-container.channel-wrapper {
		margin-top: 12px;
		padding: 0 12px 18px;
	}

	.join-channel-section {
		padding: 12px 0 4px;
	}

	.join-channel-title,
	.join-benefits-title {
		font-size: 11px;
		margin-bottom: 10px;
	}

	/* .join-channel-row {
		width: calc(100% + 8px);
		margin-left: -4px;
		margin-right: -4px;
	} */

	.join-channel-row-1 .join-channel-item,
	.join-channel-row-2 .join-channel-item,
	.join-channel-row-3 .join-channel-item,
	.join-channel-row-4 .join-channel-item,
	.join-channel-row-5 .join-channel-item,
	.join-channel-row-6 .join-channel-item {
		max-width: none;
		min-height: 55px;
		padding: 12px 6px;
	}

	.join-channel-row-3 .join-channel-item {
		width: 19%;
		flex: 0 0 19%;
	}

	.join-channel-logo {
		max-height: 26px;
	}

	.join-benefits-section {
		padding-bottom: 1rem;
	}

	.join-benefits-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.join-benefits-item {
		font-size: 11px;
	}

	.join-benefits-item:nth-child(1) {
		border-top: 1px solid var(--join-benefits-item-border-color);
	}

	.join-benefits-item:nth-child(2),
	.join-benefits-item:nth-child(3),
	.join-benefits-item:nth-child(4) {
		border-top-color: var(--join-page-transparent-color);
	}
}

@media (max-width: 540px) {
	.join-benefits-grid {
		grid-template-columns: 1fr;
	}
}