:root {
	--primary: #28a745;
	--secondary: #106e26;
	--brand-primary: hsl(332.31, 100%, 43%);
	--brand-secondary: hsl(332.31, 100%, 33%);
	--color-light: hsl(0, 0%, 100%);
	--text-size-xs: clamp(0.79rem, -0.01vw + 0.79rem, 0.78rem);
    --text-size-s: clamp(0.89rem, 0.08vw + 0.87rem, 0.94rem);
    --text-size-m: clamp(1rem, 0.21vw + 0.96rem, 1.13rem);
    --text-size-l: clamp(1.13rem, 0.37vw + 1.05rem, 1.35rem);
    --text-size-xl: clamp(1.27rem, 0.59vw + 1.15rem, 1.62rem);
}

body, html {
    width: 100vw;
    max-width: 100vw;
    overflow-x: hidden;
    overflow-y: scroll;
}
body {
	font-size: 1.1em;
	line-height: 20px;
	font-weight: 400;
	color: #fff;
	background-color: #000;
}
img {max-width: 100%; height: auto;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 600;}
.text-size-xl {
    font-size: var(--text-size-xl);
    line-height: 1.4;
}
.text-size-l {
    font-size: var(--text-size-l);
    line-height: 1.5;
}
.text-size-m {
    font-size: var(--text-size-m);
    line-height: 1.5;
}
.text-size-s {
    font-size: var(--text-size-s);
    line-height: 1.6;
}
.text-size-xs {
    font-size: var(--text-size-xs);
    line-height: 1.7;
}
.text-light {color: var(--color-light);}

a, .btn, .btn-red, .btn-red-with-round, .item .content-div { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }

.highlight { color:var(--primary) !important; }
a {color:var(--primary);}
a:hover {color:#222;}
.logo {width: 600px; height: auto; display: block;}
/* Buttons */
.btn {border:0 !important;}
.btn-primary, .btn-primary.disabled, .btn-primary:disabled { background:var(--primary); border:1px solid var(--primary); }
.btn-primary.disabled, .btn-primary:disabled, .form-control:disabled, .form-control[readonly] { cursor:not-allowed; }
.btn-primary:hover { background:var(--secondary); border:1px solid var(--secondary); border:0; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle { background-color:var(--primary); border-color:var(--primary); }
.btn-default { background-color:#f1f1f1; }
.btn-default:hover { background:#999; border:1px solid #999; color:#FFF; border:0; }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow:0 0 0 0.2rem rgba(213, 32, 35, 0.2); }
.btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show>.btn.dropdown-toggle:focus, .btn-primary.focus, .btn-primary:focus { box-shadow:none !important; }

.alert-danger {line-height: 2.2rem;}

/* Navigation */
.navbar-main {
	background-color: #000;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0
}
.navbar{padding: 0;}
.navbar-brand{margin-right: 0}
.navbar-brand span { display:none; }
.navbar-main .navbar-nav {margin-top: 10px 0;}
.navbar-main .navbar-nav>li { margin:0 1px; }

/* Footer */
footer {
	background-color: #1a1a1a;
	font-size: var(--text-size-xs);
	line-height: 1.4em;
	color: #8a8a8a;
}
.footer__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1em;
	padding: 1em 0;
}
footer a {color:#f7f7f7; text-decoration: none;}
footer a:hover {color:#8a8a8a; text-decoration: underline;}
.footer-nav {padding: 1em 0;}
.footer-nav ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	list-style: none;
	margin-bottom: 0;
}
.footer-nav ul li a {
	font-size: var(--text-size-s);
	line-height: 2em;
	text-decoration: none;
	padding: .75em;
}
.footer-nav ul li a:hover {color: #8a8a8a; text-decoration: underline;}
.footer-nav ul li:not(:last-child) {border-right:1px solid #444;}
.copyright {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000;
	font-size: var(--text-size-xs);
	text-align: center;
	color: #8a8a8a;
	padding: 1em 0;
}

@media only screen and (max-width: 1199px){
.navbar-header {
  width: auto !important;
}
}

/* Join Page Customs */
.join-page {padding: 1rem 0px;}
.join-page .section {display:block; padding-bottom: 1rem;}
.join-page .join-section-title { display:inline-block; width:100%; margin-bottom:15px; }
.join-page .join-section-title h3 {text-transform:uppercase; font-size:1.5rem; font-weight:600; text-align: center;margin:0; }
.join-page .form-group label { margin-bottom:.1rem; }
.join-page .join_error {padding:.25rem .5rem; font-size: 0.875rem; margin-top:4px;}
.join-page .form-group .input-group-text { min-width:42px; text-align:center; background-color:#FFF; border-color:#d9d9d9; }
.join-page .form-group .input-group-text i.fa { margin:0 auto; }
.join-page .form-group .form-control { background-color:#f5f5f5; border-color:#d9d9d9; }
.join-page .coupon_code_form { display:none; }

ul.payment-options { display:inline-block; width:100%; text-align:left; margin:0; padding:0; margin-bottom:4px; }
ul.payment-options li { display:block; background-color:#f5f5f5; padding:.375rem .75rem; cursor:pointer; color:#000; box-sizing:border-box; margin-bottom:4px; border-radius:.25rem; }
ul.payment-options li:last-child { margin-bottom:0px; }
ul.payment-options li.nopadding { padding:0; }
ul.payment-options li.active { background-color:var(--primary); color:#FFF; }
ul.payment-options li label, ul.payment-options li label span { cursor:pointer; text-transform:uppercase; font-size:1rem; font-weight:300; margin:0; }
ul.payment-options li .selectric .label { line-height:50px; height:50px; }
ul.payment-options li .selectric .label { font-size:20px; font-weight:300; margin-left:40px; }
ul.payment-options li .selectric-items li { background:#f1f1f1; text-transform:uppercase; font-size:16px; }
ul.payment-options li .selectric-items li:hover { background:#333; color:#FFF; }
ul.payment-options li label span, desc {margin-right: 10px;}

ul.join-options { display:inline-block; width:100%; text-align:left; margin:0; padding:0; }
ul.join-options li { display:inline-block; width:100%; background-color:#f5f5f5; padding:6px; cursor:pointer; color:#000; box-sizing:border-box; margin-bottom:4px; border-radius:.25rem; }
ul.join-options li.active { background-color:var(--primary); color:#FFF; }
ul.join-options li label, ul.join-options li label span { display:block; cursor:pointer; text-transform:uppercase; font-size:20px; font-weight:300; position:relative; line-height:100%; margin:0; }
ul.join-options li span.label { display:inline-block; vertical-align:top; font-size:1.4rem; font-weight:600; margin-top:15px; letter-spacing:-1px; }
ul.join-options li span.desc { display:inline-block; vertical-align:top; font-size:14px; font-weight:300; position:absolute; top:50px; left:30px; }
ul.join-options li span.extra { display:inline-block; font-size:14px; font-weight:300; padding:5px 10px; background: rgb(239,0,103); background: linear-gradient(90deg, rgba(239,0,103,1) 0%, rgba(189,0,182,1) 100%); position:absolute; top:25px; right:140px; color:#FFF; border-radius:50px; }
ul.join-options li span.price { float:right; background:none; padding:10px 0; text-align:center; width:130px; position:relative; font-size:0; letter-spacing:-1px; color:#222; border-radius:.25rem; }
ul.join-options li span.price span.price-symbol,
ul.join-options li span.price span.price-small { display:inline-block; vertical-align:top; font-size:20px; margin-top:8px; }
ul.join-options li span.price span.price-big { display:inline-block; vertical-align:top; font-size:60px; font-weight:400; margin:0 5px; }
ul.join-options li span.price i { font-style:normal; }
ul.join-options li span.price span.price-below { display:inline-block; vertical-align:top; font-size:14px; position:absolute; bottom:15px; left:100%; }
ul.join-options li span.price span.price-bestoffer { display:inline-block; width:100%; position:absolute; top:-15px; left:5px; }
ul.join-options li span.price span.price-bestoffer i { display:inline-block; padding:1px 10px; border-radius:5px; text-align:center; color:#000; font-size:12px; letter-spacing:1px; }
ul.join-options li span.price span.price-bestoffer i {
	background: #fae17b;
	background: -moz-linear-gradient(left, #fae17b 0%, #ffb042 100%);
	background: -webkit-linear-gradient(left, #fae17b 0%,#ffb042 100%);
	background: linear-gradient(to right, #fae17b 0%,#ffb042 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae17b', endColorstr='#ffb042',GradientType=1 );
}
ul.join-options li input[type="radio"] { display:inline-block; margin: 35px 5px 0px 5px; opacity:0; }
ul.join-options li.active span.extra, ul.join-options li.active span.price { background:none; color:#FFF; }
ul.join-options li.active span.extra { background:#FFF; color:#EF0067; }
ul.join-options li.active input[type="radio"] { opacity:1; }

.join-page .secure { display:inline-block; width:100%; text-align:center; padding-top:15px; border-top:1px solid #d9d9d9; }
.join-page .secure img { display:inline-block; margin-right:10px; vertical-align:top; }
.join-page .secure .secure-text { display:inline-block; font-size:11.5px; text-align:center; font-weight:400; color:#838383; }
.join-page .secure .secure-text strong { font-size:14px; text-align:center; font-weight:400; color:#34cc71; }
.join-page .secure .secure-text a { color:#838383 !important; }
.join-page .secure .secure-text a:hover { color:#222 !important; text-decoration:underline; }

ul.benefits li { font-size:18px; font-weight:bold; margin: 10px; }

@media screen and (max-width: 767px) {
	ul.payment-options li { padding:10px 15px; }
	ul.payment-options li label, ul.payment-options li label span { font-size:16px; }
	ul.join-options li input[type="radio"],
	ul.join-options li.active input[type="radio"] { opacity:0; display:none; }
	ul.join-options li span.label { width:100%; text-align:center; }
	ul.join-options li span.desc { width:100%; text-align:center; position:relative; top:0; left:0; }
	ul.join-options li span.price { width:100%; }
	ul.join-options li span.extra { top:-15px; right:auto; left:15px; }
	ul.join-options li span.price span.price-bestoffer { top:65px; }
}

@media only screen and (max-width: 479px) {
	ul.payment-options li { padding:10px; }
	ul.payment-options li label, ul.payment-options li label span { font-size:14px; }
	ul.join-options li span.label { font-size:20px; margin-bottom:5px; }

	.join-page .secure img { margin:0 0 10px; }
	.join-page .secure .secure-text { width:100%; }
}