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

/*font-family: "than", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "than", sans-serif;
font-weight: 500;
font-style: normal;

font-family: "roboto", sans-serif;
font-weight: 300;
font-style: normal;

font-family: "roboto", sans-serif;
font-weight: 500;
font-style: normal;*/

/******************************************
Transitions
******************************************/
.hidden{opacity: 0;}
.visible{opacity: 1;}
.animated1{animation-duration:0.25s;animation-fill-mode:both}
.animated2{animation-duration:0.5s;animation-fill-mode:both}
.animated3{animation-duration:0.75s;animation-fill-mode:both}
.animated4{animation-duration:1s;animation-fill-mode:both}
.animated5{animation-duration:1.25s;animation-fill-mode:both}
.animated{-webkit-animation-duration:1.3s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.animated.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown {
0%{opacity:0;-moz-transform:translateY(-20px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInDown {
0%{opacity:0;-o-transform:translateY(-20px)}
100%{opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInDown {
0%{opacity:0;transform:translateY(-20px)}
100%{opacity:1;transform:translateY(0)}
}
/****************************************** 
Reset
******************************************/
*, *:before, *:after {box-sizing: border-box;}
html {scroll-behavior: smooth;  -webkit-text-size-adjust: none; text-size-adjust: none;}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd {margin: 0;}
body {min-height: 100vh;text-rendering: optimizeSpeed;line-height: 1.5;font-family: Arial, Helvetica, sans-serif;}
body {transform: scale(0.8);transform-origin: top left;width: 125%;    /* Shrinks everything to 80% */  /* Prevents content from being too narrow */}
h1,.h1{font-size:2.1rem}
h2,.h2{font-size:2.0rem}
h3,.h3{font-size:1.9rem}
h4,.h4{font-size:1.8rem}
h5,.h5{font-size:1.7rem}
h6,.h6{font-size:1.6rem}
a {text-decoration-skip-ink: auto;}
a:active,a:hover{outline:0}
img,picture {max-width: 100%;display: block;border:0}
input,button,textarea,select {font: inherit;line-height:normal}
textarea{overflow:auto}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
td{vertical-align:top}
pre{max-width: 50%;overflow: hidden}
label {padding: 6px 6px 6px 0;display: inline-block;}
input[type="text"], input[type="password"], input[type="email"], select, textarea {width: 100%;padding: 8px; border: 1px solid #000;resize: vertical;background-color: #fff;}
input[type="button"], input[type="submit"], input[type="reset"] {background-color: #333;border: none;color: white;padding: 10px 32px;text-decoration: none;margin: 4px 2px;cursor: pointer;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {background-color: #666;}
input[type="file"]::file-selector-button {border: 2px solid #000;color: #000;padding: 8px;background-color: #ffffff;}
input[type="file"]::file-selector-button:hover {background-color: #000;}
input[type="file"]::-webkit-file-upload-button {border: 2px solid #000;color: #666;padding: 8px;background-color: #ffffff;}
input[type="file"]::-webkit-file-upload-button:hover {background-color: #ccc;}
input[type="checkbox"] {position: relative;cursor: pointer;}
input[type="checkbox"]:before {content: "";display: block;position: absolute;width: 16px;height: 16px;top: 0;left: 0;border: 1px solid #000;background-color: white;}
input[type="checkbox"]:checked:after {content: "";display: block;width: 5px; height: 10px;border: solid black;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 2px;left: 6px;}
.r-section {;padding-left: 50px;}
.r-section input[type="radio"]{display: none;}
.r-container {margin-bottom: 10px;}
.r-container label {position: relative;}
.r-container span::before,
.r-container span::after {content: '';position: absolute;top: 0;bottom: 0;margin: auto;}
.r-container span.radio:hover {cursor: pointer;}
.r-container span.radio::before {left: -52px;width: 45px;height: 25px;background-color: #ccc;border-radius: 50px;}
.r-container span.radio::after {left: -49px;width: 17px;height: 17px;border-radius: 10px;background-color: #fff;transition: left .25s, background-color .25s;}
input[type="radio"]:checked + label span.radio::after {left: -27px;background-color: #EBFF43;}
/****************************************** 
Responsive framework
******************************************/
.container{width:100%;padding:0;margin:0 auto;}
.container .column{float:left;display:inline;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.row{width:90%;max-width:1200px;margin:0 auto;}
.row::after {content: "";display: block; clear: both;}
/* grid*/
.threeQuarters{width:75%}
.fullWidth{width:100%}
.oneHalf{width:50%;}
.oneThird{width:33.33%}
.twoThirds{width:66.66%}
.oneQuarter{width:25%}
.columns img, .row img{max-width:100%;height:auto}
/* Utility classes*/
.defaultList{margin:0 0 30px 0;padding:0;width:90%}
.defaultList li{list-style-position:outside;margin:0 0 0 1em;padding:0 0 10px 0.8vw}
.centerMe{text-align:center;margin:auto;}
hr {border: 0;border-bottom: 1px solid #000;background: #fff;}
.hr-medium{margin:0 auto 0 auto; width: 60%;max-width: 700px}
.spacer{height: 50px}
.floatRight{float:right!important}
.floatLeft{float:left!important}
.clearAll{clear:both}
.largeText{font-size:120%}
.smallText{font-size:70%;}
.quoteText{font-style: italic;font-weight: 500!important}
a[href^="mailto:"] {color:#213342 ;}
.outer-box-shadow{-webkit-box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12);-moz-box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12);box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12);}
.inner-box-shadow{-webkit-box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12) inset;-moz-box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12) inset;box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12) inset;}
.boldText, b{font-weight:500}
.greenText{color: #004A3B}
.purpleText{color: #3E2E73}
.opacity{opacity: 0.5;}
.displayNone{display:none}
.iFrame{border:0}
.asTable{display:table}
.asCell{display:table-cell;vertical-align:middle;}
.breadCrumbs{margin: 0 0 20px 0;font-weight:400;font-size:80%}
.voidLink a{cursor:default}
.paddingTop{padding-top:20px}
.paddingBottom{padding-bottom:40px}
.marginTop{margin-top:30px}
.marginBottom{margin-bottom:60px}

.btnA{display: inline-block;font-size:22px;text-align:center;font-weight:300;background-color:#00ABE6;color:#fff;padding:20px 60px;margin: 10px 0;white-space: nowrap}
.btnA:hover{background-color:#4A6373; -o-transition:background 0.2s ease-in;-ms-transition:background 0.2s ease-in;-moz-transition:background 0.2s ease-in;-webkit-transition:background 0.2s ease-in;transition:background 0.2s ease-in;}

.btnB{border: 2px solid #fff;display: inline-block;font-size:22px;text-align:center;font-weight:300;background-color:#00ABE6;color:#fff;padding:20px 60px;margin: 10px 0;white-space: nowrap;width: 100%}
.btnB:hover{color:#000; border: 2px solid #00ABE6; background-color:#fff; -o-transition:background 0.2s ease-in;-ms-transition:background 0.2s ease-in;-moz-transition:background 0.2s ease-in;-webkit-transition:background 0.2s ease-in;transition:background 0.2s ease-in;}

/* SVG icons*/
.chevron-compact-down svg{display:inline-block;width: 100%;height: auto}
.chevron-compact-down {will-change: transform;transition: transform 450ms;} 
.chevron-compact-down:hover {transition: transform 125ms;transform: translateY(10px) }
.chevron-compact-up svg{display:inline-block;width: 100%;height: auto}
.chevron-compact-up {will-change: transform;transition: transform 450ms;} 
.chevron-compact-up:hover {transition: transform 125ms;transform: translateY(-10px) }
.w-25{width: 25px;height: auto}
.w-35{width: 35px;height: auto}
.w-40{width: 40px;height: auto}
.w-50{width: 50px;height: auto}
.w-100{width: 100px;height: auto}
.fill-white{ filter: invert(1);}
/* responsive containers*/
.video-container{width:100%; margin:20px 0} 
.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.map-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;margin-right:30px;}
.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
@media(max-width:420px){table,thead,tbody,th,td,tr{display:block}table{margin:0;}th{display: none}} /* breakpoint for tables */
/****************************************** 
APPS styles
******************************************/
/*--- ScrollFade Specific ---*/
.scrollFade {opacity: 1;pointer-events: all;}
.scrollFade--hidden {opacity: 0;pointer-events: none;}
.scrollFade--visible {opacity: 1;pointer-events: all;}
.scrollFade--animate {transition: opacity 0.6s ease-in-out;}
/****************************************** 
Navigation
******************************************/
#toggleButton{background-image:url(../images/justify.svg);background-repeat:no-repeat;background-size: 2rem 2rem;background-position: 50% 50%;display:none;position:absolute;z-index:30;top:10px;right:10px;width:35px;height:35px}
#toggleButton.expanded{background-image:url(../images/x.svg)}
.active{color:#00ABE6!important;}
.svgDown{width:15px; height: 15px;padding-top: 4px}
#homePage .SVGstyle{fill:none;stroke:#fff;stroke-width:.7277}
#secondaryPage .SVGstyle{fill:none;stroke:#213342;stroke-width:.7277}

/* RESPONSIVE */
@media (min-width: 1400px) {
#sideNav{text-align: left; height:auto; width:100%;padding:0;z-index: 20}
#main-menu{display: inline-block;left:0;width:auto;padding:0;margin:0;font-weight:300;text-align:left;}
.nav a{color:#fff;font-size:15px;font-weight:300;text-decoration: none;line-height: 50px}
.nav ul{padding:0;margin:0 0 0 -10px;list-style-type:none;background:rgba(255,255,255,1.0);-moz-box-shadow:0 12px 5px rgba(0,0,0,0.1);-webkit-box-shadow:0 12px 5px rgba(0,0,0,0.1);box-shadow:0 12px 5px rgba(0,0,0,0.1)}
.nav-list{text-align:left}
.nav-item{float:left;display:inline;position:relative}
#homePage .nav-item a,.nav-item a:visited{color:#fff;padding:10px 12px;text-decoration: none;}
#secondaryPage .nav-item a,.nav-item a:visited{color:#000;padding:10px 12px;text-decoration: none;}
.nav-item:hover .nav-submenu{display:block}
.nav-submenu{display:none;position:absolute;left:0;width:280px;list-style-type:none!important;padding:10px 0 15px 0!important;margin:0;z-index: 9;}
.nav-submenu li{padding:0;margin:0;list-style-position:outside;overflow:hidden;}
.nav-submenu-item a{display:block;padding:6px 15px;margin:0 10px 0 10px;border: none;color: #000!important;line-height: normal}
.nav-submenu-item a:hover{background-color: #00ABE6;color: #fff!important}
.activeSub{background-color: aliceblue}
}
@media (max-width: 1400px) {
#toggleButton{display:inline-block;}
#sideNav{position:absolute;top:0;left:0;text-align:left;height:100%;min-height:900px;width:100%;padding:0;z-index:20;display:none;background-color:#fff;-webkit-box-shadow: 0px 9px 9px -4px rgba(0,0,0,0.23); box-shadow: 0px 9px 9px -4px rgba(0,0,0,0.23);overflow:hidden}
.nav{padding:0;margin:0;height:100%;width:100%;min-width: 320px; text-align: left;text-decoration: none;overflow: hidden}
.nav a{font-size:17px;line-height:2em; font-weight: 300}
.nav li{width:100%;display:block;padding:0;margin:0;max-width: 100%}
.nav-submenu{display:block;padding:0!important;}
.nav-submenu li{display:block;padding:5px 0 0 10px;}
.nav-list{padding: 0 0 0 20px;}
.nav-submenu-item a{display:block;line-height:25px;}
/*.nav-submenu-item li{line-height:20px}*/
.nav-item a,.nav-item a:visited{color:#000;padding:0;}
.nav-submenu-item a:hover{background-color:#fff;}
/*.active{background-color: #fff;color: #00ABE6!important;background-image:none;}*/
#voidServices{display:none}
.activeSub{border-left: 1px solid #00ABE6}
}

@media (max-width: 400px) {
.nav{width: 100%; }
}

/****************************************** 
PAGE Styles
******************************************/
/* body */
html{width: 100%;height: 100%;}
body {animation: fadeInAnimation ease 1s;animation-iteration-count: 1;animation-fill-mode: forwards;}
@keyframes fadeInAnimation {0% {opacity: 0;}100% {opacity: 1;}}
body {font-family: "roboto", sans-serif;font-size: 1.0em;background-color: #fff;font-weight: 300;color: #000}
/*text*/
a,a:visited{color:#213342;font-weight: 500;text-decoration: none}
p{margin:0 0 20px;font-size: min(max(1.2rem, 2.0vw), 1.4rem); line-height: min(max(1.8rem, 3vw), 2.1rem);font-weight: 300;text-align: justify}
p a{text-decoration: underline}
.heading{font-size: min(max(1.9rem, 2vw), 2.1rem); line-height:normal;color:#213342;font-family: "than", sans-serif;font-weight: 500;margin: 40px 0 10px}
.defaultList li {font-size: min(max(1.1rem, 3vw), 1.5rem); line-height: min(max(1.45rem, 3vw), 1.6rem);font-weight: 500}
/*.defaultList li::marker {color:#213342;}*/
/****************************************** 
Nick bullet styles
******************************************/
ul li::marker {
  font-size: 1.5em;}
/****************************************** 
Nick bullet styles end
******************************************/
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:0 0 20px 0;font-family: "than", sans-serif;font-weight: 500}
h1,.h1{font-size: min(max(3.9em, 3vw), 4.8em); line-height:min(max(4.1rem, 3vw), 5.0rem);color:#213342;}
h2,.h2{font-size: min(max(2.6rem, 3vw), 2.8rem); line-height:min(max(3.8rem, 3vw), 3.0rem);color:#213342;}
h3,.h3{font-size: min(max(1.8em, 3vw), 2.0em); line-height:normal;color:#213342;}
h4,.h4{font-size: min(max(1.5rem, 3vw), 2.7rem); line-height:normal;color:#213342;}
h5,.h5{font-size: min(max(1.4rem, 3vw), 1.7rem); line-height:normal;color:#213342;}
h6,.h6{font-size: min(max(1.5rem, 3vw), 1.6rem); line-height:normal;color:#213342;font-weight: 400}
#sticky {padding-top: 20px;bottom: 120px;right:0; width:40px;height:100px;display:none;position:fixed;background: #DE007E;box-shadow: 0 0 6px #000;text-align: center;vertical-align: middle;border-radius: 8px 0  0 8px;z-index: 20;}
#arrowDown{position: absolute;left: 0;right: 0;margin: auto;bottom: 30px;display: inline-block;width: 200px;text-align: center}
#container-1, #container-1 h1 {color: #fff}
#container-1 .hvr-ripple-out{color: #000}
/****************************************** 
page styles
******************************************/
@media screen and (min-width:1400px) {
#homePage header{ background: linear-gradient(to left, #213342 50%, white 50%);}
#secondaryPage header{ background: linear-gradient(to left, #F4F4F8 50%, white 50%);}

}
#homePage .header .leftBox{background-color: #fff;}
/*#homePage .header .leftBox p{margin-bottom: 3vw}*/
#homePage .header .rightBox{background-color: #213342;color: #fff;padding: 2vw 0;}
#homePage .header .rightBox p{color: #fff;margin-top: 6.0vw}
header .row{width: 100%;max-width:1600px;}
.headerText{padding: 40px 5vw;color: #4A6373}
.headerText h1{font-size: min(max(3.6em, 3vw), 4.8em); line-height:min(max(4.1rem, 3vw), 5.0rem);color:#4A6373;margin: 2vw 0 20px;font-weight: 400}
.headerText p{text-align: left;width: 90%; font-size: min(max(1.3em, 2vw), 1.8em);font-weight: 400;line-height: 1.3em;font-family: "than", sans-serif;}
#logo{width:80%;height: auto;max-width: 370px;margin: 2vw 0 0 2vw}
#secondaryPage .header .leftBox{background-color: #fff;}
#secondaryPage .header .rightBox{background-color: #F4F4F8;color: #4A6373;padding: 2vw 0;width: 100%}
#secondaryPage .header .rightBox p{color:#4A6373;margin-top: 6.0vw}
/****************************************** 
GRID 1 HEADER
******************************************/
.grid1 {display: grid;grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));/*	grid-row-gap: 10px; grid-column-gap: 10px;*/}
@media screen and (max-width:700px) {
.grid1 {grid-template-columns: 100%; /* column widths */}
}
.grid1 .item {display: flex;}
.grid1 .content{text-align: left;padding-top: 20px}
/****************************************** 
GRID 2 SERVICES-Homepage
******************************************/
.grid2 {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));grid-row-gap: 3vw;grid-column-gap: 3vw;position: relative;}
.grid2 p{text-align: left;font-size: min(max(1.1rem, 2.0vw), 1.3rem); line-height: min(max(1.8rem, 3vw), 2.1rem);font-weight: 300;}
.grid2 .item {display: flex;border-left:1px solid #4A6373;border-right:1px solid #fff;border-bottom:1px solid #fff; padding-top: min(max(20px, 1.5vw), 40px);padding-left:1.5vw;padding-right:1.5vw;padding-bottom:1.5vw;position: relative;}
.grid2 a{text-decoration:none;font-weight: 300}
.grid2 .item:hover {border-right:1px solid #4A6373;border-bottom:1px solid #4A6373}
.grid2 .item:hover .svgPointRight{stroke:#00ABE6;}
.grid2 .content{text-align: left;padding-top: 1vw;padding-left: 20px;padding-bottom: 40px}
.services .grid2 {border-top: 1px solid #000;padding-top: 50px;padding-bottom: 50px}
.orange{border-top: 10px solid #F6A20C}
.blue{border-top: 10px solid #00ABE6}
.green{border-top:10px solid #95C11E}
.purple{border-top:10px solid #6269AF}
.yellow{border-top:10px solid #f0b624}
.pink{border-top:10px solid #DE007E}
.svgPointRight{height: 20px; width: 20px;fill:none;stroke:#223342;position: absolute;right: 20px;bottom: 20px}
@media screen and (max-width:700px) {
.grid2 {grid-template-columns: 100%;grid-row-gap: 40px }
}
/****************************************** 
GRID 4 SERVICES-fees
******************************************/
.grid4 {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 33%));grid-row-gap: 3vw;grid-column-gap: 3vw;position: relative;margin-bottom: 80px}
.grid4 .item {display: flex;border-left:1px solid #4A6373;border-right:1px solid #fff;border-bottom:1px solid #fff; padding-top: min(max(20px, 1.5vw), 40px);padding-left:1.5vw;padding-right:1.5vw;padding-bottom:1.5vw;position: relative;}
/*.grid4 a{text-decoration:none;font-weight: 300}
.grid4 .item:hover {border-right:1px solid #4A6373;border-bottom:1px solid #4A6373}
.grid4 .item:hover .svgPointRight{stroke:#00ABE6;}*/
.grid4 .content{text-align: left;padding-top: 1vw;padding-left: 20px;}
.services .grid4 {border-top: 1px solid #000;padding-top: 50px;padding-bottom: 50px}
.grey{border-top: 10px solid #4A6373}
/*.svgPointRight{height: 20px; width: 20px;fill:none;stroke:#223342;position: absolute;right: 20px;bottom: 20px}*/
.hugeText{font-size: 6.0rem;font-family: "than", sans-serif;font-weight: 400;color: #4A6373}
@media screen and (max-width:700px) {
.grid4 {grid-template-columns: 100%;grid-row-gap: 40px }
}
/****************************************** 
GRID 3 - TRIPPLE BOX
******************************************/
.grid3 {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-row-gap: 2vw;grid-column-gap: 2vw;margin: min(max(30px, 5vw), 160px)  0;}
.grid3 p{text-align: left; color: #213342;font-weight: 500;font-family: "than", sans-serif;}
@media screen and (max-width:960px) {
.grid3 {grid-template-columns: 100%; /* column widths */}
}
/****************************************** 
SERVICES WIDGET - footers
******************************************/
.servicesBars{border-top: 1px solid #000;padding: 50px 0;}
.serviceItem a{font-family: "than", sans-serif;font-weight: 500;text-decoration: none;font-size: 110%}
.serviceItem a:hover{color: #00ABE6}
.serviceItem p{text-align: left; padding: 12px 0;margin: 0}
.orangeBox{background-color: #F6A20C; height: 8px; width: 60%;max-width: 280px}
.greenBox{background-color: #95C11E; height: 8px; width: 60%;max-width: 280px}
.yellowBox{background-color: #f0b624; height: 8px; width: 60%;max-width: 280px}
.blueBox{background-color: #00ABE6; height: 8px; width: 60%;max-width: 280px}
.purpleBox{background-color: #6269AF; height: 8px; width: 60%;max-width: 280px}
.pinkBox{background-color: #DE007E; height: 8px; width: 60%;max-width: 280px}
.svgRight{height: 15px; width: 15px;fill:none;stroke:#223342;}
.serviceItem a:hover .svgRight{height: 15px; width: 15px;fill:none;stroke:#00ABE6;}
/****************************************** 
WIDE PANELS
******************************************/
/* homepage*/
.widePanel{height:30vw; min-height: 400px; background-image: url("../images/home_img.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover}
/* about page*/
.about .widePanel{height:25vw; min-height: 400px; background-image: url("../images/about_img.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover}
/* pricing page*/
.pricing .widePanel{height:25vw; min-height: 400px; background-image: url("../images/pricing_img.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover}
/* FAQs page*/
.FAQs .widePanel{height:25vw; min-height: 400px; background-image: url("../images/faqs_img.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover}
/* FAQs page*/
.contact .widePanel{height:25vw; min-height: 400px; background-image: url("../images/contact_img.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover}
/* Workplace page*/
.workplace-investigations .widePanel{height:25vw; min-height: 400px; background-image: url("../images/workplace_img2.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover}
/* Dispute resolution page*/
.dispute-resolution .widePanel{height:25vw; min-height: 400px; background-image: url("../images/dispute_res_img.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover}
/* Change management page*/
.change-management .widePanel{height:25vw; min-height: 400px; background-image: url("../images/change_man_img2.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover}
/* Change management page*/
.recruitment .widePanel{height:25vw; min-height: 400px; background-image: url("../images/recruit_img.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover}
/* lumina page*/
.lumina-spark .widePanel{height:25vw; min-height: 400px; background-image: url("../images/lumina_spark_img.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover}
/* Change management page*/
.training .widePanel{height:25vw; min-height: 400px; background-image: url("../images/training_supp_img.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover}
/* news*/
.news .widePanel{height:25vw; min-height: 400px; background-image: url("../images/news_insights_img.webp"); background-position:10% 100%;background-repeat: no-repeat;background-size: cover}
/* acreditations*/
.widePanel2{height:25vw; min-height: 400px; background-image: url("../images/home_pnl2_img.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover}
.widePanel3{height:25vw; min-height: 500px; background-image: url("../images/about_pnl_img.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover;margin:0 0 min(max(40px, 3vw), 80px) 0}
.widePanel4{height:25vw; min-height: 500px; background-image: url("../images/pricing_pnl_img.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover;margin:0 0 min(max(40px, 3vw), 80px)  0}
.widePanel5{height:25vw; min-height: 500px; background-image: url("../images/workplace_pnl_img.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover;margin:0 0 min(max(40px, 3vw), 80px) 0}
.widePanel6{height:25vw; min-height: 500px; background-image: url("../images/rdispute_res_pnl.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover;margin:0 0 2vw 0}
.widePanel7{height:25vw; min-height: 500px; background-image: url("../images/recruit_pnl_img1.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover;margin:0 0 2vw 0}
.widePanel8{height:25vw; min-height: 500px; background-image: url("../images/recruit_pnl_img2.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover;margin:2vw 0 4vw 0}
.widePanel9{height:25vw; min-height: 500px; background-image: url("../images/training_supp_pnl_img.webp"); background-position:10% 50%;background-repeat: no-repeat;background-size: cover;margin:0  0 min(max(40px, 3vw), 80px) 0}
.quoteBox{width: 50%;background-color: #F4F4F8;position: relative;padding:50px 50px 50px 17%}
.quoteBox p{text-align: left;padding:0 20px;border-left: 1px solid #000;font-family: "than", sans-serif;font-weight: 500;color: #4A6373}
.quoteBox p span{white-space: nowrap}
.svgQuote{height: 30px; width: 50px;fill:none;position: relative;left: -60px;top: 20px}
@media (max-width: 960px) {
.quoteBox{width: 90%;background-color: #F4F4F8;position: relative;padding:50px 20px 50px 17%}
}
.quoteBox2{width: 50%;background-color: #F4F4F8;position: relative;padding:50px 17% 50px 100px ;float: right;display: inline-block}
.quoteBox2 p{text-align: left;padding:0 20px;border-left: 1px solid #000;font-family: "than", sans-serif;font-weight: 500;color: #4A6373;}
.quoteBox2 p span{white-space: nowrap}
.svgQuote2{height: 30px; width: 50px;fill:none;position: relative;left: -60px;top: 20px}
@media (max-width: 960px) {
.quoteBox2{width: 90%;background-color: #F4F4F8;position: relative;padding:50px 20px 50px 17%}
}
.pageheadings{color: #213342;font-weight: 500;font-family: "than", sans-serif;font-size: 1.9rem;margin: 40px 0 10px;line-height: normal}
.question{color: #4A6373;font-weight: 500;font-family: "than", sans-serif;font-size: 1.9rem;margin: 40px 0 10px;line-height: normal}
.answerA{color: #213342;font-weight: 500;font-family: "than", sans-serif;font-size: 1.9rem;}
/****************************************** 
MAIN
******************************************/
.main{padding:min(max(40px, 3vw), 80px) 0 20px 0;position: relative}
/****************************************** 
FOOTER
******************************************/
.footer{color: #000;padding: 60px 0;background-color: #F4F4F8}
.footer a{font-weight: 300}
.footer p{text-align: left;font-size: 1.2em;line-height: normal}
.footer h6{font-size: min(max(2.0rem, 3vw), 2.2rem); line-height: min(max(1.9rem, 3vw), 2.6rem);margin-bottom: 10px;font-weight: 400;color:#000}
.footer p .blackText{color: #213342;font-weight: 500;font-family: "than", sans-serif;}
.leftHalf{border: 1px solid #00ABE6;text-align: left;padding: min(max(40px, 2vw), 60px);color:#000;background-color: #fff}
.rightHalf{padding:2vw}
.footer p .greyText{color: #4A6373;font-weight: 500;font-family: "than", sans-serif;}
.footer .smallText{font-size:0.8em;line-height:normal}
.footer  .verySmallText{font-size:0.6em;line-height:normal}
/****************************************** 
Form
******************************************/
#contactForm{margin:0;padding:0;text-align:left;width:100%;}
#contactForm input,textarea{color:#000}
#nameField{width:100%;margin-bottom:4px;border:1px solid #000;padding: 20px}
#emailField{width:100%;margin-bottom:4px;border:1px solid #000;padding: 20px}
#postcodeField{width:100%;margin-bottom:4px;border:1px solid #000;padding: 20px}
#addressField{width:100%;height:100px;border:1px solid #000;padding: 20px}
#messageField{width:100%;height:100px;border:1px solid #000;padding: 20px}
#botField{width:70px;margin-bottom:15px;border:1px solid #000;}
#sendMessage{display: inline-block;font-size:22px;text-align:center;font-weight:300;background-color:#00ABE6;color:#fff!important;padding:20px 80px;margin: 10px 0;white-space: nowrap}
#sendMessage:hover{background-color:#4A6373; -o-transition:background 0.2s ease-in;-ms-transition:backse-in;transition:background 0.2s ease-in;}
#form-messages{font-size: 80%;line-height: normal;padding-top: 20px}
.success{color:#BCCB03;font-weight:500;font-size: min(max(18px, 3vw), 25px)!important}
.error{color:#e30613;font-weight:500;font-size: min(max(18px, 3vw), 25px)!important}
label{font-weight:300; margin:10px 0 0 0;}
@media screen and (max-width:960px) {
}
/****************************************** 
Media queries
******************************************/
/* RESPONSIVE */
@media (max-width: 960px) {
.threeQuarters{width:100%}
.oneHalf{width:100%;}
.oneThird{width:100%}
.twoThirds{width:100%}
.oneQuarter{width:100%}
#header .row{width: 100%;}
#logo{left: 5vw;}
}
@media (max-width: 400px) {
p{padding-right:0}
}