/* Copyright Active Consultancy */
/* RESET CSS */
html,body,header,footer,nav,section,article,aside,audio,video,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;}
body {line-height:1;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
:focus {outline:0;}
del {text-decoration:line-through;}
ins {text-decoration:none;}
table {border-collapse:collapse;border-spacing:0;}

/*
	@-webkit-viewport{width:device-width}
	@-moz-viewport{width:device-width}
	@-ms-viewport{width:device-width}
	@-o-viewport{width:device-width}
	@viewport{width:device-width}
*/

/* JQUERY-UI OVERRIDES */
.ui-corner-all, .ui-corner-top, .ui-corner-bottom, .ui-corner-left, .ui-corner-right, .ui-corner-tl, .ui-corner-tr, .ui-corner-bl, .ui-corner-br {border-radius:0;}
.ui-widget-content, .ui-widget-header {border:0;font-size:1em;}

/* FONTAWESOME PSEUDO ELEMENTS */
ul.list li::before {display:inline-block; -webkit-font-smoothing:antialiased; font-style:normal; font-variant:normal; text-rendering:auto;}

/* GLOBALS */
.clear {clear:both; margin:0px; padding:0px;}
.float.l {float:left;}
.float.r {float:right;}
.width.f {width:100%;}
.inline_block {display:inline-block;}
.display_none {display:none;}
/* vhide - used to include alt text for elements delivered as images - for accessibility */
div.vhide, span.vhide {border:0 !important; clip:rect(1px 1px 1px 1px); /* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px); height:1px !important; overflow:hidden; padding:0 !important; position:absolute !important; width:1px !important;}
input.button.vhide {background-color: transparent; display:block; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}
a.target {content:""; display:block;}

/* Load variables file - USE NO VARIABLES ABOVE THIS POINT */
.black {color:#000000;}
.white {color:#ffffff;}
.error_red {color:#ff0000;}
.light_grey {color:#d2d2d2;}
.accent_1 {color:#4472c4;}
.accent_2 {color:#4472c4;}
.accent_3 {color:#222830;}
.accent_4 {color:#b0b5b5;}
.grey {color:#2eb135;}
.very_light_grey {color:#f0f0f0;}
.dark_grey {color:#797979;}
.very_dark_grey {color:#333333;}
.accent_5 {color:#000000;}
.red {color:#a71930;}
.orange {color:#f6871f;}
.purple {color:#5e2a76;}
.turquoise {color:#1ea5aa;}
.pink {color:#f54190;}
.blue {color:#2dabe3;}
.yellow {color:#dedc06;}
.green {color:#2eb135;}

/* LIGHTBOX OVERRIDES */
.mfp-close {width:100px; height:100px; line-height:100px; font-size:84px;}
.mfp-close-btn-in .mfp-close {color:#4472c4;}

/* PLACEHOLDERS */
::placeholder {color:#b0b5b5;}
::-webkit-input-placeholder {color:#b0b5b5;}
::-moz-placeholder {color:#b0b5b5;}
:-ms-input-placeholder {color:#b0b5b5;}
input:-moz-placeholder {color:#b0b5b5;}
.error::placeholder {color:#a71930;}
.error::-webkit-input-placeholder {color:#a71930;}
.error::-moz-placeholder {color:#a71930;}
.error:-ms-input-placeholder {color:#a71930;}
input.error:-moz-placeholder {color:#a71930;}

/* OVERRIDES */
.or_alignl {text-align:left !important;}
.or_alignc {text-align:center !important;}
.or_alignr {text-align:right !important;}
/* Error overrides */
.or_valid::placeholder {color:#b0b5b5 !important;}
.or_valid::-webkit-input-placeholder {color:#b0b5b5 !important;}
.or_valid::-moz-placeholder {color:#b0b5b5 !important;}
.or_valid:-ms-input-placeholder {color:#b0b5b5 !important;}
input.or_valid:-moz-placeholder {color:#b0b5b5 !important;}
input[type="text"].or_valid, input[type="email"].or_valid, input[type="password"].or_valid input[type="date"].or_valid, input[type="phone"].or_valid, input[type="phoneUK"].or_valid, select.or_valid, textarea.or_valid, input[type="checkbox"].or_valid + label span, input[type="radio"].or_valid + label span {
	border:1px solid #000000 !important;}

/* TYPE */
body, html {height:100%;}
body, table, tr, td, form, select, input, textarea, div, p, ol, ul, li, h1, h2, h3, h4, h5, h6, a:link, a:visited, a:hover, a, button, .ui-widget {font-family:'GT-Walsheim', sans-serif; font-style:normal; font-weight:300; line-height:1.2;}
/* Set line-height for fa icons to match default */
i.fa, i.fab, i.fal, i.far, i.fas {line-height:1.2;}
h1, h2 {font-family:'GT-Walsheim', sans-serif; font-weight:400;}
strong, .bold, p.bold, a.bold, span.bold, h3, h4, h5, h6 {font-weight:500;}
h1, h2, h5 {text-transform:uppercase;}
h1 {font-size:2em;}
h2 {font-size:1.75em;}
h3 {font-size:1.5em;}
h4 {font-size:1.25em;}
h5, h6, p, li, label {font-size:1.16em;}
input, select, textarea {font-size:1.16em;}
/* Fix sup and sub */
sup, sub {height:0; line-height:1; vertical-align:baseline;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
p.error, span.error {color:#a71930;}
.lower {text-transform:lowercase;}
.upper {text-transform:uppercase;}
.firstcaps {text-transform:capitalize;}
.nocaps {text-transform:none;}
.page {min-height:100%; position: relative;}
.container {padding-bottom:60px;}

/* PAGE AND CANVAS STYLING */
.animated_canvas {position:fixed; left:0; top:0; z-index:0;}
.page {background:#000000;}

/* LOGO AND CONTAINER */
.logo {z-index:1; position:relative;}
.container {text-align:center;}
.container .login_form, .page_confirm_details .container_box {display:block; z-index:1; position:relative;}

/* FORM ELEMENTS */
.container .input_field {padding:10px 0;}
.container .input_field input[type="text"], .container .input_field input[type="password"] {font-size:1.5em; padding: 10px; font-family:'GT-Walsheim', sans-serif; font-weight:400; max-width:300px; width:100%; border-radius:15px; border:4px solid #4472c4; background:rgba(255,255,255, 0.8); box-sizing:border-box; -webkit-transition:border 0.2s; -moz-transition:border 0.2s; -o-transition:border 0.2s; transition:border 0.2s;}
.container .input_field input[type="text"]:focus, .container .input_field input[type="password"]:focus {border:4px solid #4472c4;}
.container .input_field.with_icon i {font-size:1.8em; line-height:1; position:absolute; transform:translate(0,50%); padding-left:15px;}
.container .input_field.with_icon input[type="text"], .container .input_field.with_icon input[type="password"] {text-indent: 35px;}
.container .login_form input[type="submit"], .container_box input[type="submit"] {max-width:300px; width:100%; border-radius:15px; padding:10px; text-transform:uppercase; margin:10px 0; font-size:1.5em; cursor:pointer; height:57px; background-color:#4472c4; color:#ffffff; -webkit-transition:background-color 0.2s; -moz-transition:background-color 0.2s; -o-transition:background-color 0.2s; transition:background-color 0.2s; border:4px solid #4472c4;}
.container .login_form input[type="submit"]:hover, .container .login_form input[type="submit"]:focus, .container_box input[type="submit"]:hover, .container_box input[type="submit"]:focus {background-color:rgba(68,114,196, 0.8);}
input[type="checkbox"] {display:none;}
.checkbox_container {display:block; position:relative; padding-left:40px; margin:17px auto 10px auto; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; max-width:440px; width:100%; text-align:left; box-sizing:border-box;}
.checkbox_container label {cursor:pointer;}
.checkbox_container input {position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.checkmark {position:absolute; top:-2px; left:0; height:25px; width:25px; background:transparent; border:1px solid #000000; cursor:pointer; border-radius:5px;}
.checkbox_container:hover input ~ .checkmark { }
.checkbox_container input:checked ~ .checkmark { }
.checkmark:after {content:""; position:absolute; display:none;}
.checkbox_container input:checked ~ .checkmark:after {display:block;}
.checkbox_container .checkmark:after {left:10px; top:4px; width:4px; height:11px; border:solid #000000; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.form_row.center {text-align:center; width:100%;}

/* PASSWORD RESET LINK*/
.container p.forgot_link {padding:10px 0; text-transform:uppercase; font-size:1.15em;}
.container p.forgot_link a {text-decoration:none; color:#ffffff;}

/* ERROR MESSAGE STYLING */
.container p.error_msg {color:#a71930; padding:20px 0; text-transform: uppercase; font-weight:400;}

/* LANDING PAGE SPECIFIC STYLING */
.page_landing .container img {padding:30px 20px; max-width:240px; width:100%; box-sizing:border-box;}
.page_landing .login_form .incorrect {border:4px solid #a71930 !important;}
.page_landing .container_box {background-color:#ffffff; border-radius:15px; border:4px solid #4472c4; width:100%; max-width:800px; padding:20px; box-sizing:border-box; margin:0 auto 30px auto; z-index:10; position:relative;}
.page_landing .container_box p, .page_landing .container_box h1 {margin:20px 0; text-align:center;}
.page_landing .container_box a {color:#4472c4;}
.page_landing div.input_field.google_recaptcha div > div {margin:0 auto;}

/* LOGIN REDIECT PAGE */
.page_login_redirect .container img {padding:30px 20px; max-width:240px; width:100%; box-sizing:border-box;}
.page_login_redirect .container_box {background-color:#ffffff; border-radius:15px; border:4px solid #4472c4; width:100%; max-width:800px; padding:20px; box-sizing:border-box; margin:0 auto 30px auto; position:relative; z-index:1;}
.page_login_redirect .container_box .form_row {margin:10px 0;}
.page_login_redirect .container_box p {margin:20px 0; text-align:center;}
.page_login_redirect .container_box i {font-size:5em;}
.page_login_redirect .container_box a {color:#4472c4;}

/* CONFIRM DETAILS PAGE SPECIFIC STYLING */
.page_confirm_details .container img {padding:30px 20px; max-width:240px; width:100%; box-sizing:border-box;}
.page_confirm_details .container_box {background-color:#ffffff; border-radius:15px; border:4px solid #4472c4; width:100%; max-width:800px; padding:20px; box-sizing:border-box; margin:0 auto 30px auto;}
.page_confirm_details .container_box p {margin:20px 0; text-align:center;}
.page_confirm_details .container_box form {margin:50px 15px 0 15px;}
.page_confirm_details .container_box .checkmark {border:3px solid #4472c4; top:-4px;}
.page_confirm_details .container_box form input[type="password"], .page_confirm_details .container_box form input[type="text"] {border:3px solid #4472c4; border-radius:5px; padding:5px 8px;}
.page_confirm_details .container_box .form_row {margin:10px 0;}
.page_confirm_details .container_box .form_row input[type="text"], .page_confirm_details .container_box .form_row input[type="password"] {max-width: 230px; width:100%;}
.page_confirm_details .container_box .form_row.incorrect input[type="text"], .page_confirm_details .container_box .form_row.incorrect input[type="password"], .page_confirm_details .container_box .checkbox_container .container_checkbox.incorrect .checkmark {border:3px solid #a71930;}
.page_confirm_details .container_box .form_row label {max-width:180px; width:100%; display:inline-block; line-height:2;}
.page_confirm_details .container_box a {color:#4472c4;}
.page_confirm_details .container_box span.mandatory {color:#ff0000;}
.page_confirm_details .container_box span.italic {font-style:italic;}
.page_confirm_details .container_box input[type="submit"] {max-width:350px;}
.page_confirm_details .password_criteria_container {font-style:italic;}
.page_confirm_details .password_criteria_container ul {list-style:none; list-style-position:inside; margin:0 0 25px 10px; font-size:0.85em; padding:0;}
.page_confirm_details .password_criteria_container ul li {padding-left:1.3em;}
.page_confirm_details .password_criteria_container ul li.valid {color:#2eb135;}
.page_confirm_details .password_criteria_container ul li.valid:before {content:"\f00c"; font-family:FontAwesome; display:inline-block; margin-left:-1.3em; width:1.3em;}
.page_confirm_details .password_criteria_container ul li.invalid {color:#a71930;}
.page_confirm_details .password_criteria_container ul li.invalid:before {content:"\f00d"; font-family:FontAwesome; display:inline-block; margin-left:-1.3em; width:1.3em;}

/* ERROR PAGE */
.page_error .container img {padding:30px 20px; max-width:240px; width:100%; box-sizing:border-box;}
.page_error .container_box {background-color:#ffffff; border-radius:15px; border:4px solid #4472c4; width:100%; max-width:800px; padding:20px; box-sizing:border-box; margin:0 auto 30px auto; z-index:1; position:relative;}
.page_error .container_box p {margin:20px 0; text-align:center;}
.page_error .container_box .form_row {margin:10px 0;}
.page_error .container_box a {color:#4472c4;}

/* FOOTER */
.footer.outer {background-color:#d2d2d2; bottom:0; height:60px; position:absolute; width:100%;}
.footer .frame, .footer .inner, .footer .footer_nav {height:100%;}
.footer .footer_nav {display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:center; -moz-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; width:100%;}
.footer .footer_nav .item > a {color:#000000; display:block; padding:0 15px 0 15px; text-transform:uppercase; text-decoration:none; font-family:'GT-Walsheim', sans-serif;}
.footer .footer_nav .item a:hover {color:#ffffff;}

/* LIGHTBOXES */
.lightbox {background:#ffffff; margin:40px auto; max-width:1200px; padding:0; position:relative;}
.lightbox .frame_lb {min-height:initial; position:relative;}
.lightbox .content {padding:5%; text-align:left;}
.lightbox .content h1, .lightbox .content h2, .lightbox .content h3 {padding:10px 0 15px 0; text-transform:uppercase; font-size:1.75em; font-family:'GT-Walsheim', sans-serif;}
.lightbox .content h4 {padding:20px 0 5px 0; text-transform:uppercase; font-size:1.25em; font-family:'GT-Walsheim', sans-serif;}
.lightbox .content p {padding:0 0 10px 0; font-size:1.1em; font-weight:300;}
.lightbox .content a {color:#4472c4;}
.lightbox .content h1 {padding:15px 0 20px 0;}
.lightbox .content h2, .lightbox .content h3 {padding:10px 0 15px 0;}
.lightbox .content h4 {padding:5px 0 10px 0;}
.lightbox .content h5, .lightbox .content h6, .lightbox .content p {padding:0 0 10px 0;}
.lightbox .content h1.spacer, .lightbox .content h2.spacer, .lightbox .content h3.spacer, .lightbox .content h4.spacer, .lightbox .content h5.spacer, .lightbox .content h6.spacer, .lightbox .content p.spacer {padding:0;}
.lightbox .content ol.list > li li, .lightbox .content ul.list > li li {font-size:1em;}
.lightbox .content ol.list, .lightbox .content ol.list ol {margin-left:22px;}
.lightbox .content ol.list > li {margin:0 0 0 5px; padding:0 0 3px 5px;}
.lightbox .content ol.list > li:last-child, .lightbox .content ul.list > li:last-child {padding-bottom:10px;}
.lightbox .content ul.list, .lightbox .content ul.list ul {list-style:none;}
.lightbox .content ul.list li {padding-left:25px; padding-bottom:3px; position:relative;}
.lightbox .content ul.list li::before {font-family:"Font Awesome 5 Free"; font-size:1em; font-weight:900; left:0; position:absolute;}
.lightbox .content ul.list > li::before {content:"\f105"; /* angle-right */ }
.lightbox .content .list li > ul > li::before {content:"\f068"; /* minus */ -webkit-transform:scale(0.5,0.5); transform:scale(0.5,0.5);}
.lightbox .content ol.list li > ol, .lightbox .content ul.list li > ul {padding-top:3px;}
.lightbox .content ol.list > li li, .lightbox .content ul.list > li li {font-size:1em;}
.lightbox .content .list li > ol > li:last-child, .lightbox .content .list li > ul > li:last-child {padding-bottom:3px;}
.lightbox .content ol.list > h5 {margin-left:-22px; padding:5px 0 5px 0;}

/* SPECIFIC LIGHBOX STYLING */
.lightbox .content ol.privacy_policy p {font-size:1em; padding:5px 0 5px 0;}
.lightbox .content ol.privacy_policy li > div {margin-left:22px;}
.lightbox .content ol.privacy_policy li > div > p {padding:3px 0 3px 0;}
.lightbox .content ol.privacy_policy table.cookies_list {margin:5px 0 5px -44px;}
.lightbox .content ol.privacy_policy table.cookies_list th, .lightbox .content ol.privacy_policy table.cookies_list td {border:1px solid #000000; font-size:0.75em; padding:0.5em; background-color:#ffffff;}
.lightbox .content ol.privacy_policy table.cookies_list th {background-color:#d2d2d2;}
.lightbox .content ol.list.privacy_policy > li {padding-top:3px;}
.lightbox .content ol.list.privacy_policy > li li {padding:3px 0 3px 0;}
.lightbox .content .contact_information p {font-size:1.1em; padding:1px 0;}
.lightbox .content.password_reset .form_row {margin:10px 0;}
.lightbox .content.password_reset form input[type="text"], .lightbox .content.password_reset form input[type="email"] {border:3px solid #4472c4; border-radius:5px; padding:5px 8px; max-width: 230px; width:100%;}
.lightbox .content.password_reset .form_row.incorrect input[type="text"], .lightbox .content.password_reset .form_row.incorrect input[type="email"] {border:3px solid #a71930;}
.lightbox .content.password_reset .form_row label {max-width:160px; width:100%; display:inline-block; line-height:2;}
.lightbox .content.password_reset input[type="submit"] {max-width:350px;}
.lightbox .content.password_reset input[type="submit"], .container_box input[type="submit"] {max-width:300px; width:100%; border-radius:15px; padding:10px; text-transform:uppercase; margin:10px 0; font-size:1.5em; cursor:pointer; height:57px; background-color:#4472c4; color:#ffffff; -webkit-transition:background-color 0.2s; -moz-transition:background-color 0.2s; -o-transition:background-color 0.2s; transition:background-color 0.2s; border:4px solid #4472c4;}
.lightbox .content.password_reset input[type="submit"]:hover, over, .container_box input[type="submit"]:focus {background-color:rgba(68,114,196, 0.8);}

/* COOKIE BAR STYLING */
.cookiebar {background:rgba(0,0,0, 0.7); bottom:0; display:none; left:0; position:fixed; width:100%; z-index:9999997;}
.cookiebar > div {display:block; padding:10px 0; width:100%;}
.cookiebar .cookie_msg {padding:0 2.5%; width:95%; max-width:1200px; margin:0 auto;}
.cookiebar .cookie_bt {padding:5px 2.5% 0 2.5%; text-align:center; width:95%;}
.cookiebar .cookie_msg p {color:#ffffff; font-size:0.9em; text-align:center;}
.cookiebar .cookie_msg p a {display:inline-block;}
.cookiebar .cookie_msg p a {color:#ffffff; text-decoration:underline;}
.cookiebar .cookie_bt a {color:#ffffff; font-family:'GT-Walsheim',sans-serif; font-size:1.1em; font-weight:700; text-transform:uppercase;}


/* ######################## */
/* RESPONSIVE MEDIA QUERIES */
/* ######################## */
@media screen and (max-width:700px) {
	/* LIGHTBOX */
	.lightbox .content h1 {padding:32px 50px 20px 50px;}
	.mfp-close {width:80px; height:80px; line-height:80px; font-size:65px;}
}

@media (max-width: 430px){
	/* CONFIRM DETAILS PAGE */
	.page_confirm_details .container_box input[type="submit"] {font-size:1.1em;}
	/* PAGE */
	.container {padding-bottom:127px;}
	/* FOOTER */
	.footer.outer {height:107px; padding:10px 0;}
	.footer .footer_nav {display:inline-block; text-align:center;}
	.footer .footer_nav .item > a {width:100%; padding:4px 0;}
}

/* NEVER PUT CSS BELOW THIS AS IT REMOVES THE ABILITY TO PUT IN OVERRIDES */
/* CUSTOM CSS FILE FOR THE BLUE ROOMS SITE */
.page_landing .container img, .page_login_redirect .container img, .page_confirm_details .container img, .page_error .container img {max-width:380px;}