@charset "UTF-8";
/******************************************************
*******************************************************
* Gemini Response Solutions CSS Document       		  *
* Document Site: Core						   		  *
* Document Name: base.css					   		  *
* Document Version: 1.0.0					   		  *
* Document Author: James Stone				 		  *
* Copyright (c) 2025 Gemini Response Solutions        *
* Based on Amazium v5.0.0 (https://www.amazium.co.uk) *
*******************************************************
******************************************************/

/******************************************************
* Reset                                		  		  *
******************************************************/
html 											{ font-size: 16px; overflow: -moz-scrollbars-vertical; overflow-y: scroll; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body 											{ margin: 0; font-family: 'Source Sans 3'; line-height: 1.4; color: #242423; }
*,:after,:before 								{ margin: 0; padding: 0; border: none; box-sizing: border-box; outline: 0; }

/******************************************************
* Grid                                		  		  *
******************************************************/
/*#account .row+*, #account .row--fluid+* 		{ margin-top: 1rem; }*/

/* Grid Setup */
.row,.row--fluid 								{ margin-left: auto; margin-right: auto; display: flex; flex-direction: row; box-sizing: border-box; flex: 0 1 auto; flex-wrap: wrap; -moz-box-sizing: border-box; box-sizing: border-box; }
.row--fluid 									{ width: 100%; }

/* Row alignment */
.row--align-left 								{ justify-content: flex-start; }
.row--align-center 								{ justify-content: center; }
.row--align-right 								{ justify-content: flex-end; }

/* Nested grid resets */
.row .row 										{ padding: 0; width: 100%; }
.row .row [class^=grid]:first-child 			{ padding-left: 0; }
.row .row [class^=grid]:only-child 				{ padding: 0; }
.row .row [class^=grid]:last-child 				{ padding-right: 0; }

/* Grid widths */
.grid 											{ width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid-1 										{ width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid-2 										{ width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid-3 										{ width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid-4 										{ width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid-5 										{ width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid-6 										{ width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid-7 										{ width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid-8 										{ width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid-9 										{ width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid-10 										{ width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid-11 										{ width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid-12 										{ width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Grid ordering */
.row--order-reverse 							{ flex-direction: column-reverse; }
.grid--order-first 								{ order: -1; }
.grid--order-last 								{ order: 1; }

/* Mobile override */
.grid-1-mobile 									{ flex-basis: 8.33333%; }
.grid-2-mobile 									{ flex-basis: 16.66667%; }
.grid-3-mobile 									{ flex-basis: 25%; }
.grid-4-mobile 									{ flex-basis: 33.33333%; }
.grid-5-mobile 									{ flex-basis: 41.66667%; }
.grid-6-mobile 									{ flex-basis: 50%; }
.grid-7-mobile 									{ flex-basis: 58.33333%; }
.grid-8-mobile 									{ flex-basis: 66.66667%; }
.grid-9-mobile 									{ flex-basis: 75%; }
.grid-10-mobile 								{ flex-basis: 83.33333%; }
.grid-11-mobile 								{ flex-basis: 91.66667%; }
.grid-12-mobile 								{ flex-basis: 100%; }

/******************************************************
* Columns                              		  		  *
******************************************************/
/* Mobile */
.columns 										{ margin-left: 0; padding: 0; list-style: none; display: flex; align-items: stretch; flex-direction: row; flex-wrap: wrap; flex-flow: row wrap; align-content: flex-end; }
.columns+* 										{ margin-top: 1rem; }
.column 										{ margin: 0; padding: 20px 0; border-top: 1px solid #e5e5e5; width: 100%; }
.column:first-child 							{ border-top-color: transparent; }
.bottom-border 									{ border-bottom: 1px solid #e5e5e5; }
.borderless li 									{ border-color: transparent; }

/******************************************************
* Typography                           		  		  *
******************************************************/
/*** 1. General ***/
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 		{ font-weight: inherit; line-height: normal; font-family: 'Montserrat', sans-serif; color: #6639B7; }

.h1,h1 											{ font-size: 42px; font-weight: 700; } /* Page Titles / Feature Title */
.h2,h2 											{ font-size: 36px; font-weight: 700; margin-bottom: 16px; line-height: 36px; } /* Sub Headings */
.h3,h3 											{ font-size: 24px; font-weight: 600; color: #201C3E; text-transform:capitalize; }
.h4,h4 											{ font-size: 22px; font-weight: 700; margin-bottom: 16px; text-transform:  capitalize;} 
.h5,h5 											{ font-size: 20px; } /* Box Titles */
.h6,h6 											{ font-size: 20px; } /* FOOTER HEADINGS ONLY */

small 											{ font-size: .75em; }

sub,sup 										{ height: 0; line-height: 0; vertical-align: baseline; position: relative; font-size: 80%; }
sup 											{ top: -5px; }
sub 											{ bottom: -5px; }

pre 											{ padding: 0; display: table; table-layout: fixed; width: 100%; }
pre code 										{ padding: 20px; overflow: auto; width: 100%; }
code 											{ margin: 0; padding: 0 3px; font-family: Consolas,Courier,monospace; font-size: 12px; text-align: left; color: #f1f1f1; display: inline-block; vertical-align: middle; background-color: #111; border: 1px solid #111; border-radius: 3px; overflow: hidden; white-space: pre; }

abbr[data-original-title],abbr[title] 			{ border-bottom: 1px dotted #999; cursor: help; }

address 										{ margin: 26px 0; padding: 0; display: block; font-style: normal; line-height: 20px; }

hr 												{ padding: 0; border: 0; border-top: 1px solid #d6d6d6; height: 1px; width: 100%; display: block; }

/* Text Truncate */
.txt.truncate 									{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.txt.noWrap 									{ white-space: nowrap; }

/* Font Weight */
.txt.300 										{ font-weight: 300; }
.txt.500 										{ font-weight: 500; }

/* Text Positioning */
.txt.left 										{ text-align: left; }
.txt.right 										{ text-align: right; }
.txt.center 									{ text-align: center; }
.txt.justify 									{ text-align: justify; }

/*** 2. Blockquotes ***/
figure 											{ padding: 10px 0 10px 20px; border-left: 2px solid #26343e; position: relative; top: 0; left: 0; }

blockquote 										{ margin: 0; padding: 0; }
blockquote p 									{ font-style: italic; }
blockquote a 									{ display: inline-block; }

figcaption 										{ padding: 0; font-size: 14px; }
figcaption:before 								{ content: '\2014'; display: block; }
figcaption>span 								{ margin: 0; padding: 0 5px; display: inline-block; background-color: #26343e; color: #fff; border-radius: 3px; }

/*** 3. Links ***/
a 												{ color: inherit; text-decoration: underline; outline: 0; transition: color .33s cubic-bezier(.33,0,.2,1) 0s,fill .33s cubic-bezier(.33,0,.2,1) 0s,background .33s cubic-bezier(.33,0,.2,1) 0s; -moz-transition: color .33s cubic-bezier(.33,0,.2,1) 0s,fill .33s cubic-bezier(.33,0,.2,1) 0s,background .33s cubic-bezier(.33,0,.2,1) 0s; -webkit-transition: color .33s cubic-bezier(.33,0,.2,1) 0s,fill .33s cubic-bezier(.33,0,.2,1) 0s,background .33s cubic-bezier(.33,0,.2,1) 0s; -o-transition: color .33s cubic-bezier(.33,0,.2,1) 0s,fill .33s cubic-bezier(.33,0,.2,1) 0s,background .33s cubic-bezier(.33,0,.2,1) 0s; }
a:focus 										{ outline: 0 !important; -moz-outline-style: none !important; }
.overall 										{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; cursor: pointer; }

/*** 4. Text Colours ***/
.txt.gold										{ color: #9A6D38; }
.txt.orange										{ color: #EA5E28; }
.txt.green										{ color: #9FC490; }
.txt.blue										{ color: #82A3A0; }
.txt.white										{ color: #FFF !important; }

a.link--more 									{ font-family: 'Montserrat'; font-weight: 600; font-size: 16px; text-decoration: none; color: #6639B7; }
a.link--more::after 							{ content: '\f061'; margin-left: 16px; display: inline-block; vertical-align: middle; font-size: 16px; font-family: 'Font Awesome 6 Pro'; }
a.link--more:hover 								{ color: #3AD6C5; }

/******************************************************
* Lists                                		  		  *
******************************************************/
dl,ol,ul 										{ margin-left: 20px; display: block; }
ol ol,ol ul,ul ol,ul ul 						{ margin-top: 1em; }
ol 												{ padding-left: 10px; }
li 												{ padding: 0; }

/* Unordered List */
ul.circle ul.square,ul.square,ul.square ul 		{ list-style: square; }
ul.circle,ul.circle ul,ul.square ul.circle 		{ list-style: circle; }
ul.disc,ul.disc ul 								{ list-style: disc; }
ul.circle li,ul.disc li,ul.square li 			{ margin: 0 0 5px 0; padding: 0; line-height: 18px; background: 0 0; }

/* Definition List */
dl 												{ margin-left: 0; padding: 0; }
dt 												{ font-weight: 700; }
dd 												{ margin-top: 6px; }
.dl-inline dt 									{ margin-top: inherit; padding: 0 10px 16px 0; float: left; width: 30%; clear: left; }
.dl-inline dd 									{ margin-top: inherit; margin-left: 30%; padding-bottom: 16px; }
.dl-inline dd:last-child 						{ padding: 0; }

/******************************************************
* Media                               		  		  *
******************************************************/
img 											{ border: 0; vertical-align: middle; border: none; -ms-interpolation-mode: bicubic; }
.img.left,.img.right 							{ margin-bottom: 16px; max-width: 100%; display: block; }
.img.max 										{ width: 100%; height: auto; }

.media 											{ padding-bottom: 53%; padding-top: 25px; height: 0; position: relative; overflow: hidden; }
.media embed,.media iframe,.media object 		{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

/******************************************************
* Tables                               		  		  *
******************************************************/
.tableCloth 									{ overflow: scroll; overflow-y: hidden; width: 100%; -webkit-overflow-scrolling: touch; }

table 											{ width: 100%; overflow: visible; text-align: left; display: table; border: none; border-collapse: collapse; border-spacing: 0; }
caption,table,tbody,td,th,thead,tr 				{ text-align: left; }
caption,thead 									{ font-weight: 700; text-align: left; }
tr 												{ padding: 3px; padding: 0; transition: background .33s cubic-bezier(.33,0,.2,1) 0s; }
tr+tr 											{ border-top: 1px solid #eee; }
td,th 											{ padding: 5px 10px; min-width: 40px; border: none; vertical-align: top; position: relative; top: 0; left: 0; }
td:empty 										{ display: none; visibility: hidden; }

.table.rowHover thead tr:hover,
.table.stripes thead tr:nth-child(odd) 		{ background-color: transparent; }
.table.rowHover tr:hover,
.table.stripes tr:nth-child(odd) 				{ background-color: #f0f2f4; }

.table.mobile table,.table.mobile td,
.table.mobile tr 								{ display: block; border: none; }
.table.mobile thead 							{ padding: 5px 10px; background-color: #fff; border: none; font-weight: 700; display: none; }
.table.mobile tr 								{ border-radius: 3px; }
.table.mobile tr:nth-child(odd) 				{ background-color: #f0f2f4; }
.table.mobile tr:nth-child(odd) td 			{ border-color: #fff; }
.table.mobile td 								{ margin: 0; display: block; }
.table.mobile td+td 							{ border-top: 1px solid #eee; }
.table.mobile td[data-title]:before 			{ padding: 0 10px 0 0; content: attr(data-title) ":  "; color: #26343e; display: inline-block; width: 30%; font-weight: 700; overflow: hidden; }
.table.mobile td .cell-content 				{ display: inline-block; width: 70%; vertical-align: top; overflow: hidden; }

/******************************************************
* Forms                                		  		  *
******************************************************/
/*** 1. Form Typography ***/
.btn, .checkbox>span label, .radio>span label, 
.select optgroup option, .select select, form, 
form .message, input, label, select, textarea	{ font-family: sans-serif; font-weight: 400; color: #242423; }
.label+*, .select+*, fieldset small+*, 
fieldset+*, form+*, input+*, label+*, 
textarea+*				 						{ margin-top: 1rem; }
input, select, textarea							{ border-color: #c0c2c3; }

/*** 2. Forms with labels ***/
form 											{ padding: 0; display: inline-block; width: 100%; font-size: 1em; line-height: 1; color: #242423; }
/* Validation */
form .error input:checked+label, 
form .error>label 								{ color: #e74c3c !important; }
form .error input:checked+label:before 			{ background-color: #e74c3c; border-color: #e74c3c; }
form .error input, form .error select, 
form .error textarea 							{ border-color: #e74c3c; }
form fieldset .message 							{ margin: 0; border-radius: 0 0 3px 3px; top: -2px; }
form fieldset .validation-error					{ margin: 0; border-radius: 0 0 3px 3px; top: -2px; position: relative; padding: .56em .8em; color: #fff; background-color: #e74c3c; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

/* Fieldset */
fieldset 										{ padding: 0; text-align: left; display: block; position: relative; top: 0; left: 0; }
fieldset small 									{ display: block; line-height: 14px; }

/* Labels */
.label, label 									{ width: 100%; display: block; line-height: 1; color: #242423; font-weight: 500; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.label+.select, .label+input, .label+textarea, 
label+.select, label+input, label+textarea 		{ margin-top: 6px; }
.label+p, label+p 								{ margin: 0 0 6px; }

/* Inputs */
input, select, textarea 						{ padding: .4em .8em; display: block; border-radius: 0; width: 100%; font-size: 14px; min-height: 30px; color: #242423; border-width: 1px; border-radius: 3px; border-style: solid; overflow: hidden; position: relative; top: 0; left: 0; outline: 0 none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; -webkit-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; -o-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; }
textarea 										{ resize: none; min-height: 100px; overflow-y: auto; }
input[type=search] 								{ -webkit-padding-start: 0; }

/*** 3. Select ***/
.select 										{ margin-top: 6px; padding: 0; position: relative; display: block; width: 100%; right: 0; top: 0; background: #fff; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.select:after 									{ margin: 0; padding: 0; content: '\f107'; font-family:  'Font Awesome 6 Sharp';  font-weight:  400;  background-color: #fff; background-repeat: no-repeat; background-size: 10px; background-position: center; color: #999; line-height: 28px; text-align: center; right: 0; top: 0; width: 28px; height: 28px; border-radius: 3px; position: absolute; top: 1px; right: 1px; pointer-events: none; }
.select select 									{ margin: 0; background-color: #fff; width: 100%; font-size: 14px; color: #555; border: solid 1px #c0c2c3; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-padding-before: 0; -webkit-padding-start: 10px; cursor: pointer; }
.select option 									{ padding: 0 10px; border-bottom: 1px solid #f3f3f3; font-size: 14px; }
.select optgroup 								{ padding: 0; color: #1a2730; background-color: #fff; }
.select optgroup[label] 						{ padding-top: 10px; background-color: #fff; font-weight: 400; font-style: normal; }
.select optgroup:first-child 					{ margin: 10px 0 0 0; border-top: 1px solid #f2f2f2; }

/*** 4. Radio & Checkbox ***/
.checkbox, .radio 								{ margin-top: 6px; width: 100%; display: block; overflow: hidden; }
.checkbox input[type=checkbox], 
.radio input[type=radio]						{ display:  none; }
.checkbox>span, .radio>span 					{ padding: 0; position: relative; top: 0; left: 0; width: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.checkbox>span:first-child label,
.radio>span: first-child label 					{ margin: 0; }
.checkbox>span label, .radio>span label 		{ margin: 6px 0 0; padding: 0 0 0 30px; width: 100%; font-size: 14px; line-height: 22px; text-align: left; cursor: pointer; float: none; display: block; position: relative; left: 0; top: 0; }

/* Inline */
.checkbox.inline>span, 
.radio.inline>span 								{ margin: 0; display: inline-block; }
.checkbox.inline>span:not(:last-child), 
.radio.inline>span:not(:last-child) 			{ margin-right: 16px; }
.checkbox.inline>span label, 
.radio.inline>span label 						{ margin: 0; }

/* Radio */
.radio input+label:before 						{ margin: 0; content: ''; position: absolute; left: 0; top: 0; background-color: transparent; border-width: 1px; border-style: solid; cursor: pointer; display: block; height: 20px; width: 20px; text-align: center; font-size: 13px; line-height: 22px; color: #ccc; border-radius: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; }
.radio input:checked+label:before, 
.radio input[type=radio]:checked 				{ border: 6px solid #3498db; transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; }

/* Checkbox */
.checkbox input + label:before 					{ margin: 0; content: ''; background-repeat: no-repeat; background-size: 1px; background-position: center; position: absolute; left: 0; top: 0; background-color: #fff; border-width: 1px; border-radius: 3px; border-style: solid; cursor: pointer; display: block; height: 20px; width: 20px; text-align: center; font-size: 13px; line-height: 20px !important; color: #c0c2c3; transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; }
.checkbox input:checked + label:before 			{ background-color: #82A3A0; content: '\f00c'; font: var(--fa-font-solid);  font-weight: 900; background-size: 10px; border-color: #82A3A0; color: #fff; transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; }

/* Switch */
.switch>span 									{ display: inline-block; width: auto; }
.switch>span label 								{ padding: 0 0 0 46px; }
.switch input+label:before 						{ content: ''; background: 0 0; background-color: #c0c2c3; display: block; width: 36px; height: 20px; border: none; border-radius: 5px; position: absolute; top: 0; left: 0; z-index: 5; }
.switch input+label:after 						{ content: ''; background-color: #fff; display: block; width: 16px; height: 16px; border: none; border-radius: 3px; position: absolute; top: 2px; left: 2px; z-index: 6; transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; -webkit-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; -o-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; }
.switch input:checked+label:before 				{ background-color: #3498db; }
.switch input:checked+label:after 				{ left: 18px; }

.switch.right 									{ width: auto; }
.switch.right>span label 						{ width: auto; padding: 0 46px 0 0; }
.switch.right>span label:before 				{ left: auto; right: 0; }
.switch.right>span label:after 					{ left: auto; right: 18px; }
.switch.right input:checked+label:after 		{ left: auto; right: 2px; }

/* Toggle */
.toggle 										{ padding: 2px; border: 1px solid #c0c2c3; width: 100%; display: block; border-radius: 3px; }
.toggle>span 									{ margin: 0; padding: 0; min-width: 100px; }
.toggle>span label 								{ margin: 0; padding: 2px 20px 0; text-align: center; }
.toggle>span span 								{ position: relative; z-index: 9; }
.toggle input:checked+label 					{ color: #fff; }
.toggle input:checked+label:before 				{ border: none; }
.toggle input+label:before 						{ background-color: transparent; border: none; width: 100%; height: 24px; border-radius: 3px; position: absolute; z-index: 2; transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; -webkit-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; -o-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; }
.toggle input:checked+label:before 				{ background-color: #3498db; content: ''; transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; -webkit-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; -o-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s; }

.toggle .positive input:checked+label:before 	{ background-color: #29b765; }
.toggle .warning input:checked+label 			{ color: #333; }
.toggle .warning input:checked+label:before 	{ background-color: #ffc82c; }
.toggle .negative input:checked+label:before 	{ background-color: #e74c3c; }

/*** 5. Inline Form ***/
.inline-parent 									{ display: flex; }
.inline-parent .select, .inline-parent input, 
.inline-parent select, .inline-parent textarea 	{ width: 100%; }
.inline-parent .inline-child 					{ margin: 0 20px 20px 0; display: flex; flex: 1; flex-direction: column; vertical-align: bottom; align-self: flex-end; }
.inline-parent .inline-child .message 			{ width: 100%; }
.inline-parent .inline-child:last-child 		{ margin-right: 0; }
.inline-parent .inline-child--grid-1 			{ flex: 0 0 calc(10% - 10px); }
.inline-parent .inline-child--grid-2 			{ flex: 0 0 calc(20% - 10px); }
.inline-parent .inline-child--grid-3 			{ flex: 0 0 calc(30% - 10px); }
.inline-parent .inline-child--grid-4 			{ flex: 0 0 calc(40% - 10px); }
.inline-parent .inline-child--grid-5			{ flex: 0 0 calc(50% - 10px); }
.inline-parent .inline-child--grid-6 			{ flex: 0 0 calc(60% - 10px); }
.inline-parent .inline-child--grid-7 			{ flex: 0 0 calc(70% - 10px); }
.inline-parent .inline-child--grid-8 			{ flex: 0 0 calc(80% - 10px); }
.inline-parent .inline-child--grid-9 			{ flex: 0 0 calc(90% - 10px); }

.flex-grow										{ flex-grow: 1; }

/* Inline Elements */
.has-inline-elements 							{ margin-top: 6px; position: relative; display: block; border-collapse: separate; width: 100%; align-items: flex-end; }
.has-inline-elements .select, 
.has-inline-elements input, 
.has-inline-elements select, 
.has-inline-elements textarea 					{ margin-top: 0; }
.has-inline-elements .btn--container 			{ margin: 6px 0 0; padding: 0; display: block; white-space: nowrap; vertical-align: bottom; align-self: flex-end; }
.has-inline-elements .btn--container .btn 		{ margin-top: 0; }

/*** 6. Disabled ***/
:disabled 										{ cursor: not-allowed; }
:disabled::-webkit-input-placeholder 			{ color: #c0c2c3; opacity: 1; }
:disabled:-moz-placeholder 						{ color: #c0c2c3; opacity: 1; }
:disabled::-moz-placeholder 					{ color: #c0c2c3; opacity: 1; }
:disabled:-ms-input-placeholder 				{ color: #c0c2c3; opacity: 1; }

fieldset:disabled 								{ opacity: .5; }
fieldset:disabled input[type=radio] 			{ background-color: transparent; }

/*** 7. Placeholder ***/
::-webkit-input-placeholder 					{ color: #BDBDBC; }
:-moz-placeholder 								{ color: #BDBDBC; }
::-moz-placeholder 								{ color: #BDBDBC; }
:-ms-input-placeholder					 		{ color: #BDBDBC; }

input:focus, select:focus, textarea:focus 		{ color: #242423; border-color: #242423; outline: 0; box-shadow: none; outline-color: transparent; outline-style: none; }
:focus::-webkit-input-placeholder 				{ color: #242423; outline: 0; }
:focus:-moz-placeholder 						{ color: #242423; outline: 0; }
:focus::-moz-placeholder 						{ color: #242423; outline: 0; }
:focus:-ms-input-placeholder 					{ color: #242423; outline: 0; }

/*** 8. Inline Forms ***/
.labels.inline label 							{ padding: 11px 16px 0 0; float: left; width: 30%; text-align: right; }
.labels.inline .message, 
.labels.inline .select, 
.labels.inline .toggled, 
.labels.inline input, 
.labels.inline textarea 						{ width: 70%; float: right; }
.labels.inline button:first-of-type 			{ margin-left: 30%; }
.labels.inline .checkbox, 
.labels.inline .radio 							{ margin-left: 30%; width: 70%; }
.labels.inline .checkbox input, 
.labels.inline .radio input 					{ width: auto; }
.labels.inline .toggled label 					{ width: 50px; }

/*** 9. Form Without Labels ***/
.labels.hidden label 							{ display:  none; }

/******************************************************
* Cardbox	                            		  		  *
******************************************************/
.cardbox										{ background: #FFF; border-radius: 5px; border-top: 2px solid #8A8A89; }

/******************************************************
* Tabs	                            		  		  *
******************************************************/
.tabset input+*, .tabset label+*				{ margin-top: 0rem !important; }
.tabset > input[type="radio"] 					{ position: absolute; left: -200vw; }

.tabset .tab-panel 								{ display: none; padding: 20px; border-top: 1px solid #ccc; }

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

.tabset > label 								{ position: relative; display: inline-block; padding: 15px; border: none; cursor: pointer; font-weight: 600; width: auto !important; color: #242423; bottom: -1px; }
.tabset > label:hover, 
.tabset > input:focus + label:hover, 
.tabset > input:checked + label:hover 			{ border-bottom: 3px solid #575756; }
.tabset > input:focus + label,
.tabset > input:checked + label 				{ border-bottom: 3px solid #EA5E28; }

/******************************************************
* Accordion                            		  		  *
******************************************************/
.accordion {
	border: 1px solid #BDBDBC;	
	border-bottom: none;
	border-radius: 5px;
}
.accordion label+* {
	margin-top: 0 !important;	
}
.accordion-tab input {
	position: absolute;
	opacity: 0;
	z-index: -1;	
}
.accordion-label {
	display: block;
	color: #242423;
	cursor: pointer;
	margin-top: 0 !important;
	border-bottom: 1px solid #BDBDBC;
	height: 50px;
	line-height: 50px;
	padding: 0px 20px;
}
.accordion-label:after {
	content: "\f078";
	font-family: 'Font Awesome 6 Pro';
	height: 50px;
	line-height: 50px;
	text-align: center;
	transition: all 0.35s;	
	position: absolute;
	right: 20px;
}
.accordion-tab input:checked + .accordion-label:after {
  transform: rotate(180deg);
}
.accordion-tab input:checked + .accordion-label{
  color: #EA5E28;
}
.accordion-content {
	display: none;
	overflow: hidden;
	transition: all 0.35s;
	border-bottom: 1px solid #BDBDBC;
	padding: 20px;
}
.accordion-tab input:checked ~ .accordion-content {
	display: block;
}

/******************************************************
* Buttons                              		  		  *
******************************************************/
/*** 1. Button Reset ***/
button,input.btn 								{ padding: 0; background: 0 0; border: 0; color: inherit; font: inherit; overflow: visible; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
button::-moz-focus-inner,
input::-moz-focus-inner 						{ border: 0; padding: 0; }

/*** 2. Button Class Setup ***/
.btn,input.btn 									{ padding: 0 20px; font-family: 'Montserrat'; font-weight: 600; background: #3AD6C5; line-height: 1.2; border: none; color: #201C3E; fill: #fff; border-radius: 6px; height: 48px; line-height: 48px; vertical-align: middle; display: inline-block; text-align: center; text-decoration: none; width: auto; position: relative; cursor: pointer; transition: all .2s cubic-bezier(.33,0,.2,1) 0s; -moz-transition: all .2s cubic-bezier(.33,0,.2,1) 0s; -webkit-transition: all .2s cubic-bezier(.33,0,.2,1) 0s; -o-transition: all .2s cubic-bezier(.33,0,.2,1) 0s; }
.btn i,input.btn i 								{ margin-left: 16px; vertical-align:  middle;}

.btn[disabled] 									{ cursor: not-allowed; opacity: .4; }
.btn:hover,input.btn:hover 						{ background-color: #B72B00; color: #E0E1DD; transition: all .2s cubic-bezier(.33,0,.2,1) 0s; -moz-transition: all .2s cubic-bezier(.33,0,.2,1) 0s; -webkit-transition: all .2s cubic-bezier(.33,0,.2,1) 0s; -o-transition: all .2s cubic-bezier(.33,0,.2,1) 0s; }
.btn:hover[disabled] 							{ background-color: #BDBDBC; }

.btn.square, .btn--group.square					{ border-radius: 0px !important; }
.btn.icon										{ width: inherit !important; height: inherit !important; }
.btn.icon i										{ margin-right: 5px; }
.btn.round										{ border-radius: 1000px; }

/*** 3. Sizes ***/
.btn.xs 										{ min-height: 10px; font-size: .7em; }
.btn.s 											{ min-height: 20px; font-size: .9em; }
.btn.m 											{ font-size: 1em; }
.btn.l 											{ font-size: 1.25em; }
.btn.xl											{ font-size: 1.5em; }

/*** 4. Widths ***/
.btn.100 										{ width: 100% !important; }
.btn.50											{ width: 50% !important; }

/*** 5. Colours ***/

/* White */
.btn.white,.btn.white:hover[disabled]		 	{ background-color: #FFF; color: #242423; box-shadow:0px 0px 0px 1px #242423 inset;  }
.btn.white:hover 								{ background-color: #575756; box-shadow:0px 0px 0px 1px #575756 inset; color: #FFF; }

/* Positive */
.btn.positive,.btn.positive:hover[disabled] 	{ background-color: #29b765; border-color: #29b765; }
.btn.positive:hover 							{ background-color: #219358; border-color: #219358; }

/* Info */
.btn.info,.btn.info:hover[disabled] 			{ background-color: #3498db; border-color: #3498db; }
.btn.info:hover 								{ background-color: #206fa4; border-color: #206fa4; }

/* Warning */
.btn.warning,.btn.warning:hover[disabled] 		{ background-color: #ffc82c; border-color: #ffc82c; color: #444; }
.btn.warning:hover 								{ background-color: #f8b700; border-color: #f8b700; color: #444; }

/* Negative */
.btn.negative,.btn.negative:hover[disabled] 	{ background-color: #e74c3c; border-color: #e74c3c; }
.btn.negative:hover 							{ background-color: #b93d30; border-color: #b93d30; }

/* Purple */
.btn.purple,.btn.purple:hover[disabled] 		{ background-color: #6639B7; border-color: #6639B7; }
.btn.purple:hover 								{ background-color: #673A05; border-color: #673A05; }

/* Grey */
.btn.grey,.btn.grey:hover[disabled] 			{ background-color: #E0E1DD; border-color: #E0E1DD; }
.btn.grey:hover 								{ background-color: #B72B00; border-color: #B72B00; }

/* Navy */
.btn.navy,.btn.navy:hover[disabled] 			{ background-color: #201C3E; border-color: #201C3E; color: #E0E1DD; }
.btn.navy:hover 								{ background-color: #6C915D; border-color: #6C915D; }

/* Aqua - Primary */	
.btn.aqua,.btn.aqua:hover[disabled] 			{ background-color: #3AD6C5; border-color: #3AD6C5; color: #201C3E; }
.btn.aqua:hover 								{ background-color: #6639B7; border-color: #6639B7; color: #E0E1DD; }

/* Gold */	
.btn.gold,.btn.gold:hover[disabled] 			{ background-color: #ECC200; border-color: #ECC200; color: #201C3E; }
.btn.gold:hover 								{ background-color: #4F706D; border-color: #4F706D; }

/* Orange */	
.btn.orange,.btn.orange:hover[disabled] 		{ background-color: #FF663F; border-color: #FF663F; color: #201C3E; }
.btn.orange:hover 								{ background-color: #4F706D; border-color: #4F706D; }

/* Red */	
.btn.red,.btn.red:hover[disabled] 				{ background-color: #C4262E; border-color: #C4262E; color: #201C3E; }
.btn.red:hover 									{ background-color: #4F706D; border-color: #4F706D; }

/* Ghost */
.btn.ghost.purple								{ background-color: transparent; color: #6639B7; box-shadow:0px 0px 0px 1px #6639B7 inset; }
.btn.ghost.purple:hover 							{ background-color: #3AD6C5; color: #201C3E; fill: #201C3E; box-shadow:0px 0px 0px 1px #3AD6C5 inset; }

.btn.ghost.gold 								{ background-color: transparent; color: #9A6D38; box-shadow:0px 0px 0px 1px #9A6D38 inset; }
.btn.ghost.gold:hover 							{ background-color: #9A6D38; color: #242423; fill: #242423; }

.btn.ghost.orange 								{ background-color: transparent; color: #EA5E28; box-shadow:0px 0px 0px 1px #EA5E28 inset; }
.btn.ghost.orange:hover 						{ background-color: #EA5E28; color: #242423; fill: #242423; }

.btn.ghost.green 								{ background-color: transparent; color: #9FC490; box-shadow:0px 0px 0px 1px #9FC490 inset; }
.btn.ghost.green:hover	 						{ background-color: #9FC490; color: #242423; fill: #242423; }

.btn.ghost.blue 								{ background-color: transparent; color: #82A3A0; box-shadow:0px 0px 0px 1px #82A3A0 inset; }
.btn.ghost.blue:hover	 						{ background-color: #82A3A0; color: #242423; fill: #242423; }

.btn.ghost.positive 							{ background-color: transparent; color: #29b765; box-shadow:0px 0px 0px 1px #29b765 inset; }
.btn.ghost.positive:hover 						{ background-color: #29b765; color: #242423; fill: #242423; }

.btn.ghost.info 								{ background-color: transparent; color: #3498db; box-shadow:0px 0px 0px 1px #3498db inset; }
.btn.ghost.info:hover	 						{ background-color: #3498db; color: #242423; fill: #242423; }

.btn.ghost.warning 								{ background-color: transparent; color: #ffc82c; box-shadow:0px 0px 0px 1px #ffc82c inset; }
.btn.ghost.warning:hover 						{ background-color: #ffc82c; color: #242423; fill: #242423; }

.btn.ghost.negative 							{ background-color: transparent; color: #e74c3c; box-shadow:0px 0px 0px 1px #e74c3c inset; }
.btn.ghost.negative:hover 						{ background-color: #e74c3c; color: #242423; fill: #242423; }

/* Link */
.btn.link 										{ background-color: transparent; color: #242423; fill: #242423; border: none; }
.btn.link:hover 								{ background-color: transparent; text-decoration: underline; }

/* Hover styles */
.btn.hover-positive:hover 						{ background-color: #29b765; color: #242423; fill: #242423; box-shadow:0px 0px 0px 1px #29b765 inset; }
.btn.hover-info:hover 							{ background-color: #3498db; color: #242423; fill: #242423; box-shadow:0px 0px 0px 1px #3498db inset; }
.btn.hover-warning:hover 						{ background-color: #ffc82c; color: #242423; fill: #242423; box-shadow:0px 0px 0px 1px #ffc82c inset; }
.btn.hover-negative:hover 						{ background-color: #e74c3c; color: #242423; fill: #242423; box-shadow:0px 0px 0px 1px #e74c3c inset; }

.btn.hover-black:hover 							{ background-color: #242423; color: #fff; fill: #fff; box-shadow:0px 0px 0px 1px #242423 inset; }
.btn.hover-white:hover 							{ background-color: #FFF; color: #242423; fill: #242423; box-shadow:0px 0px 0px 1px #242423 inset; }
.btn.hover-gold:hover 							{ background-color: #9A6D38; color: #242423; fill: #242423; box-shadow:0px 0px 0px 1px #9A6D38 inset; }
.btn.hover-orange:hover 						{ background-color: #EA5E28; color: #242423; fill: #242423; box-shadow:0px 0px 0px 1px #EA5E28 inset; }
.btn.hover-green:hover 							{ background-color: #9FC490; color: #242423; fill: #242423; box-shadow:0px 0px 0px 1px #9FC490 inset; }
.btn.hover-blue:hover 							{ background-color: #82A3A0; color: #242423; fill: #242423; box-shadow:0px 0px 0px 1px #82A3A0 inset; }

/*** 6. Button Groups ***/
/* White*/
.btn--group 									{ border: 1px solid #575756; border-radius: 3px; display: inline-block; overflow: hidden; }
.btn--group .btn 								{ margin: 0; float: left; border-radius: 0; border-right: 1px solid #575756; color: #242423; background-color: transparent; }
.btn--group .btn:hover 							{ background-color: #26343e; border-color: #26343e; color: #fff; }
.btn--group .btn:last-of-type 					{ border: none; }

/* Black */
.btn--group.black 								{ border: 1px solid #242423; border-radius: 3px; display: inline-block; overflow: hidden; }
.btn--group.black .btn 							{ margin: 0; float: left; border-radius: 0; border-right: 1px solid #242423; color: #FFF; background-color: #242423; }
.btn--group.black .btn:hover 					{ background-color: #FFF; border-color: #242423; color: #242423; }
.btn--group.black .btn:last-of-type				{ border: none; }

/* Orange */
.btn--group.orange 								{ border: 1px solid #EA5E28; border-radius: 3px; display: inline-block; overflow: hidden; }
.btn--group.orange .btn 						{ margin: 0; float: left; border-radius: 0; border-right: 1px solid #EA5E28; color: #242423; background-color: #EA5E28; }
.btn--group.orange .btn:hover 					{ background-color: #B72B00; border-color: #B72B00; color: #242423; }
.btn--group.orange .btn:last-of-type 			{ border: none; }

/* Gold */
.btn--group.gold 								{ border: 1px solid #9A6D38; border-radius: 3px; display: inline-block; overflow: hidden; }
.btn--group.gold .btn 							{ margin: 0; float: left; border-radius: 0; border-right: 1px solid #9A6D38; color: #242423; background-color: #9A6D38; }
.btn--group.gold .btn:hover 					{ background-color: #673A05; border-color: #673A05; color: #242423; }
.btn--group.gold .btn:last-of-type 				{ border: none; }

/* Blue */
.btn--group.blue 								{ border: 1px solid #82A3A0; border-radius: 3px; display: inline-block; overflow: hidden; }
.btn--group.blue .btn 							{ margin: 0; float: left; border-radius: 0; border-right: 1px solid #82A3A0; color: #242423; background-color: #82A3A0; }
.btn--group.blue .btn:hover 					{ background-color: #4F706D; border-color: #4F706D; color: #242423; }
.btn--group.blue .btn:last-of-type 				{ border: none; }

/* Green */
.btn--group.green 								{ border: 1px solid #9FC490; border-radius: 3px; display: inline-block; overflow: hidden; }
.btn--group.green .btn 							{ margin: 0; float: left; border-radius: 0; border-right: 1px solid #9FC490; color: #242423; background-color: #9FC490; }
.btn--group.green .btn:hover 					{ background-color: #6C915D; border-color: #6C915D; color: #242423; }
.btn--group.green .btn:last-of-type 			{ border: none; }

/* Ghost */
.btn--group.ghost 								{ border: 1px solid #575756; border-radius: 3px; display: inline-block; overflow: hidden; }
.btn--group.ghost .btn 							{ margin: 0; float: left; border-radius: 0; border-right: 1px solid #575756; color: #242423; background-color: transparent; }
.btn--group.ghost .btn:last-of-type 			{ border: none; }

/* Ghost Colours */
.btn--group.ghost.ghost-orange .btn:hover 		{ background-color: #EA5E28; border-color: #575756; color: #242423; }
.btn--group.ghost.ghost-gold .btn:hover 		{ background-color: #9A6D38; border-color: #575756; color: #242423; }
.btn--group.ghost.ghost-blue .btn:hover 		{ background-color: #82A3A0; border-color: #575756; color: #242423; }
.btn--group.ghost.ghost-green .btn:hover 		{ background-color: #9FC490; border-color: #575756; color: #242423; }


.btn--container .btn 							{ margin-top: 0; margin-right: 6px; }
.btn--container .btn:last-child 				{ margin-right: 0; }

/*** 7. Loading States ***/
.btn--arrow::after							{ content: '\f105'; font-family: 'Font Awesome 6 Pro'; font-weight: 400; height: 16px; line-height: 16px; font-size: 16px; display: inline-block; vertical-align: middle; margin-left: 16px; }

.btn--failure,.btn--loading,.btn--successful 	{ cursor: default; }
.btn--failure:empty:before,
.btn--loading:empty:before,
.btn--successful:empty:before 					{ margin: 0; }

.btn--failure:before,
.btn--loading:before,
.btn--successful:before 						{ margin-right: 6px; content: ''; width: 11px; height: 11px; font-size: 13px; color: #fff; text-align: center; display: inline-block; background-repeat:no-repeat; background-size:1px; background-position:center; }


.btn--loading:before 							{ content: '\f3f4'; font-family: 'Font Awesome 6 Sharp'; font-weight: 400; animation: spinner .8s linear .2s infinite; }
.btn--successful:before 						{ content: '\f00c'; font-family: 'Font Awesome 6 Sharp'; font-weight: 400; color: #FFF; }
.btn--failure:before 							{ content: '\f00d'; font-family: 'Font Awesome 6 Sharp'; font-weight: 400; color: #FFF; }

.btn--loading,.btn--loading:hover 				{ background-color: #26343e; border-color: #26343e; }
.btn--successful,.btn--successful:hover 		{ background-color: #29b765; border-color: #29b765; }
.btn--failure,.btn--failure:hover 				{ background-color: #e74c3c; border-color: #e74c3c; }

@-webkit-keyframes spinner { 
	0% 											{ -webkit-transform: rotate(0); }
	100% 										{ -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spinner { 
	0% 											{ -moz-transform: rotate(0); }
	100% 										{ -moz-transform: rotate(360deg); }
}
@-ms-keyframes spinner { 
	0% 											{ -ms-transform: rotate(0); }
	100% 										{ -ms-transform: rotate(360deg); }
}
@-o-keyframes spinner { 
	0% 											{ -o-transform: rotate(0); }
	100% 										{ -o-transform: rotate(360deg); }
}
@keyframes spinner { 
	0% 											{ transform: rotate(0); }
	100% 										{ transform: rotate(360deg); }
}

/******************************************************
* Badges                               		  		  *
******************************************************/
/*** 1. Badge Reset ***/
.badge											{ padding: 0; background: 0 0; border: 0; color: inherit; font: inherit; overflow: visible; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

/*** 2. Badge Class Setup ***/
.badge		 									{ padding: .56em .8em; background: #242423; line-height: 1.2; border: none; color: #fff; fill: #fff; border-radius: 3px; min-height: 30px; display: inline-block; vertical-align: middle; text-align: center; text-decoration: none; width: auto; position: relative; transition: all .2s cubic-bezier(.33,0,.2,1) 0s; -moz-transition: all .2s cubic-bezier(.33,0,.2,1) 0s; -webkit-transition: all .2s cubic-bezier(.33,0,.2,1) 0s; -o-transition: all .2s cubic-bezier(.33,0,.2,1) 0s; }
.badge.notification								{ position: absolute; top: -10px; right: -10px; display: block; min-height: 10px; min-width: 10px; line-height: 10px; font-size: 10px; }

/*** 3. Sizes ***/
.badge.xs										{ min-height: 10px; font-size: .7em; }
.badge.s 										{ min-height: 20px; font-size: .9em; }
.badge.m 										{ font-size: 1em; }
.badge.l 										{ font-size: 1.25em; }
.badge.xl										{ font-size: 1.5em; }

/*** 4. Widths ***/
.badge.100 										{ width: 100%; }
.badge.50 										{ width: 50%; }

.badge.square									{ border-radius: 0px; }
.badge.round									{ border-radius: 1000px; }

/*** 5. Colours ***/
/* Default */
.badge.dark									 	{ background-color: #242423; }
.badge.light								 	{ background-color: #F0F0EF; color: #242423; }
.badge.positive									{ background-color: #29b765; }
.badge.info										{ background-color: #3498db; }
.badge.warning 									{ background-color: #ffc82c; }
.badge.negative 								{ background-color: #e74c3c; }
.badge.gold										{ background-color: #9A6D38; }
.badge.orange 									{ background-color: #EA5E28; }
.badge.green 									{ background-color: #9FC490; }
.badge.blue 									{ background-color: #82A3A0; }

/* Ghost */
.badge.ghostDark 								{ background-color: transparent; color: #242423; border: 1px solid #242423; }
.badge.ghostLight 								{ background-color: transparent; color: #BDBDBC; border: 1px solid #BDBDBC; }
.badge.ghostPositive 							{ background-color: transparent; color: #29b765; border: 1px solid #29b765; }
.badge.ghostInfo 								{ background-color: transparent; color: #3498db; border: 1px solid #3498db; }
.badge.ghostWarning 							{ background-color: transparent; color: #ffc82c; border: 1px solid #ffc82c; }
.badge.ghostNegative 							{ background-color: transparent; color: #e74c3c; border: 1px solid #e74c3c; }
.badge.ghostGold 								{ background-color: transparent; color: #9A6D38; border: 1px solid #9A6D38; }
.badge.ghostOrange 								{ background-color: transparent; color: #EA5E28; border: 1px solid #EA5E28; }
.badge.ghostGreen 								{ background-color: transparent; color: #9FC490; border: 1px solid #9FC490; }
.badge.ghostBlue 								{ background-color: transparent; color: #82A3A0; border: 1px solid #82A3A0; }

/* Light */
.badge.lightDark 								{ background-color: #8A8A89; color: #242423; border: 1px solid #242423; }
.badge.lightLight 								{ background-color: #F0F0EF; color: #575756; border: 1px solid #BDBDBC; }
.badge.lightPositive 							{ background-color: #a9e2c1; color: #104928; border: 1px solid #29b765; }
.badge.lightInfo 								{ background-color: #99cbed; color: #1a4c6d; border: 1px solid #3498db; }
.badge.lightWarning 							{ background-color: #ffe9aa; color: #665011; border: 1px solid #ffc82c; }
.badge.lightNegative 							{ background-color: #f5b7b1; color: #5c1e18; border: 1px solid #e74c3c; }
.badge.lightGold 								{ background-color: #CDA06B; color: #673A05; border: 1px solid #9A6D38; }
.badge.lightOrange 								{ background-color: #FF915B; color: #B72B00; border: 1px solid #EA5E28; }
.badge.lightGreen 								{ background-color: #D2F7C3; color: #6C915D; border: 1px solid #9FC490; }
.badge.lightBlue 								{ background-color: #B5D6D3; color: #4F706D; border: 1px solid #82A3A0; }

/******************************************************
* Modals                               		  		  *
******************************************************/
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: all 0.3s;
background-color: rgba(36, 36, 35, 0.8);	
}
.modal:target {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.modal > .modal-window {
  min-width: 500px;
  width: 500px;
  max-height: calc(100vh - 80px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 5px;
  overflow: hidden;
}
.modal > .modal-window.wide {
	min-width: 50%;
	width: 50%;	
}
.modal > .modal-window.xwide {
	min-width: 75%;
	width: 75%;	
}
.modal > .modal-window.xxwide {
	min-width: 95%;
	width: 95%;	
}
.modal-contentNF {
	padding: 20px;
	max-height: calc(100vh - 150px);
	overflow-y: auto !important;	
}
.modal-content {
	padding: 20px;
	max-height: calc(100vh - 210px);
	overflow-y: auto !important;	
}
.modal-header {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #BDBDBC;
	padding: 0px 20px;
	font-weight: bold;
	font-size: 18px;	
}
.modal-footer {
	height: 60px;
	line-height: 60px;
	border-top: 1px solid #BDBDBC;
	padding: 0px 20px;	
}
.modal-close {
  float: right;
}
.modal-close i {
	height: 60px;
	line-height: 60px;	
	font-size: 18px;
}
.modal-close:hover {
  color: #e74c3c;
}

/******************************************************
* Utility                              		  		  *
******************************************************/
/*** 1. Aspect Ratio ***/
.one-one 										{ position: relative; }
.one-one:before 								{ padding-top: 100%; display: block; content: ''; width: 100%; }
.one-one>.content 								{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }

.four-three 									{ position: relative; }
.four-three:before 								{ padding-top: 75%; display: block; content: ''; width: 100%; }
.four-three>.content 							{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }

.five-four 										{ position: relative; }
.five-four:before 								{ padding-top: 80%; display: block; content: ''; width: 100%; }
.five-four>.content 							{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }

.sixteen-nine 									{ position: relative; }
.sixteen-nine:before 							{ padding-top: 56.25%; display: block; content: ''; width: 100%; }
.sixteen-nine>.content							{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }

.sixteen-ten 									{ position: relative; }
.sixteen-ten:before 							{ padding-top: 62.5%; display: block; content: ''; width: 100%; }
.sixteen-ten>.content 							{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }

/*** 2. Icons ***/
.icon 											{ height: 16px; width: 16px; display: inline-block; vertical-align: middle; position: relative; }

.icon.xl 										{ height: 36px; width: 36px; }
.icon.l 										{ height: 26px; width: 26px; }
.icon.m 										{ height: 16px; width: 16px; }
.icon.s 										{ height: 10px; width: 10px; }

.icon.onLeft 									{ margin-right: 6px; }
.icon.onRight 									{ margin-left: 6px; }

/*** 3. Message Boxes ***/
.message 										{ height: 50px; line-height: 50px; padding: 0px 20px; color: #242423; background-color: #BDBDBC; border-radius: 3px; width: 100%; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #575756; }
.message i										{ padding-right: 10px; }

.message.positive 								{ background-color: #a9e2c1; border-color: #29b765; color: #104928; }
.message.info 									{ background-color: #99cbed; border-color: #3498db; color: #1a4c6d; }
.message.warning 								{ background-color: #ffe9aa; border-color: #ffc82c; color: #665011; }
.message.negative 								{ background-color: #f5b7b1; border-color: #e74c3c; color: #5c1e18; }

.message.ghostPositive							{ background-color: transparent; border-color: #29b765; color: #29b765; }
.message.ghostInfo								{ background-color: transparent; border-color: #3498db; color: #3498db; }
.message.ghostWarning							{ background-color: transparent; border-color: #ffc82c; color: #ffc82c; }
.message.ghostNegative 							{ background-color: transparent; border-color: #e74c3c; color: #e74c3c; }

/*** 4. Utility ***/
/* Floats */
.float--left 									{ float: left; }
.float--right 									{ float: right; }
.float--clear 									{ clear: both; }

/* Borders */
.rounded 										{ border-radius: 50%; }
.radius 										{ border-radius: 3px; }
.square											{ border-radius: 0px; }

/* Resets */
.reset--padding 								{ padding: 0; }
.reset--margin 									{ margin: 0; }
.reset--indent 									{ margin-left: 0; padding-left: 0; }
.reset--bullet 									{ list-style: none; list-style-image: none; }
.reset--styling 								{ margin: 0; padding: 0; list-style: none; }

/* Display */
.inline 										{ display: inline; }
.block,.show 									{ display: block; }
.hidden,.hide 									{ display: none; }

/* Disable Chrome Blue Border */
button:focus,input:focus,
select:focus,textarea:focus 					{ outline: 0; }

/* Disable IE Input Overlays */
::-ms-clear,::ms-reveal 						{ display: none; }

/* Visibility */
.invisible 										{ display: none; visibility: hidden; }
.visible 										{ display: block; visibility: visible; }

/* Device Display */
.hide--mobile 									{ display: none; }
.show--tablet 									{ display: none; }
.show--screen 									{ display: none; }

/*** 5. Colours ***/
/* Backgrounds */
.bg--blue										{ background-color: #82A3A0; }
.bg--green										{ background-color: #9FC490; }
.bg--orange										{ background-color: #EA5E28; }
.bg--gold										{ background-color: #9A6D38; }
.bg--grey										{ background-color: #242423; }

.bg--warning									{ background-color: #ffc82c; }
.bg--info										{ background-color: #3498db; }
.bg--success									{ background-color: #29b765; }
.bg-error										{ background-color: #e74c3c; }

/******************************************************
* TABLET CLASSES                       		  		  *
******************************************************/
@media (min-width: 768px) {
/* Grid */
.row 											{ width: 768px; }

.grid,.grid-1,.grid-10,.grid-11,.grid-12,
.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,
.grid-7,.grid-8,.grid-9 						{ padding: 0 14.54545px; }

.grid 											{ flex: 1 1 0%; }
.grid-1 										{ flex-basis: 8.33333%; max-width: 8.33333%; }
.grid-2 										{ flex-basis: 16.66667%; max-width: 16.66667%; }
.grid-3 										{ flex-basis: 25%; max-width: 25%; }
.grid-4 										{ flex-basis: 33.33333%; max-width: 33.33333%; }
.grid-5 										{ flex-basis: 41.66667%; max-width: 41.66667%; }
.grid-6 										{ flex-basis: 50%; max-width: 50%; }
.grid-7 										{ flex-basis: 58.33333%; max-width: 58.33333%; }
.grid-8 										{ flex-basis: 66.66667%; max-width: 66.66667%; }
.grid-9 										{ flex-basis: 75%; max-width: 75%; }
.grid-10 										{ flex-basis: 83.33333%; max-width: 83.33333%; }
.grid-11 										{ flex-basis: 91.66667%; max-width: 91.66667%; }
.grid-12 										{ flex-basis: 100%; max-width: 100%; }

.grid--offset-1 								{ margin-left: 8.33333%; }
.grid--offset-2 								{ margin-left: 16.66667%; }
.grid--offset-3 								{ margin-left: 25%; }
.grid--offset-4 								{ margin-left: 33.33333%; }
.grid--offset-5 								{ margin-left: 41.66667%; }
.grid--offset-6 								{ margin-left: 50%; }
.grid--offset-7 								{ margin-left: 58.33333%; }
.grid--offset-8	 								{ margin-left: 66.66667%; }
.grid--offset-9 								{ margin-left: 75%; }
.grid--offset-10 								{ margin-left: 83.33333%; }
.grid--offset-11 								{ margin-left: 91.66667%; }

.row--order-reverse 							{ flex-direction: row-reverse; }
.grid--order-first 								{ order: -1; }
.grid--order-last 								{ order: 1; }

/* Columns */
.column 										{ padding: 20px 2%; border-right: 1px solid #e5e5e5; }

/* Tables */
table 											{ font-size: revert; }

.table--mobile 									{ display: table; }
.table--mobile tbody, .table--mobile thead 		{ display: table-row-group; }
.table--mobile tr 								{ display: table-row; }
.table--mobile tr:nth-child(odd) 				{ background-color: transparent; }
.table--mobile tr:nth-child(odd) td 			{ border: none; }
.table--mobile tr+tr 							{ margin-top: 0; border-top: 1px solid #eee; }
.table--mobile td, .table--mobile th 			{ padding: 5px 10px; border: none; display: table-cell; }
.table--mobile td+td, .table--mobile th+td 		{ border-top: none; }
.table--mobile td[data-title]:before,  
.table--mobile th[data-title]:before 			{ display: none; }
.table--mobile td .cell-content,  
.table--mobile th .cell-content 				{ width: auto; }

.table--rowHover thead tr:hover,  
.table--stripes thead tr:nth-child(odd) 		{ background-color: transparent; }
.table--rowHover tr:hover,  
.table--stripes tr:nth-child(odd) 				{ background-color: #f0f2f4; }

/* Visibility */
.hide--mobile 									{ display: revert; }
.hide--tablet 									{ display: none; }

.show--mobile 									{ display: none; }
.show--tablet 									{ display: revert; }

/* Forms */
.has-inline-elements 							{ display: flex; }
.has-inline-elements .select,  
.has-inline-elements input, 
.has-inline-elements select, 
.has-inline-elements textarea 					{ flex: 1; }
.has-inline-elements .btn--container 			{ margin: 0; padding: 0 0 0 10px; }
}
@media only screen and (max-width: 767px) { 
.columns-2-mobile .column 						{ padding: 20px; width: 50%; border-right: 1px solid #e5e5e5; }
.columns-2-mobile .column:nth-child(-n+2) 		{ border-top-color: transparent; }
.columns-2-mobile .column:nth-child(2n+1) 		{ padding-left: 0; }
.columns-2-mobile .column:nth-child(2n+2) 		{ padding-right: 0; border-right-color: transparent; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.grid-1-tablet 									{ flex-basis: 8.33333%; max-width: 8.33333%; }
.grid-2-tablet 									{ flex-basis: 16.66667%; max-width: 16.66667%; }
.grid-3-tablet 									{ flex-basis: 25%; max-width: 25%; }
.grid-4-tablet 									{ flex-basis: 33.33333%; max-width: 33.33333%; }
.grid-5-tablet 									{ flex-basis: 41.66667%; max-width: 41.66667%; }
.grid-6-tablet 									{ flex-basis: 50%; max-width: 50%; }
.grid-7-tablet 									{ flex-basis: 58.33333%; max-width: 58.33333%; }
.grid-8-tablet 									{ flex-basis: 66.66667%; max-width: 66.66667%; }
.grid-9-tablet 									{ flex-basis: 75%; max-width: 75%; }
.grid-10-tablet 								{ flex-basis: 83.33333%; max-width: 83.33333%; }
.grid-11-tablet 								{ flex-basis: 91.66667%; max-width: 91.66667%; }
.grid-12-tablet 								{ flex-basis: 100%; max-width: 100%; }

.grid--order-first-tablet 						{ order: revert; }
.grid--order-last-tablet 						{ order: revert; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) { 
.columns-1-tablet .column 						{ padding: 20px 0; border-right-color: transparent; }

.columns-2-tablet .column 						{ width: 50%; }
.columns-2-tablet .column:nth-child(-n+2) 		{ border-top-color: transparent; }
.columns-2-tablet .column:nth-child(2n+1) 		{ padding-left: 0; }
.columns-2-tablet .column:nth-child(2n+2) 		{ padding-right: 0; border-right-color: transparent; }

.columns-3-tablet .column 						{ width: 34.666%; }
.columns-3-tablet .column:nth-child(3n+1) 		{ padding-left: 0; }
.columns-3-tablet .column:nth-child(3n+3) 		{ padding-right: 0; border-right-color: transparent; }
.columns-3-tablet .column:nth-child(-n+3) 		{ border-top-color: transparent; }
.columns-3-tablet .column:nth-child(3n+1),
.columns-3-tablet .column:nth-child(3n+3) 		{ width: 32.666%; }

.columns-4-tablet .column 						{ width: 26%; }
.columns-4-tablet .column:nth-child(4n+1) 		{ padding-left: 0; }
.columns-4-tablet .column:nth-child(4n+4) 		{ padding-right: 0; border-right-color: transparent; }
.columns-4-tablet .column:nth-child(-n+4) 		{ border-top-color: transparent; }
.columns-4-tablet .column:nth-child(4n+1),
.columns-4-tablet .column:nth-child(4n+4) 		{ width: 24%; }

.columns-5-tablet .column 						{ width: 20.777%; }
.columns-5-tablet .column:nth-child(5n+1) 		{ padding-left: 0; }
.columns-5-tablet .column:nth-child(5n+5) 		{ padding-right: 0; border-right-color: transparent; }
.columns-5-tablet .column:nth-child(-n+5) 		{ border-top-color: transparent; }
.columns-5-tablet .column:nth-child(5n+1),
.columns-5-tablet .column:nth-child(5n+5) 		{ width: 18.777%; }

.columns-6-tablet .column 						{ width: 17.333%; }
.columns-6-tablet .column:nth-child(6n+1) 		{ padding-left: 0; }
.columns-6-tablet .column:nth-child(6n+6) 		{ padding-right: 0; border-right-color: transparent; }
.columns-6-tablet .column:nth-child(-n+6) 		{ border-top-color: transparent; }
.columns-6-tablet .column:nth-child(6n+1),
.columns-6-tablet .column:nth-child(6n+6) 		{ width: 15.333%; }
}

/******************************************************
* SMALL SCREEN                         		  		  *
******************************************************/
@media (min-width: 960px) {
/* Grid */
.row 											{ width: 960px; }
.grid,.grid-1,.grid-10,.grid-11,.grid-12,
.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,
.grid-7,.grid-8,.grid-9 						{ padding: 0 16px; };

/* General */
.img--left 										{ margin-bottom: 0; margin-right: 30px; float: left; }
.img--right 									{ margin-bottom: 0; margin-left: 30px; float: right; }

.hide--mobile 									{ display: revert; }
.hide--tablet 									{ display: revert; }
.hide--screen 									{ display: none; }

.show--mobile 									{ display: none; }
.show--tablet 									{ display: none; }
.show--screen 									{ display: revert; }
}
@media (min-width: 992px) { 
/* Grid */
.row 											{ width: 1200px; }
.grid,.grid-1,.grid-10,.grid-11,.grid-12,
.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,
.grid-7,.grid-8,.grid-9 						{ padding: 0 20px; }

/* Columns */
.columns-1-desktop .column 						{ padding: 20px 0; border-right-color: transparent; }

.columns-2-desktop .column 						{ width: 50%; }
.columns-2-desktop .column:nth-child(-n+2)	 	{ border-top-color: transparent; }
.columns-2-desktop .column:nth-child(2n+1) 		{ padding-left: 0; }
.columns-2-desktop .column:nth-child(2n+2) 		{ padding-right: 0; border-right-color: transparent; }

.columns-3-desktop .column 						{ width: 34.666%; }
.columns-3-desktop .column:nth-child(3n+1) 		{ padding-left: 0; }
.columns-3-desktop .column:nth-child(3n+3) 		{ padding-right: 0; border-right-color: transparent; }
.columns-3-desktop .column:nth-child(-n+3) 		{ border-top-color: transparent; }
.columns-3-desktop .column:nth-child(3n+1),
.columns-3-desktop .column:nth-child(3n+3) 		{ width: 32.666%; }

.columns-4-desktop .column 						{ width: 26%; }
.columns-4-desktop .column:nth-child(4n+1) 		{ padding-left: 0; }
.columns-4-desktop .column:nth-child(4n+4) 		{ padding-right: 0; border-right-color: transparent; }
.columns-4-desktop .column:nth-child(-n+4) 		{ border-top-color: transparent; }
.columns-4-desktop .column:nth-child(4n+1),
.columns-4-desktop .column:nth-child(4n+4) 		{ width: 24%; }

.columns-5-desktop .column 						{ width: 20.777%; }
.columns-5-desktop .column:nth-child(5n+1) 		{ padding-left: 0; }
.columns-5-desktop .column:nth-child(5n+5) 		{ padding-right: 0; border-right-color: transparent; }
.columns-5-desktop .column:nth-child(-n+5) 		{ border-top-color: transparent; }
.columns-5-desktop .column:nth-child(5n+1),
.columns-5-desktop .column:nth-child(5n+5) 		{ width: 18.777%; }

.columns-6-desktop .column 						{ width: 17.333%; }
.columns-6-desktop .column:nth-child(6n+1) 		{ padding-left: 0; }
.columns-6-desktop .column:nth-child(6n+6) 		{ padding-right: 0; border-right-color: transparent; }
.columns-6-desktop .column:nth-child(-n+6) 		{ border-top-color: transparent; }
.columns-6-desktop .column:nth-child(6n+1),
.columns-6-desktop .column:nth-child(6n+6) 		{ width: 15.333%; }

/* Form Elements */
.toggle 										{ display: flex; }
.toggle>span 									{ flex-grow: 1; }

/* Input widths */
.input--grid-1 									{ width: calc(10% - 10px); }
.input--grid-2 									{ width: calc(20% - 10px); }
.input--grid-3 									{ width: calc(30% - 10px); }
.input--grid-4 									{ width: calc(40% - 10px); }
.input--grid-5 									{ width: calc(50% - 10px); }
.input--grid-6 									{ width: calc(60% - 10px); }
.input--grid-7 									{ width: calc(70% - 10px); }
.input--grid-8 									{ width: calc(80% - 10px); }
.input--grid-9 									{ width: calc(90% - 10px); }
}

/******************************************************
* MOBILE CLASSES                       		  		  *
******************************************************/
/* Mobile Portrait */
@media only screen and (max-width: 767px) { 
/* Grid */
.row--order-reverse-mobile						{ flex-direction: column-reverse; }
.grid--order-first-mobile 						{ order: -1; }
.grid--order-last-mobile 						{ order: 1; }

/* Forms */
.labels--inline label 							{ padding: 0 0 6px; float: none; width: 100%; text-align: left; }

.labels--inline .message, 
.labels--inline .select, 
.labels--inline .toggled, 
.labels--inline input, 
.labels--inline textarea 						{ width: 100%; float: none; }

.labels--inline button:first-of-type 			{ margin-left: 0; }

.labels--inline .checkbox, 
.labels--inline .radio 							{ margin-left: 0; width: 100%; }

.inline-parent 									{ display: block; }
.inline-parent .inline-child, 
.inline-parent:last-child 						{ margin-right: 0; }
.inline-parent .inline-child--width-1, 
.inline-parent .inline-child--width-2, 
.inline-parent .inline-child--width-3, 
.inline-parent .inline-child--width-4, 
.inline-parent .inline-child--width-5, 
.inline-parent .inline-child--width-6, 
.inline-parent .inline-child--width-7, 
.inline-parent .inline-child--width-8, 
.inline-parent .inline-child--width-9 			{ width: 100%; }

/* Modal */
.modal > .modal-window							{ width: 95% !important; min-width: 95% !important; height: 95%; max-height: 95%; }
}