@charset "utf-8";
/* Default stylesheet - developed by Bull Marketing 2021 */

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, 
hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body { line-height:1;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins {text-decoration:none;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
:focus {outline: none;}
hr {display:block; height:1px; border:0; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
html {scroll-behavior: smooth; height: 100%; max-width: 100vw;}

/* Colour Palette */
/*
RingCentral Orange #ff7a00
RingCentral Blue #0684bc
RingCentral Ocean #002855
Lake Blue #066fac (hyperlinks only)
White #ffffff
Graphite #222222
*/

/* Gimme some fonts */
/* 200; 300; 400; 500; 600; 700; 800; 900 */

/* Begin styles */
a {color: #066fac; text-decoration: none; transition: all .25s ease-in-out;}
a:hover {color: #ff7a00;}
input[type=submit] {-webkit-appearance: none; transition: all .25s ease-in-out;}

body {font-size: 1em; font-family: 'Inter', sans-serif; font-weight: 400; color: #222222; overflow-x: hidden;}

header.login {float: left; width: 100%; background: #303030; position: relative;}
header.login .bg {background: url("../images/bg-header.jpg") no-repeat top right; background-size: cover; min-height: 640px;}
header.login ul {float: right; list-style: none; position: relative;}
header.login ul li {float: left; font-size: 1.0em; margin-left: 10px;}
header.login ul li a {margin-right: 10px; color: #ffffff;}
header.login ul li a:hover {color: #066fac;}
header.login h1 {font-weight: 300; color: #ffffff; font-size: 3.4em; line-height: 105%; position: relative; z-index: 2;}
header.login h1 span {font-weight: 700; font-size: 1.9em; text-transform: uppercase; line-height: 90%; display: block; margin-top: 30px; text-shadow: 4px 4px 3px rgba(48,48,48,0.3);}
header.login img.superhero {position: absolute; bottom: -75px; right: 50%; transform: translate(50%, 0);}
header.login a.btn {display: inline-block; width: auto; position: relative; z-index: 2; border-radius: 5px; margin: 50px 0 25px 0; padding: 13px 25px; background: #ff7a00; border: 2px solid #ff7a00; text-align: center; color: #ffffff; font-size: 1.3em; font-weight: 300;}
header.login a.btn:hover {background: none;}
header.login .date-box {width: 325px; float: right; background: #303030; padding: 50px; border-radius: 35px; margin-right: 10px; position: relative; z-index: 5;}
header.login .date-box h2 {font-weight: 600; font-size: 2.0em; line-height: 115%; color: #ffffff; padding-bottom: 25px;}
header.login .date-box p {font-weight: 300; font-size: 1.2em; line-height: 125%; color: #ffffff;}

section.intro {float: left; width: 100%; background: #ffffff;}
section.intro h3 {text-align: center; width: 71%; margin: 0 auto; padding-bottom: 50px; font-size: 2.0em; font-weight: 300; line-height: 120%;}
section.intro p {text-align: center; width: 63%; margin: 0 auto; padding-bottom: 50px; font-size: 1.3em; font-weight: 300; line-height: 135%;}

section.prizes {float: left; width: 100%; background: #f1f2f2; padding: 50px 0;}
section.prizes h4 {padding-bottom: 15px; font-size: 1.8em; font-weight: 700; line-height: 125%;}
section.prizes p {padding-bottom: 25px; font-size: 1.1em; font-weight: 300; line-height: 145%;}
section.prizes .prizes-flex {display: flex; justify-content: center; align-items: stretch; gap: 20px; flex-wrap: wrap;}
section.prizes .prizes-flex article {width: calc(25% - 15px); background: #ffffff;}
section.prizes .prizes-flex article .prize-points {width: calc(100% - 50px); background: #ff7a00; padding: 13px 25px 10px 25px;}
section.prizes .prizes-flex article .prize-points p {font-size: 0.9em; line-height: 125%; color: #ffffff; font-weight: 700; text-align: center; padding-bottom: 0;}
section.prizes .prizes-flex article .prize-points p span {font-size: 2.0em; padding-right: 3px; text-transform: uppercase; letter-spacing: -1px; font-weight: 700; text-align: center;}
section.prizes .prizes-flex article .prize-image {width: calc(100% - 50px); align-content: center; padding: 15px 25px 0 25px;}
section.prizes .prizes-flex article .prize-image img {width: 100%; height: auto; max-width: 235px; margin: 0 auto; display: block;}
section.prizes .prizes-flex article .prize-detail {align-content: center; width: calc(100% - 50px); padding: 15px 25px 12px 25px;}
section.prizes .prizes-flex article .prize-detail p {padding-bottom: 0px; text-align: center; font-size: 1.0em; font-weight: 500; line-height: 135%;}

section.earn {float: left; width: 100%; background: #002855;}
section.earn aside {width: 100%; overflow: hidden;}
section.earn aside img {display: block; margin-left: 50%; transform: translate(-50%, 0);}
section.earn .flex {display: flex; align-items: center; height: 360px;}
section.earn .flex article {width: 100%; padding: 50px 0 25px 0;}
section.earn .flex article h4 {padding-bottom: 30px; font-size: 1.8em; font-weight: 700; line-height: 125%; margin-left: 75px; color: #ffffff;}
section.earn .flex article ul {list-style: none; margin-left: 75px; width: 80%; color: #ffffff;}
section.earn .flex article ul li {font-size: 1.1em; font-weight: 300; line-height: 135%; margin-bottom: 25px; clear: both;}
section.earn .flex article ul li a {color: #ff7a00;}
section.earn .flex article ul li a:hover {color: #ffffff;}
section.earn .flex article ul li span {font-size: 1.2em; font-weight: 700; line-height: 125%; float: left; height: 28px; width: 30px; padding-top: 2px; border-radius: 50%; margin-bottom: 30px; text-align: center; margin-right: 20px; background: #ff7a00;}

header.internal {float: left; width: 100%; background: url("../images/bg-header.jpg") no-repeat center right #303030; background-size: contain; position: relative;}
header.internal h1 {font-weight: 300; color: #ffffff; font-size: 3.5em; line-height: 105%; position: relative; z-index: 2;}
header.internal h1 span {font-weight: 700; font-size: 1.6em; text-transform: uppercase; line-height: 90%; display: block; margin-top: 30px; margin-bottom: 50px; text-shadow: 4px 4px 3px rgba(48,48,48,0.3);}
header.internal img.superhero {position: absolute; top: 50px; right: 0; height: 450px; transform: none;}
header.internal a.button {display: block; width: 150px; height: 35px; padding-top: 11px; position: fixed; top: 0; right: 0; z-index: 2; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-bottom: 25px; background: #ff7a00; text-align: center; color: #ffffff; font-size: 1.2em;}
header.internal a.button:hover {background: #4d6f93;}
header.internal a.admin {display: block; width: 150px; height: 35px; padding-top: 11px; position: fixed; top: 0; right: 155px; z-index: 2; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-bottom: 25px; background: #ff7a00; text-align: center; color: #ffffff; font-size: 1.2em;}
header.internal a.admin:hover {background: #4d6f93;}

section.overview {float: left; width: 100%; background: #ffffff;}
section.overview article {float: left; width: 100%; margin-bottom: 50px;}
section.overview article h2 {padding-bottom: 25px; font-size: 2.0em; font-weight: 300; line-height: 125%; padding-right: 90px;}
section.overview article p {padding-bottom: 25px; font-size: 1.2em; font-weight: 300; line-height: 145%; padding-right: 90px;}
section.overview article a.btn {display: inline-block; width: auto; position: relative; z-index: 2; border-radius: 5px; margin: 0 0 25px 0; padding: 13px 25px; background: #ff7a00; border: 2px solid #ff7a00; text-align: center; color: #ffffff; font-size: 1.3em; font-weight: 300;}
section.overview article a.btn:hover {background: none; color: #ff7a00;}
section.overview aside {float: left; width: 100%; position: relative;}
section.overview aside img {position: absolute; top: 0; left: -44px;}
section.overview aside h3 {padding-bottom: 35px; font-size: 1.6em; font-weight: 300; line-height: 125%;}
section.overview aside .dial {width: 300px; height: 227px; background: url("../images/bg-dial.png") no-repeat center center; margin-left: 100px; padding-top: 60px;}
section.overview aside .dial h3 {padding-bottom: 25px; font-size: 1.2em; font-weight: 400; line-height: 125%; padding-top: 15px; margin-left: 70px;}
section.overview aside .dial h4 {font-weight: 900; font-size: 3.0em; line-height: 100%; display: block; text-align: center; margin-left: -20px; text-shadow: 2px 2px 2px rgba(48,48,48,0.3);}
section.overview aside .dial h4 span {font-size: 1.8em;}
section.overview aside .dial p {font-size: 1.0em; font-weight: 400; line-height: 135%; text-align: right; padding-top: 5px;}

section.admin {float: left; width: 100%; background: #ffffff;}
section.admin article {float: left; width: 85%;}
section.admin article h2 {padding-bottom: 25px; font-size: 2.0em; font-weight: 300; line-height: 125%;}
section.admin article p {padding-bottom: 25px;  font-size: 1.2em; font-weight: 300; line-height: 145%;}
section.admin aside {float: left; width: 100%;}
section.admin aside h3 {padding-bottom: 25px; font-size: 1.5em; font-weight: 300; line-height: 125%;}
section.admin aside .alert {width: calc(100% - 5px); padding: 5px 0; background: #ff7a00; border-left: 5px solid #333333; margin-bottom: 5px;}
section.admin aside .alert p {font-size: 0.9em; font-weight: 400; line-height: 135%; color: #fddfc1; padding: 0 8px;}
section.admin aside .alert p a {color: #fddfc1; text-decoration: underline;}
section.admin aside .alert p a:hover {color: #4d6f93; text-decoration: none;}
section.admin aside .uptodate {width: calc(100% - 5px); padding: 5px 0; border-top: 1px dotted #bebebe; border-bottom: 1px dotted #bebebe; margin-bottom: 5px;}
section.admin aside .uptodate p {font-size: 0.9em; font-weight: 400; line-height: 135%;}

section.admin table.user-info {width: 100%; background: #f1f2f2; margin-bottom: 25px; font-size: 0.9em; font-weight: 300; border-bottom: 1px solid #333333; border-top: 1px solid #333333;}
section.admin table.user-info thead tr th {padding: 6px 10px; text-align: left; background: #0684bc; color: #ffffff;}
section.admin table.user-info tbody tr td {padding: 6px 10px; width: 50%; text-align: left; border-top: 1px dotted #bebebe;}

section.admin table.balance-info {width: 100%; background: #f1f2f2; margin-bottom: 25px; font-size: 0.9em; font-weight: 400; border-bottom: 1px solid #333333; border-top: 1px solid #333333;}
section.admin table.balance-info tbody tr td {padding: 6px 10px; width: 50%; text-align: left; vertical-align: middle;}
section.admin table.balance-info tbody tr td.totals {font-size: 1.8em; font-weight: 900; line-height: 125%; color: #0684bc;}

section.tables {float: left; width: 100%; background: #ffffff;}
section.tables h4 {padding-bottom: 15px; font-size: 1.8em; font-weight: 700; line-height: 125%;}
section.tables p {padding-bottom: 15px; font-size: 1.1em; font-weight: 300; line-height: 145%;}
section.tables h5 {float: left; font-size: 1.5em; position: relative; font-weight: 400; line-height: 125%; color: #ffffff; margin: 35px 0 25px 0; display: inline-block; width: auto; border-radius: 30px; padding: 8px 40px 8px 60px;}
section.tables h5 i {margin-right: 10px; position: absolute; left: 20px; top: 10px;}
section.tables img.lady {width: 90%; margin-left: 10%; height: auto; margin-top: 200px;}
section.tables .reward-box {float: left; width: calc(100% - 30px); background: #f1f2f2; padding: 8px 20px 8px 10px; margin-bottom: 5px; transition: all .25s ease-in-out;}
section.tables .reward-box .reward-description {float: left; width: calc(100% - 120px);}
section.tables .reward-box.white .reward-description {float: left; width: 100%;}
section.tables .reward-box .reward-description h6 {font-size: 1.3em; font-weight: 400; line-height: 125%; color: #222222;}
section.tables .reward-box .reward-description p {font-size: 1.0em; font-weight: 300; line-height: 125%; padding-bottom: 0; color: #222222;}
section.tables .reward-box .reward-description p i {color: #ff7a00;}
section.tables .reward-box .reward-total {float: left; width: 118px; padding-top: 10px;}
section.tables .reward-box .reward-total p {font-size: 2.2em; font-weight: 600; line-height: 125%; text-align: right; padding-bottom: 0;}

section.tables .reward-box.orange .reward-total p {color: #ff7a00;}
section.tables .reward-box.blue .reward-total p {color: #64cbdf;}
section.tables .reward-box.green .reward-total p {color: #9bcd69;}
section.tables .reward-box.white {background: #ffffff;}

section.tables .reward-box.orange:hover {background: #ff7a00; cursor: pointer;}
section.tables .reward-box.orange:hover .reward-total p {color: #ffffff;}
section.tables .reward-box.blue:hover {background: #64cbdf; cursor: pointer;}
section.tables .reward-box.blue:hover .reward-total p {color: #ffffff;}
section.tables .reward-box.green:hover {background: #9bcd69; cursor: pointer;}
section.tables .reward-box.green:hover .reward-total p {color: #ffffff;}

section.tables .reward-box:hover .reward-description h6 {color: #ffffff;}
section.tables .reward-box:hover .reward-description p {color: #ffffff;}
section.tables .reward-box:hover .tx-orange {color: #ffffff !important;}
section.tables .reward-box:hover .tx-blue {color: #ffffff !important;}
section.tables .reward-box:hover .tx-green {color: #ffffff !important;}
section.tables .reward-box.white:hover {background: #ffffff;}
section.tables .reward-box.white:hover .reward-description p {color: #222222;}

section.tables .reward-box.orange.complete {background: #ff7a00; cursor: default;}
section.tables .reward-box.orange.complete .reward-total p {color: #ffffff;}
section.tables .reward-box.blue.complete {background: #64cbdf; cursor: default;}
section.tables .reward-box.blue.complete .reward-total p {color: #ffffff;}
section.tables .reward-box.green.complete {background: #9bcd69; cursor: default;}
section.tables .reward-box.green.complete .reward-total p {color: #ffffff;}
section.tables .reward-box.complete .reward-description h6 {color: #ffffff;}
section.tables .reward-box.complete .reward-description p {color: #ffffff;}

section.tables .reward-box.pending .reward-description h6 {color: #b8b8b8; font-style: italic;}
section.tables .reward-box.pending .reward-description p {color: #b8b8b8; font-style: italic;}
section.tables .reward-box.pending .reward-total p {color: #b8b8b8; font-style: italic;}
section.tables .reward-box.pending:hover {background: #f1f2f2; cursor: default;}
section.tables .reward-box.pending:hover .reward-total p {color: #b8b8b8;}
section.tables .reward-box.pending:hover .reward-description p {color: #b8b8b8;}

section.tables table.users {width: 100%; margin-bottom: 50px;}
section.tables table.users thead tr {background: #64cbdf; border-bottom: 3px solid #2a95aa;}
section.tables table.users thead tr th {padding: 10px 5px; font-size: 0.9em; color: #ffffff; font-weight: 400;}
section.tables table.users tbody tr {background: #f1f2f2; border-top: 2px solid #ffffff;}
section.tables table.users tbody tr td {padding: 10px 5px; font-size: 0.9em; font-weight: 300; line-height: 125%; text-align: center; vertical-align: middle;}
section.tables table.users tbody tr td.manage {width: 190px;}
section.tables table.users tbody tr td form {width: 95px; float: left;}
section.tables table.users tbody tr td form input.approve {font-family: 'Inter', sans-serif; background: #1e9f75; border: none; font-size: 0.9em; color: #ffffff; font-weight: 300; cursor: pointer; padding: 5px 15px;}
section.tables table.users tbody tr td form input.approve:hover {background: rgba(30,159,117,0.7);}
section.tables table.users tbody tr td form input.unapprove {font-family: 'Inter', sans-serif; background: #238ae6; border: none; font-size: 0.9em; color: #ffffff; font-weight: 300; cursor: pointer; padding: 5px 15px;}
section.tables table.users tbody tr td form input.unapprove:hover {background: rgba(35,138,230,0.7);}
section.tables table.users tbody tr td form input.remove {font-family: 'Inter', sans-serif; background: #b20808; border: none; font-size: 0.9em; color: #ffffff; font-weight: 300; cursor: pointer; padding: 5px 15px;}
section.tables table.users tbody tr td form input.remove:hover {background: rgba(178,8,8,0.7);}

section.tables table.rewards {width: 100%; margin-bottom: 50px;}
section.tables table.rewards thead tr {background: #9bcd69; border-bottom: 3px solid #6ea835;}
section.tables table.rewards thead tr th {padding: 10px 5px; font-size: 0.9em; color: #ffffff; font-weight: 400;}
section.tables table.rewards tbody tr {background: #f1f2f2; border-top: 2px solid #ffffff;}
section.tables table.rewards tbody tr.doublepoints {background: #feffa1; border-top: 2px solid #ffffff;}
section.tables table.rewards tbody tr.triplepoints {background: #ffcda1; border-top: 2px solid #ffffff;}
section.tables table.rewards tbody tr td {padding: 10px 5px; vertical-align: top; font-size: 0.9em; font-weight: 300; line-height: 125%; text-align: center;}
section.tables table.rewards tbody tr td:nth-child(1) {width: 100px;}
section.tables table.rewards tbody tr td:nth-child(2) {width: 180px;}
section.tables table.rewards tbody tr td:nth-child(3) {text-align: left; width: 25%;}
section.tables table.rewards tbody tr td:nth-child(4) {text-align: left; width: 25%;}

section.tables table.rewards tbody tr td i {padding: 10px 10px 0 10px; font-size: 1.2em;}
section.tables table.rewards tbody tr td.manage {width: 95px;}
section.tables table.rewards tbody tr td form {width: 95px; display: block; margin-bottom: 10px;}
section.tables table.rewards tbody tr td form input.approve {font-family: 'Inter', sans-serif; background: #1e9f75; border: none; font-size: 0.9em; color: #ffffff; font-weight: 300; cursor: pointer; padding: 5px 15px; width: 85px;}
section.tables table.rewards tbody tr td form input.approve:hover {background: rgba(30,159,117,0.7);}
section.tables table.rewards tbody tr td form input.unapprove {font-family: 'Inter', sans-serif; background: #238ae6; border: none; font-size: 0.9em; color: #ffffff; font-weight: 300; cursor: pointer; padding: 5px 0px; width: 85px;}
section.tables table.rewards tbody tr td form input.unapprove:hover {background: rgba(35,138,230,0.7);}
section.tables table.rewards tbody tr td form input.remove {font-family: 'Inter', sans-serif; background: #b20808; border: none; font-size: 0.9em; color: #ffffff; font-weight: 300; cursor: pointer; padding: 5px 0px; width: 85px;}
section.tables table.rewards tbody tr td form input.remove:hover {background: rgba(178,8,8,0.7);}
section.tables table.rewards tbody tr td form input.double {font-family: 'Inter', sans-serif; background: #238ae6; border: none; font-size: 0.9em; color: #ffffff; font-weight: 300; cursor: pointer; padding: 5px 15px; height: 62px; width: 85px; white-space: normal;}
section.tables table.rewards tbody tr td form input.double:hover {background: rgba(35,138,230,0.7);}
section.tables table.rewards tbody tr td form input.triple {font-family: 'Inter', sans-serif; background: #ff7a00; border: none; font-size: 0.9em; color: #ffffff; font-weight: 300; cursor: pointer; padding: 5px 15px; height: 62px; width: 85px; white-space: normal;}
section.tables table.rewards tbody tr td form input.triple:hover {background: rgba(255,122,0,0.7);}

section.tables table.points-tally {width: 100%; margin-bottom: 50px;}
section.tables table.points-tally thead tr {background: #ff7a00; border-bottom: 3px solid #bd6713;}
section.tables table.points-tally thead tr th {padding: 10px 5px; font-size: 0.9em; color: #ffffff; font-weight: 400;}
section.tables table.points-tally tbody tr.user-summary {background: #f1f2f2; border-top: 2px solid #ffffff;}
section.tables table.points-tally tbody tr.user-summary td {padding: 10px; width: 14.2%; font-size: 0.9em; font-weight: 300; line-height: 125%; vertical-align: middle; text-align: center;}
section.tables table.points-tally tbody tr.user-summary td.totals {font-size: 1.5em; font-weight: 900; line-height: 125%;}
section.tables table.points-tally tbody tr.user-summary td a i {font-size: 2.0em;}
section.tables table.points-tally tbody tr.total-reward td {padding: 10px; width: 14.2%; font-size: 0.9em; font-weight: 300; line-height: 125%; vertical-align: middle; text-align: center;}
section.tables table.points-tally tbody tr.total-reward {border-top: 1px dotted #333333; font-size: 1.5em; font-weight: 900; line-height: 125%; color: #0684bc;}
section.tables table.points-tally tbody tr.total-reward td.totals {font-size: 1.5em; font-weight: 900; line-height: 125%; color: #0684bc;}

section.tables table.points-detail {width: 100%; margin-bottom: 50px;}
section.tables table.points-detail thead tr th {padding: 10px 5px; font-size: 0.9em; color: #ffffff; font-weight: 400;}
section.tables table.points-detail tbody tr {background: #f1f2f2; border-top: 2px solid #ffffff;}
section.tables table.points-detail tbody tr.doublepoints {background: #feffa1; border-top: 2px solid #ffffff;}
section.tables table.points-detail tbody tr.triplepoints {background: #ffcda1; border-top: 2px solid #ffffff;}
section.tables table.points-detail tbody tr td {padding: 10px; font-size: 0.9em; font-weight: 300; line-height: 125%; vertical-align: middle; text-align: center;}
section.tables table.points-detail tbody tr td.totals {width: 200px; font-size: 1.5em; font-weight: 900; line-height: 125%; color: #64cbdf;}
section.tables table.points-detail.orange thead tr {background: #ff7a00; border-bottom: 3px solid #bd6713;}
section.tables table.points-detail.orange tbody tr td.totals {color: #ff7a00;}
section.tables table.points-detail.blue thead tr {background: #64cbdf; border-bottom: 3px solid #2a95aa;}
section.tables table.points-detail.blue tbody tr td.totals {color: #64cbdf;}
section.tables table.points-detail.green thead tr {background: #9bcd69; border-bottom: 3px solid #6ea835;}
section.tables table.points-detail.green tbody tr td.totals {color: #9bcd69;}

footer {float: left; width: 100%; background: #303030;}
footer .line {width: 100%; height: 90px; border-bottom: 1px solid #464646;}
footer p {font-size: 0.9em; font-weight: 300; line-height: 160%; color: #ffffff; text-align: right; margin-top: 5px;}
footer p a {color: #ff7a00;}
footer p a:hover {color: #ffffff;}

/* modal popups */
.popup {width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,0.75); z-index: 10;}
.popup-message {width: 100%; height: 100%; display: block; position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,0.75); z-index: 10;}
.popup-inner {max-width: 800px; width: 90%; position: absolute; top: 50%; left: 50%; margin-top: 50px; height: auto; max-height: 85%; overflow-y: scroll; transform: translate(-50%, -50%); box-shadow: 0px 2px 6px rgba(0,0,0,1); background: #ffffff;}
.popup-title {width: 90%; background: #ff7a00; padding: 20px 5%;}
.popup-title h4 {color: #ffffff; font-size: 1.4em; line-height: 125%; font-weight: 600;}
.popup-description {width: 90%; background: #ffffff; padding: 20px 5%;}
.popup-description p {font-size: 1.05em; line-height: 135%; font-weight: 300; padding-bottom: 15px;}
.popup-description ul {list-style: disc; padding-bottom: 15px; margin-left: 20px;}
.popup-description ul li {font-size: 1.05em; line-height: 135%; font-weight: 400; padding-bottom: 10px;}
.popup-description ul li ol {margin: 10px 0 -10px 20px;}
.popup-description ul li ol li {font-size: 1.0em; line-height: 135%; font-weight: 400; padding-bottom: 10px;}
.popup-description form {width: 100%; padding: 25px 0;}
.popup-description form label {display: none;}
.popup-description form input {font-family: 'Inter', sans-serif; color: #222222; display: block; width: 90%; padding-left: 5px; margin-bottom: 10px; border: 1px solid #cccccc; height: 27px; font-size: 1.05em; font-weight: 300;}
.popup-description form select {font-family: 'Inter', sans-serif; color: #222222; display: block; width: 90%; padding-left: 5px; margin-bottom: 10px; border: 1px solid #cccccc; height: 27px; font-size: 1.05em; font-weight: 300;}
.popup-description form input[type=submit] {display: block; width: 200px; height: 50px; border-radius: 5px; border: 1px solid #066fac; cursor: pointer; margin: 25px auto; background: #066fac; color: #ffffff; font-size: 1.2em;}
.popup-description form input[type=submit]:hover {background: none; color: #066fac;}

.popup-description form.form-redeem {width: 100%; padding: 25px 0;}
.popup-description form.form-redeem label.radio {float: left; position: relative; cursor: pointer; display: block; width: calc(100% - 10px); padding: 7px; margin-bottom: 5px; border-radius: 5px; background: #f1f2f2; transition: all .25s ease-in-out;}
.popup-description form.form-redeem label.radio .outer-circle {float: left; width: 15px; height: 15px; margin: 3px 8px 0 0; border-radius: 50%; background: #ffffff; border: 2px solid #ff7a00;}
.popup-description form.form-redeem label.radio .text {float: left; width: calc(100% - 103px); margin-left: 5px; height: auto; font-size: 0.9em; font-weight: 400; line-height: 160%;}
.popup-description form.form-redeem label.radio .points {float: left; width: 55px; height: auto; padding-right: 15px; text-align: right; border-left: 1px solid #e2e2e2; font-size: 0.9em; color: #066fac; font-weight: 700; line-height: 160%;}
.popup-description form.form-redeem label.radio.checked {background: #ff7a00;}
.popup-description form.form-redeem label.radio.checked .outer-circle {border: 2px solid #ffffff;}
.popup-description form.form-redeem label.radio.checked .outer-circle .inner-circle {display: block; background: #066fac; width: 13px; height: 13px; border-radius: 50%; margin: 1px 0 0 1px;}
.popup-description form.form-redeem label.radio.checked .text {font-weight: 600; color: #ffffff;}
.popup-description form.form-redeem label.radio.checked .points {border-left: 1px solid #f17300; color: #ffffff;}

.popup-description form.form-redeem label.radio.disabled {cursor: default; transition: none; opacity: 0.5;}
.popup-description form.form-redeem label.radio.disabled.checked {background: #f1f2f2;}
.popup-description form.form-redeem label.radio.disabled.checked .outer-circle {border: 2px solid #ff7a00;}
.popup-description form.form-redeem label.radio.disabled.checked .outer-circle .inner-circle {display: none;}
.popup-description form.form-redeem label.radio.disabled.checked .text {font-weight: 400; color: #222222;}
.popup-description form.form-redeem label.radio.disabled.checked .points {border-left: 1px solid #e2e2e2; color: #066fac;}

.popup-description form.form-redeem label.radio input[type=radio] {opacity: 0; position: absolute; display: inline-block; top: 16px; left: 16px; width: auto; height: auto;}

/* Errors */
.popup-description form label.error {color: #cc0000; display: block; margin-top: -8px; margin-bottom: 10px; font-size: 0.8em; font-weight: 500; font-style: italic;}
.popup-description form input.error {border: 1px solid #cc0000;}
.popup-description form select.error {border: 1px solid #cc0000;}

.popup-close-button {position: absolute; top: 50px; right: 50px; z-index: 2001; transition: ease 0.25s all; transform: translate(50%, -50%);}
.popup-close-button i {font-size: 3.0em; color: #ff7a00;}
.popup-close-button:hover {transform: translate(50%, -50%) rotate(180deg);}
.popup-close-button:hover i {color: #0684BC;}
.popup-inner::-webkit-scrollbar-track {border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background: #f1f1f1;}
.popup-inner::-webkit-scrollbar {height: 20px; background: #f1f1f1;}
.popup-inner::-webkit-scrollbar-thumb {box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; border: 2px solid #f1f1f1; background: #0684BC;}

/* generic styling */
.inner {width: 1200px; margin: 0 auto;}
.inner50l {width: 600px; float: right;}
.inner50r {width: 600px; float: left;}
.inner75l {width: 900px; float: right;}
.inner75r {width: 900px; float: left;}
.inner66l {width: 800px; float: right;}
.inner66r {width: 800px; float: left;}
.inner33l {width: 400px; float: right;}
.inner33r {width: 400px; float: left;}
.row {float: left; width: 100%; display: block; clear: both;}
.col1 {float: left; width: 100%;}
.col2 {float: left; width: 50%;}
.col3 {float: left; width: 33.3%;}
.col3-span2 {float: left; width: 66.6%;}
.col4 {float: left; width: 25%;}
.col4-span3 {float: left; width: 75%;}
.col5 {float: left; width: 20%;}
.col5-span2 {float: left; width: 40%;}
.col5-span3 {float: left; width: 60%;}
.col5-span4 {float: left; width: 80%;}
.col6 {float: left; width: 16.6%;}
.left {float: left;}
.right {float: right;}
.pad10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.padtop10 {padding-top: 10px !important;}
.padbot10 {padding-bottom: 10px !important;}
.pad25 {padding-top: 25px !important; padding-bottom: 25px !important;}
.padtop25 {padding-top: 25px !important;}
.padbot25 {padding-bottom: 25px !important;}
.mar25 {margin-top: 25px !important; margin-bottom: 25px !important;}
.martop25 {margin-top: 25px !important;}
.marbot25 {margin-bottom: 25px !important;}
.pad50 {padding-top: 50px !important; padding-bottom: 50px !important;}
.padtop50 {padding-top: 50px !important;}
.padbot50 {padding-bottom: 50px !important;}
.pad75 {padding-top: 75px !important; padding-bottom: 75px !important;}
.padtop75 {padding-top: 75px !important;}
.padbot75 {padding-bottom: 75px !important;}
.pad100 {padding-top: 100px !important; padding-bottom: 100px !important;}
.padtop100 {padding-top: 100px !important;}
.padbot100 {padding-bottom: 100px !important;}
.mar100 {margin-top: 100px !important; margin-bottom: 100px !important;}
.martop100 {margin-top: 100px !important;}
.marbot100 {margin-bottom: 100px !important;}
.pad125 {padding-top: 125px !important; padding-bottom: 125px !important;}
.padtop125 {padding-top: 125px !important;}
.padbot125 {padding-bottom: 125px !important;}
.mar125 {margin-top: 125px !important; margin-bottom: 125px !important;}
.martop125 {margin-top: 125px !important;}
.marbot125 {margin-bottom: 125px !important;}
.pad150 {padding-top: 150px !important; padding-bottom: 150px !important;}
.padtop150 {padding-top: 150px !important;}
.padbot150 {padding-bottom: 150px !important;}
.tx-center {text-align: center;}
.tx-left {text-align: left;}
.tx-right {text-align: right;}
.tx-orange {color: #ff7a00 !important;}
.tx-blue {color: #64cbdf !important;}
.tx-green {color: #9bcd69 !important;}
.tx-white {color: #ffffff !important;}
.bg-orange {background: #ff7a00 !important;}
.bg-blue {background: #64cbdf !important;}
.bg-green {background: #9bcd69 !important;}
.img-full {width: auto; height: auto; max-width: 100%; display: block; margin: 0 auto;}