/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * © 2024 MyFonts Inc. */


@font-face {
  font-family: "HelveticaNowProTextRegular";
  src: url('../fonts/HelveticaNowProTextRegular/font.woff2') format('woff2'), url('../fonts/HelveticaNowProTextRegular/font.woff') format('woff');
}

@font-face {
  font-family: "HelveticaNowProTextLight";
  src: url('../fonts/HelveticaNowProTextLight/font.woff2') format('woff2'), url('../fonts/HelveticaNowProTextLight/font.woff') format('woff');
}

/* 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; border-radius:10px;}
.ui-progressbar .ui-progressbar-value {margin:0px;background:#0E2A52;}

/* GLOBAL ELEMENTS */
h1 {font-family:HelveticaNowProTextRegular,sans-serif; font-size:4rem; letter-spacing:-0.03em; line-height:4.8125rem;}
h2 {font-family:HelveticaNowProTextRegular,sans-serif; font-size:2.625rem; letter-spacing:-0.03em; line-height:3.125rem;}
h3 {font-family:HelveticaNowProTextRegular,sans-serif; font-size:1.375rem; letter-spacing:-0.03em; line-height:2.563rem;}
h4 {font-family:HelveticaNowProTextRegular,sans-serif; font-size:1.375rem; letter-spacing:-0.03em; line-height:2.563rem;}
h5 {font-family:HelveticaNowProTextRegular,sans-serif; font-size:1.375rem; letter-spacing:-0.03em; line-height:2.563rem;}
p, ul, ol {font-family:HelveticaNowProTextLight,sans-serif; font-size:1rem; line-height:1.5rem;}
a {font-family:HelveticaNowProTextLight,sans-serif; font-size:1rem; line-height:1.5rem;}
label {font-family:HelveticaNowProTextRegular,sans-serif; font-size:1rem; line-height:1.5rem;}
h3 a {font-family:HelveticaNowProTextRegular,sans-serif; font-size:1.375rem; letter-spacing:-0.03em; line-height:2.563rem;}

/* GLOBAL CLASSES */
.noscroll {overflow:hidden;}
.hidden {display:none;}
.clear {clear:both;}
.center {text-align:center;}
.text_left {text-align:left !important;}
.error {color:#C71720;text-transform:uppercase; font-family:HelveticaNowProTextRegular,sans-serif;}
.red {color:#C71720;}
.spacer {height:20px;}
.word_break {word-break:break-word;}

/* TEMPLATE CSS */
/* HEADER */
.header {position:fixed;top:0;z-index:999;background-color:#ffffff;width:100%;}
.header .logo {padding:20px 0;text-align:center;}
.header .logo a img {width:70px;height:45px;margin:0 auto;}

/* NAVIGATION */
.menumobile {position:absolute;display:none;padding:20px;}
.header .mnav {max-width:1280px;margin:0 auto;width:80%;}
.header .mnav ul li a {font-family:HelveticaNowProTextRegular,sans-serif; font-size:0.875rem;}
.header .mnav ul li.right .red {color:red;}
.horizontalline {border-bottom:1px solid #cdcdcd;width:100%;}

/* BANNER IMAGE */
.banner {margin-top:150px;margin-bottom:13px;max-width:1280px;width:80%;margin-left:auto;margin-right:auto;}
.banner img {width:100%;}

/* CONTENT */
.content {max-width:1280px;margin-left:auto;margin-right:auto;width:80%;line-height:1.4;padding:25px; box-sizing:border-box;}
.sidebar {width:15%;float:left;}
.main {width:80%;float:left;margin-bottom:50px;}
.main h2 {margin-top:28px;margin-bottom:6px;}
.main p {margin:12px 0;}
.main a {color:#0E2A52;}
.main ol li {margin:0 0 0 27px;padding:0 0 10px 5px;}
.half {width:45%;float:left;margin-bottom:50px;}
.half:nth-child(odd) {margin-right:5%;}
.half:nth-child(even) {margin-left:5%;}

/* SPLIT OVERRIDES FOR OVERVIEW PAGE */
.half:nth-child(8) {margin-left:0%;}
.half:nth-child(9) {float:right;margin-right:0%;}
.half h1 {margin:15px 0;}
.half h2 {margin-bottom:-10px;}
.half p {margin:15px 0;}
.half a {color:#0E2A52;}

/* GOOGLE RECAPTCHA STYLING */
.grecaptcha-badge {z-index:99;}

/* PRIVACY STYLING */
.privacy ul li {margin:0 0 0 27px;}
.privacy table, .privacy table td, .privacy table th {border-color:#000000;border-style:solid;border-width:2px;}
.privacy table th {padding:8px 0;}
.privacy table td {padding:8px 10px;}

/* TERMS STYLING */
.terms ol {list-style-type:none;counter-reset:item;margin:0;padding:0;}
.terms ol > li {display:table;counter-increment:item;margin-bottom:0.6em;}
.terms ol > li:before {content:counters(item, ".") ". ";display:table-cell;padding-right:0.6em;}
.terms li ol > li {margin:0;}
.terms li ol > li:before {content:counters(item, ".") " ";}

/* CONTENT */
.content h1 {text-align:center;}
.content p {margin:15px 0;}
.content .resultstbl {width:100% !important;margin:0;padding:10px 0 10px 0;float:left;clear:both;display:block;}
.content .resultstbl table {color:#333333;border:none;border-spacing:0;border-collapse:collapse;width:100%;}
.content .resultstblhdr, .content .resultstblftr {background-color:#000000;color:#ffffff;}
.content .resultstblhdr th {border-bottom:3px solid #ffffff;}
.content .resultstbl th {padding:5px 5px 5px 5px;}
.content .resultstblodd td, .content .resultstbleven td, .content .resultstblhighlight td {border-bottom: 1px solid #ffffff;}
.content .resultstbl td {vertical-align:top;padding:3px 5px 3px 5px;}
.content .alignl {text-align:left;}
.content .alignc {text-align:center;}
.content .resultstblodd {background-color:#f9f9f9;}
.content .resultstbleven {background-color:#e2e2e2;}

/* FORMS */
.content form {text-align:center;}
.content form h2 {margin-top:28px;margin-bottom:6px;}
.content form h2 span {display:block;}
.content form .half {margin-bottom:-20px;}
.content form .frmrow {margin:20px 0;}
.loadinggif img {width:30px;margin-top:10px;}
.frmrow.error {text-align:center;}
.content .frmrow input[type="text"], .content .frmrow input[type="number"], .content .frmrow input[type="password"] {border:1px solid #5a5a5a;padding:19px 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border-radius:5px; font-size:1rem;}
.content .frmrow input[type="number"] {-webkit-appearance:none; -moz-appearance:textfield;}
input.frmboxmedium {max-width:200px;width:100%;}
input.frmboxlarge {max-width:300px;width:100%;}
input.frmboxxlarge {max-width:400px;width:100%;}
textarea {max-width:400px;width:100%;height:60px;}
input.frmbt, a.frmbt {padding:15px 10px;background-color:#3f6fb4;color:#ffffff;cursor:pointer;margin:20px 0;text-align:center;text-decoration:none; transition:all 0.5s ease,background-color 1.5s ease; border:0; border-radius:10px; font-size:1rem; width:100%; max-width:325px; cursor:pointer;}
input.frmbt:hover, a.frmbt:hover {background-color:#315b96;color:#ffffff; -webkit-transform:scale(.97);
  transform:scale(.97);}
.half input.frmbt, a.frmbt {display:block;margin:20px auto;}
form .frmrow input[type="file"] {width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}
form .frmrow label[for="imgupl"] {padding:15px 10px;background-color:transparent;color:#000000;cursor:pointer;margin:20px 0;text-align:center;text-decoration:none; -webkit-transition:all .6s ease; transition:all .6s ease; border-radius:10px; font-size:1rem; width:100%; max-width:225px; margin:20px 0; display:inline-block; cursor:pointer; border:1px solid #000000;}
form .frmrow label[for="imgupl"]:hover {background-color:#000000;color:#ffffff;}
.frmrow a {color:#00bce5;}
.frmrow .uploadedproof img {border:2px solid #000000;max-width:300px;width:100%;}
.content form ul {max-width:40%;margin:0 auto;list-style-type:none;}
.content form ul li {padding:0;border:1px solid #000000;margin:3px 0;text-align:left;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;}
.content form ul li .move {padding:15px 20px;cursor:pointer;}
.content form ul li a {margin-top:0px;margin-left:auto;}
.content form ul li a i {font-size:1.5em;padding:15px 20px;cursor:pointer;}
.content form ul li a i.fa-trash-alt {font-size:1.3em;padding:13px 20px;}
.content form .errorstatement {margin-top:15px;}
.content form a {margin-top:15px;color:#0E2A52;}
.content form a i {line-height:1.3;margin:0px 2px;}
.content form .txtboxbeside i {line-height:2;margin-left:15px;}
input[type="checkbox"], input[type="radio"] {display:none;}
input[type="checkbox"] + label span, input[type="radio"] + label span {background-color:#ffffff;border:2px solid #000000;border-radius:50%;cursor:pointer;display:inline-block;height:15px;margin:-2px 10px 0 0;transition:0.4s ease;-webkit-transition:0.4s ease;vertical-align:middle;width:15px;}
input[type="checkbox"]:checked + label span, input[type="radio"]:checked + label span {background-color:#000000;}
form select {border:1px solid #5a5a5a;background-color:#ffffff;padding:19px 20px;width:100%;max-width:400px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-image:url(/images/icons/fa_chevron_down.png?upd=20240229141608);background-position:right center;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:''; border-radius:5px; font-size:1rem;}
.frmelement {display:inline-block;margin:3px 5px;}
form[name="data_collection"] .frmrow .frmelement.non-wrapping {margin:3px 32%;text-align:left;display:block;}
form[name="gdpr_details"] .frmrow .frmelement.non-wrapping {text-align:left;width:100px}
form[name="pop_uploader"] .frmrow .frmelement.non-wrapping {margin:3px 5%;text-align:left;display:block;}
.frmelement label {line-height:1.5em;}

/* TRUSTPILOT LINK */
.frmrow.trustpilot {text-align:center;}
.trustpilot iframe {position:relative;height:28px;width:100%;border-style:none;display:block;overflow:hidden;margin-bottom:10px;}
.frmrow.smalltxt {margin-top:35px;}

/* INSTALLER PRO LINK */
.installerpro_section {text-align:center;margin-top:60px;}
.installerpro {margin-bottom:15px;}
.installerpro a {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;}
.installerpro img {max-width:200px;width:100%;}

/* FOOTER */
.footer {overflow:hidden;}
.footnav {background-color:#000000;overflow:hidden;width:110%;left:-6%;position:relative;z-index:1;padding:0;}
.footnav ul {width:1280px;margin:0 auto;list-style-type:none;overflow:hidden;width:67%;padding:60px 0;}
.footnav ul li {margin:5px 0 0 0;}
.footnav ul li:first-child a {margin:0 0 35px 0;color:#ffffff; border-bottom:1px solid #5a5a5a; font-size:1.375rem; font-family:HelveticaNowProTextRegular,sans-serif; padding-bottom:20px; display:inline-block; max-width:300px; width:100%;}
.footnav ul li a {color:#d8d8d8;text-decoration:none; font-size:0.875rem; font-family:HelveticaNowProTextRegular,sans-serif;}
.footnav ul li a:hover {color:#ffffff;text-decoration:none;}
.footnav ul li:not(:first-child) {margin-top:12px;}
.footnote {width:100%;background-color:#000000; border-top:1px solid #5a5a5a;}
.footnote p {padding:20px 0;width:90%;margin:0 auto; font-size:0.75em; color:#d8d8d8;}

/* PAGE SPECIFIC CONTENT */
/* PRIVACY */
.privacy ul li {margin:0 0 0 20px;padding:0 0 3px 5px;}

/* COOKIEBAR */
.cookiebar {background:rgba(0,0,0,0.9);bottom:0;display:none;left:0;position:fixed;width:100%;z-index:9999997;border-top:1px solid #ffffff;}
.cookiebar > div {display: block;padding:10px 0;width:100%;}
.cookiebar .cookiemsg {padding:0 2.5% 0 5%;width:70%;margin:0 auto;}
.cookiebar .cookiebt {padding:10px 5% 5px 2.5%;text-align:center;width:95%;}
.cookiebar .cookiemsg p {color:#ffffff;text-align:center;}
.cookiebar .cookiemsg p a {display:inline-block;}
.cookiebar .cookiemsg p a {color:#ffffff;text-decoration:underline;}
.cookiebar .cookiebt a {color:#ffffff;}

/* SCREEN MEDIA QUERIES */
@media (max-width: 1200px) {
	form .half {width:100%;margin-right:0 !important;margin-left:0 !important;}
}
@media (max-width: 1000px) {
	.sidebar {display:none;}
	.main {width:100%;}
	.footnav {border-top-left-radius:95% 30px;border-top-right-radius:95% 30px;}
}
@media (min-width: 751px) {
	.header .mnav ul {list-style-type:none;overflow:hidden;padding:15px 0;}
	.header .mnav ul li {float:left;padding-right:20px;}
	.header .mnav ul li.right {float:right;}
	.header .mnav li a {text-decoration:none;color:#000000;}
	.header .mnav li:not(:first-child) {padding-left:20px;}
}
@media (max-width:750px) {
	.header .logo {padding:15px 0;}
	.header .mnav {display:none;}
	.header .menumobile {display:block;}
	.menumobile a i {font-size:2em;color:#000000;}
	.header .mnav {width:100%;}
	.header .mnav li {background-color:#dbdbdb;border-bottom:2px solid #c4c4c4;list-style:none;}
	.header .mnav li a {text-decoration:none;display:block;padding:12px 7%;}
	.banner {margin-top:70px;width:100%;}
	.half {width:100%;margin-right:0 !important;margin-left:0 !important;}
	.content {box-sizing:initial;}
	.content form ul {max-width:90%;}
}
@media (max-width:1000px){
	form[name="data_collection"] .frmrow .frmelement.non-wrapping {margin:3px 20%;}
}
@media (max-width:750px){
	form[name="data_collection"] .frmrow .frmelement.non-wrapping {margin:3px 10%;}
}
@media (max-width:480px){
	.content form .frmelement {display:block;margin:3px 0% 3px 0%;text-align:left;}
	form[name="data_collection"] .frmrow .frmelement.non-wrapping {margin:3px 0%;}
}
