@charset "utf-8";
/* CSS Document */

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.element-image-holder {
	z-index: 10;
}
.element-image-holder img {
	will-change: transform, opacity;
}

h1 {
color:#000;
font-weight:normal !important;
/*word-break: break-all;*/
}

h1 p {
	color:inherit !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
}

p, span, a,  p span a {
	font-size:inherit !important;
	color:inherit;
}

p {
	margin-top:20px;	
	margin-bottom:20px;	
}
.input-label p, .input-label p a, .input-label span a, .input-label a {
	color:inherit !important;	
}

.input-label p {
	margin: 0 !important;
}

table tr td p, table th td, table th, ol li:before, p ol li:before, ul li:before, p ul li:before {
	color: inherit !important;
}

p a, span a, a span, table tr td p a, ol li a, ul li a, .input-label a, .input-label p a, .input-label span a, .panel-inner .content a, .content a {
	text-decoration:underline;
	color: inherit;
}
p a:hover, span a:hover, a span:hover, table tr td p a:hover, ol li a:hover, ul li a:hover {
	text-decoration:none !important;
}

h1 font, h1 span {
	display:inline; !important;
  vertical-align: baseline;	
}

/* hide up/down arrows on number inputs Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

a.wrap-string {
	overflow-wrap: break-word !important;
	word-wrap: break-word !important;
	hyphens: auto !important;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
	display:block;
}

.content ol {
	counter-reset: my-sec-counter;
}
.content ul, .content ol {
	color:#000;
	margin:0 !important;
	padding:0 !important;
	margin-left:4px !important;
	display:inline-block;
}
.content ul {
	list-style:disc;	
}
.content ul li, .content ol li {
	display: list-item;
	margin: 0;
	text-align:left;
}
.content ul li, .content ol li {
	/*list-style:disc !important*/;
	list-style: none !important;	
}

.content ul li span:before {
	color:inherit;
	content: '• ';
}
.content ol li:has(span) span:before {
	color:inherit;
  counter-increment: my-sec-counter;
  content: " " counter(my-sec-counter) ". ";
}

.content ul li:not(:has(span)):before {
	color:inherit;
	content: '• ';
}
.content ol li:not(:has(span)):before {
	color:inherit;
  counter-increment: my-sec-counter;
  content: " " counter(my-sec-counter) ". ";
}

.content table {
	table-layout: auto;
}
.content table tr td {
word-break: break-word;
}
.content .table tr td {
	border:none;	
}

#content-wrapper {
	position:relative;
	width:100%;
	/*height:100%;
	overflow-x:auto*/
}
/* Hide scrollbar */
#content-wrapper::-webkit-scrollbar {
  display: none;
}

#content-wrapper {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.main-content {
	display:block;
	position:relative;
}

.spacer-div {
	display:block;
	height:150px;
	background-color:transparent !important;
}

.xp-back-btn {
	display: none;
	position:fixed;
	bottom:15px;
	left:15px;
	width:55px;
	height:40px;
	padding-top: 10px;
	cursor: pointer;
	border-radius:8px;
	border:1px solid #666;
	background-color:rgba(0,0,0,0.3);
	color:#fff;
	text-align: center;
	z-index:200;
	-webkit-box-shadow: 5px 5px 26px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 5px 26px rgba(0, 0, 0, 0.2);
	box-shadow: 5px 5px 26px rgba(0, 0, 0, 0.2);		
}
.xp-back-btn:hover {
	color:#fff;
	background-color:rgba(0,0,0,0.6);
}
.xp-back-btn i {
	font-size: 20px;
	line-height: 20px;
}

.element {
	position:relative;
}

.image-element {
	overflow:hidden;
	border-radius:4px;
}

.panel-inner {
	position:relative;	
}

.panel-inner p {
	margin-top:10px;
}

.site-navbar {
	margin:0;
	padding:0;	
	height:auto !important;
}
.site-header {
	margin:0;
	min-height:55px;
	padding:8px 0px 8px 0px;	
	height:auto !important;
}

.site-header .brand-logo, .site-header .brand-logo a {
	display:block;
	max-height:auto;
	padding:0px;
	margin:0px !important;
	height:auto;
}

.site-header .brand-logo img {
	display:block;
	margin:0px;
	width:auto;
	height:40px;	
}

.block-disabled {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.4);
	z-index:99999;
	cursor: not-allowed;
	color:#fff;
}
.block-disabled:after {
	content:'Disabled';
	position:absolute;
	width:140px;
	height: 52px;
	top:50%;
	left:0;
	right:0;
	margin: 0 auto;
	transform: translateY(-50%);
	border-radius:8px;
	padding: 10px;
	background-color: #000;
	color:#fff;
	text-align: center;
	font-weight: bold;
	font-size:22px;
	z-index: 9999;
	-webkit-box-shadow: 5px 5px 36px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 5px 36px rgba(0, 0, 0, 0.2);
	box-shadow: 5px 5px 36px rgba(0, 0, 0, 0.2);	
}

.js-cd-panel-giftcard {
	top:0 !important;
  height:100% !important;
}
.cd-panel__close::before, .cd-panel__close::after {
	top:18px !important;
}
.js-cd-panel-giftcard .cd-panel__content, .js-cd-panel-giftcard .cd-panel__container {
  height:100% !important;	
}
.js-cd-panel-giftcard .cd-panel__content {
	background: #fff !important;
}
.cd-panel__content {
	position: relative;
  padding: 0px 5% !important;
  top:40px !important;
}

@media only screen and (min-width: 1170px) {
  .cd-panel__container {
    width: 70% !important;
  }
  .cd-panel__header {
    width: 70% !important;
  }  
}

.powered-by-label {
position:fixed;
bottom:8px;
right:8px;
z-index: 9999;
font-size: 11px !important;
color:#fff;
font-family: 'Trebuchet MS';
letter-spacing: 0px;
opacity: 0.3;
background-color: #000;	
border-radius:5px;
padding:3px 6px 3px 6px;
}
.powered-by-label:hover {
color:#fff;
opacity: 0.9;
}

.modal-popup {
	height:100% !important;
	border:0 !important;
	padding:0 !important;	
	border-radius:10px !important;
	z-index:9999;
	left:0;
	right: 0;
	margin: 0 auto !important;
}
.modal-popup .modal-dialog {
	overflow:hidden;	
}
.modal-popup .modal-dialog,
.modal-popup .modal-content {
  max-width: 94% !important;
  height: 96% !important;
	top:2%;
	left:0;
	right:0;
	margin:0 auto !important;
	border:0;
	-webkit-transform: translateZ(0);
	position:relative;
}
.modal-popup.modal-size-med .modal-dialog, .modal-popup.modal-size-med .content {
	max-width: 70% !important;
	height: 85% !important;
  top: 50%;
  transform: translateY(-50%);		
}

.modal-popup .modal-content {
	border:1px solid #666;
	-webkit-box-shadow: 0px 5px 32px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0px 5px 32px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 5px 32px rgba(0, 0, 0, 0.30);			
}
.modal-content {
	margin: 0;
	border-radius:12px;
	overflow: hidden;
}
.modal-body-wrapper {
	overflow:hidden !important;
	overflow-y:auto !important;	
}
.modal-popup .modal-body {
  max-height:100% !important;
  height:100% !important;
	border-radius:8px !important;
	-webkit-border-radius:10px !important;
	padding:0;
}
.modal-popup .modal-footer {
	padding:10px !important;
}
.modal-popup .modal-dialog .close-modal-button {
	display:block;
	width: 32px;
	height: 32px;
	position:absolute;
	top:9px;
	right:20px;
	border-radius:50%;
	background-color:#000000;
	z-index:999;
	background-image: url('/image/delete-sign-white.png') !important;
	background-repeat:no-repeat;
	background-size:20px 20px;
	background-position:center;
}

@media (min-width: 1400px) {
	.modal-popup .modal-dialog {
    max-width: 1400px !important;		
	}
}

.hamburger-menu {
  display: flex;
  position: fixed;
  right:20px;
  top:14px;
  flex-flow: column wrap;
  justify-content: space-between;
  height: 2.3rem;
  width: 2.7rem;
  padding-left: 0.2rem;
  padding-left: 0.2rem;
  text-align: center;
  cursor: pointer;
  z-index: 9999;
  transform: scale(0.7);
}

.bar-top,
.bar-middle,
.bar-bottom {
  height: 5px;
  background: #000;
  border-radius: 5px;
  margin: 3px 0;
  transform-origin: left;
  transition: all 0.3s;
	-webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2) !important;
	box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2) !important;	  
}
.hamburger-menu.change .bar-top {
  transform: rotate(45deg);
  margin-left:5px;
}
.hamburger-menu.change .bar-middle {
  transform:translateX(1rem);
  opacity: 0;
}
.hamburger-menu.change .bar-bottom {
  transform: rotate(-45deg);
  margin-left:5px;
}
.mainmenu-overlay {
	display: none;
	position: fixed;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	overflow-x:hidden;
	overflow-y: auto;
	z-index: 9999;
}
.stripe-payment-form {
	position: relative;
}
.payment-progress-label {
	position: absolute;
	top:20px;
	left:0;
	right:0;
	width:150px;
	height: 100px;
	border-radius:10px;
	padding: 20px 20px 10px 20px;
	margin: 0 auto;
	text-align: center;
	color:#fff;
	background-color: rgba(0,0,0,0.7);
}
.payment-success-label {
	position: absolute;
	top:30px;
	left:0;
	right:0;
	width:200px;
	height: 100px;
	border-radius:10px;
	padding: 20px 20px 10px 20px;
	margin: 0 auto;
	text-align: center;
	color:#fff;
	background-color: #1ea571;
}
.payment-progress-label i.fa, .payment-success-label i.far {
	font-size:32px;
}
.action-button {
	cursor:pointer;
}

.block-elem-bg, .content-wrap-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
}

.content-wrap {
	position: relative;
}
.content-wrap .content-wrap-bg  {
	z-index: -1;
}

.bg-img-panels .panel-inner {
	position:absolute;
	top:0px;
	left:0px;
	min-height:220px;
	width:100%;
	z-index:2;
}

.bg-img-panels .panel-inner .panel-image-holder {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:-1;
}

.bg-img-panels .panel-inner .panel-image-holder img {
	object-fit: cover;
	width: 100%;
	height:inherit;
}

.postcode-lookup-results, .suggestive-input-results {
	position:absolute;
	top:100%;
	height: 180px;
	width: 100%;
	text-align: left;
	background-color: #fff;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 9999;
	border-radius:5px !important;
	-webkit-box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.15) !important;
	-moz-box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.15) !important;
	box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.15) !important;		
}
.postcode-lookup-results .p-lookup-link, .suggestive-input-results .sugg-lookup-link {
	display: block;
	padding: 6px 15px 6px 15px;
	cursor: pointer;
}
.postcode-lookup-results .p-lookup-link:hover, .suggestive-input-results .sugg-lookup-link:hover {
	background-color: rgba(0,0,0,0.1);
	opacity: 0.7;
}
.btn-animate-opacity  {
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-name: fadeBtnOut;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-name: fadeBtnOut;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes fadeBtnOut {
   from { opacity: 1; }
    to   { opacity: 0.4; }
}
@keyframes fadeBtnOut {
   from { opacity: 1; }
    to   { opacity: 0.4; }
}	

.panels .button-holder .btn {
  white-space: nowrap;
  text-overflow: ellipsis;
  width:100%;
	font-weight:900 !important;  
  padding-left:20px;
  padding-right:20px;
  overflow:hidden;	
}

.form-group p.alert-block {
	background-color:#f44336;
	color:#fff !important;
	font-size:inherit;
	min-height:30px;
	padding:7px 10px 7px 10px !important;
	margin-top:8px !important;
	margin-bottom:4px !important;
	position:relative;
}
.form-group p.alert-block:after {
  position:absolute;
  display:block;
  content:'';
  top:-8px;
  left:20px;
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f44336;
}

.form-control {
	min-height:30px;
	height:auto;
	resize:none;
	color:#000;
	background-color:#fff;
	border-radius:10px;
	border:1px solid #000; 
 }
.form-control:active:hover:not([disabled]) {
	border:0;
	border:1px solid;
	border-color:inherit; 
}
.form-control.input-error {
	border:1px solid red !important;
}

textarea.form-control {
	padding:18px 15px 18px 15px;	
	border-radius:0;
	font-family: inherit !important;
}

.input-group {
	border:0 !important;
	box-shadow:none !important;
	background-color:transparent !important;	
}

.input-wrap {
	position:relative;
	width:100%;
}

.input-group-icon {
	position:absolute;
	top:50%;
	bottom:0;
	height:auto;
  pointer-events: none;
	transform:translateY(-50%);
	right:20px;
	font-size:120% !important;
	line-height:105% !important;
	border:0 !important;
	box-shadow:none !important;
	background-color:transparent !important;	
}
.input-group-icon i {
	border:0 !important;
	line-height:110% !important;
	box-shadow:none !important;
	background-color:transparent !important;
	color:#000;	
}
.input-group-icon-left {
	right:auto;
	left:20px;
}
.input-time-pick, .input-date-pick {
	width:100%;
}
.user-input[data-type="Postcode Lookup"] .input-group-icon, .user-input[data-type="Suggestive Input Text"] .input-group-icon {
	cursor:pointer !important;
	z-index: 20 !important;
  pointer-events: auto !important;
  vertical-align: middle;
  height:calc(100% - 10px);
  right:5px !important;
  width:40px !important;
  background-color: transparent !important;
}
.user-input[data-type="Postcode Lookup"] .input-group-icon i, .user-input[data-type="Suggestive Input Text"] .input-group-icon i {
	position: absolute;
	top:50%;
	left: 0;
	right:0;
	margin: 0 auto;
	transform: translateY(-50%);
}
.nice-select {
	line-height:1;
	display: flex;
	border-radius:0;
	align-items:center;
	vertical-align: middle;        
}

.nice-select:after {
	font-family:'Font Awesome 5 Free';
    content: "\f078";
	font-weight:700;
    display: block;
    height: 18px !important;
    width: 20px !important;
    pointer-events: none;
    position: absolute;
	border:0 !important;
	border:0 !important;
	border-radius:0px !important;
    right: 20px !important;
    top: 29% !important;
	font-size:20px;
	line-height:1;
	color:inherit;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
	transform-origin: center center;
}

.input-submit-btn {
	height:100%;
	width:70px;
	padding:0;
	margin:0;
	right:0;
	border-top:1px solid #CCC; 
	border-right:1px solid #CCC; 
	border-bottom:1px solid #CCC; 
	color:#fff;
}
.input-submit-btn:hover {
	opacity:0.8;
}

.input-submit-btn i {
position:absolute;
width:20px;
height:20px;
top:50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
left:0;
right:0;
font-size:18px;
margin:0 auto;
color:#fff;
}

input[disabled]:not(.file-upload-field), textarea[disabled], select[disabled], .nice-select[disabled] {
  background-color:#fff;
  opacity:0.5 !important;
	cursor:default;
}

input[name=rep_address]:disabled, input[name=rep_address_1]:disabled, input[name=rep_address_2]:disabled, input[name=rep_city]:disabled, input[name=rep_state]:disabled, input[name=rep_zip]:disabled, input[name=rep_country]:disabled {
	color:inherit;
	cursor:default;
	opacity:1 !important;
}

.form-control::-moz-placeholder {
	color:inherit !important;
	opacity:1 !important;	
}
.form-control:-ms-input-placeholder {
	color:inherit !important;
	opacity:1 !important;	
}
.form-control::placeholder {
	color:inherit !important;
	opacity:1 !important;	
}
.form-control:focus::-moz-placeholder {
	color:inherit !important;
	opacity:1 !important;	
}
.form-control:focus:-ms-input-placeholder {
	color:inherit !important;
	opacity:1 !important;	
}
.form-control:focus::placeholder {
	color:inherit !important;
	opacity:1 !important;	
}

.input-field.form-control.datepicker, .input-field.form-control.timepicker {
	background-color:#fff;
	border-color:#000;
	color:#000;
	cursor:pointer;
}
.input-field.form-control.datepicker:disabled, .input-field.form-control.timepicker:disabled {
	cursor:default;
}

.manual-address-entry {
	padding:20px 15px 15px 15px;
	border:0 !important;
	box-shadow:none !important;
	background-color:rgba(0,0,0,0.08) !important;	
}

.manual-address-entry .form-control::-moz-placeholder {
	color:inherit !important;
	opacity:0.5 !important;	
}
.manual-address-entry .form-control:-ms-input-placeholder {
	color:inherit !important;
	opacity:0.5 !important;	
}
.manual-address-entry .form-control::placeholder {
	color:inherit !important;
	opacity:0.5 !important;	
}

.form-control.address-autocomplete {
	color:#000;
	padding-right:40px !important;	
}

.address-msg {
	position:absolute;
	display:none;
	top:40px;
	left:0px;
	right:0px;
	width:100%;
	padding:15px 10px 15px 10px;
	min-height:30px;
	color:#000;
	background-color:#fff;
	border:0 !important;
	-webkit-box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.15);	
}
.address-msg span {
	display:block;
	color:inherit;
	margin-bottom:10px;
}
.add-address-link {
	display:block;
	cursor:pointer;
	text-decoration:underline;
	color:inherit;	
}
.add-address-link:hover {
	color:inherit;	
	text-decoration:none;	
}

.bar-wrap {
  display:none;
  padding: 10px;
  margin-top: 10px;
  position:relative;
  background-color:rgba(0,0,0,0.12) !important;
  border:0px !important;
  box-shadow:none !important;
  z-index:50;
}
.bar {
  width: 0%;
  height: 12px; 
  transition: width .15s ease-out;
  border-radius: 100px;
  border:0 !important;
  background-color:#38b000;
  box-shadow: inset -1px -1px 10px rgb(0 0 0 / .5);
}
.bar-status {
	display:none;
	position:relative;
	margin-top:5px;
	min-height:45px;
	padding:8px;
	border:0 !important;
	text-align:left;
	background-color:rgba(0,0,0,0.05);
	-webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.15) !important;
	-moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.15) !important;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.15) !important;	
}
.bar-status span {
	position:absolute;
	left:95px;
	top:50%;
	width:calc(100% - 190px);
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	overflow: hidden;
	color:#000;
	font-weight:900;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-radius:0 !important;
	border:0px !important;
	box-shadow:none !important;
}
.bar-status .file-icon {
	font-size:110% !important;
}
.pdf-upload-thumb-prev {
	position: relative;
	width:50px;
	margin-left: 15px;
	height: auto;
}
.file-upload-thumb-prev {
	position: relative;
	width:70px;
	border-radius:5px;
	height: auto;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);	
}

.wall-popup {
height:100vh;
z-index:99999;	
}

#cookie-message {
    border-radius: 10px;
    padding: 8px 0px 8px 15px;
    background: #fff;
	color:#333;
    border: 1px solid rgba(0,0,0,.15);
    font-size: 12px;
    line-height: 40px;
    position: fixed;
    z-index: 99999;
    bottom: 2%;
    right: 2%;
    margin: auto;
    max-width: 540px;
    display: -ms-flexbox;
    display: flex;
	box-shadow: 5px 6px 12px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 5px 6px 12px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 5px 6px 12px rgba(0, 0, 0, 0.17);
}
#cookie-message img {
    height: 50px;
    width: 50px;
    margin: 0 15px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
#cookie-message span {
    display: inline-block;
    line-height: 1.3;
    padding-right: 16px;
    border-right: 1px solid rgba(0,0,0,0.1);
}
#cookie-message .cookie-close {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border: none;
	cursor:pointer;
    font-size: 20px !important;
    padding: 7px 20px 7px 16px;
    position: relative;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #666;
    transition: color 0.2s;
}
#cookie-message .cookie-close:hover {
	color:#000;
}

.rem-file-btn {
	display:block;
	position:absolute;
	top:50%;
	color:#000;
	cursor:pointer;
	font-size:110% !important;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	right:20px;
	box-shadow: none !important;
	border:0px !important;
}

.rem-file-btn:hover {
	opacity:0.7;
	color:inherit;
}

.fs-13 {
  font-size: 80px;
  line-height: 1.0;
}
.fs-12 {
  font-size: 70px;
  line-height: 1.105;
}
.fs-11 {
  font-size: 58px;
  line-height: 1.1;
}
.fs-10 {
  font-size: 48px;
  line-height: 1.1;
}
.fs-9 {
  font-size: 34px;
  line-height: 1.2;
}
.fs-8 {
  font-size: 24px;
  line-height: 1.2;
}
.fs-7 {
  font-size: 21px;
  line-height: 1.3;
}
.fs-6 {
  font-size: 18px;
  line-height: 1.35;
}
.fs-5 {
  font-size: 16px;
  line-height: 1.3;
}
.fs-4 {
  font-size: 14px;
  line-height: 1.3;
}
.fs-3 {
  font-size: 13px;
  line-height: 1.2;
}
span[style*="font-size: 13px"] {
		font-size:14px !important;
}
span[style*="font-size: 14px"] {
		font-size:14px !important;
}
span[style*="font-size: 16px"] {
		font-size:16px !important;
}
span[style*="font-size: 18px"] {
		font-size:18px !important;
}
span[style*="font-size: 21px"] {
		font-size:21px !important;
}
span[style*="font-size: 24px"] {
		font-size:24px !important;
}
span[style*="font-size: 34px"] {
		font-size:34px !important;
}
span[style*="font-size: 48px"] {
		font-size:48px !important;
}
span[style*="font-size: 58px"] {
		font-size:58px !important;
}
span[style*="font-size: 70px"] {
		font-size:70px !important;
}
span[style*="font-size: 80px"] {
		font-size:80px !important;
}




@media (max-width: 1200px) {
	.fs-13 {
	  font-size: 72px;
	}
	.fs-12 {
	  font-size: 63px;
	}
	.fs-11 {
	  font-size: 53px;
	}
	.fs-10 {
	  font-size: 44px;
	}
	.fs-9 {
	  font-size: 31px;
	}	
	.fs-8 {
	  font-size: 23px;
	}
	.fs-7 {
	  font-size: 19px;
	}
	.fs-6 {
	  font-size: 16px;
	}
	.fs-5 {
	  font-size: 15px;
	}
	.fs-4 {
	  font-size: 14px;
	}
	.fs-3 {
	  font-size: 13px;
	}
span[style*="font-size: 13px"] {
		font-size:13px !important;
}
span[style*="font-size: 14px"] {
		font-size:14px !important;
}
span[style*="font-size: 16px"] {
		font-size:15px !important;
}
span[style*="font-size: 18px"] {
		font-size:16px !important;
}
span[style*="font-size: 21px"] {
		font-size:19px !important;
}
span[style*="font-size: 24px"] {
		font-size:23px !important;
}
span[style*="font-size: 34px"] {
		font-size:31px !important;
}
span[style*="font-size: 48px"] {
		font-size:44px !important;
}
span[style*="font-size: 58px"] {
		font-size:53px !important;
}
span[style*="font-size: 70px"] {
		font-size:63px !important;
}
span[style*="font-size: 80px"] {
		font-size:72px !important;
}	

}


@media (max-width: 992px) {

	.fs-13 {
	  font-size: 65px;
	}
	.fs-12 {
	  font-size: 57px;
	}
	.fs-11 {
	  font-size: 48px;
	}
	.fs-10 {
	  font-size: 40px;
	}
	.fs-9 {
	  font-size: 28px;
	}	
	.fs-8 {
	  font-size: 21px;
	}
	.fs-7 {
	  font-size: 17px;
	}
	.fs-6 {
	  font-size: 15px;
	}
	.fs-5 {
	  font-size: 14px;
	}
	.fs-4 {
	  font-size: 13px;
	}
	.fs-3 {
	  font-size: 12px;
	}
	span[style*="font-size: 13px"] {
			font-size:12px !important;
	}
	span[style*="font-size: 14px"] {
			font-size:13px !important;
	}
	span[style*="font-size: 16px"] {
			font-size:14px !important;
	}
	span[style*="font-size: 18px"] {
			font-size:15px !important;
	}
	span[style*="font-size: 21px"] {
			font-size:17px !important;
	}
	span[style*="font-size: 24px"] {
			font-size:21px !important;
	}
	span[style*="font-size: 34px"] {
			font-size:28px !important;
	}
	span[style*="font-size: 48px"] {
			font-size:40px !important;
	}
	span[style*="font-size: 58px"] {
			font-size:48px !important;
	}
	span[style*="font-size: 70px"] {
			font-size:57px !important;
	}
	span[style*="font-size: 80px"] {
			font-size:65px !important;
	}	

}
.resend-auth-code-btn {
	position:absolute;
	height: 32px;
	right:10px;
	top:50%;
	background-color: #fff;
	color:#000;
	transform: translateY(-50%);
	cursor: pointer;
	white-space: nowrap;
  letter-spacing: 0px;	
	border-radius:4px;
	border:1px solid #000;	
	text-align: center;
	font-size:14px !important;
	font-weight: bold !important;
	padding: 6px 10px 4px 10px;
	box-shadow: none !important;
	z-index: 10;	
}
.resend-auth-code-btn:hover {
	background-color:rgba(0,0,0,0.15);
}
.prev-auto-fill-btn {
	position:absolute;
	height: 32px;
	right:10px;
	top:50%;
	transform: translateY(-50%);
	cursor: pointer;
	background-color: #000;
	color:#fff;
	white-space: nowrap;
	overflow:hidden;
  letter-spacing: 0px;	
	border-radius:4px;
	border:1px solid #666;
	text-align: center;
	font-size:14px !important;
	 box-shadow: 0px 12px 56px -5px #000;
	padding: 5px 10px 4px 10px;
	z-index: 10;
}
.prev-auto-fill-btn:hover {
	color:#fff;
}

.preview-mode-label {
	background-color:#000;
	color:#fff;
	text-align: center;
	width:100px;
	height: 30px;
	padding: 5px 8px 5px 8px;
  border-radius:6px;
  font-size:13px !important;
  position: absolute;
  top:8px;
  left:8px;
  opacity:0.7;
  z-index: 6000;
}

.wallet-pass-qr-section {
  max-width: 450px;
  margin: 0 auto;  
}

.panels.clickable {
	cursor:pointer;	
}
.panels.clickable:hover {
	transform:scale(1.02);
	-moz-transform:scale(1.02);
	-webkit-transform:scale(1.02);
	transition: all 0.1s ease-in-out;
}

.accordion .panels {
	cursor: pointer;
}
.acc-plus-icon {
	position: absolute;
	display: block;
	right:0px;
	top:2px;
	cursor: pointer;
	font-size: 18px !important;
	line-height: 18px !important;
	color:#000;
	padding:0px 0px 8px 8px;
}

.element-image-holder {
	position:relative;
}

.video-button-holder {
  position: absolute;
  z-index: 1000;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  text-align:center;
}
.video-btn {
	padding:12px 25px 12px 25px;
}
.video-btn i {
  display: block;
  margin:10px 10px 10px 14px;
  position: relative;
  z-index: 3;
  font-size:200%;
}

.button-holder .btn {
	min-width:160px;
	font-size:22px;
	line-height:28px;
	height:auto !important;
	min-height:auto !important;
	max-height:auto !important;
	min-width:auto !important;
	max-width:auto !important;
	padding:8px 18px 8px 18px;
	font-weight:900 !important;
	border:1px solid #000;
	margin: 10px 10px 10px 0px !important;
	box-shadow: 5px 6px 12px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 5px 6px 12px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 5px 6px 12px rgba(0, 0, 0, 0.17);
}
.button-holder .btn:not(:only-child)  {
	margin-right:25px !important;
}

.button-holder .btn:not(.disabled):active, .button-holder .btn-style-1:active, .button-holder .btn-style-1:focus, .button-holder .btn-style-1:target, .button-holder .btn-style-2:active, .button-holder .btn-style-2:focus, .button-holder .btn-style-2:target, .button-holder .btn-style-3:active, .button-holder .btn-style-3:focus, .button-holder .btn-style-3:target, .button-holder .btn-style-1.activated, .wheel-results-btn {
  position:relative;
  top: 3px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
.button-holder .btn:hover {
	color:inherit;
}
.btn-size-sml {
	font-size:16px !important;
	margin-bottom:10px !important;
	line-height:20px !important;
	padding:6px 18px 6px 18px !important;
}
.btn-size-med {
	font-size:20px !important;
	line-height:24px !important;
	padding:8px 22px 8px 22px !important;
}
.btn-size-lrg {
	font-size:28px !important;
	line-height:32px !important;
	padding:8px 30px 8px 30px !important;
}

.button-group-pills {
	flex-wrap: wrap;
	justify-content:flex-start;
	display: grid;
	grid-auto-columns: 1fr;
	grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr;
	gap: .9rem .4em;
}
.button-group-pills input {
	display:none;
}
.button-group-pills .btn {
  position:relative;
  display: flex;
  justify-content:flex-start;
  line-height: 1;
  margin-bottom: 10px;
  margin-right: 10px;
  height:auto;
  min-width:auto !important;
  width:auto;
  min-height:30px;
  vertical-align:middle;
  background-color:#fff;
  padding:10px 35px 10px 20px;
  border-color: #000;
  background-color: #FFF;
  text-align:left !important;
  color: #000;
  word-wrap: break-word;
}

.button-group-pills[data-disabled="yes"] .btn, .opinion-scale li input[disabled], .star-rating .stars input[disabled], input[disabled] + .bar-status, input[disabled] ~ .input-group-icon, input[disabled] ~ span i, input[disabled] ~ a {
	opacity:0.5 !important;
	cursor:auto;
	display:none;
  pointer-events: none;
}

.button-group-pills .btn.active {
}

.button-group-pills .btn.active:after {
	font-family:'Font Awesome 5 Free';
    content: "\f00c";
	font-weight:700;
	position:absolute;
	right:14px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	font-size:15px;
}

.btn-group-checkbox input {
	display:inline-block;
}
.btn-group-checkbox .btn {
	padding-left:0px !important;
}

.yesno-btn-group {
	width:70%;	
    grid-template-columns:1fr 1fr;
	clear:both;
}
p.yesno-alert {
	display:inline-block;
	width:70% !important;
}

.age-alert {
	  white-space: normal !important;
}

.button-group-pills .rad-btn {
	display:inline-block !important;
	position:relative;
	height:100%;
	padding-left:50px !important;
	padding-right:25px !important;	
}
.button-group-pills .rad-btn span {
	position:relative;
	width:100%;
	left:0%;
	top:50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.button-group-pills .rad-btn:before {	
	font-family:'Font Awesome 5 Free';
    content: "\f111";
	font-weight:700;
	position:absolute;
	left:15px;
    top: 50%;
	opacity:0.18;	
	color:inherit;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	font-size:22px;
}
.button-group-pills .rad-btn:first-child {	
	margin-right:1px !important;
	border-top-right-radius:0px !important;
	border-bottom-right-radius:0px !important;
}
.button-group-pills .rad-btn:last-child {
	margin-right:0px !important;
	border-top-left-radius:0px !important;
	border-bottom-left-radius:0px !important;
}
.button-group-pills .rad-btn.active:after {
	left:20px;
	color:inherit;
}

.button-group-pills .check-btn {
	display: inline-block !important;
	position:relative;
	height:100%;
	padding-left:52px !important;
	padding-right:25px !important;	
	background-color:#fff;
	vertical-align: middle;
}
.check-btn {
	background-color:#fff;
}

.button-group-pills .check-btn:before {	
	font-family:'Font Awesome 5 Free';
    content: "";
	font-weight:700;
	position:absolute;
	width:25px;
	height:25px;
	left:17px;
  top: 50%;
	border:2px solid;
	border-color:inherit !important;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.button-group-pills .check-btn > span {
	position:relative;
	height:auto;
	width:100%;
	line-height:120%;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}

.button-group-pills .check-btn.active:after {
	left:22px;
	color:inherit;
}
.button-group-pills .check-btn span a, .button-group-pills .check-btn span a:hover {
	color:inherit;
}

.button-group-pills.single-check {
	gap: 0.7rem;
  grid-template-columns: 1fr;
}

.button-group-pills.single-check .check-btn {	/* for single plain checkbox */
	border:0px !important;
	box-shadow:none !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	background-color:transparent !important;	
	padding:0px 0px 0px 40px !important;
}

.button-group-pills.single-check .check-btn:before {
	left:0px !important;
}
 .button-group-pills.single-check .check-btn.active:after {
	left:5px !important;
}

 .cnc-claim-table {
 	background-color: rgba(255,255,255,.4);
 	color:#000;
 	border-radius:4px;
 	padding: 8px;
 }


.gc-card-wrapper {
	display:inline-block;
	width: 100%;
	padding: 0;
	margin-top: 20px;
	position: relative;
 	max-width: 500px;
}
.gc-image-holder {
 	position: relative;
 	width:100%;
 	overflow: hidden;
 	background-color: #fff;
 	height: auto;
 	padding-bottom: 46px;
 	z-index: 5;
 	border-radius:22px;
 }
 .scratch-card-wrapper .gc-card-wrapper {
 	transform: scale(0.80) !important;
 }
 .block-card-loader {
 	z-index: 1;
 }
 .gc-image-holder img {
 	display: block;
 	width:100%;
 }
 .gc-details {
 	position: absolute;
 	width:100%;
 	background-color: #fff;
 	font-weight: 900 !important;
 	padding: 10px 12px 12px 22px;
 	border-bottom-left-radius:18px;
 	border-bottom-right-radius:18px;
 	bottom:0;
 	left:0;
 	right:0;
 	z-index: 10;
 }
.gc-details .gc-title {
	float: left;
 	font-size:20px !important;
 	line-height: 28px !important;
 	margin-top: 6px;
 	color:#000;
 	font-weight:900;	
	width: 65%;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
  text-overflow: ellipsis;
}
.gc-denom {
	position:absolute;
	top:-50px;
	left:-20px;
	background-color: #fff;
	border:1px solid #ccc;
	min-width:120px;
	min-height: 40px;
	padding: 14px 25px 10px 25px;
	font-weight: 900 !important;
	font-size:38px !important;
	line-height: 38px !important;
	color:#000;
	z-index: 25;
	border-radius:50px;
	text-align: center;
  -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.15);	
 }
 .gc-open-btn {
 	float: right;
	overflow: hidden;
	white-space: nowrap;
  text-overflow: ellipsis; 	
 	border-radius:8px;
 	width:auto;
 	padding: 10px 20px 10px 20px !important;
 	background-color: #000;
 	color:#fff;
 	text-align: center;
 	text-decoration: none;
 	cursor: pointer;
 	font-weight: 900 !important;
 	font-size:16px !important;
 	line-height: 18px !important;
 }
 .gc-open-btn:hover {
 	opacity: 0.75;
 	color:#fff;
 }

/* Opinion Scale Styling */
.opinion-scale ul {
  list-style: none;
  text-align:left;
  display:block;
  margin:0;
  padding:0;
  display:flex;
  width: 100% !important;
  margin-bottom: 0em;
}
.opinion-scale li {
  padding-right:5px;
  width: calc(100% / 10);
}
.opinion-scale li input[type=radio] {
  display: none;
}
.opinion-scale li input[type=radio]:checked + label {
	z-index:1000;
	font-weight:900 !important;
}
.opinion-scale li input[type=radio]:disabled + label {
	cursor:default;
}
.opinion-scale li label {
  background-color:inherit;
  text-align: center;
  cursor:pointer;
  padding:5px;
  line-height: 1.9em;
  background-color:#fff;
  color:#000;
  border:1px solid #000;
  width:100%;
}
.opinion-scale .opinion-labels {
  margin-bottom: 0;
  display:flex;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
  margin-top:-2px;
  position:relative;
}
.opinion-scale .opinion-label label {
  color: #363636;
  line-height:1;
  background-color:transparent !important;
  border:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
.opinion-scale .opinion-label.min {
  width:33%;
  text-align: left;
  line-height:1;
}
.opinion-scale .opinion-label.mid {
  width:33%;
  text-align: center;
  margin:0 auto;
  line-height:1;
}
.opinion-scale .opinion-label.max {
  width:33%;
  text-align: right;
  line-height:1;
}

/* Star Rating */
.star-rating {
  display: block;
  cursor: default;
}
.star-rating input[type=radio] {
  display: none;
}
.star-rating .stars {
  display: inline-flex;
  align-items: flex-start;
  gap: .8rem;
  flex-flow: row-reverse;
}
.star-rating .stars label {
  padding: 8px;
  cursor: pointer;
  text-align:center;
  background-color:#fff;
  color:#000;
  border:1px solid #000;
  position:relative;
  width: calc(100% / 5);
  min-width:45px;
  transition: all 0.1s ease-in-out;
}
.star-rating .stars label i {
  font-size:150%;
}
.star-rating .stars label span {
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	bottom:-25px;
}

.star-rating .stars label:hover,
.star-rating .stars label:hover ~ label,
.star-rating .stars input[type=radio]:checked ~ label {
  transform:scale(1.15);
}

.gc-card-loader {
	position: absolute;
  background-color: black;
  border: none;
  color: white;
  width:50%;
  left:0;
  right:0;
  margin: 0 auto;
  top:50%;
  transform: translateY(-50%);
  border:1px solid #999;
  padding: 2rem 4rem;
  font-size: 3rem;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition:  transform 0.2s;
}
.c-load {
  display: flex;
  gap: .25rem;
}
.c-load > div {
  width: .8rem;
  height: .8rem;
  background-color: white;
  border-radius: 50%;
  animation: 1.2s infinite ease-in-out load;
}
.c-load  div:nth-child(1) {
  animation-delay: -0.32s;
}
.c-load  div:nth-child(2) {
  animation-delay: -0.16s;
}
.gc-card-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 3.5rem;
}
@keyframes load {
  0%,80%,100%{
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.gc-fetch-alert {
	position:absolute;
	top:50% !important;
	left:0;
	right:0;
	transform: translateY(-50%) !important;
	text-align: center;
	width:100%;
	margin: 0 auto;
	max-width:460px;
	opacity:0.9;
	background-color: #fff;
	border-radius: 20px;
	padding: 35px 20px 35px 20px;
	border:1px solid #ccc;
}
.gc-fetch-alert h5 {
	font-size:20px;
	line-height: 24px;
	margin-top: 12px;
	margin-bottom: 10px;
}
.gc-fetch-alert-overlay {
	position: absolute;
	content:'';
	left:0;
	top:0;
	background: rgba(0,0,0,0.3);
	background: linear-gradient(0deg, rgba(0,0,0,0.5383579457173495) 0%, rgba(144,69,69,0) 80%);
	width:100%;
	height: 100%;
}
.card-animated {
  animation-name: card-grow;
  animation-duration: 900ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
@keyframes card-grow {
  0% {
    opacity: 0;
    transform: scale(0) rotateY(20deg)
  }
  40% {
    transform: scale(1.1)
  }
  50% {
    transform: scale(0.9)
  }
  60% {
    opacity: 1;
    transform: scale(1.05)
  }
  70% {
    transform: scale(0.95)
  }
  80% {
    transform: scale(1.02)
  }
  90% {
    transform: scale(0.98) rotateY(0)
  }
  100% {
    opacity: 1;
    transform: scale(1)
  }
}

.support-chat-btn {
	position: fixed;
	bottom:20px;
	right:20px;
	background-color:#60afc3;
	color:#fff;
	width:90px;
	height: 45px;
	padding-top: 10px;
	padding-left: 25px;
	border-radius: 30px;
	font-weight: bold;
	cursor: pointer;
	z-index: 100;
	text-align: center;
  box-shadow: 0 2.1px 1.3px rgba(0, 0, 0, 0.044),
    0 4.9px 4.2px rgba(0, 0, 0, 0.054), 0 8.6px 9.5px rgba(0, 0, 0, 0.061),
    0 25px 20px rgba(0, 0, 0, 0.1);	
}
.support-chat-btn span {
	text-decoration: none;
}
.support-chat-btn:after {
	position: absolute;
	left:12px;
	margin:0 auto;
	top:50%;
	transform: translateY(-50%);
  	font-family: 'Font Awesome 5 Free';
    content: '\f059';
    font-size: 18px;
    font-weight: 900;
}
.support-chat-btn:hover {
	color:#fff;
}
.support-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 95;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.25);
}
.support-modal-container {
  position: fixed;
  bottom:0px;
  right:20px;
  width: 400px;
  min-height:450px;
  max-height: 90vh;
  max-width: 400px;
  margin:0 auto;
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.25);
}
@media (max-width: 580px) {
  .support-modal-container {
  	width:90%;
  	right:0;
  	left:0;
  }
  .support-chat-btn span {
  	display: none;
  }
  .support-chat-btn {
  	width:52px;
  	height: 52px;
  	border-radius:50%;
  	right:12px;
  	bottom: 14px;
  }
  .support-chat-btn:after {
  	font-size: 27px;
  }
}
.support-modal-container-header {
  padding: 8px 18px;
  background-color: #60afc3;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.support-modal-container-title {
  display: flex;
  color:#fff;
  padding-top:5px ;
  align-items: center;
  font-size:18px;
  font-weight: bold;
  font-family: inherit;
}
.support-modal-container-title i {
  width: 32px;
  height: 32px;
  font-size:30px;
}
.support-modal-container-body {
  padding: 20px 28px 41px;
  background-color: #fff;
  overflow-y: auto;
}
.support-modal-container-footer {
  padding: 20px 32px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #ddd;
  gap: 12px;
  position: relative;
}
.support-modal-container-footer:after {
  content: "";
  display: block;
  position: absolute;
  top: -51px;
  left: 24px;
  right: 24px;
  height: 50px;
  flex-shrink: 0;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.75), transparent);
  pointer-events: none;
}
.support-modal-button {
  padding: 12px 40px;
  border-radius: 8px;
  background-color: transparent;
  border: 0;
  font-weight: 600;
  cursor: pointer;
  transition: 0.15s ease;
}
.support-modal-button.is-ghost:hover, .button.is-ghost:focus {
  background-color: #ebebeb;
}
.support-modal-button.is-primary {
  background-color: #60afc3;
  float: right;
  color: #fff;
}
.support-modal-button.is-primary:hover, .button.is-primary:focus {
	opacity:0.8;
}
.support-modal-icon-button {
  padding: 0;
  border: 0;
  background-color: transparent;
  width: 40px;
  height: 40px;
  display: flex;
  color:#fff;
  border-radius:8px;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.support-modal-icon-button:hover, .icon-button:focus {
  background-color:rgba(0,0,0,0.2);
}
.supp-modal-close-btn {
	float:left;
}
.support-modal .form-control {
	font-family: inherit;
	border:1px solid #CCC;
}
.support-modal .form-control:focus {
	border:1px solid #333 !important;
}
.support-modal .alert-block {
	font-size:13px !important;
}

.notice__box {
	display:none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 30px;
  left: 0px;
  right:0;
  margin: 0 auto;
  max-width: 550px;
  width: 95%;
  border-radius: 15px;
  text-align: center;
  padding: 25px 25px 30px;
  transform: translateX(0px);
  background-color: #ffffff;
  z-index: 100;
  font-family: 'Trebuchet MS';
	-webkit-box-shadow: 0px 5px 42px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 5px 42px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 5px 42px rgba(0, 0, 0, 0.2);	 
}

.notice__box > img {
  max-width: 90px;
}
.notice__box .content {
  margin-top: 10px;
}
.notice__box .content h2 {
  font-size: 24px;
  font-weight: 700;
}
.notice__box .content p {
  font-size: 15px;
  line-height: 19px;
  margin: 5px 0 20px;
  color: #000;
}
.notice-helper {
	position: absolute;
	top:10px;
	right:10px;
	padding-top: 3px;
	width: 30px;
	height: 30px;
	border-radius:50%;
	color:#CCC;
	cursor:pointer;
}
.notice-helper:hover, .notice-helper:active {
	color:inherit;
}
.notice-helper i {
	font-size: 20px;
}
.notice__box .content .btn__group {
  display: flex;
  justify-content: center;
  align-items: center;
}
.notice__box .content .btn__group * {
  margin: 0 10px;
}
.notice__box .content .btn__group .notice__btn, .notice__box .content .not_action_btn {
  padding: 8px 12px;
  outline: none;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  border-radius: 8px;
  cursor: pointer;
  border: 2px solid #000;
  color: #ffffff;
  background-color: #000;
  text-decoration: none;
	-webkit-box-shadow: 5px 2px 16px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 2px 16px rgba(0, 0, 0, 0.2);
	box-shadow: 5px 2px 16px rgba(0, 0, 0, 0.2);	  
}
.notice__box .content .btn__group .notice__btn:hover, .notice__box .content .not_action_btn:hover {
	opacity:0.8;
}
/* For medium devices */
@media screen and (max-width: 600px) {
  .notice__box {
    left: 10px;
    bottom: 10px;
    padding: 20px 12px;
    padding-bottom: 50px;
    max-width:100%;
    left:0;
    right:0;
  }
  .notice__box img {
  	width:70px !important;
  }
	.notice__box .content .btn__group .notice__btn, .notice__box .content .not_action_btn {
		padding: 5px 10px;
		font-size: 13px;
		line-height: 17px;
	} 
}
/* For small devices */
@media screen and (max-width: 400px) {
  .notice__box {
    max-width: 100%;
  }
  .notice__box .content .btn__group {
    flex-direction: column;
    gap: 15px;
  }
}
/* For extra-small devices */
@media screen and (max-width: 320px) {
  .notice__box {
    max-width: 290px;
  }
}



@media (max-width: 1200px) {

	.video-btn i {
	  display: block;
	  margin:10px 8px 10px 11px;
	  position: relative;
	  z-index: 3;
	  font-size:150%;
	}
}


@media (max-width: 992px) {
	
	.modal-popup.modal-size-med .modal-dialog, .modal-popup.modal-size-med .content {
		max-width: 70% !important;
		height: 75% !important;
	}	
	.video-btn {
		padding:10px 20px 10px 20px;
	}
	.video-btn i {
	  display: block;
	  margin:8px 5px 8px 8px;
	  position: relative;
	  z-index: 3;
	  font-size:130%;
	}
	.gc-details .gc-title {
		width:50%;
	}
	.gc-denom {
		top:-40px;
		min-width:90px;
		min-height: 40px;
		transform: scale(0.92);
		padding: 12px 22px 12px 22px;
		font-size:36px !important;
		line-height: 36px !important;
	 } 
}


@media (max-width: 768px) {

	.site-header {
		height: 55px;
		min-height: 55px;
		margin:0px !important;
		padding-bottom:0px !important;
	}	
	.site-header .brand-logo {
		margin-bottom: 0px;
	}
	.site-header .brand-logo img {
		height: 35px;
	}
	.modal-popup.modal-size-med .modal-dialog, .modal-popup.modal-size-med .content {
		max-width: 80% !important;
		height: 70% !important;
	}
	.button-holder .btn {
		display: inline-block !important;
		margin-bottom:18px !important;
		padding:18px !important;
		font-size:18px !important;
		line-height:22px !important;
		height:auto !important;
		min-height:25px !important;
	}	
	.button-holder .video-btn {
		display:inline-block !important;
	}
	.button-holder .btn.btn-size-sml {
		min-height:auto !important;
		font-size:15px !important;
		line-height:22px !important;
		padding:8px 18px 8px 18px !important;
	}	
	.button-holder .btn.btn-size-med {
		min-height:auto !important;
		font-size:18px !important;
		line-height:30px !important;
		padding:8px 22px 8px 22px !important;
	}	
	.button-holder .btn.btn-size-lrg {
		min-height:auto !important;
		font-size:26px !important;
		line-height:42px !important;
		padding:8px 30px 8px 30px !important;
	}

	.fs-13 {
	  font-size: 59px;
	}
	.fs-12 {
	  font-size: 52px;
	}
	.fs-11 {
	  font-size: 43px;
	}
	.fs-10 {
	  font-size: 36px;
	}
	.fs-9 {
	  font-size: 25px;
	}	
	.fs-8 {
	  font-size: 19px;
	}
	.fs-7 {
	  font-size: 16px;
	}
	.fs-6 {
	  font-size: 14px;
	}
	.fs-5 {
	  font-size: 13px;
	}
	.fs-4 {
	  font-size: 13px;
	}
	.fs-3 {
	  font-size: 12px;
	}
	span[style*="font-size: 13px"] {
			font-size:12px !important;
	}
	span[style*="font-size: 14px"] {
			font-size:13px !important;
	}
	span[style*="font-size: 16px"] {
			font-size:13px !important;
	}
	span[style*="font-size: 18px"] {
			font-size:14px !important;
	}
	span[style*="font-size: 21px"] {
			font-size:16px !important;
	}
	span[style*="font-size: 24px"] {
			font-size:19px !important;
	}
	span[style*="font-size: 34px"] {
			font-size:25px !important;
	}
	span[style*="font-size: 48px"] {
			font-size:36px !important;
	}
	span[style*="font-size: 58px"] {
			font-size:43px !important;
	}
	span[style*="font-size: 70px"] {
			font-size:52px !important;
	}
	span[style*="font-size: 80px"] {
			font-size:59px !important;
	}	
	.video-btn i {
	  display: block;
	  margin:8px 2px 8px 4px;
	  position: relative;
	  z-index: 3;
	  font-size:110%;
	}

	#cookie-message {
		max-width:100%;
		width:96%;		
		left:2%;
		font-size:11px;
		line-height:12px;
		right:auto;
	}
	
}

@media (max-width: 670px) {

	.site-header .brand-logo img {
		margin-top: 4px;
		margin-left:-20px;
	}
	.hamburger-menu {
	  right:8px;
	  top:8px;
	  transform: scale(0.6);
	}
	.modal-popup.modal-size-med .modal-dialog, .modal-popup.modal-size-med .content {
		max-width:88% !important;
		height: 65% !important;		
	}	
	ul.menu-section-list {
		padding-left:10px;	
	}
	ul.menu-section-list li {
		margin-bottom:6px !important;
	}
	ul.menu-section-list li a {
		font-size:15px !important;
	}	
	.button-holder .btn {
		padding:16px !important;
		font-size:17px !important;
		line-height:18px !important;
		min-height:54px !important;
	}
	.button-holder .btn.btn-size-sml {
		font-size:14px !important;
		line-height:22px !important;
	}	
	.button-holder .btn.btn-size-med {
		min-height:auto !important;
		font-size:18px !important;
		line-height:28px !important;
		padding:8px 22px 8px 22px !important;
	}	
	.button-holder .btn.btn-size-lrg {
		min-height:auto !important;
		font-size:24px !important;
		line-height:38px !important;
		padding:8px 30px 8px 30px !important;
	}
	.nice-select {
		padding-left:16px;	
	}
	.form-control {	
		min-height:40px;		
	}
	.button-group-pills .btn {
	  min-height:50px;
	}
	.button-group-pills.single-check {
		gap: 0.1rem;
	}	
	.button-group-pills.single-check .check-btn {	/* for single plain checkbox */
		padding:0px 0px 0px 20px !important;
	}
	 .button-group-pills.single-check .check-btn.active:after {
		left:5px !important;
	 }	
	.file-upload-wrapper {
		height:40px !important;	
	}
	.file-upload-wrapper:after {
		padding-top:14px !important;
	}
	.bar-wrap {
	  padding: 5px;
	}
	.bar {
	  height: 8px; 
	}
	.bar-status {
		min-height:38px;
	}

	.input-group-icon {
		width:20px;
		height:20px;
		font-size:100% !important;
	}
	.input-group-icon i {
		font-size:110% !important;
	}

	.fs-13 {
	  font-size: 53px;
	}
	.fs-12 {
	  font-size: 48px;
	}
	.fs-11 {
	  font-size: 40px;
	}
	.fs-10 {
	  font-size: 34px;
	}
	.fs-9 {
	  font-size: 24px;
	}	
	.fs-8 {
	  font-size: 18px;
	}
	.fs-7 {
	  font-size: 16px;
	}
	.fs-6 {
	  font-size: 15px;
	}
	.fs-5 {
	  font-size: 13px;
	}
	.fs-4 {
	  font-size: 13px;
	}
	.fs-3 {
	  font-size: 12px;
	}
	span[style*="font-size: 13px"] {
			font-size:12px !important;
	}
	span[style*="font-size: 14px"] {
			font-size:13px !important;
	}
	span[style*="font-size: 16px"] {
			font-size:13px !important;
	}
	span[style*="font-size: 18px"] {
			font-size:15px !important;
	}
	span[style*="font-size: 21px"] {
			font-size:16px !important;
	}
	span[style*="font-size: 24px"] {
			font-size:18px !important;
	}
	span[style*="font-size: 34px"] {
			font-size:24px !important;
	}
	span[style*="font-size: 48px"] {
			font-size:34px !important;
	}
	span[style*="font-size: 58px"] {
			font-size:40px !important;
	}
	span[style*="font-size: 70px"] {
			font-size:48px !important;
	}
	span[style*="font-size: 80px"] {
			font-size:53px !important;
	}		
	
}

@media (max-width: 580px) {
	.site-header .brand-logo img {
		height:33px;
	}
	.modal-popup.modal-size-med .modal-dialog, .modal-popup.modal-size-med .content {
		max-width: 95% !important;
		height: 75% !important;		
	}
	.modal-popup .modal-content {
  	max-width: 98% !important;
  	margin:0 !important;
	}			
	.gc-card-wrapper {
		transform:scale(0.95) !important;
	}
	.scratch-card-wrapper .gc-card-wrapper {
		transform:scale(0.88) !important;
	}

	.wallet-pass-qr-code {
	  margin-top: 1rem;
	  width: 180px;
	  height: 180px;
	}

	.xp-back-btn {
		bottom:10px;
		left:10px;
		width:44px;
		height:35px;
		padding-top:6px;
	}		
	.xp-back-btn i {
		font-size: 18px;
	}	
	.button-holder .btn {
		padding:14px !important;
		font-size:16px !important;
		line-height:20px !important;
		min-height:45px !important;		
	}
	.button-holder .btn.btn-size-sml {
		font-size:13px !important;
		line-height:20px !important;
	}		
	.button-holder .btn.btn-size-med {
		min-height:auto !important;
		font-size:17px !important;
		line-height:27px !important;
		padding:8px 22px 8px 22px !important;
	}	
	.button-holder .btn.btn-size-lrg {
		min-height:auto !important;
		font-size:19px !important;
		line-height:32px !important;
		padding:8px 20px 8px 20px !important;
	}	
	.fs-13 {
	  font-size: 48px;
	}
	.fs-12 {
	  font-size: 43px;
	}
	.fs-11 {
	  font-size: 36px;
	}
	.fs-10 {
	  font-size: 31px;
	}
	.fs-9 {
	  font-size: 22px;
	}	
	.fs-8 {
	  font-size: 18px;
	}
	.fs-7 {
	  font-size: 16px;
	}
	.fs-6 {
	  font-size: 15px;
	}
	.fs-5 {
	  font-size: 14px;
	}
	.fs-4 {
	  font-size: 13px;
	}
	.fs-3 {
	  font-size: 12px;
	}
	span[style*="font-size: 13px"] {
			font-size:12px !important;
	}
	span[style*="font-size: 14px"] {
			font-size:13px !important;
	}
	span[style*="font-size: 16px"] {
			font-size:14px !important;
	}
	span[style*="font-size: 18px"] {
			font-size:15px !important;
	}
	span[style*="font-size: 21px"] {
			font-size:16px !important;
	}
	span[style*="font-size: 24px"] {
			font-size:18px !important;
	}
	span[style*="font-size: 34px"] {
			font-size:22px !important;
	}
	span[style*="font-size: 48px"] {
			font-size:31px !important;
	}
	span[style*="font-size: 58px"] {
			font-size:36px !important;
	}
	span[style*="font-size: 70px"] {
			font-size:43px !important;
	}
	span[style*="font-size: 80px"] {
			font-size:48px !important;
	}		
	.form-control {	
		min-height:40px;
		font-size:90%;		
	}
	.input-time-pick, .input-date-pick {
		width:100%;
	}
	.nice-select:after {
		height: 16px !important;
		width: 18px !important;
		top: 32% !important;
		font-size:18px;
	}	
	
	.button-group-pills .btn {
	  min-height:45px;
	  font-size:90%;		
	}
	.file-upload-wrapper {
		height:45px !important;	
		font-size:90%;		
	}
	.file-upload-wrapper:after {
		font-size:90%;		
		padding-top:14px !important;
	}
	.button-group-pills {
    	grid-template-columns: 1fr 1fr;
		gap: .3rem;
	}		
	.button-group-pills .btn {
	 	min-height:35px;
		margin-bottom:8px;
  		padding:14px 30px 14px 30px !important;
	}
	.yesno-btn-group {
		width:100%;	
	}
	.button-group-pills .rad-btn, .button-group-pills .check-btn {
		margin-right:0px !important;	
		padding-left:30px !important;
		padding-right:15px !important;	
	}
	
	.button-group-pills .rad-btn:before, .button-group-pills .check-btn:before {	
		left:10px;
		width:22px;
		height:22px;
		font-size:22px;
	}
	.button-group-pills .rad-btn span, .button-group-pills .check-btn span {
		position:relative;
		width:100%;
		left:8px;
	}
	.button-group-pills .rad-btn.active:after, .button-group-pills .check-btn.active:after {
		left:0px !important;
		font-size:13px !important;
	}
	
	.button-group-pills .rad-btn:last-child {
		margin-left:-3px;
	}
	.button-group-pills .rad-btn.active:after {
		left:15px !important;
	}
	.button-group-pills .check-btn.active:after {
		left:14px !important;
	}
	p.yesno-alert {
		width:100% !important;
	}

	.opinion-scale li {
	  padding-right:2px;
	  width: calc(100% / 10);
	}	
	.opinion-scale .opinion-labels {
		margin-top:-3px;
	}
	.opinion-scale li label {
		letter-spacing:-1px;
		line-height:1.5em !important;
		padding:5px;
	}
	.opinion-scale .opinion-label.min {
	  width:32%;
	}
	.opinion-scale .opinion-label.mid {
	  width:32%;
	}
	.opinion-scale .opinion-label.max {
	  width:32%;
	}
	.star-rating .stars {
		gap:.5em;	
	}
	.star-rating span label {
		padding:5px;	
		margin-right:4px;
	}
	.star-rating .stars label i {
	  font-size:110% !important;
	}	

	.powered-by-label {
		font-size: 9px !important;
	}
	.acc-plus-icon {
		top:3px;
		font-size: 14px !important;
		line-height: 15px !important;
	}

}

@media (max-width: 480px) {
	.modal-popup.modal-size-med .modal-dialog, .modal-popup.modal-size-med .content {
		max-width: 97% !important;
	}	
	.gc-details {
		 	padding: 10px 10px 12px 16px;
	}
	.gc-denom {
		top:-40px;
		min-width:70px;
		min-height: 30px;
		transform: scale(0.85);
		padding: 10px 20px 10px 20px;
		font-size:34px !important;
		line-height: 34px !important;
	 } 	
	 .gc-open-btn {
	 	border-radius:8px;
	 	padding: 9px 14px 9px 16px !important;
	 	font-size:16px !important;
	 	line-height: 16px !important;
	 }	 
	.gc-details .gc-title {
	 	font-size:16px !important;
	 	line-height: 20px !important;
	 	margin-top: 8px;
		width: 60%;
	}	 
	.wallet-pass-qr-section {
		max-width: 340px;
	}	
}
@media (max-width: 420px) {
	.gc-details .gc-title {
	 	font-size:15px !important;
	 	line-height: 20px !important;
	 	margin-top: 6px;
	}	
	 .gc-open-btn {
	 	padding: 8px 11px 8px 14px !important;
	 	font-size:15px !important;
	 	line-height: 15px !important;
	 }	
}