@charset "utf-8";
/* CSS Buttons */
a.box-btn,
.box-btn,
a.btn,
.btn,
button,
.main-sub-nav,
.btn-row {
  position:relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
a.btn, .btn,
a.box-btn, .box-btn,
button {
	display:inline-block;
    background-color:#369436;
	border:none;
    padding:1em 2em;
    /*border-radius: 100px;*/
    border-radius: 5px;
    margin: 0;
    color: #FFF;
    font-size: 1.2em;
	font-weight:400;
	text-align:center;
	text-decoration:none !important;
	/*text-transform:uppercase;*/
    cursor: pointer;
	line-height:100% !important;
}
button { font-family:inherit; }

a.btn-alt-wht, .btn-alt-wht {
	box-sizing: border-box;
    background:none;
	border:1px solid #FFF;
    color:#FFF;
}

/* Lg */
a.btn-lg, .btn-lg { /*padding:0.6em 1.4em;*/ font-size: 1.3em; }
/* XL */
a.btn-xl, .btn-xl { font-size: 1.5em; }
/* XXL */
a.btn-xxl, .btn-xxl { font-size: 1.7em; }
/* SM */
a.btn-sm, .btn-sm {	font-size:1em; }
/* Vsm */
a.btn-xs, .btn-xs {	font-size:0.9em; }
/* Vsm */
a.btn-xxs, .btn-xxs {	font-size:0.7em; }
a.btn-xs.inner-boarder:before, .btn-xs.inner-boarder:before,
a.btn-xxs.inner-boarder:before, .btn-xxs.inner-boarder:before { display:none; }

a.btn-right,
.btn-right { float:right; z-index:9999999; }
a.btn-left,
.btn-left { float:left; z-index:9999999; }
a.btn-tbl,
.btn-tbl {
    padding: 0.3em 1em;
	font-size:0.8em;
	font-weight:normal;
    text-shadow:none;
}
a.btn-wht, .btn-wht {
	background-color:#FFF !important;
	border-color: #FFF !important;
    color:#000;
}
a.btn-red, .btn-red {
	background-color:#F43D42 !important;
	border-color: #EB0E13 !important;
}
a.btn-orn, .btn-orn {
	background-color:#F45B00 !important;
	border-color: #DE5300 !important;
}
a.btn-blu, .btn-blu {
	background-color:#042770 !important;
	border-color: #042770 !important;
	color:#FFF !important;
}
a.btn-blu, .btn-gld {
	background-color:#DCAB09 !important;
	border-color: #DCAB09 !important;
	color:#FFF !important;
}
a.btn-blk, .btn-blk {
	background-color:#111 !important;
	border-color: #000 !important;
	color:#FFF !important;
}
a.btn-gry, .btn-gry, .btn-gry:hover {
	background-color:#CCC !important;
	border: 1px solid #FFF !important;
}
.btn-gry { cursor:not-allowed; }

.btn-img,
a.btn-img { padding:0 !important; }
.btn-img img,
.btn-img svg { display:block; width:50%; }
.btn-img:hover img,
.btn-img:hover svg { width:60%; }

.btn-full { width:100%; border-radius:5px; }
	
/* Btn Share Icon */
.btn-icon-share,
a.btn-icon-share {
	display:flex; align-items:center; justify-content:center; gap:0.6em;
    /*padding:9px 2px 0 !important;*/
	width:60px !important;
	height:60px !important;
	/*font-size:40px !important;*/
	border-radius:5px;
}
.btn-icon-twitter,
a.btn-icon-twitter {
	background-color: #000 !important;
    /*background-color: #1DA1F2 !important;
	border:1px solid #0E96E7 !important;*/
}
.btn-icon-facebook,
a.btn-icon-facebook {
    background-color: #3b5998 !important;
	/*border:1px solid #2C4272 !important;*/
}
#referralLink {
	position: relative;
	display:flex; justify-content:space-between; align-items:center; /*flex-wrap:wrap;*/ gap:1em;
	background: #E9F0F8;
	border:1px solid #ADC9E4;
	padding: 6px 6px 6px 1em;
	border-radius: 6px;
	margin: 1em auto;
	max-width: 580px;
	text-align: center;
	line-height:1;
}
#referralLink span {
	display: block;
	overflow: hidden;
	font-size: 1em;
	font-weight: 500;
	color: #000;
}
#referralLink a.btn {
	display:flex; align-items:center;
	height: 34px;
	padding: 2px 11px 3px;
	border-radius: 4px;
	font-size: calc(1em - 2px);
}
#qrCode {
	position: relative;
	background: #E9F0F8;
	border:1px solid #ADC9E4;
	padding: 8px;
	border-radius: 6px;
	margin: 1em auto 1em 0;
	max-width: 300px;
	text-align: center;
}
#qrCode .img {}
#qrCode .img img { display:block; width:100%; }
#qrCode .btn-row { display:flex; justify-content:space-between;  margin:0 !important; padding:10px 0 0 0 !important; }
#qrCode .btn {
	display:block;
	width:47%;
	padding: 10px;
	border-radius: 4px;
	font-size: 1em;
    margin:0 !important;
}
.msg-copied { margin:1em 0 2em; font-weight:700; font-size:1.1em; color:#090; }

.offer-btn a.btn {
	background: #F67A06;
	background: radial-gradient(circle at center, #FED00A 10%, #F67A06 80%);
	border:none;
	border-radius:10px;
	width:100%;
	padding:15px;
	margin:0 auto;
	font-weight:700;
	font-size:25px;
	text-shadow:0 1px 2px #000;
}

a.box-btn, .box-btn {
    background-color:#FFF;
	border:none;
    padding:0.5em 1.4em;
    border-radius: 5px;
    color: #003133;
    font-size: 1.2em;
	font-weight:500;
}
a.box-btn-alt, .box-btn-alt { background:none; color:#FFF; border:1px solid #FFF }
a.box-btn-alt.inner-boarder:before, .box-btn-alt.inner-boarder:before { display:none; }

/* Lg */
a.box-btn-lg, .box-btn-lg { padding:0.6em 1.4em; font-size: 1.5em; }
/* XL */
a.box-btn-xl, .box-btn-xl { padding:0.6em 1.5em; font-size: 1.6em; }
/* XXL */
a.box-btn-xxl, .box-btn-xxl { padding:0.6em 1.6em; font-size: 1.7em; }
/* SM */
a.box-btn-sm, .box-btn-sm { padding:0.4em 1.3em; font-size:1em; }
/* VS */
a.box-btn-xs, .box-btn-xs { padding:0.3em 1.2em; font-size:0.9em; }
/* XS */
a.box-btn-xxs, .box-btn-xxs { padding:0.3em 1em; font-size:0.8em; }

/* Box Btn Green */
a.box-btn-grn, .box-btn-grn { background-color:#00585C !important; color:#FFF !important; }

.btn-submit,
a.btn-submit,
a.btn-learn {
	min-width: 180px;
	padding: 17px 40px;
	background-color: #369436;
	color: white;
	border: none;
	border-radius: 4px;
	font-size: 16px !important;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.3s ease;
}
.btn-learn,
a.btn-learn {
	background: linear-gradient(150deg, #D0A210 0%, #D0A210 50%, #E1C75A 80%, #F3EEA8 85%, #E1C75A 90%, #D0A210 100%);
  	font-size: 1.1em;
	font-weight: 500;
  	padding: 0.9em 3em;
}

.btn:hover,
a.btn:hover,
a.box-btn:hover,
button.btn-hover {
    /*background-color: #28B728 !important;*/
	background-color: #0B9FCA !important;
	color:#FFF !important;
	transition:linear 0.2s;
}


.btn-shadow { box-shadow:0 2px 4px #444; }
/*a.btn-shadow:hover { box-shadow:0 1px 2px #333; }*/

.btn-row,
p.btn-row {
	display:flex; gap:1em; flex-wrap:wrap;
	padding:0.5em 0 !important;
}

.btn-rowRt, p.btn-rowRt { text-align:right; }
.btn-rowLt, p.btn-rowLt { text-align:left; }

/* top sub nav */
.main-sub-nav {
	position:absolute;
	top:1.5em;
	right:0;
	display:flex; gap:1em; flex-wrap:wrap;
	padding-right: inherit;
}
section > .main-sub-nav { right:0; }
.main-sub-nav a.btn { font-size:13px; padding:0.8em 1.5em; }
.main-sub-nav a.btn.inner-boarder:before { display:none; }

.left-content .main-sub-nav {
	padding-right:1.5em;
}

.btnViewMore,
p.btnViewMore { padding:1em 0 !important; margin:0; line-height:100%; text-align:center; }
.btnViewMore a {
	display:inline-block;
	padding:20px 50px 19px;
	margin:0 auto;
	background:#FFF;
	border-radius:50px;
	color:#525261;
	font-size:20px;
	font-weight:500;
	text-decoration:none;
}
.btnViewMore a b { color:#C52421; font-weight:900; }
.btnViewMore a:hover { color:#000; background:#FF9; }


@media only screen and (max-width: 1300px) {
	
	/* button */
	a.btn, .btn 		{ font-size: 1.1em; }
	/* Lg */
	a.btn-lg, .btn-lg 	{ font-size: 1.2em; }
	/* XL */
	a.btn-xl, .btn-xl 	{ font-size: 1.4em; }
	/* XXL */
	a.btn-xxl, .btn-xxl { font-size: 1.6em; }
	/* SM */
	a.btn-sm, .btn-sm 	{ font-size:1em; }
	/* Vsm */
	a.btn-xs, .btn-xs 	{ font-size:0.9em; }
	/* Vsm */
	a.btn-xxs, .btn-xxs 	{ font-size:0.8em; }

	/* button box */
	a.box-btn, .box-btn { border-radius:4px; font-size: 1.2em; }
	/* Lg */
	a.box-btn-lg, .box-btn-lg { font-size: 1.4em; }
	/* XL */
	a.box-btn-xl, .box-btn-xl { font-size: 1.5em; }
	/* XXL */
	a.box-btn-xxl, .box-btn-xxl { font-size: 1.6em; }
	/* SM */
	a.box-btn-sm, .box-btn-sm { font-size:1.1em; }
	/* VS */
	a.box-btn-xs, .box-btn-xs { font-size:1em; }
	/* XS */
	a.box-btn-xxs, .box-btn-xxs { font-size:0.9em; }
	
}
@media only screen and (max-width: 1150px) {
	/* general */
	
	/* button 
	a.btn, .btn 		{ font-size: 1.2em; }*/
	/* Lg 
	a.btn-lg, .btn-lg 	{ font-size: 1.3em; }*/
	/* XL */
	a.btn-xl, .btn-xl 	{ font-size: 1.35em; }
	/* XXL */
	a.btn-xxl, .btn-xxl { font-size: 1.4em; }
	/* SM 
	a.btn-sm, .btn-sm 	{ font-size:1.1em; }*/
	/* Vsm 
	a.btn-xs, .btn-xs 	{ font-size:0.9em; }*/
	/* Vsm 
	a.btn-xxs, .btn-xxs 	{ font-size:0.7em; }*/

	/* button box 
	a.box-btn, .box-btn { border-radius:4px; font-size: 1.2em; }*/
	/* Lg */
	a.box-btn-lg, .box-btn-lg { font-size: 1.3em; }
	/* XL */
	a.box-btn-xl, .box-btn-xl { font-size: 1.35em; }
	/* XXL */
	a.box-btn-xxl, .box-btn-xxl { font-size: 1.4em; }
	/* SM 
	a.box-btn-sm, .box-btn-sm { font-size:1.1em; }*/
	/* VS 
	a.box-btn-xs, .box-btn-xs { font-size:1em; }*/
	/* XS 
	a.box-btn-xxs, .box-btn-xxs { font-size:0.9em; }*/
	
	/* Btn Share Icon 
	.btnShareIcon,
	a.btnShareIcon {
		padding:8px 2px 0 !important;
		width:56px !important;
		height:56px !important;
		font-size:38px !important;
		border-radius:4px;
	}
	#referralLink {
		height: 50px;
		padding: 9px;
		border-radius: 5px;
		max-width: 580px;
	}
	#referralLink span {
		padding-top: 6px;
		max-width: 480px;
		font-size: 17px;
	}
	#referralLink button.btn {
		height: 32px;
		padding: 1px 9px 0;
		border-radius: 4px;
		font-size: 15px;
	}*/
	
	.btn-submit,
	a.btn-submit,
	a.btn-learn {
		min-width: 160px;
		padding: 16px 35px;
		font-size: 15px !important;
	}
}
@media only screen and (max-width: 1000px) {
	/* top sub nav */
	.main-sub-nav { top:1em; }
}
@media only screen and (max-width: 768px) {
	
	/* general */
	
	.btn-row, p.btn-row {  margin:1rem 0; }
	.btn-row a.btn, p.btn-row a.btn { }
	
	/* button */
	a.btn, .btn 		{ font-size: 1em; }
	/* Lg */
	a.btn-lg, .btn-lg 	{ font-size: 1.1em; }
	/* XL */
	a.btn-xl, .btn-xl 	{ font-size: 1.3em; }
	/* XXL */
	a.btn-xxl, .btn-xxl { font-size: 1.5em; }
	/* SM */
	a.btn-sm, .btn-sm 	{ font-size:0.9em; }
	/* Vsm */
	a.btn-xs, .btn-xs 	{ font-size:0.8em; }
	/* Vsm */
	a.btn-xxs, .btn-xxs 	{ font-size:0.75em; }
	
	/* button box */
	a.box-btn, .box-btn { border-radius:4px; font-size: 1.1em; }
	/* Lg */
	a.box-btn-lg, .box-btn-lg { font-size: 1.3em; }
	/* XL */
	a.box-btn-xl, .box-btn-xl { font-size: 1.4em; }
	/* XXL */
	a.box-btn-xxl, .box-btn-xxl { font-size: 1.5em; }
	/* SM */
	a.box-btn-sm, .box-btn-sm { font-size:1.05em; }
	/* VS */
	a.box-btn-xs, .box-btn-xs { font-size:1em; }
	/* XS */
	a.box-btn-xxs, .box-btn-xxs { font-size:0.9em; }
	
	
	.btnViewMore,
	p.btnViewMore {}
	.btnViewMore a {
		padding:13px 35px 12px;
		border-radius:35px;
		font-size:14px;
	}
	
	/* Btn Share Icon */
	.btnShareIcon,
	a.btnShareIcon {
		padding:7px 2px 0 !important;
		width:52px !important;
		height:52px !important;
		font-size:36px !important;
		border-radius:4px;
	}
}
@media only screen and (max-width: 650px) {
	/* top sub nav */
	.main-sub-nav { top:0.8em; }
	.main-sub-nav a.btn { margin-left: 0.5em; font-size: 11px; }
}
@media only screen and (max-width: 600px) {
	
	/* button 
	a.btn, .btn 		{ font-size: 1.1em; }*/
	/* Lg 
	a.btn-lg, .btn-lg 	{ font-size: 1.2em; }*/
	/* XL 
	a.btn-xl, .btn-xl 	{ font-size: 1.3em; }*/
	/* XXL */
	a.btn-xxl, .btn-xxl { font-size: 1.4em; }
	/* SM 
	a.btn-sm, .btn-sm 	{ font-size:1em; }*/
	/* Vsm 
	a.btn-xs, .btn-xs 	{ font-size:0.9em; }*/
	/* Vsm 
	a.btn-xxs, .btn-xxs 	{ font-size:0.8em; }*/
	
	/* button box 
	a.box-btn, .box-btn { border-radius:4px; font-size: 1.1em; }*/
	/* Lg */
	a.box-btn-lg, .box-btn-lg { font-size: 1.2em; }
	/* XL */
	a.box-btn-xl, .box-btn-xl { font-size: 1.3em; }
	/* XXL */
	a.box-btn-xxl, .box-btn-xxl { font-size: 1.4em; }
	/* SM */
	a.box-btn-sm, .box-btn-sm { font-size:1em; }
	/* VS */
	a.box-btn-xs, .box-btn-xs { font-size:0.95em; }
	/* XS 
	a.box-btn-xxs, .box-btn-xxs { font-size:0.9em; }*/
	
	.btn-submit,
	a.btn-submit,
	a.btn-learn {
		min-width:0;
		padding: 15px 26px;
		font-size: 14px !important;
	}
	
	/* top sub nav */
	.main-sub-nav { position:relative; top:auto; right:auto; margin:1rem 0; }
	.main-sub-nav a.btn { padding:0.4rem 0; background:none; color:#0C407A; font-weight:500; text-transform:none; margin:0 1em 0 0; }
	.main-sub-nav a.btn:hover { background:none !important; color:#FF8000 !important; text-decoration:underline; }
}

@media only screen and (max-width: 550px) {
	
	.btn-rowH2right { margin:1em 0; float:none; }
	
	.btnViewMore,
	p.btnViewMore {}
	.btnViewMore a {
		padding:12px 25px 11px;
		border-radius:25px;
		font-size:11px;
	}
}
@media only screen and (max-width: 450px) {
	
	/* button */
	a.btn, .btn 		{ font-size: 1em; }
	/* Lg */
	a.btn-lg, .btn-lg 	{ font-size: 1.15em; }
	/* XL */
	a.btn-xl, .btn-xl 	{ font-size: 1.2em; }
	/* XXL */
	a.btn-xxl, .btn-xxl { font-size: 1.3em; }
	/* SM */
	a.btn-sm, .btn-sm 	{ font-size:0.9em; }
	/* Vsm */
	a.btn-xs, .btn-xs 	{ font-size:0.85em; }
	/* Vsm */
	a.btn-xxs, .btn-xxs 	{ font-size:0.8em; }
	
	/* button box */
	a.box-btn, .box-btn { border-radius:4px; font-size: 1em; }
	/* Lg */
	a.box-btn-lg, .box-btn-lg { font-size: 1.1em; }
	/* XL */
	a.box-btn-xl, .box-btn-xl { font-size: 1.2em; }
	/* XXL */
	a.box-btn-xxl, .box-btn-xxl { font-size: 1.3em; }
	/* SM */
	a.box-btn-sm, .box-btn-sm { font-size:0.95em; }
	/* VS */
	a.box-btn-xs, .box-btn-xs { font-size:0.9em; }
	/* XS */
	a.box-btn-xxs, .box-btn-xxs { font-size:0.85em; }
	
	/* top sub nav */
	.main-sub-nav a.btn { font-size:10.5px; }
}
@media only screen and (max-width: 374px) {
	
	.btn-submit,
	a.btn-submit,
	a.btn-learn {
		padding: 14px 16px;
		font-size: 13px !important;
	}
	
	.btnViewMore a {
		padding:11px 20px 11px;
		border-radius:20px;
		font-size:10px;
	}
	
}
@media only screen and (max-width: 350px) {
	/* top sub nav */
	.main-sub-nav a.btn { font-size:9.5px; }
	
}