@font-face {
	font-family:PlutoSansCond;
	src:url("../assets/fonts/PlutoSansCondLight.otf") format("opentype");
	font-weight:300;
	font-style:normal
}
@font-face {
	font-family:PlutoSansCond;
	src:url("../assets/fonts/PlutoSansCondRegular.otf") format("opentype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:PlutoSansCond;
	src:url("../assets/fonts/PlutoSansCondMedium.otf") format("opentype");
	font-weight:600;
	font-style:normal
}
:root {
--headerbg:#EEEDEB;
--headertopbg:#4B4A48;
--panelbg:#F8F4F5;
--black:#000000;
--white:#FFFFFF;
--bodytext:#231F20;
--primary:#30444D;
--secondary:#67362F;
--tertiary:#FFD401;
--keyline:#B2B3B7;
--keylinelte:#E7E5E6;
--keylinemenu:#6F6E6C;
--bgblue:#E5EBEA;
--greybg:#F7F3F4;
--deepgrey:#251E1E;
--deepgrey-h:0;
--deepgrey-s:10%;
--deepgrey-l:13%;
--deepred:#67362F;
--deepred-h:7;
--deepred-s:37%;
--deepred-l:29%;
--deepblue:#30444D;
--deepblue-h:199;
--deepblue-s:23%;
--deepblue-l:25%;
--dustypink:#BF8B78;
--dustypink-h:16;
--dustypink-s:36%;
--dustypink-l:61%;
--dustyblue:#668685;
--dustyblue-h:178;
--dustyblue-s:14%;
--dustyblue-l:46%;
--dustyorange:#C25D3C;
--dustyorange-h:15;
--dustyorange-s:53%;
--dustyorange-l:50%;
--midgrey:#62544A;
--midgrey-h:25;
--midgrey-s:14%;
--midgrey-l:34%;
--warmhoney:#99652C;
--warmhoney-h:31;
--warmhoney-s:55%;
--warmhoney-l:39%;
--yellow:#FFD401;
--yellow-h:50;
--yellow-s:100%;
--yellow-l:50%;
--pnlopacity:0.8;
--pnlhoveropacity:1;
--red:#C55E3F
}
body, html {
	position:relative;
	margin:0;
	padding:0;
	border:0;
	height:100%
}
html {
	overflow-y:scroll;
	overflow-x:hidden;
	height:100%
}
body {
	font-family:PlutoSansCond, Helvetica, Arial, sans-serif;
	font-size:1em;
	font-weight:300;
	color:var(--bodytext);
	display:flex;
	flex-direction:column
}
body.modalopen {
	overflow:hidden
}
input {
	font-family:PlutoSansCond, Helvetica, Arial, sans-serif
}
input[type=email], input[type=number], input[type=submit], input[type=text], select {
	font-family:PlutoSansCond, Helvetica, Arial, sans-serif;
	-webkit-appearance:none;
	border-radius:0
}
* {
	margin:0;
	padding:0;
	border:0;
	box-sizing:border-box
}
.js-focus-visible :focus:not(.focus-visible) {
	outline:0
}
.clear {
	clear:both;
	font-size:1%;
	overflow:hidden;
	width:100%;
	height:0
}
.clrfx:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.mclear {
	display:none
}
.space {
	clear:both;
	width:100%;
	height:30px
}
.rule {
	clear:both;
	width:100%;
	height:1px;
	font-size:1%;
	overflow:hidden;
	background-color:var(--keyline);
	margin-bottom:7px;
	margin-top:5px
}
hr {
	background-color:var(--keyline);
	height:0;
	overflow:hidden;
	width:100%;
	clear:both;
	border:0;
	border-bottom:1px solid var(--secondary);
	margin:12px 0 12px 0
}
#skipnavigation {
	left:-5000px;
	position:absolute;
	display:none
}
.printlogo {
	display:none
}
.mshow, br.blog, br.hide, div.respond {
	display:none
}
em.hide {
	font-style:normal
}
.emp {
	font-weight:500
}
.fh {
	min-height:320px
}
.pull-right, .right {
	float:right
}
.left, .pull-left {
	float:left
}
a.skip-main {
	left:-999px;
	position:absolute;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:-999
}
a.skip-main:active, a.skip-main:focus {
	color:var(--text);
	left:0;
	right:0;
	margin:0 auto;
	top:6px;
	width:240px;
	height:auto;
	overflow:auto;
	text-align:center;
	font-weight:800;
	z-index:100001
}
input {
	filter:none;
	cursor:pointer
}
button:focus, input:focus, select:focus, textarea:focus {
	outline:0
}
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 500px #fff inset
}
textarea {
	resize:vertical
}
.sr-only {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
	position:static;
	width:auto;
	height:auto;
	margin:0;
	overflow:visible;
	clip:auto
}
iframe {
	max-width:100%
}
p {
	line-height:1.7em;
	padding:0 0 1rem 0
}
a {
	font-weight:500;
	color:var(--bodytext);
	text-decoration:none
}
a:hover {
	font-weight:500;
	color:var(--bodytext);
	text-decoration:underline
}
.loader {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:121;
	background:url(../assets/layout/loader.gif) 50% 50% no-repeat #fff;
	opacity:.92;
	background-size:30px 30px
}
a.btn {
	display:inline-block;
	background-color:var(--tertiary);
	color:var(--black)!important;
font-size:.9rem;
padding:.6rem 1.4rem .5rem 1rem;
	text-transform:uppercase;
	border-top-right-radius:1.4rem;
	border-bottom-right-radius:1.4rem;
	line-height:1em;
	letter-spacing:1px;
	font-weight:600;
	cursor:pointer
}
button.btn {
	display:inline-block;
	background-color:var(--tertiary);
	color:var(--black)!important;
font-size:.9rem;
padding:.6rem 1.4rem .6rem 1rem;
	text-transform:uppercase;
	border-top-right-radius:1.4rem;
	border-bottom-right-radius:1.4rem;
	letter-spacing:2px;
	font-weight:600;
	cursor:pointer
}
.outer {
	flex:1 0 auto
}

.inner {
	position:relative;
	z-index:3;
	width:92%;
	max-width:1200px;
	margin:0 auto
}
.inner.narrow {
	width:100%;
	max-width:860px
}
.row {
	display:flex;
	justify-content:space-between;
	margin-bottom:2.8rem
}
.headertop {
	position:relative;
padding:.7rem 0 .4rem 0;
	background-color:var(--headertopbg);
	min-height:55px
}
.headertop .inner {
	padding:0;
	text-align:right
}
.headertop p {
	display:inline;
padding:0 .6rem 0 0;
	text-align:right;
	font-weight:600;
	line-height:1em;
	vertical-align:middle
}
.headertop p.strap {
	color:var(--white)
}
.headertop p.strap em {
	font-style:normal
}
.headertop p.strap a {
	font-size:1.1rem;
	color:var(--tertiary)
}
.headertop nav {
	position:relative;
	display:inline-block;
	text-align:right
}
.headertop nav ul {
	position:relative;
	display:inline-block
}
.headertop nav.top ul {
	vertical-align:middle
}
.headertop nav.top li {
	display:inline-block;
margin:.2rem 0 0 1em
}
.headertop nav.top li.icon a {
	display:inline-block;
	width:24px;
	height:24px
}
.headertop nav.top li.icon.search a {
	background-image:url(../assets/layout/icon-search.png);
	background-size:100% 100%
}
.headertop nav.top li.icon.twitter a {
	background-image:url(../assets/layout/icon-twitter.png);
	background-size:100% 100%
}
.headertop nav.top li.icon.linkedin a {
	position:relative;
	background-image:url(../assets/layout/icon-linkedin.png);
	background-size:100% 100%
}
.header {
	position:fixed;
	background-color:rgb(48, 68, 77, .4);
	width:100%;
	height:110px;
	top:0;
	left:0;
	z-index:60;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.header.searchon {
	height:160px;
	background-color:#30444d
}
.header .inner {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	position:relative;
	padding:0;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.header .inner .logo {
	position:absolute;
	display:block;
	top:24px;
	left:0;
	width:200px;
	height:auto;
	z-index:5;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.header .inner .logo img {
	display:block;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:84px
}
.header nav ul {
	list-style-type:none
}
.header nav {
	position:relative;
	display:block;
	margin-left:auto;
	width:100%;
	z-index:4;
	text-align:right
}
.header nav.main {
	position:relative;
	margin:39px 50px 0 0;
	vertical-align:middle;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.header nav.main>p {
	display:inline;
	padding:0 0 0 1rem
}
.header nav.main>ul {
	display:inline;
	list-style:none
}
.header nav.main>ul>li {
	display:inline-block;
	text-align:center
}
.header nav.main>ul>li>a {
	position:relative;
	font-size:1rem;
	font-weight:400;
	color:var(--white);
	text-decoration:none;
	text-transform:uppercase;
	padding:0 0 45px 0;
margin:0 .7rem;
	display:inline-block;
	letter-spacing:1px
}
.header nav.main>ul>li:last-child>a {
	padding:0 0 45px 0;
margin:0 0 0 .7rem
}
.header nav.main>ul>li>a:before {
	position:absolute;
	content:'';
	bottom:2rem;
	left:0;
	width:0;
height:.1rem;
	background-color:var(--tertiary);
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.header nav.main>ul>li:hover>a:before {
	width:100%
}
.header nav.main>ul>li.menu_depth_1.expandable>a:after {
	position:absolute;
	content:'';
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 14px 14px 14px;
	border-color:transparent transparent #fff transparent;
	-moz-transition:opacity .3s ease-out 0s;
	-webkit-transition:opacity .3s ease-out 0s;
	-o-transition:opacity .3s ease-out 0s;
	transition:opacity .3s ease-out 0s;
	opacity:0
}
.header nav.main>ul>li.menu_depth_1.expandable:hover>a:after {
	opacity:1;
	transition-delay:0.3s
}
.header nav.main>ul>li#link_branch_407:hover>a:after {
	display:none
}
.header nav.main>ul>li>a.active:after {
	position:absolute;
	content:'';
	bottom:1rem;
	left:0;
	right:0;
	margin:0 auto;
	width:calc(100% - 1.2rem);
height:.15rem;
	background-color:var(--primary)
}
.header nav.main>ul>li>ul {
	visibility:hidden;
	opacity:0;
	max-height:0;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	column-gap:3.5%;
	width:100%;
	padding:36px 0 40px 0;
	position:absolute;
	z-index:101;
	left:0;
	margin:0;
	background-color:var(--white)
}
.header nav.main>ul>li:hover>ul {
	visibility:visible;
	max-height:500px;
	min-height:280px;
	opacity:1;
	transition:.4s ease .25s
}
.header nav.main>ul>li#link_branch_407:hover>ul {
	visibility:hidden;
	display:none
}
.header nav.main>ul>li>ul.submenu:after {
	display:block;
	position:absolute;
	top:0;
	left:100%;
	width:40%;
	height:100%;
	content:'';
	background-color:var(--white);
	z-index:100
}
.header nav.main>ul>li>ul.submenu:before {
	display:block;
	position:absolute;
	top:0;
	right:100%;
	width:40%;
	height:100%;
	content:'';
	background-color:var(--white);
	z-index:100
}
.header nav.main>ul>li>ul p.rule {
	position:absolute;
	top:36px;
	height:calc(100% - 76px);
	left:94px;
	width:3px;
	background-color:#ffd500
}
.header nav.main>ul>li>ul p.submenuttl {
	position:absolute;
	top:36px;
	left:110px;
	width:20%;
	color:#fff;
	font-size:200%;
	padding:0 0 20px 0;
	text-align:left
}
.header nav.main>ul>li>ul p.submenutxt {
	position:absolute;
	top:90px;
	left:110px;
	width:20%;
	color:#fff;
	font-size:90%;
	padding:0;
	text-align:left
}
.header nav.main>ul>li>ul>li {
	position:relative;
	text-align:left;
	color:#fff;
	border-bottom:0 solid var(--tertiary);
	margin-bottom:2.6rem
}
.header nav.main>ul>li>ul>li:after {
	position:absolute;
	top:2.8rem;
	left:0;
	width:100%;
	height:2px;
	content:'';
	background-color:var(--tertiary);
	z-index:-1
}
.header nav.main>ul>li>ul>li p {
	color:#5b5b5b;
font-size:.86rem;
	font-weight:400;
	line-height:1.2em;
	padding:1.6rem 0 0 0
}
.header nav.main>ul>li>ul>li>a {
	display:block;
	color:var(--black);
font-size:.96rem;
padding:.4rem 0;
margin:0 .6rem 0 0;
	text-transform:none;
	font-weight:500;
	z-index:10
}
.header nav.main>ul>li>ul>li>a:after {
	display:none
}
.header nav.main>ul>li>ul>li>a:hover {
	color:var(--bodytext)
}
.header nav.main>ul>li>ul>li.active>a, .header nav.main>ul>li>ul>li>a:focus {
	color:var(--tertiary)
}
.header nav.main>ul>li>ul>li>ul:after {
	clear:both
}
.header nav.main>ul>li>ul>li>ul.submenu {
	display:none!important
}
.header nav.main>ul>li>ul>li>ul.submenu li {
	display:none!important;
	width:100%;
	float:none;
	margin-right:0;
	padding:0;
	border-bottom:0 solid var(--keylinelte)
}
.header nav.main>ul>li>ul>li>ul>li>a {
	display:none!important;
	display:block;
	color:var(--bodytext);
font-size:.9rem;
padding:.5rem 0 .4rem 0;
margin:0 .6rem 0 0;
	text-transform:none;
	font-weight:400
}
.header nav.main>ul>li>ul>li>ul>li.active>a {
	color:var(--tertiary)
}
.header nav.main>ul>li>ul>li>ul>li:last-child {
	border-bottom:0 solid var(--keylinelte)
}
.sf-menu li.sfHover>ul, .sf-menu li:hover>ul {
	display:block!important
}
.sf-menu li.sfHover>ul>ul, .sf-menu li:hover>ul>ul {
	display:none!important
}
.header nav.main>ul>li>ul>li>ul>li>a:focus {
	color:var(--tertiary)
}
.header nav.main>ul>li>ul>ul>p.rule {
	display:none
}
.header nav.main>ul>li>ul>ul>p.submenuttl {
	display:none
}
.header nav.main>ul>li>ul>ul>p.submenutxt {
	display:none
}
.header nav.main>ul>li#link_branch_16>ul {
	display:none
}
.header nav.main>ul>li#link_branch_16:hover>a:after {
	display:none
}
.header a.iconsearch {
	position:absolute;
	display:block;
	right:0;
	top:40px;
	width:28px;
	height:28px;
	background-image:url(../assets/layout/icon-search.png);
	background-size:100% 100%;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.hdrsearch {
	display:none;
	position:relative;
	width:100%;
	box-sizing:border-box;
	height:50px;
	position:relative;
	background-color:var(--headerbg);
	padding:5px 0
}
.hdrsearchinner {
	position:relative;
	width:92%;
	max-width:1200px;
	margin:0 auto;
	text-align:left;
	background:url(../assets/layout/icon-search-rev.png) 14px center no-repeat var(--white);
	background-size:20px 20px;
	height:40px
}
.hdrsearch form {
	margin-left:44px;
	position:relative
}
.hdrsearch form:before {
	width:1px;
	height:26px;
	position:absolute;
	top:7px;
	left:0;
	background-color:#d7d8d9;
	content:''
}
.hdrsearch input[type=text] {
	width:calc(100% - 44px);
	height:34px;
	margin-left:4px;
	margin-top:3px;
	overflow:hidden;
	padding:3px 52px 3px 8px;
	font-size:90%;
	font-weight:400;
	color:var(--bodytext);
	background:var(--white)
}
.hdrsearch .searchbtn {
	position:absolute;
	top:2px;
	right:2px;
	width:36px;
	height:36px;
	border:none;
	background:url(../assets/layout/hdrsearchbtn.png) center center no-repeat;
	background-size:36px 36px;
	display:block;
	cursor:pointer
}
.hdrsearch .form_field_wrapper {
	padding:0!important
}
.openmenu {
	display:none;
	position:absolute;
	top:40px;
	right:0;
	width:44px;
	height:30px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	z-index:2
}
.menuicon {
	background:#fff none repeat scroll 0 0;
	display:inline-block;
	height:3px;
	margin:12px 0;
	position:relative;
	transition-duration:.4s;
	transition-property:background;
	width:44px
}
.menuicon:after, .menuicon:before {
	background:#fff none repeat scroll 0 0;
	content:"";
	display:block;
	height:3px;
	left:0;
	position:absolute;
	transition:all .4s ease 0s;
	width:44px
}
.menuicon:before {
	top:-12px
}
.menuicon:after {
	bottom:-12px
}
#bt.menuon .menuicon {
	background:0 0
}
#bt.menuon .menuicon:before {
	transform:rotateZ(-45deg) translate(-10px, 7px);
	background:#fff
}
#bt.menuon .menuicon:after {
	transform:rotateZ(45deg) translate(-10px, -7px);
	background:#fff
}
.openmenu .menutext:hover {
	text-decoration:none
}
.openmenu:hover {
	text-decoration:none
}
body.has_manager_nav_v2 {
	margin-top:50px
}
body.has_manager_nav_v2 .header {
	top:50px
}
body.has_manager_nav_v2 .header.small {
	top:50px
}
body.has_manager_nav_v2.has_adminbar .header.small {
	top:75px
}
.header.small {
	background-color:var(--deepblue);
	height:78px
}
.header.small .openmenu {
	top:24px
}
.header.small .inner .logo {
	width:160px;
	height:auto;
	top:12px
}
.header.small nav.main {
	margin:22px 50px 0 0
}
.header.small nav.main>ul>li>a {
	padding:0 0 30px 0
}
.header.small nav.main>ul>li>a::before {
	bottom:1.4rem;
	height:2px
}
.header.small a.iconsearch {
	top:26px
}
.header.small.searchon {
	height:128px
}
.sidenav {
	height:100%;
	width:0;
	max-width:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:var(--primary);
	overflow:hidden;
	padding:0 0 30px 0;
	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	z-index:99999;
	-webkit-overflow-scrolling:touch
}
.sidenav .closebtn {
	position:absolute;
	top:26px;
	right:10%;
	width:35px;
	height:37px;
	background-image:url(../assets/layout/close-bg.png);
	background-size:100% 100%;
	z-index:10
}
.sidenavinner {
	margin:18px 2% 20px 6%;
	padding-right:8%;
	position:relative;
	width:92%;
	height:calc(100% - 96px);
	overflow:hidden;
	display:none;
	z-index:1
}
.sidenavhdr {
	width:52%;
	max-width:200px;
	position:relative;
	margin-bottom:20px
}
.sidenavhdr img.snlogo {
	display:block;
	width:100%;
	height:auto
}
.sidenav ul {
	width:100%;
	list-style:none;
	margin:0 0 2rem 0;
	border-bottom:1px solid var(--keylinemenu)
}
.sidenav ul li {
	position:relative;
	padding:0 42px 0 0;
	border-top:1px solid var(--keylinemenu)
}
.sidenav ul li.expandable span {
	position:absolute;
	display:block;
	top:9px;
	right:0;
	width:40px;
	height:34px;
	background-image:url(../assets/layout/expander-bg.png);
	background-size:100% 100%;
	cursor:pointer;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.sidenav ul li.expandable span.open {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.sidenav ul li ul li.expandable span {
	display:none
}
.sidenav ul li ul li {
	border-top:0 solid #363636
}
.sidenav ul li a {
	position:relative;
	display:block;
padding:.8rem 0;
	color:#fff;
	text-transform:none;
	text-decoration:none;
	font-size:1.15rem;
	font-weight:300
}
.sidenav ul li a:focus, .sidenav ul li a:hover {
	color:var(--tertiary)
}
.sidenav ul li ul {
	display:none;
	margin:0 16px 10px 16px;
	border-bottom:0 solid #363636
}
.sidenav ul li ul li ul {
	display:none;
	margin:0 1rem
}
.sidenav ul li ul li a {
	padding:9px 0 9px 0;
	color:#fff;
	text-transform:none;
	text-decoration:none;
	font-size:1rem;
	font-weight:300
}
.sidenav ul li.active a {
	color:var(--tertiary)
}
.sidenav ul li.active ul {
	display:block
}
.sidenav ul li.active ul li a {
	color:#fff
}
.sidenav ul li.active ul li a:hover {
	color:var(--tertiary)
}
.sidenav ul li.active ul ul {
	display:none
}
.sidenav ul li.active ul li.active ul {
	display:block
}
.sidenav ul li.active ul li.active a {
	color:var(--tertiary)
}
.sidenav ul li.active ul li.active a:hover {
	color:var(--tertiary)
}
.sidenav ul li.active ul li ul.submenu a {
	color:#fff
}
.sidenav ul li.active ul li ul.submenu li.active a {
	color:var(--tertiary)
}
.sidenav li#link_branch_mobile-primary_9 span {
	display:none
}
.sidenav .snsocial {
	position:relative
}
.sidenav .snsocial a {
	display:inline-block;
	width:32px;
	height:32px;
	margin-right:1.1rem
}
.sidenav .snsocial a.icontwitter {
	background-image:url(../assets/layout/icon-twitter.png);
	background-size:100% 100%
}
.sidenav .snsocial a.iconlinkedin {
	position:relative;
	background-image:url(../assets/layout/icon-linkedin.png);
	background-size:100% 100%
}
#link_branch_mobile-primary_16 span.expander, #link_branch_mobile-primary_407 span.expander {
	display:none!important
}
h1 {
	color:var(--deepblue);
	line-height:3.8rem;
	font-weight:600;
	font-size:4.8rem;
letter-spacing:-.1rem
}
h2 {
	color:var(--deepblue);
	font-size:1.6rem;
	line-height:1.2em;
	font-weight:400;
	letter-spacing:0
}
h3 {
	color:var(--deepblue);
	font-size:1.4rem;
	line-height:1.2em;
	font-weight:400;
	letter-spacing:0
}
.slick-slider {
	position:relative;
	display:block;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent
}
.slick-list {
	position:relative;
	display:block;
	overflow:hidden
}
.slick-list img {
	position:relative;
	display:block
}
.slick-list:focus {
	outline:0
}
.slick-list.dragging {
	cursor:pointer
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.slidewrapper .slick-track {
	position:relative;
	top:0;
	left:0;
	display:block;
	height:auto;
	overflow:hidden
}
.slick-track:before, .slidewrapper .slick-track:after {
	display:table;
	content:''
}
.slick-track:after {
	clear:both
}
.slick-loading .slick-track {
	visibility:hidden
}
.slick-slide {
	display:none;
	float:left;
	height:100%;
	vertical-align:middle;
	margin:0
}
.slidewrapper .slick-slide {
	display:none;
	float:left;
	height:100%;
	vertical-align:middle;
	margin:0
}
[dir=rtl] .slick-slide {
	float:right
}
.slick-slide.slick-loading img {
	display:none
}
.slick-slide.dragging img {
	pointer-events:none
}
.slick-initialized .slick-slide {
	display:block
}
.slick-loading .slick-slide {
	visibility:hidden
}
.slick-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent
}
button.slick-prev {
	position:absolute;
	bottom:-24px;
	left:calc(50% - 100px);
	width:17px;
	height:30px;
	font-size:0;
	background:0 0;
	background-image:url(../assets/layout/slickleft.png);
	background-size:100% 100%;
	border:0;
	cursor:pointer;
	outline:0;
	z-index:9999
}
button.slick-next {
	position:absolute;
	bottom:-24px;
	right:calc(50% - 100px);
	width:17px;
	height:30px;
	font-size:0;
	background:0 0;
	background-image:url(../assets/layout/slickright.png);
	background-size:100% 100%;
	border:0;
	cursor:pointer;
	outline:0;
	z-index:9999
}
button.slick-disabled {
	background:0 0
}
.slick-dots {
	position:absolute;
	display:inline;
	bottom:-22px;
	left:0;
	right:0;
	margin:0 auto;
	display:block;
	list-style:none;
	padding:0;
	width:160px;
	text-align:center;
	z-index:10
}
.slick-dots li {
	cursor:pointer;
	display:inline-block;
	width:14px;
	height:14px;
	margin:0 6px!important;
	padding:0!important;
	position:relative;
	overflow:hidden
}
.slick-dots li button {
	background:0 0;
	border:0 none;
	cursor:pointer;
	display:block;
	font-size:0;
	width:17px;
	height:17px;
	line-height:0;
	outline:0;
	padding:0
}
.slick-dots li button:focus, .slick-dots li button:hover {
	outline:0
}
.slick-dots li button:focus::before, .slick-dots li button:hover::before {
	opacity:1
}
.slick-dots li button::before {
	color:#fff;
	content:"";
	font-family:slick;
	font-size:0;
	width:14px;
	height:14px;
	left:0;
	opacity:1;
	position:absolute;
	text-align:center;
	top:0;
	background:url(../assets/layout/slickdot.png) center center no-repeat transparent;
	background-size:100% 100%;
	outline:0
}
.slick-dots li.slick-active button::before {
	opacity:1;
	background:url(../assets/layout/slickdot-on.png) center center no-repeat transparent;
	background-size:100% 100%;
	outline:0
}
.slick-dots li.slick-active button {
	outline:0
}
.slick-dots li:only-child {
	display:none
}
.hhero {
	position:relative;
	background-color:var(--headerbg);
	z-index:1;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.hhero img.hdrblank {
	position:relative;
	width:100%;
	height:auto;
	display:block;
	min-height:480px;
	max-height:640px;
	z-index:3
}
.hhero .hheroinner {
	position:absolute;
	width:100%;
	max-width:1200px;
	height:100%;
	top:0;
	padding-top:7rem;
	left:0;
	right:0;
	margin:0 auto
}
.hhero .hherotxt {
	position:relative;
	width:54%;
	height:auto;
	text-align:left;
	z-index:5;
	top:50%;
	transform:translateY(-50%)
}
.hhero .hherotxt p {
	color:var(--white);
	font-size:1.4rem;
	line-height:1.2em;
	font-weight:300;
padding:0 0 .8rem 0
}
.hhero .hherotxt p.ttl {
	color:var(--white);
	text-transform:uppercase;
	font-size:3.8rem;
	line-height:.9em;
	font-weight:600;
	letter-spacing:-2px
}
.hhero .hherotxt p.ttl span {
	color:var(--tertiary)
}
.hslider .item {
	position:relative;
	width:100%;
	height:100%;
	display:block;
	background-size:cover;
	background-repeat:no-repeat;
	z-index:1
}
.hslider .item::after {
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	background:url(../assets/layout/hdr-tint.png) top left repeat;
	z-index:2
}
.hslider button.slick-prev {
	bottom:40%;
	left:1%;
	background-image:url(../assets/layout/slickleftrev.png);
	background-size:100% 100%
}
.hslider button.slick-next {
	bottom:40%;
	right:1%;
	background-image:url(../assets/layout/slickrightrev.png);
	background-size:100% 100%
}
section.grey {
	background-color:var(--greybg)
}
section.hero {
	position:relative;
	background-color:var(--headerbg);
	z-index:1;
	height:580px
}
section.hero:after {
	position:absolute;
	content:'';
	background-color:rgba(0,0,0,.45);
	z-index:2;
	top:0;
	left:0;
	width:100%;
	height:100%
}
section.hero .inner {
	position:absolute;
	width:92%;
	height:100%;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	z-index:3
}
section.hero .herotxt {
	position:relative;
	top:50%;
	transform:translateY(-50%);
	padding-top:3rem
}
section.hero .herotxt h1 {
	position:relative;
	color:var(--white);
	text-transform:uppercase;
padding:0 0 .4rem 0;
	font-size:4.2rem;
	line-height:3.8rem
}
section.hero .herotxt h1 span {
	display:block;
	font-size:2rem;
letter-spacing:-.1rem;
	line-height:.8em
}
section.hero .herotxt h2 {
	color:var(--white);
	padding:0
}
section.nhero {
	display:block;
	position:relative;
	height:110px;
	background-color:var(--deepblue);
	z-index:1
}
section.nhero h1 {
	padding:0 0 2rem 0
}
section.nhero h2 {
	padding:0 0 1rem 0
}
section.hfeatureimgleft {
	background-color:var(--white);
	display:flex;
	position:relative;
	align-items:stretch;
	justify-content:center;
	z-index:1
}
section.hfeatureimgleft .hfeatureimg {
	order:1;
	width:50%;
	position:relative
}
section.hfeatureimgleft .hfeaturetxt {
	order:2;
	width:50%;
	min-height:460px
}
section.hfeatureimgleft .hfeaturetxttxt {
	padding:3rem 0
}
section.hfeatureimgleft .hfeaturetxttxt p {
	line-height:1.4em
}
section.hfeatureimgleft .hfeaturetxtinner {
	width:93%;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	padding-left:10%;
	max-width:600px
}
section.hfeatureimgleft .hfeatureimginner {
	display:block;
	width:auto;
	max-width:700px;
	margin-left:auto
}
section.hfeatureimgleft .hfeatureimginner img {
	display:block;
	width:100%;
	height:auto
}
section.hfeatureimgleft .hfeatureimg.video :after {
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	background:url(../assets/layout/icon-vidplay.png) center center no-repeat;
	z-index:3;
	background-size:12%;
	display:none
}
section.hfeatureimgleft .hfeatureimg video {
	position:absolute;
	top:50%;
	left:50%;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:0;
	-ms-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%)
}
section.hfeatureimgright {
	background-color:var(--white);
	display:flex;
	position:relative;
	align-items:stretch;
	justify-content:center;
	z-index:1
}
section.hfeatureimgright .hfeatureimg {
	order:2;
	width:50%;
	position:relative;
	overflow:hidden
}
section.hfeatureimgright .hfeaturetxt {
	order:1;
	width:50%;
	min-height:460px
}
section.hfeatureimgright .hfeaturetxttxt {
	padding:3rem 0
}
section.hfeatureimgright .hfeaturetxttxt p {
	line-height:1.4em
}
section.hfeatureimgright .hfeaturetxtinner {
	width:93%;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	padding-right:10%;
	max-width:600px;
	margin-left:auto
}
section.hfeatureimgright .hfeatureimginner {
	display:block;
	width:auto;
	max-width:700px;
	margin-right:auto
}
section.hfeatureimgright .hfeatureimginner img {
	display:block;
	width:100%;
	height:auto
}
section.hfeatureimgright .hfeatureimg.video:after {
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	background:url(../assets/layout/icon-vidplay.png) center center no-repeat;
	z-index:3;
	background-size:12%;
	display:none
}
section.hfeatureimgright .hfeatureimg video {
	position:absolute;
	top:50%;
	left:50%;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:0;
	-ms-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%)
}
section.hfeatureimgleft p.hfeaturettl, section.hfeatureimgright p.hfeaturettl {
	color:var(--deepblue);
	text-transform:uppercase;
	line-height:3.2rem;
	font-weight:600;
	font-size:3.8rem;
letter-spacing:-.26rem;
	padding:0 0 1rem 0
}
section.hfeatureimgleft p.hfeaturettl span, section.hfeatureimgright p.hfeaturettl span {
	display:block;
	font-size:1.8rem;
	letter-spacing:0;
	line-height:1.6rem;
letter-spacing:-.1rem
}
section.hfeatureimgleft p.hfeaturesubttl, section.hfeatureimgright p.hfeaturesubttl {
	color:var(--deepgrey);
	font-size:1.6rem;
	line-height:1.2em;
	font-weight:400;
	letter-spacing:0;
padding:0 0 .8rem 0
}
section.hfeatureimgleft iframe, section.hfeatureimgright iframe {
	width:100%;
	height:100%
}
section.hfeatureimgleft .videoContainer, section.hfeatureimgright .videoContainer {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.breadcrumbs {
	padding:1.1rem 0
}
.breadcrumbs ul {
	list-style:none;
	padding:0
}
.breadcrumbs li {
	position:relative;
	display:inline;
	font-weight:600;
	color:var(--bodytext);
font-size:.8rem;
	padding:0;
	margin:0;
	line-height:1em
}
.breadcrumbs li a {
	padding:0 1.3rem 0 0;
	margin:0;
	position:relative;
	color:var(--bodytext);
	font-weight:400;
	text-decoration:none
}
.breadcrumbs li a:focus, .breadcrumbs li a:hover {
	text-decoration:underline
}
.breadcrumbs li a:after {
	content:"/";
font-size:.8rem;
	position:absolute;
	top:2px;
	right:6px;
	color:var(--bodytext)
}
section.hblocks {
	display:flex;
	flex-wrap:wrap
}
section.hblocks .hblock {
	flex:25%;
	padding:1.8rem
}
section.hblocks .hblock h3 {
	position:relative;
	color:var(--white);
	font-size:1.4rem;
	line-height:1.2em;
	font-weight:400;
padding:120px 0 .2rem 0
}
section.hblocks .hblock h3:before {
	position:absolute;
	top:0;
	left:0;
	width:110px;
	height:90px;
	content:''
}
section.hblocks .hblock h3.personal:before {
	background-image:url(../assets/layout/icon-w-personal.png);
	background-size:100% 100%
}
section.hblocks .hblock h3.scalable:before {
	background-image:url(../assets/layout/icon-w-scalable.png);
	background-size:100% 100%
}
section.hblocks .hblock h3.hr:before {
	background-image:url(../assets/layout/icon-w-hr.png);
	background-size:100% 100%
}
section.hblocks .hblock h3.engaging:before {
	background-image:url(../assets/layout/icon-w-engaging.png);
	background-size:100% 100%
}
section.hblocks .hblock h3.bonus:before {
	background-image:url(../assets/layout/icon-w-bonusscheme.png);
	background-size:100% 100%
}
section.hblocks .hblock h3.survey:before {
	background-image:url(../assets/layout/icon-w-employeesurvey.png);
	background-size:100% 100%
}
section.hblocks .hblock h3.health:before {
	background-image:url(../assets/layout/icon-w-healthwellbeing.png);
	background-size:100% 100%
}
section.hblocks .hblock h3.utilities:before {
	background-image:url(../assets/layout/icon-w-homeutilities.png);
	background-size:100% 100%
}
section.hblocks .hblock h3.hub:before {
	background-image:url(../assets/layout/icon-w-hub.png);
	background-size:100% 100%
}
section.hblocks .hblock h3.payslips:before {
	background-image:url(../assets/layout/icon-w-payslips.png);
	background-size:100% 100%
}
section.hblocks .hblock h3.salaryexchange:before {
	background-image:url(../assets/layout/icon-w-salaryexchange.png);
	background-size:100% 100%
}
section.hblocks .hblock h3.saving:before {
	background-image:url(../assets/layout/icon-w-saving.png);
	background-size:100% 100%
}
section.hblocks .hblock h3.social:before {
	background-image:url(../assets/layout/icon-w-socialnetwork.png);
	background-size:100% 100%
}
section.hblocks .hblock h3.welcome:before {
	background-image:url(../assets/layout/icon-w-welcome.png);
	background-size:100% 100%
}
section.hblocks .hblock p {
	color:var(--white)
}
section.blocks {
	display:flex;
	flex-wrap:wrap
}
section.blocks .block {
	position:relative;
	flex:25%
}
section.blockslider .block {
	position:relative
}
.block img.blockbg {
	position:relative;
	width:100%;
	height:auto;
	display:block;
	opacity:.48;
	z-index:1
}
.block img.mblockbg {
	position:relative;
	width:100%;
	height:auto;
	display:none;
	opacity:.48;
	z-index:1
}
.block img.blocktint {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2
}
.blocktxt {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:2rem 10%;
	z-index:3;
	display:flex;
	flex-direction:row
}
.blocktxtinner {
	align-self:center;
	padding-top:4%;
	width:100%
}
.block h3 {
	position:relative;
	color:var(--white);
	font-size:3.8vh;
	text-transform:uppercase;
	line-height:1em;
	font-weight:600;
	padding:0 0 1rem 0;
	text-align:center
}
.block p {
	color:var(--white);
	text-align:center;
	margin-top:auto;
font-size:.95rem
}
.block a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	z-index:4
}
section.blockslider button.slick-prev {
	position:absolute;
	bottom:10px;
	left:10px;
	width:46px;
	height:46px;
	font-size:0;
	background:0 0;
	background-image:url(../assets/layout/blockslide-left.png);
	background-size:100% 100%;
	border:0;
	cursor:pointer;
	outline:0;
	z-index:9999
}
section.blockslider button.slick-next {
	position:absolute;
	bottom:10px;
	right:10px;
	width:46px;
	height:46px;
	font-size:0;
	background:0 0;
	background-image:url(../assets/layout/blockslide-right.png);
	background-size:100% 100%;
	border:0;
	cursor:pointer;
	outline:0;
	z-index:9999
}
section.blog .blogrow {
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	gap:2em 2%
}
section.blog .blogrow.first {
	grid-template-columns:1fr 1fr;
	gap:2em 2.4%
}
section.blog .blogrow .newsitem {
	position:relative;
	padding:0 0 2rem 0;
	margin:0 0 2rem 0
}
section.blog .newsimg.placehldr {
	border:1px solid var(--keylinelte)
}
section.blog .newsimg img.blank {
	width:100%;
	height:auto;
	display:block
}
section.blog .newsimg img.mblank {
	display:none
}
section.blog .newstxt h3 {
	font-size:1.4rem;
	font-weight:400;
	line-height:1.2em;
	padding:1rem 0
}
section.blog .newstxt h3 a {
	color:var(--bodytext);
	text-decoration:none
}
section.blog .newstxt h3 a:hover {
	color:var(--bodytext);
	text-decoration:underline
}
section.blog .newstxt p {
font-size:.9rem
}
section.blog .newsitem p.newsdate {
	position:absolute;
	bottom:0;
	left:0;
font-size:.9rem;
	font-weight:400;
	line-height:1.3em
}
section.blog .newsitem p.newsdate span {
	color:var(--deepred)
}
section.editorial .titles {
	padding-bottom:2.4rem
}
section.editorial h1 {
	font-size:3.4rem;
letter-spacing:-.1rem
}
section.editorial h2 {
	font-size:1.8rem;
padding-bottom:.7rem
}
section.editorial h3 {
padding-bottom:.5rem
}
section.editorial .inner {
	padding:3rem 0 2rem 0
}
section.editorial .inner .content {
	max-width:940px;
	padding-bottom:2rem
}
section.editorial p {
	font-size:1rem;
	padding:0 0 1rem;
	line-height:1.7em
}
section.editorial p.intro {
	font-size:1.6rem;
	font-weight:400;
	line-height:1.3em;
	padding:0 0 1.8rem
}
section.editorial p img {
	width:auto!important;
	display:block;
	max-width:100%;
	height:auto!important
}
section.editorial .mainimage img {
	display:block;
	width:auto;
	height:auto;
	max-width:100%;
	margin-bottom:1.6rem
}
ol, section.editorial ul {
	margin:0 1rem 1.4rem 1rem
}
section.editorial ol li, section.editorial ul li {
padding:.2rem 0;
	font-size:1rem;
	line-height:1.6em
}
section.editorial a {
	color:var(--deepred);
	font-weight:400;
	text-decoration:none
}
section.editorial a:hover {
	color:var(--deepred);
	font-weight:400;
	text-decoration:underline
}
section.editorial .cta {
	position:relative;
padding:1.8rem 2rem .8rem 2rem;
	background-color:var(--headerbg);
	border-bottom-right-radius:3.6rem;
	margin:1rem 0 2rem
}
section.editorial .cta:after {
	position:absolute;
	content:'';
	bottom:1.2rem;
	right:1.2rem;
	width:66px;
	height:64px;
	background:url(../assets/layout/pg-icon.png);
	background-size:100% 100%
}
section.editorial .cta p.ctattl {
	padding:0 8% 1rem 0;
	font-size:1.6rem;
	line-height:1.2em;
	font-weight:300
}
section.article .inner {
	display:flex
}
section.article .inner .main {
	position:relative;
	width:71.5%;
	align-self:stretch;
	padding-bottom:100px
}
section.article .maininner {
	width:92%;
	padding:3rem 0 3rem 0
}
section.article .maininner p {
	line-height:1.7em;
	padding:0 0 1rem 0
}
ol, section.article .maininner ul {
	margin:0 1rem 1.4rem 1rem
}
section.article .maininner ol li, section.article .maininner ul li {
padding:.2rem 0;
	font-size:1rem;
	line-height:1.6em
}
section.article .mainheader {
	border-bottom:1px solid var(--keylinelte);
padding:0 0 .6rem 0;
	margin-bottom:1rem
}
section.article .mainheader p.blogttl {
	color:var(--deepblue);
	text-transform:uppercase;
	line-height:3.8rem;
	font-weight:600;
	font-size:2.8rem;
letter-spacing:-.16rem;
	padding:0 0 2rem 0
}
section.article .mainheader h1 {
	color:var(--deepblue);
	text-transform:none;
	line-height:2rem;
	font-weight:400;
	font-size:2.4rem;
	letter-spacing:0;
	padding:0
}
section.article .mainheader p.herocat a {
	color:var(--dustyorange);
	font-weight:400;
	text-decoration:none
}
section.article .mainheader p.herocat a:hover {
	color:var(--dustyorange);
	font-weight:400;
	text-decoration:underline
}
section.article .maindate {
	position:relative;
	margin:0 0 1.8rem 0
}
section.article .maindate.author {
	padding:40px 0 0 130px;
	min-height:140px
}
section.article p.newsdate {
font-size:.9rem;
	font-weight:400;
	padding:0
}
section.article p.newsauthor {
	font-size:1.3rem;
	font-weight:400;
	padding:0;
	line-height:1.2em
}
section.article p span {
	color:var(--deepred);
	font-weight:400
}
section.article .maindate img.imgblogauthor {
	position:absolute;
	top:0;
	left:0;
	width:116px;
	height:auto;
	display:block
}
section.article .sideinner {
	width:auto;
	margin:4rem 0 0 14%;
	padding:0 0 3rem 0
}
section.article .sideinner h3 {
	padding:0 0 1.4rem 0
}
section.article .sideinner h4 {
	font-size:1.4rem;
	line-height:1.1em;
	text-transform:none;
	padding:0 0 3rem 0;
	color:var(--deepblue);
	font-weight:400
}
section.article .mainimage {
	padding:0 0 2.2rem 0
}
section.article .mainimage img {
	display:block;
	width:auto;
	height:auto;
	max-width:100%
}
section.article .maininner h2 {
	color:var(--deepred);
	font-size:1.4rem;
padding:.8rem 0 .8rem 0
}
section.article a {
	color:var(--deepred);
	font-weight:400;
	text-decoration:none
}
section.article a:hover {
	color:var(--deepred);
	font-weight:400;
	text-decoration:underline
}
section.article .main p.back {
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	padding:2rem 0;
	border-top:1px solid var(--keylinelte);
	text-transform:uppercase;
	font-size:1.1rem
}
section.article .main p.back:before {
	position:absolute;
	content:'';
	top:-1px;
	right:100%;
	width:100%;
	height:1px;
	background-color:var(--keylinelte);
	overflow:hidden
}
section.article .main p.back a {
	color:var(--bodytext);
padding:.6rem 0 .6rem 32px;
	background:url(../assets/layout/arrow-back.png) center left no-repeat;
	background-size:16px 28px
}
p.faqback {
	padding:2rem 0;
	text-transform:uppercase;
	font-size:1.1rem
}
p.faqback a {
	color:var(--bodytext);
padding:.6rem 0 .6rem 32px;
	background:url(../assets/layout/arrow-back.png) center left no-repeat;
	background-size:16px 28px
}
section.article .inner .side {
	position:relative;
	width:28.5%;
	background-color:var(--headerbg);
	align-self:stretch
}
section.article .inner .side:after {
	position:absolute;
	content:'';
	top:0;
	left:100%;
	width:100%;
	height:100%;
	background-color:var(--headerbg);
	overflow:hidden
}
section.article .newsrow {
	position:relative;
	padding:0 0 2rem 0;
	margin:0 0 1.3rem 0
}
section.article .newsimg img.blank {
	width:100%;
	height:auto;
	display:block;
	margin-bottom:1rem
}
section.article .newsimg img.mblank {
	display:none
}
section.article .newstxt.brdrd {
	border-bottom:1px solid var(--keyline);
	margin-bottom:1rem
}
section.article .newstxt h5 {
	font-size:1.15rem;
	font-weight:400;
	line-height:1.2em;
padding:0 0 .4rem 0
}
section.article .newstxt h5 a {
	color:var(--bodytext);
	text-decoration:none
}
section.article .newstxt h5 a:hover {
	color:var(--bodytext);
	text-decoration:underline
}
section.article .newstxt p {
font-size:.9rem
}
section.article .newsrow p.newsdate {
font-size:.9rem;
	font-weight:400
}
section.article .newsrow p.newsdate span {
	color:var(--deepred)
}
section.whfeatures {
	background-color:var(--greybg)
}
section.whfeatures .inner {
	padding:3rem 0
}
section.whfeatures p {
	color:var(--bodytext);
	line-height:1.4em;
	font-weight:400;
	font-size:1.2rem;
	padding:0 16% 0 0
}
section.whfeatures p.ttl {
	color:var(--deepblue);
	text-transform:uppercase;
	line-height:2.8rem;
	font-weight:600;
	font-size:3.6rem;
letter-spacing:-.16rem;
padding:0 40% .6rem 0
}
section.whfeatures p.ttl span {
	display:block;
	font-size:1.5rem;
	letter-spacing:0;
	line-height:1.8rem
}
section.whfeatures .featureslider {
	padding:2rem 0
}
section.whfeatures .item {
	position:relative;
	padding-bottom:2.6rem
}
section.whfeatures .item h3 {
	position:relative;
	color:var(--red);
	font-size:1.4rem;
	line-height:1em;
	font-weight:600;
	text-transform:uppercase;
	padding:120px 8% 1rem 0
}
section.whfeatures .item p {
	color:var(--bodytext);
font-size:.94rem;
	line-height:1.4em
}
section.whfeatures .item a.btn {
	position:absolute;
	bottom:0;
	left:0;
font-size:.8rem;
padding:.4rem 1.6rem .4rem 1.4rem
}
section.whfeatures .featureslider .slick-slide {
	margin:0 27px;
	height:inherit!important
}
section.whfeatures .featureslider .slick-list {
	margin:0 -27px
}
section.whfeatures .featureslider .slick-track {
	display:flex!important
}
section.whfeatures .item h3:before {
	position:absolute;
	top:0;
	left:0;
	width:86px;
	height:86px;
	content:''
}
section.whfeatures .item h3.insurance:before {
	background-image:url(../assets/layout/icon-insurance.png);
	background-size:100% 100%
}
section.whfeatures .item h3.hospital:before {
	background-image:url(../assets/layout/icon-hospital.png);
	background-size:100% 100%
}
section.whfeatures .item h3.socialnetwork:before {
	background-image:url(../assets/layout/icon-socialnetwork.png);
	background-size:100% 100%
}
section.whfeatures .item h3.medicalinsurance:before {
	background-image:url(../assets/layout/icon-medicalinsurance.png);
	background-size:100% 100%
}
section.whfeatures .item h3.counselling:before {
	background-image:url(../assets/layout/icon-counselling.png);
	background-size:100% 100%
}
section.whfeatures .item h3.fitness:before {
	background-image:url(../assets/layout/icon-fitness.png);
	background-size:100% 100%
}
section.whfeatures .item h3.evolution:before {
	background-image:url(../assets/layout/icon-evolution.png);
	background-size:100% 100%
}
section.whfeatures .item h3.travel:before {
	background-image:url(../assets/layout/icon-travel.png);
	background-size:100% 100%
}
section.whfeatures .item h3.vgip:before {
	background-image:url(../assets/layout/icon-vgip.png);
	background-size:100% 100%
}
section.whfeatures .item h3.advice:before {
	background-image:url(../assets/layout/icon-advice.png);
	background-size:100% 100%
}
section.whfeatures .item h3.sickpay:before {
	background-image:url(../assets/layout/icon-sickpay.png);
	background-size:100% 100%
}
section.whfeatures .item h3.bonusscheme:before {
	background-image:url(../assets/layout/icon-bonusscheme.png);
	background-size:100% 100%
}
section.whfeatures .item h3.childcare:before {
	background-image:url(../assets/layout/icon-childcare.png);
	background-size:100% 100%
}
section.whfeatures .item h3.charities:before {
	background-image:url(../assets/layout/icon-charities.png);
	background-size:100% 100%
}
section.whfeatures .item h3.commission:before {
	background-image:url(../assets/layout/icon-commission.png);
	background-size:100% 100%
}
section.whfeatures .item h3.breakdown:before {
	background-image:url(../assets/layout/icon-breakdown.png);
	background-size:100% 100%
}
section.whfeatures .item h3.portal:before {
	background-image:url(../assets/layout/icon-portal.png);
	background-size:100% 100%
}
section.whfeatures .item h3.support:before {
	background-image:url(../assets/layout/icon-support.png);
	background-size:100% 100%
}
section.whfeatures .item h3.devices:before {
	background-image:url(../assets/layout/icon-devices.png);
	background-size:100% 100%
}
section.whfeatures .item h3.enterprise:before {
	background-image:url(../assets/layout/icon-enterprise.png);
	background-size:100% 100%
}
section.whfeatures .item h3.public:before {
	background-image:url(../assets/layout/icon-public-sector.png);
	background-size:100% 100%
}
section.whfeatures .item h3.smes:before {
	background-image:url(../assets/layout/icon-smes.png);
	background-size:100% 100%
}
section.whfeatures .item h3.tech:before {
	background-image:url(../assets/layout/icon-tech.png);
	background-size:100% 100%
}
section.whfeatures .item h3.smiley:before {
	background-image:url(../assets/layout/icon-hapi.png);
	background-size:100% 100%
}
section.editorial .faqpanels {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:1.4em 4%
}
section.editorial .faqpanel {
	position:relative;
	background-color:var(--white);
	padding:7rem 1.6rem 2rem 1.6rem;
	margin-bottom:2rem
}
section.editorial .faqpanel:before {
	position:absolute;
	top:1.2rem;
	left:1.6rem;
	width:66px;
	height:66px;
	content:'';
	background-image:url(../assets/layout/icon-hapi.png);
	background-size:100% 100%
}
section.editorial .faqpanel h2 {
	color:var(--deepblue);
	font-weight:600;
	padding-bottom:2rem
}
section.editorial .faqpanel ul {
	list-style:none;
	margin:0!important
}
section.editorial .faqpanel ul li {
padding:.5rem 0;
	font-size:1rem;
	border-bottom:1px solid var(--keylinelte);
	line-height:1.4em
}
section.editorial .faqpanel ul li:last-child {
	border-bottom:0
}
section.editorial .faqpanel ul li a {
	font-weight:600;
	color:var(--deepred);
	text-decoration:none
}
section.editorial .faqpanel ul li a:hover {
	font-weight:600;
	color:var(--deepred);
	text-decoration:underline
}
section.editorial .faqpanel.insurance:before {
	background-image:url(../assets/layout/icon-insurance.png);
	background-size:100% 100%
}
section.editorial .faqpanel.hospital:before {
	background-image:url(../assets/layout/icon-hospital.png);
	background-size:100% 100%
}
section.editorial .faqpanel.socialnetwork:before {
	background-image:url(../assets/layout/icon-socialnetwork.png);
	background-size:100% 100%
}
section.editorial .faqpanel.medicalinsurance:before {
	background-image:url(../assets/layout/icon-medicalinsurance.png);
	background-size:100% 100%
}
section.editorial .faqpanel.counselling:before {
	background-image:url(../assets/layout/icon-counselling.png);
	background-size:100% 100%
}
section.editorial .faqpanel.fitness:before {
	background-image:url(../assets/layout/icon-fitness.png);
	background-size:100% 100%
}
section.editorial .faqpanel.evolution:before {
	background-image:url(../assets/layout/icon-evolution.png);
	background-size:100% 100%
}
section.editorial .faqpanel.travel:before {
	background-image:url(../assets/layout/icon-travel.png);
	background-size:100% 100%
}
section.editorial .faqpanel.vgip:before {
	background-image:url(../assets/layout/icon-vgip.png);
	background-size:100% 100%
}
section.editorial .faqpanel.advice:before {
	background-image:url(../assets/layout/icon-advice.png);
	background-size:100% 100%
}
section.editorial .faqpanel.sickpay:before {
	background-image:url(../assets/layout/icon-sickpay.png);
	background-size:100% 100%
}
section.editorial .faqpanel.bonusscheme:before {
	background-image:url(../assets/layout/icon-bonusscheme.png);
	background-size:100% 100%
}
section.editorial .faqpanel.childcare:before {
	background-image:url(../assets/layout/icon-childcare.png);
	background-size:100% 100%
}
section.editorial .faqpanel.charities:before {
	background-image:url(../assets/layout/icon-charities.png);
	background-size:100% 100%
}
section.editorial .faqpanel.commission:before {
	background-image:url(../assets/layout/icon-commission.png);
	background-size:100% 100%
}
section.editorial .faqpanel.breakdown:before {
	background-image:url(../assets/layout/icon-breakdown.png);
	background-size:100% 100%
}
section.editorial .faqpanel.portal:before {
	background-image:url(../assets/layout/icon-portal.png);
	background-size:100% 100%
}
section.editorial .faqpanel.support:before {
	background-image:url(../assets/layout/icon-support.png);
	background-size:100% 100%
}
section.editorial .faqpanel.smiley:before {
	background-image:url(../assets/layout/icon-hapi.png);
	background-size:100% 100%
}
section.article h1.faqhdr {
	font-size:1.8rem;
	line-height:1.1em;
	text-transform:none;
	padding:0 0 2rem 0;
	margin:0 0 2rem 0;
	color:var(--bodytext);
	font-weight:400;
	border-bottom:1px solid var(--keylinelte)
}
section.article p.faqttl {
	color:var(--deepblue);
	font-weight:600;
	font-size:3.4rem;
	line-height:1.1em;
letter-spacing:-.1rem;
	padding:0 0 3rem 0
}
section.article ul.faqlist {
	list-style:none
}
section.article ul.faqlist li {
padding:.5rem 0;
	font-size:1rem
}
section.article ul.faqlist li a {
	color:var(--deepred);
	text-decoration:none;
	font-weight:400
}
section.article ul.faqlist li a:hover {
	color:var(--deepred);
	text-decoration:underline
}
.hpanels {
	padding:3rem 0;
	background:url(../assets/layout/hpanels-bg.jpg) center top no-repeat;
	background-size:cover
}
.hpanels h3 {
	color:var(--white);
	text-transform:uppercase;
	line-height:3.2rem;
	font-weight:600;
	font-size:3.8rem;
	padding:0 0 1rem 0
}
.hpanels h3 span {
	display:block;
	font-size:1.8rem;
	line-height:1.6rem;
letter-spacing:-.1rem
}
.hpanels p.intro {
	color:var(--white);
	font-size:1.2rem;
	font-weight:400;
	line-height:1.3em;
	padding:0 0 1.8rem
}
.planpanels {
	padding-bottom:2rem
}
.planpanels p.intro {
	color:var(--deepred);
	font-size:1.2rem;
	font-weight:400;
	line-height:1.3em;
	padding:0 0 1.8rem
}
.ppanels {
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:2em 3%;
	margin-bottom:2rem
}
.ppanel {
	position:relative;
	text-align:left;
	background-color:var(--headerbg)
}
.ppanel img {
	display:block;
	width:100%;
	height:auto
}
.ppaneltxt {
	padding:2rem 1.6rem 4rem 1.6rem;
	color:var(--white)
}
.ppanel h3 {
	font-weight:600;
	font-size:1.8rem;
	padding-bottom:1rem;
	text-transform:uppercase;
	line-height:1em
}
.ppanel h3 span {
	display:block
}
.ppanel h3 a {
	font-weight:600;
	color:var(--white);
	text-decoration:none
}
.ppanel h3 a:hover {
	font-weight:600;
	color:var(--white);
	text-decoration:underline
}
.ppanel p {
	font-size:1rem;
	padding:0 0 1rem 0;
	line-height:1.4em!important
}
.ppanel a.btn {
	position:absolute;
	bottom:1.6rem;
	left:1.6rem
}
.ppanel:first-child {
	background-color:var(--dustyorange)
}
.ppanel:nth-child(2) {
	background-color:var(--dustyblue)
}
.ppanel:last-child {
	background-color:var(--deepred)
}
.edlinks {
	margin:1.5rem 0
}
.edlinks h4 {
	color:var(--primary);
	font-size:140%;
	font-weight:600;
padding:.7rem 0
}
.editorial .edlinks ul {
	list-style:none;
	padding:0!important;
	margin:0!important
}
.edlinks ul li {
	border-top:1px solid #e7e7e7;
	background:0 0!important;
	padding:0!important
}
.edlinks ul li a {
	color:var(--deepred);
	font-weight:600;
	display:block;
	text-decoration:none;
	padding:10px 0 10px 2rem;
	background:url(../assets/layout/arrow-right.png) center left no-repeat;
	background-size:20px 20px
}
.edlinks ul li a:focus, .edlinks ul li a:hover {
	font-weight:600;
	color:var(--deepred);
	text-decoration:underline
}
.edlinks ul li:last-child {
	margin-bottom:1rem;
	border-bottom:1px solid #e7e7e7
}
.edlinks ul li p {
	font-weight:400;
	display:block;
	padding:0 6% 10px 22px;
	font-size:80%;
	margin-top:-6px
}
.headertop a.btn {
font-size:.8rem;
padding:.5rem 1rem .5rem .8rem;
	letter-spacing:1px
}
.hherotxt a.btn {
	font-size:1rem;
padding:.8rem 1.2rem .8rem 1rem
}
.hapi-btn button {
	display:inline-block;
	background-color:var(--tertiary);
	color:var(--black)!important;
font-size:.9rem;
padding:.6rem 2rem .6rem 1.8rem;
	text-transform:uppercase;
	border-top-right-radius:1.4rem;
	border-bottom-right-radius:1.4rem;
	letter-spacing:2px;
	font-weight:600;
	cursor:pointer
}
.lazy {
	opacity:0;
	-webkit-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	-webkit-transition-property:opacity, transform;
	-ms-transition-property:opacity, transform;
	-moz-transition-property:opacity, transform;
	-o-transition-property:opacity, transform;
	transition-property:opacity, transform
}
.lazy.lazy-up {
	-webkit-transform:translateY(3rem);
	-ms-transform:translateY(3rem);
	-moz-transform:translateY(3rem);
	-o-transform:translateY(3rem);
	transform:translateY(3rem);
	transition-delay:0.6s
}
.lazy.lazy-down {
	-webkit-transform:translateY(-3rem);
	-ms-transform:translateY(-3rem);
	-moz-transform:translateY(-3rem);
	-o-transform:translateY(-3rem);
	transform:translateY(-3rem);
	transition-delay:0.6s
}
.lazy.lazy-left {
	-webkit-transform:translateX(3rem);
	-ms-transform:translateX(3rem);
	-moz-transform:translateX(3rem);
	-o-transform:translateX(3rem);
	transform:translateX(3rem);
	transition-delay:0.6s
}
.lazy.lazy-right {
	-webkit-transform:translateX(-3rem);
	-ms-transform:translateX(-3rem);
	-moz-transform:translateX(-3rem);
	-o-transform:translateX(-3rem);
	transform:translateX(-3rem);
	transition-delay:0.6s
}
.lazy.in, .no-js .lazy {
	opacity:1;
	-webkit-transform:none;
	-ms-transform:none;
	-moz-transform:none;
	-o-transform:none;
	transform:none;
	transition-delay:0.4s
}
.lazy1 {
	transition-delay:1s
}
.blogctrl {
	padding:2rem 0 2rem 0
}

.preferences {
	width: 100%;
}

.preferences table {
	width: 100%;
	border-collapse: collapse;
}

.preferences th,
.preferences td {
	color: white;
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
}

.preferences th {
	background-color: #4b4a48;
}

.preferences input[type="checkbox"] {
	margin: 0;
}

.preferences .success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
	padding: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
	margin-bottom: 10px;
}

.dropdowns {
	position:relative;
	float:left;
	width:49%;
	padding:0 0 20px 0;
	font-weight:600;
	font-size:100%;
	z-index:22
}
.dropdowns .form_field_wrapper {
	width:auto;
	display:inline
}
.dropdowns select.select {
	width:48%;
	padding:1rem 3.6rem 1rem 0;
	font-weight:200;
font-size:.95rem;
	border-bottom:3px solid var(--tertiary);
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:url(../assets/layout/select-arrow.png) center right no-repeat var(--white);
	background-size:44px 44px;
	cursor:pointer;
	font-family:canada-type-gibson, sans-serif;
	line-height:1.4em;
	margin-right:0
}
.dropdowns select.select.first {
	margin-right:4%
}
.pager_wrapper {
	width:auto;
	position:relative;
	float:right;
	text-align:right;
	margin-bottom:20px;
	padding-top:4px
}
.pager-controls p {
	width:auto;
	position:relative;
	display:inline;
	padding-top:4px;
	padding-right:10px;
	font-size:17px;
	font-weight:400;
	color:#231f20
}
.pager_left, .pager_right {
	display:inline-block
}
.pager-controls ul {
	display:inline;
	list-style:none;
	margin:0!important;
	padding:0!important
}
.pager-controls ul li {
	position:relative;
	display:inline-block;
	width:30px;
	height:30px;
	margin:0;
	padding:0;
	font-size:17px;
	font-weight:400;
	padding-top:0;
	margin:0 8px 0 8px;
	text-align:center;
	background:0 0
}
.pager-controls ul li:after {
	position:absolute;
	right:-8px;
	top:-1px;
	width:1px;
	height:22px;
	content:'';
	font-weight:400!important;
	background-color:#e3e3e3
}
.pager-controls ul li.current {
	position:relative;
	display:inline-block;
	width:30px;
	height:30px;
	font-size:17px;
	background-image:url(../assets/layout/pageron-bg.png);
	background-size:100% 100%
}
.pager-controls ul li:last-child:after {
	display:none
}
.pager-controls ul li.placeholder {
	width:0;
	margin:0
}
.pager-controls ul li.placeholder:after {
	display:none
}
.pager-controls ul li.placeholder:before {
	position:absolute;
	left:-1px;
	top:-2px;
	width:1px;
	height:34px;
	content:'';
	font-weight:400!important;
	background-color:#fff
}
.pager-controls ul li a {
	position:relative;
	display:block;
	width:30px;
	height:30px;
	text-align:center;
	color:#231f20;
	text-decoration:none
}
.pager_left a {
	display:inline-block;
	width:8px;
	height:14px;
	padding:0;
	margin:2px 10px 0 4px;
	background-image:url(../assets/layout/logoslickleft.png);
	background-size:100% 100%
}
.pager_right a {
	display:inline-block;
	width:8px;
	height:14px;
	padding:0;
	margin:2px 4px 0 10px;
	background-image:url(../assets/layout/logoslickright.png);
	background-size:100% 100%
}
.cookiemessage {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	background:#000;
	z-index:100002;
	height:70px
}
.cookiemessage p {
	padding:17px 100px 0 0;
	line-height:1.3em;
	color:#fff;
	font-size:90%
}
.cookiemessage p a {
	color:#fff;
	text-decoration:underline
}
.cookiemessage a {
	color:#fff
}
.cookiemessage a.close-button {
	position:absolute;
	top:17px;
	right:1%;
	cursor:pointer;
	display:block;
	width:auto;
	padding:6px 18px 6px 18px;
	background-color:#ffd500;
	color:#fff;
	text-decoration:none;
	border-radius:4px;
	color:var(--black)
}
section.hlogos .inner {
	padding:2rem 0 2.4rem 0
}
.logoslider {
	position:relative
}
.logoslider .item {
	position:relative;
	padding:0
}
.logoslider .item img {
	width:100%;
	height:auto;
	display:block
}
.ps {
	overflow:hidden!important;
	overflow-anchor:none;
	-ms-overflow-style:none;
	touch-action:auto;
	-ms-touch-action:auto
}
.ps__rail-x {
	display:none;
	opacity:0;
	transition:background-color .2s linear, opacity .2s linear;
	-webkit-transition:background-color .2s linear, opacity .2s linear;
	height:15px;
	top:10px!important;
	bottom:10px!important;
	position:absolute
}
.ps__rail-y {
	display:none;
	opacity:0;
	transition:background-color .2s linear, opacity .2s linear;
	-webkit-transition:background-color .2s linear, opacity .2s linear;
	width:15px;
	right:10px;
	position:absolute;
	right:2px!important
}
.ps--active-x>.ps__rail-x, .ps--active-y>.ps__rail-y {
	display:block;
	background-color:transparent
}
.ps--focus>.ps__rail-x, .ps--focus>.ps__rail-y, .ps--scrolling-x>.ps__rail-x, .ps--scrolling-y>.ps__rail-y, .ps:hover>.ps__rail-x, .ps:hover>.ps__rail-y {
	opacity:.6
}
.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover {
	background-color:#bbb;
	opacity:.7;
	border-radius:6px
}
.ps__thumb-x {
	background-color:#aaa;
	border-radius:6px;
	transition:background-color .2s linear, height .2s ease-in-out;
	-webkit-transition:background-color .2s linear, height .2s ease-in-out;
	height:6px;
	bottom:2px;
	position:absolute
}
.ps__thumb-y {
	background-color:#aaa;
	border-radius:6px;
	transition:background-color .2s linear, width .2s ease-in-out;
	-webkit-transition:background-color .2s linear, width .2s ease-in-out;
	width:6px;
	right:2px;
	position:absolute
}
.ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus>.ps__thumb-x, .ps__rail-x:hover>.ps__thumb-x {
	background-color:#999;
	height:11px
}
.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y:hover>.ps__thumb-y {
	background-color:#999;
	width:11px
}
.ps__rail-x, .ps__rail-y {
	opacity:.6
}
@supports (-ms-overflow-style:none) {
.ps {
overflow:auto!important
}
}
.ps__rail-y {
	right:2px!important
}
.ps__rail-x {
	display:none!important
}
.csmain {
	position:relative;
	min-height:360px;
	padding-bottom:2rem
}
section.back p.back {
	width:100%;
	padding:2rem 0;
	border-top:1px solid var(--keylinelte);
	text-transform:uppercase;
	font-size:1.1rem
}
section.back p.back:before {
	position:absolute;
	content:'';
	top:-1px;
	right:100%;
	width:100%;
	height:1px;
	background-color:var(--keylinelte);
	overflow:hidden
}
section.back p.back:after {
	position:absolute;
	content:'';
	top:-1px;
	left:100%;
	width:100%;
	height:1px;
	background-color:var(--keylinelte);
	overflow:hidden
}
section.back p.back a {
padding:.6rem 0 .6rem 32px;
	background:url(../assets/layout/arrow-back.png) center left no-repeat;
	background-size:16px 28px
}
section.quote {
	background-color:var(--panelbg)
}
section.quote .inner {
	padding:3.4rem 0 2.2rem 0;
	text-align:center
}
section.quote .quoteslider {
	position:relative
}
section.quote blockquote {
	font-size:1.6rem;
	line-height:1.4em;
	padding:0 8% 1.4rem 8%
}
section.quote blockquote p {
	display:inline
}
section.quote p.quoteby {
	font-size:1rem;
	font-weight:400;
	padding:0 0 2rem 0
}
section.quote a.btn {
font-size:.9rem
}
section.quote .quoteslider button.slick-prev {
	bottom:48%;
	left:0
}
section.quote .quoteslider button.slick-next {
	bottom:48%;
	right:0
}
section.quote .quoteslider .slick-track {
	display:flex
}
section.quote .quoteslider .slick-track .slick-slide {
	display:flex;
	height:auto;
	align-items:center;
	justify-content:center
}
.sitemap ul {
	list-style:none;
	padding:0;
	margin:0
}
.sitemap ul li {
padding:.2rem 0
}
.sitemap ul li ul {
padding:.4rem 0;
	margin-left:2rem
}
.sitemap ul li ul.submenu {
	margin:0 0 0 1.6rem
}
.sitemap ul li.link_branch_16sitemapx ul.submenu {
	display:none
}
.sitemap li#link_branch_16sitemapx ul.submenu {
	display:none
}
.sitemap li#link_branch_17sitemapx ul.submenu {
	display:none
}
.module_sharecontent {
	margin:1.6rem 0
}
.module_sharecontent p {
	display:inline;
	color:var(--dustyorange);
	font-weight:400;
padding:.4rem 0 0 0!important;
	margin-right:1rem;
	vertical-align:middle
}
.module_sharecontent ul {
	display:inline;
	list-style:none;
	vertical-align:middle
}
.module_sharecontent ul li {
	display:inline-block;
	text-indent:-5000px;
	margin-right:1rem
}
.module_sharecontent ul li a.sharefacebook {
	width:26px;
	height:26px;
	display:block;
	background-image:url(../assets/layout/share-facebook.png);
	background-size:100% 100%
}
.module_sharecontent ul li a.sharetwitter {
	width:26px;
	height:26px;
	display:block;
	background-image:url(../assets/layout/share-twitter.png);
	background-size:100% 100%
}
.module_sharecontent ul li a.sharelinkedin {
	width:26px;
	height:26px;
	display:block;
	background-image:url(../assets/layout/share-linkedin.png);
	background-size:100% 100%
}
.module_sharecontent ul li a.shareemail {
	width:26px;
	height:26px;
	display:block;
	background-image:url(../assets/layout/share-email.png);
	background-size:100% 100%
}
.deepgrey {
	color:var(--deepgrey)!important
}
.deepred {
	color:var(--deepred)!important
}
.deepblue {
	color:var(--deepblue)!important
}
.dustypink {
	color:var(--dustypink)!important
}
.dustyblue {
	color:var(--dustyblue)!important
}
.dustyorange {
	color:var(--dustyorange)!important
}
.midgrey {
	color:var(--midgrey)!important
}
.warmhoney {
	color:var(--warmhoney)!important
}
.yellow {
	color:var(--yellow)!important
}
.bgdeepgrey {
	background-color:var(--deepgrey)
}
.bgdeepred {
	background-color:var(--deepred)
}
.bgdeepblue {
	background-color:var(--deepblue)
}
.bgdustypink {
	background-color:var(--dustypink)
}
.bgdustyblue {
	background-color:var(--dustyblue)
}
.bgdustyorange {
	background-color:var(--dustyorange)
}
.bgmidgrey {
	background-color:var(--midgrey)
}
.bgwarmhoney {
	background-color:var(--warmhoney)
}
.bgyellow {
	background-color:var(--yellow)
}
.search_result_list {
	margin-bottom:2rem
}
.search_result_item {
	border-bottom:1px solid var(--keylinelte);
	margin-bottom:1.4rem
}
.search_title {
	color:var(--tertiary);
padding:0 0 .3rem 0
}
.search_title a {
	font-size:1.4rem;
	font-weight:400;
	color:var(--tertiary);
	text-decoration:none
}
.search_title a:hover {
	color:var(--tertiary);
	text-decoration:underline
}
.search_body {
padding:0 0 .6rem 0
}
.search_body p {
font-size:.9rem!important;
padding:0 0 .3rem 0!important;
	line-height:1.5em!important
}
.search_body a {
	font-weight:400;
	color:var(--tertiary)
}
.search_body a:hover {
	font-weight:400;
	color:var(--tertiary)
}

form.contact span.label {
	width:100%;
	display:block;
	padding-bottom:6px;
	position:relative;
	font-size:96%;
	font-weight:400
}
form.contact span.label.required:after {
	content:" *"
}
form.contact .form_field_wrapper.outer-required span.label:after {
	content:" *"
}
form.contact span.label.required.failed {
	color:#c00;
	font-weight:400
}
form.contact span.label.failed {
	color:#c00;
	font-weight:400
}
form.contact input[type=email], form.contact input[type=password], form.contact input[type=text] {
	border:1px solid #fff;
	background-color:#fff;
	font-size:90%;
	border-radius:4px;
	padding:8px;
	margin-bottom:12px;
	font-family:PlutoSansCond, Helvetica, Arial, sans-serif;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	width:100%;
	max-width:340px;
}
form.contact input.txtinpt {
	width:98%;
	padding:8px
}
form.contact input.txtinpt.sml {
	width:20%;
	min-width:60px
}
form.contact input.txtinpt:focus {
	border:1px solid #d1d1d1
}
.formrow {padding-bottom:1rem;}
.pwdcontent {background-color:#E3E3E4;padding:1.8rem;}


.footer {
	width:100%;
	position:relative;
	color:#fff;
	line-height:1.5em;
	font-size:90%;
	background-color:var(--headertopbg);
	z-index:20
}
.footer .inner {
	position:relative;
	padding:50px 0 40px 0;
	z-index:2
}
.footer a {
	color:#ffd500;
	text-decoration:none
}
.footer a:focus, .footer a:hover {
	color:var(--tertiary);
	text-decoration:none
}
.footer h4 {
	color:#fff;
	padding:0;
font-size:.9rem;
	font-weight:600
}
.footer img.flogo {
	width:86%;
	max-width:140px;
	height:auto;
	display:block;
	margin-bottom:1.4rem
}
.footer img.fhapi {
	display:none
}
.footer .coll {
	float:left;
	display:inline;
	width:48%;
	padding-bottom:40px;
	line-height:1.6em
}
.footer .coll ul.menu {
	list-style:none;
	margin-bottom:28px
}
.footer .coll ul.menu li {
	position:relative;
	display:block;
	font-size:90%;
	line-height:1.5em
}
.footer .coll ul.menu li a {
	display:block;
	color:#fff;
	font-weight:300;
	text-decoration:none;
	padding:0 0 2px 0
}
.footer .coll ul.menu li a:focus, .footer .coll ul.menu li a:hover {
	color:var(--tertiary);
	text-decoration:none
}
.footer .coll ul.submenu {
	display:none
}
.footer .coll .col {
	float:left;
	width:50%;
	padding-right:2%
}
.footer .coll p {
	font-weight:300;
	padding:0 0 16px 0
}
.footer .colr {
	position:relative;
	float:right;
	width:49%
}
.footer .colr .signup {
	position:relative;
	padding:0 264px 20px 0
}
.footer .colr .signup p {
	font-size:116%;
	font-weight:300;
	line-height:1.3em
}
.footer .colr .signup a {
	position:absolute;
	top:0;
	right:0;
font-size:.9rem;
padding:.5rem 1.4rem .4rem 1.2rem
}
.footer .colr p.creds {
	padding:0 0 16px 0;
	text-align:left
}
.footer .colr p.creds img {
	margin-right:8px
}
.footer .colr .celogo {
	display:inline-block;
	width:41px;
	height:49px
}
.footer .colr .gcloudlogo {
	display:inline-block;
	width:170px;
	height:58px
}
.footer .colr .rebalogo {
	display:inline-block;
	width:122px;
	height:56px
}
.footer .colr .iso27001logo {
	display:inline-block;
	width:65px;
	height:97px;
}
.footer .colr .iso9001logo {
	display:inline-block;
	width:65px;
	height:97px;
}
.footer .col ul.links {
	list-style:none;
margin:0 0 .6rem 0
}
.footer .col ul.links li {
	position:relative;
	display:block;
font-size:.9rem;
	line-height:1.3em
}
.footer .col ul.links li a {
	position:relative;
	display:block;
	color:var(--tertiary);
	font-weight:500;
	text-decoration:none;
	padding:0.2rem 0
}
.footer .col ul.links li a:after {
	content:'>';
	color:var(--white);
margin-left:.4rem
}
.footer .col ul li a:focus, .footer .col ul.links li a:hover {
	color:var(--tertiary);
	text-decoration:none
}
.footer ul.social {
	vertical-align:middle
}
.footer ul.social li {
	display:inline-block;
margin:0 .6rem 0 0
}
.footer ul.social li.icon a {
	display:inline-block;
	width:24px;
	height:24px
}
.footer ul.social li.icon.twitter a {
	background-image:url(../assets/layout/icon-twitter.png);
	background-size:100% 100%
}
.footer ul.social li.icon.linkedin a {
	position:relative;
	background-image:url(../assets/layout/icon-linkedin.png);
	background-size:100% 100%
}
.footer span.tel {
	font-size:220%;
	font-weight:700;
	color:#fff;
	line-height:1.4em;
	letter-spacing:-1px
}
.footer .colr ul.menu {
	list-style:none;
	text-align:left;
	margin-bottom:10px
}
.footer .colr ul.menu li {
	position:relative;
	display:inline;
	line-height:1.2em
}
.footer .colr ul.menu li a {
	color:#fff;
	text-decoration:none;
	padding:2px 10px;
	font-size:80%;
	display:inline-block
}
.footer .colr ul.menu li:first-child a {
	padding:2px 10px 2px 0
}
.footer .colr ul.menu li:last-child a {
	padding:2px 10px 2px 0
}
.footer .colr ul.menu li a:focus, .footer .colr ul.menu li a:hover {
	color:#ffd500;
	text-decoration:none
}
.footer .colr ul.menu li a:after {
	content:"|";
	font-size:100%;
	position:absolute;
	top:1px;
	right:-1px;
	color:#ffd500
}
.footer .colr ul.menu li:last-child a:after {
	display:none
}
.footercr {
	margin-top:20px;
	clear:both
}
.footer .colr .footercr p {
	font-size:80%;
	text-align:left;
	padding:0
}
.footer .colr .footercr p.sml {
	padding-bottom:1.4rem
}
.footercr a {
	color:#fff;
	text-decoration:none
}
.footercr a:focus, .footercr a:hover {
	color:#fff;
	text-decoration:underline
}
img.footerblank {
	display:none
}
.footer .btnrow {
	padding:4px 0 16px 0
}
@media screen and (max-width:1360px) {
section.blocks .blocktxtinner {
	padding-top:12%
}
section.blocks .block h3 {
	min-height:80px
}
}
@media screen and (max-width:1240px) {
.header nav.main {
	display:none
}
.header.searchon {
	height:128px
}
.openmenu {
	display:block
}
section.nhero {
	height:0
}
body.has_manager_nav_v2 .header {
	top:0
}
.header a.iconsearch {
	left:auto;
	right:70px;
	top:24px
}
.header {
	position:relative;
	height:78px;
	background-color:#30444d
}
.header.small {
	position:relative;
	top:auto
}
body.hdr .header, body.home .header {
	background-color:#30444d
}
.header {
	height:78px
}
.header.searchon {
	height:128px
}
.header .openmenu {
	top:24px
}
.header .inner .logo {
	width:180px;
	height:auto;
	top:8px
}
.formcontent .inner {
	padding:3rem 0 2rem 0
}
section.whfeaturettl .inner {
	padding:3rem 0 1.6rem 0
}
section.whfeatures .inner {
	padding:3rem 0
}
section.hapi .inner {
	padding:5rem 0 4.4rem 0
}
section.hapi .btns {
	right:4%
}
section.editorial .inner {
	padding:2rem 0 2rem 0
}
section.editorial.pad .inner {
	padding:3rem 24% 3rem 0
}
.hhero .hheroinner {
	width:92%;
	padding-top:0;
}
section.blocks .block h3 {
	padding:1.2rem 0 1.6rem 0;
	font-size:2rem
}
section.blocks .blocktxtinner {
	padding-top:0
}
section.quote .inner {
	padding:1.4rem 0 1.4rem 0
}
.footer .inner {
	padding:50px 0 40px 0
}
.footer .colr ul.menu li a:after {
	display:none
}
}
@media screen and (max-width:1120px) {
.hhero .hherotxt {
	width:100%
}
.hhero .hherotxt p {
	font-size:1.2rem
}
.hhero .hherotxt p.ttl {
	font-size:2.8rem
}
section.hero {
	height:360px
}
section.hero .herotxt {
	padding-top:0
}
section.blocks .block {
	flex:50%
}
section.blocks .block img.blockbg {
	display:none
}
section.blocks .block img.mblockbg {
	display:block
}
.footer .colr .signup {
	text-align:right;
	padding:0 0 1.6rem 0
}
.footer .colr .signup p {
	position:relative;
padding:0 0 .4rem 0
}
.footer .colr .signup a {
	position:relative;
	top:auto;
	right:auto
}
}
@media screen and (max-width:980px) {
section.hblocks .hblock {
	flex:50%
}
section.hero .herotxt h1.blogttl {
padding:.2rem 0;
	font-size:3.6rem;
	line-height:1em
}
section.hero .herotxt h2 {
	font-size:1.4rem
}
.hhero .hherotxt p {
	width:100%
}
section.editorial .faqpanels {
	display:block
}
section.editorial .faqpanel {
	margin-bottom:1.4rem
}
.block h3 {
	font-size:2.8vh
}
.block p {
font-size:.9rem
}
section.blog .inner {
	display:block
}
section.blog .newsimg img {
	width:100%;
	height:auto;
	display:block
}
section.blog .blogrow {
	grid-template-columns:1fr 1fr;
	gap:0 2.4%
}
section.blog .blogrow .newsitem {
	margin:0 0 1.6rem 0
}
section.blog .blogrow .newsimg img.blank {
	display:none
}
section.blog .blogrow.first .newsimg img.blank {
	display:block
}
section.blog .blogrow .newsimg img.mblank {
	width:100%;
	height:auto;
	display:block
}
.cookiemessage {
	position:fixed;
	top:auto;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	background:#000;
	z-index:100002;
	height:auto
}
.cookiemessage p {
	padding:17px 120px 16px 0;
	line-height:1.3em;
	color:#fff;
	font-size:90%
}
.cookiemessage a.close-button {
	right:3%
}
.header.nocookie {
	top:0
}
}
@media screen and (max-width:768px) {
h1 {
	line-height:2.8rem;
	font-size:3.2rem
}
h2 {
	font-size:1.6rem
}
section.hero .herotxt h1 {
	padding:0 0 1rem 0;
	font-size:3.6rem;
	line-height:3.2rem
}
section.hero .herotxt h1 span {
	font-size:1.8rem
}
section.hero .herotxt h1.blogttl {
	font-size:3rem;
	line-height:.9em
}
section.hero .herotxt h2 {
	font-size:1.3rem
}
section.editorial .inner {
	padding:1rem 0
}
section.editorial .inner .content {
	padding-bottom:0
}
section.editorial.pad .inner {
	padding:2rem 0 2rem 0
}
section.hapi .inner {
	padding:3rem 0 3rem 0
}
section.hapi blockquote {
padding:.8rem 0
}
section.hapi .btns {
	position:relative;
	top:auto;
	right:auto
}
section.hapi a.btn {
	margin-right:1rem;
	display:inline-block
}
section.blocks {
	display:block
}
.block {
	flex:none;
	width:100%
}
.block h3 {
	text-align:center
}
section.blocks .blocktxtinner {
	padding-top:12%
}
section.blocks .block h3 {
	min-height:120px
}
section.article .inner {
	display:block
}
section.article .inner .main {
	width:100%
}
section.article .maininner {
	width:100%;
	padding:0
}
section.article .main p.back::after {
	position:absolute;
	content:'';
	top:-1px;
	left:100%;
	width:100%;
	height:1px;
	background-color:var(--keylinelte);
	overflow:hidden
}
section.article .inner .side {
	width:auto;
	padding:2rem;
	margin:0 0 3rem 0
}
section.article .inner .side::after {
	display:none
}
section.article .sideinner {
	width:100%;
	padding:0;
	margin:0
}
section.hfeatureimgleft {
	display:block
}
section.hfeatureimgleft .hfeatureimg {
	width:100%
}
section.hfeatureimgleft .hfeaturetxt {
	width:100%;
	min-height:100px
}
section.hfeatureimgleft .hfeaturetxttxt {
	padding:2rem 0
}
section.hfeatureimgleft .hfeaturetxtinner {
	width:100%;
	top:auto;
	transform:none;
	padding:0 4%;
	max-width:768px
}
section.hfeatureimgleft .hfeatureimginner {
	display:block;
	width:auto;
	max-width:768px;
	margin-left:none
}
section.hfeatureimgleft .hfeatureimg video {
	position:relative;
	top:auto;
	left:auto;
	min-height:auto;
	-ms-transform:none;
	-moz-transform:none;
	-webkit-transform:none;
	transform:none
}
section.hfeatureimgright {
	display:block
}
section.hfeatureimgright .hfeatureimg {
	width:100%
}
section.hfeatureimgright .hfeaturetxt {
	width:100%;
	min-height:100px
}
section.hfeatureimgright .hfeaturetxttxt {
	padding:2rem 0
}
section.hfeatureimgright .hfeaturetxtinner {
	width:100%;
	top:auto;
	transform:none;
	padding:0 4%;
	max-width:768px
}
section.hfeatureimgright .hfeatureimginner {
	display:block;
	width:auto;
	max-width:768px;
	margin-right:none
}
section.hfeatureimgright .hfeatureimg video {
	position:relative;
	top:auto;
	left:auto;
	min-height:auto;
	-ms-transform:none;
	-moz-transform:none;
	-webkit-transform:none;
	transform:none;
	display:block
}
section.hfeatureimgleft .videoContainer, section.hfeatureimgright .videoContainer {
	position:relative;
	width:100%;
	height:auto;
	top:auto;
	left:auto;
	bottom:auto;
	right:auto;
	display:block
}
section.hfeatureimgleft iframe, section.hfeatureimgright iframe {
	width:100%;
	min-height:400px
}
section.whfeatures p.ttl {
padding:0 0 .6rem 0
}
.dropdowns {
	float:none;
	width:100%
}
.pager_wrapper {
	float:none;
	width:100%;
	text-align:left;
padding-top:.4rem
}
.cspanels {
	grid-template-columns:1fr 1fr
}
.ppanels {
	display:block
}
.ppanel {
	margin-bottom:2rem
}
.hhero .hheroinner {
	width:88%
}
.fcol {
	padding:0 2% 0 2%
}
.footer .coll {
	float:none;
	display:block;
	width:100%;
	padding-bottom:20px
}
.footer .colr {
	float:none;
	display:block;
	width:100%;
	clear:both
}
.footer .colr ul.menu {
	text-align:left
}
.footer .colr .footercr p {
	text-align:left
}
.footer .colr ul.menu li:last-child a {
	padding:2px 10px 2px 10px
}
.footer .colr ul.menu li:first-child a {
	padding:2px 10px 2px 0
}
.footer .colr p.creds {
	float:none;
	display:block;
	padding:0 0 8px 0;
	text-align:left
}
.footer .colr p.creds img {
	margin-left:0;
	margin-right:0;
	display:inline-block
}
.footer .colr .signup {
	text-align:left;
	padding:0 0 1.6rem 0
}
}
@media screen and (max-width:600px) {
.headertop nav.top li.icon.twitter {
	display:none
}
.headertop nav.top li.icon.linkedin {
	display:none
}
.headertop p {
padding:0 .4rem 0 0
}
.hhero .hherotxt p.ttl {
	font-size:2.2rem
}
section.hero {
	height:300px
}
section.hero .herotxt h1 {
	padding:0 0 1rem 0;
	font-size:3.2rem;
	line-height:2.8rem
}
section.hero .herotxt h1.blogttl {
	font-size:2.4rem
}
section.hero .herotxt h1.blogttl::before {
	top:-2rem;
	font-size:1.2rem
}
section.hero .herotxt h2 {
	font-size:1.1rem
}
section.editorial .inner {
	padding:1.6rem 0 2rem 0
}
section.whfeaturettl .inner {
padding:.6rem 0 1.6rem 0
}
section.whfeatures .featureslider .slick-slide {
	margin:0 12px
}
section.whfeatures .featureslider .slick-list {
	margin:0 -12px
}
section.whfeaturettl p {
	padding:0
}
section.whfeaturettl p.ttl {
	line-height:2.4rem;
	font-size:2.8rem
}
section.whfeatures p.ttl {
	font-size:3.2rem
}
section.whfeatures .item h3 {
	font-size:1.3rem
}
section.hfeatureimgleft p.hfeaturettl, section.hfeatureimgright p.hfeaturettl {
	font-size:3.2rem
}
section.hfeatureimgleft p.hfeaturettl span, section.hfeatureimgright p.hfeaturettl span {
	font-size:1.6rem
}
section.editorial .cta {
	padding:1.4rem 1.4rem 3rem 1.4rem
}
section.editorial .cta:after {
	width:51px;
	height:36px;
	bottom:1rem
}
section.editorial .cta p.ctattl {
	padding:0 0 1rem 0
}
section.editorial a.btn {
padding:.6rem 1.2rem .6rem .6rem
}
.block img.blockbg {
	display:none
}
.block img.mblockbg {
	display:block
}
.blocktxtinner {
	padding-top:4%
}
section.blocks .blocktxtinner {
	padding-top:10%
}
section.blocks .block h3 {
	min-height:80px
}
section.quote blockquote {
	font-size:1.4rem;
	line-height:1.4em!important;
	padding:0 8% 1.4rem 8%
}
.footer .inner {
	padding:24px 0 40px 0
}
.footer .coll {
	padding-bottom:0
}
.footer .coll .col {
	float:none;
	width:100%;
margin-bottom:.4rem
}
.footer img.flogo {
	width:40%;
	max-width:140px;
	height:auto;
	display:inline-block;
	margin-right:4%
}
.footer img.fhapi {
	width:40%;
	max-width:70px;
	height:auto;
	display:inline-block;
	vertical-align:top
}
.footer .coll ul.menu {
	display:none
}
.footer img.flogo {
	width:80%
}
.footer span.tel {
	font-size:160%
}
.footer .colr p.signup {
	font-size:100%
}
.footer .colr ul.menu {
	margin-bottom:1rem
}
.footer .colr ul.menu li {
	display:block
}
.footer .colr ul.menu li a {
	display:block;
	padding:4px 0 4px 0
}
.footer .colr ul.menu li:first-child a {
	padding:4px 0 4px 0
}
.footer .colr ul.menu li:last-child a {
	padding:4px 0 4px 0
}
.footercr {
	margin-top:10px
}
.footer p.ctc br {
	display:none
}
p.ftrspace {
	display:none
}
}
@media screen and (max-width:480px) {
.headertop p.strap a {
font-size:.9rem
}
.headertop p {
font-size:.9rem
}
.headertop a.btn {
font-size:.8rem;
padding:.5rem .8rem .4rem .57rem;
	letter-spacing:0
}
.headertop nav.top li {
margin:.2rem 0 0 .4em
}
section.hblocks .hblock {
	flex:100%
}
section.blocks .blocktxtinner {
	padding-top:4%
}
section.blocks .block h3 {
	min-height:60px
}
section.blog .blogrow {
	grid-template-columns:1fr;
	gap:0 0
}
section.blog .blogrow.first {
	grid-template-columns:1fr;
	gap:0 0
}
}
@media screen and (max-width:400px) {
.headertop p.strap em {
	display:none
}
section.hblocks .hblock {
	flex:100%
}
.dropdowns .form_field_wrapper {
	display:block
}
.dropdowns select.select {
	width:100%;
	border-bottom:2px solid var(--tertiary);
	margin-right:0
}
.dropdowns select.select.first {
	margin-right:0
}
}