/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:'Arial', sans-serif;}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2rem;margin:.67rem 0}
h2{font-size:1.5rem;margin:.83rem 0}
h3{font-size:1.17rem;margin:1rem 0}
h4{font-size:1rem;margin:1.33rem 0}
h5{font-size:.83rem;margin:1.67rem 0}
h6{font-size:.75rem;margin:2.33rem 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1rem 0}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1rem 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1rem}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5rem}
sub{bottom:-0.25rem}
dl,menu,ol,ul{margin:1rem 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 0}
li{margin: 0 0 10px 0;}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:none;margin:0;padding:0}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.skiptocontent{padding: 8px 20px; position: absolute; top: -40px; left: 0px; color: white; border-right: 1px solid white; border-bottom: 1px solid white; border-bottom-right-radius: 8px; background: #BF1722; transition: top .1s ease-out; z-index: 100; }
.skiptocontent:focus{position: absolute; left: 0px; top: 0px; outline-color: transparent; transition: top .1s ease-in; }
p.navheader {display: none;}@font-face { font-family: 'Pictos'; src: url('../styles/pictos/pictos-web.eot'); src: local('?'), url('../styles/pictos/pictos-web.woff') format('woff'), url('../styles/pictos/pictos-web.ttf') format('truetype'), url('../styles/pictos/pictos-web.svg#webfontIyfZbseF') format('svg'); font-weight: normal; font-style: normal; }/* Standard skipnav configuration */
.skiptocontent{padding: 8px 20px; position: absolute; top: -40px; left: 0px; color: white; border-right: 1px solid white; border-bottom: 1px solid white; border-bottom-right-radius: 8px; background: #BF1722; transition: top .1s ease-out; z-index: 100; }
.skiptocontent:focus{position: absolute; left: 0px; top: 0px; outline-color: transparent; transition: top .1s ease-in; }

/* Define the grid layout */
.col{margin: 0 1%; float: left; position: relative;}
.col--1wide{width: 6.33%;}
.col--2wide{width: 14.66%;}
.col--3wide{width: 23%;}
.col--4wide{width: 31.33%;}
.col--5wide{width: 39.67%;}
.col--6wide{width: 47.99%;}
.col--7wide{width: 56.33%;}
.col--8wide{width: 64.66%;}
.col--9wide{width: 73%;}
.col--10wide{width: 81.33%;}
.col--11wide{width: 89.67%;}
.col--12wide{width: 98%;}

/* Clear fix hack*/
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* Standard hidden functionality */
.hidden {display: none !important; visibility: hidden; }
.metainfo{display: none !important;}

/* Ensure all images don't overflow their container */
img{max-width: 100%;}

/* Default ifram configuration */
iframe{width: 100%; height: auto; border: none;}

/* Reveal the page content */
.page{display: block !important;}

/* Warnings, errors and success messages */
.warning{width: calc(100% - 90px); padding: 10px 20px 10px 60px; margin: 0 0 1rem 0; text-align: left; color: #FFF; line-height: 1.1rem !important}
.warning.fail{border: 1px solid #fc8b8b; border-width: 1px 1px 1px 10px; color: #A00; background: #fff7f7 url("../images/exclamation.png") no-repeat top 10px left 20px !important}
.warning.success{border: 1px solid #72b360; border-width: 1px 1px 1px 10px; color: #3C3C3B; background: #f3faf0 url("../images/tick.png") no-repeat top 10px left 20px !important}
.warning a{color: #FFF; text-decoration: underline;}
.warning em{font-weight: bold;}
.warning span{margin-bottom: 10px; display: inline-block;}

/* Sitemap style */
.sitemap{list-style-type: none;}

/* Mobile test element */
.mobile-test-element{display: none;}

/* Basic Table Styles */
table {text-align: left; font-size: 1rem !important; border: 1px solid #1D9EDA;}
table thead tr th{background-color: #1D9EDA; color: #FFF; padding: 10px;}
table tbody tr td{background-color: #FFF; color: #000; padding: 10px; vertical-align: top;}
table tbody tr td a{text-decoration: none;}
table tbody tr:nth-child(odd) td{background-color: #EEE;}
table tbody tr:hover td{background-color: #32465C; color: #FFF;}
table tbody tr:hover td p{color: #FFF;}
table tbody tr:hover td a{color: #FFF;}

.table--fullwidth{width: 100%;}
.table--noborder{border: none;}
.table--bottom-margin{margin-bottom: 3rem;}
.table--shadow{box-shadow: 0 0 12px 0px rgba(115, 115, 115, 0.48);}

@media only screen and (max-width: 770px) {
	.mobile-test-element{display: block;}
}

/* Mobile */
@media only screen and (max-width: 640px) {
	.col{margin: 10px 0; padding: 0 2.5%; float: none;}
	.col--1wide, .col--2wide, .col--3wide, .col--4wide, .col--5wide, .col--6wide, .col--7wide, .col--8wide, .col--9wide, .col--10wide, .col--11wide, .col--12wide{width: 95% !important;}
	.mobile-test-element{display: block;}
}.block{width: 100%; position: relative; background-color: #FFF;}

.block--topline{background-color: #0E0845; color: #FFF;}

.block--header{background-color: #FFF;}
.block--header__logo{cursor: pointer;}

.block--menu{background-color: #EEE;}
.block--content{background-color: #CCC; min-height: 1000px;}
.block--footer{background-color: #BBB;}
.block--subfooter{background-color: #AAA;}
.block--cookies{background-color: #999;}

.block__wrapper{width: 960px; margin: 0 auto;}
.block__wrapper--fullwidth{width: 100%;}


/* Mobile */
@media only screen and (max-width: 640px) {
	.block__wrapper{width: 100% !important; text-align: center;}
}h1, h2, h3, h4, h5, h6{color: #3C3C3B;}

/* Standard Paragraphs */
.para{}

/* Standard Image positions */
#maincontent .segment img.left{height: auto; width: auto; float: left; clear: left; margin: 0 20px 20px 0;}
#maincontent .segment img.right{height: auto; width: auto; float: right; clear: right; margin: 0 0 20px 20px;}
#maincontent .segment img.block{height: auto; width: auto; margin: 20px auto; float: none; display: block;}

/* Cookies */
.block--cookies{position: fixed; width: 100%; height: 100%; text-align: center; top: 0; z-index: 2000; background-color: rgba(100, 100, 100, 0.9); display: none;}
.block--cookies .col--12wide{background-color: #FFF; width: 40%; min-width: 22rem; float: none; padding: 40px 10%; margin: 10% auto 0 auto;}
.block--cookies__logo{margin-bottom: 40px;}
.block--cookies .col--12wide p{width: 20rem; margin: 20px auto;}
.cookies-accept-button{position: relative;}
.cookies-accept-button a{text-decoration: none; text-transform: uppercase; color: #FFF; font-size: 2rem;}

.drop-first-cap p:first-child:first-letter {float: left; font-size: 3.9rem; line-height: 60px; padding-top: 9px; padding-right: 5px; padding-left: 3px; font-weight: 800; }

/* Expandable/contractable sections */
.expandable-area{background-color: #EEEEEE; padding: 1rem 2rem;}
.expandable-area h3{font-weight: 200; font-size: 1.6rem; margin: 0.8rem 0 1.2rem 0;}
.expandable-area p:last-child{margin-bottom: 1rem;}
.expandable-area--enabled{background: #EEE url() no-repeat 98% 1.8rem; background-size: 2rem; transition: 2s height;}
.expandable-area--closed{height: 2.8rem; background-image: url(../images/plus.svg); background-position-y: 25px; overflow: hidden; cursor: pointer; }
.expandable-area--open{height: auto; background-image: url(../images/minus.svg);}

/* Mobile */
@media only screen and (max-width: 640px) {
	.block--cookies .col--12wide{width: 70% !important; min-width: 0}
	.block--cookies .col--12wide p{width: auto;}
	.cookies-accept-button a{width: 100%; padding: 20px 0;}

	.expandable-area--enabled{background-size: 1rem; background-position-y: 2.3rem }
}/* Menu specific styles */
.menu{}

.menu--inline {display:inline-block}
.menu--inline li{display: inline-block; margin: 0 20px 0 0;}

.menu__mobile-control{display: none !important;}


/* Mobile */
@media only screen and (max-width: 640px) {
	.menu--inline {display: block !important}
	.menu--hidden li {display: none !important;}

	.menu__mobile-control{display: block !important;}
	.menu--hidden li.menu__mobile-control{display: block !important;}
}/* Underpinning cross site segment styles */
.segment__wrapper{width: 960px; margin: 0 auto;}
.segment__wrapper--fullwidth{width: 100% !important; max-width: 100% !important;}

.segment{padding: 30px 0;}
.segment ul, .segment ol{padding-left: 20px;}

.segment--2col{}
.segment--2col-imageleft{}
.segment--2col-imageleft img{width: auto !important; max-width: 100%;}
.segment--2col-imageright{}
.segment--2col-imageright img{width: auto !important; max-width: 100%;}
.segment--3col-images-with-text{}

.segment--1col-expandable + .segment--1col-expandable{margin-top: -3rem !important;}
.segment--2col-expandable + .segment--2col-expandable{margin-top: -3rem !important;}

/* Mobile */
@media only screen and (max-width: 640px) {
	.segment__wrapper{width: 100% !important; text-align: center;}
	
	.segment--full-image .headline {position:static !important; margin:0 !important; width:100% !important; margin-top:-20px !important}
}/* Slideshow specific styles */
.block--slideshow{background-color: #DDD;}

div.blmslideshow{width: 200px; height: 200px; position: relative; overflow: hidden; margin: 0x; display: inline-block}


/* Example Sizes - SHOULD BE REPLACED OR MADE MORE SPECIFIC */
div.blmslideshow.fullwidth{width: 100%; height: 300px; margin: 0;}


div.blmslideshow div.slide{background: transparent center center no-repeat; width: 100%; height: 100%; background-size: cover; position: absolute;}
div.blmslideshow div.slide.clickable{cursor:pointer;}

/* Multiple Slides At Once */
div.blmslideshow.multi {width: 700px; height: 120px}
div.blmslideshow.multi div.slide{position: absolute; width: 20% !important; margin-right: 20px;}
div.blmslideshow.multi div.slide.pos1{left: 0% !important;}
div.blmslideshow.multi div.slide.pos2{left: 20% !important;}
div.blmslideshow.multi div.slide.pos3{left: 40% !important;}
div.blmslideshow.multi div.slide.pos4{left: 60% !important;}
div.blmslideshow.multi div.slide.pos5{left: 80% !important;}

/* Captions */
div.blmslideshow div.slide div.caption{width: 100%; position: absolute; top: 20%; left: 0; color: white; text-align: center}
div.blmslideshow div.slide div.caption p{margin:  5px; padding: 0; color: white; text-transform: uppercase;}
div.blmslideshow div.slide div.caption h3{margin: 5px; padding: 0; color: white; text-transform: uppercase; font-size: 3rem;  text-shadow: 1px 1px 5px #555}

/* Arrows */
div.blmslideshow a.arrows{position: absolute; top: 50%; margin-top: -10px; z-index: 2000; font-weight: bold; color: white; cursor: pointer;}
div.blmslideshow a.arrows.previous{left: 5px;}
div.blmslideshow a.arrows.next{right: 5px;}

/* Indicators */
div.blmslideshow ul.indicators{list-style-type: none; position: absolute; top: 5px; right: 5px; z-index: 2000; margin: 0; padding: 0;}
div.blmslideshow ul.indicators li{list-style-type: none; width: 10px; height: 10px; border-radius: 50%; display: inline-block; background: rgba(200, 200, 200, 0.2); border: 1px solid rgba(200, 200, 200, 0.8); z-index: 2001; margin: 0 5px 0 0;}
div.blmslideshow ul.indicators li:hover{cursor: pointer;}
div.blmslideshow ul.indicators li.selected{animation: indicators-fadein 2s; animation-fill-mode: forwards;}	
@keyframes indicators-fadein{
	100% { background: rgba(200, 200, 200, 0.8); border: 1px solid rgba(200, 200, 200, 1); }
}

/* Transition into first slide */
div.blmslideshow div.slide1 {animation: slide-fadein 0.5s; opacity: 0; animation-fill-mode: forwards;}					
@keyframes slide-fadein{
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
div.blmslideshow div.slide1 div.caption{animation: slide-slide1-captionanim 0.5s; animation-delay: 0.5s; opacity: 0; animation-fill-mode: forwards;}					
@keyframes slide-slide1-captionanim{
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

/* Transition Options */
div.blmslideshow.crossfade div.slide2 {animation: slide-crossfade 2s; opacity: 0; animation-fill-mode: forwards;}					
@keyframes slide-crossfade{
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
div.blmslideshow.crossfade div.slide2 div.caption{opacity: 0;}
div.blmslideshow.crossfade div.slide2 div.caption{animation: slide-crossfade-captionanim 1s; animation-delay: 2s; opacity: 0; animation-fill-mode: forwards;}					
@keyframes slide-crossfade-captionanim{
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

div.blmslideshow.slidefromright div.slide2 { animation: slide-slidefromright 2s; animation-fill-mode: forwards; right: -100%;}					
@keyframes slide-slidefromright{
	0%   {right: -100%;}
	100% {right: 0%;}
}

div.blmslideshow.slidefromleft div.slide2 { animation: slide-slidefromleft 2s; animation-fill-mode: forwards;  left: -100%;}					
@keyframes slide-slidefromleft{
	0%   {left: -100%;}
	100% {left: 0%;}
}

div.blmslideshow.pop div.slide2 { animation: slide-pop 0.5s; animation-timing-function: easeInOutElastic; animation-fill-mode: forwards; left: 50%; top: 50%; width: 0%; height: 0%;}					
@keyframes slide-pop{
	0%   {left: 50%; width: 0%; height: 0%; top: 50%; color: transparent; }
	70% {left: -5%; width: 110%; height: 110%; top: -5%; color: transparent;}
	100% {left: 0%; width: 100%; height: 100%; top: 0%; color: black;}
}.form{}

.form__legend{display: none;}
.form__fieldset{margin: 0; padding: 0; border: none;}

/* Column layout */
.form__column{width: 100%; float: left; display: flex; flex-wrap: wrap;}
.form__column--nowrap{ flex-wrap: nowrap;}
.form__column--narrow{width: 33%;}
.form__column--wide{width: 67%;}
.form__column--half{width: 48%;}
.form__column--half + .form__column--half{margin-left: 4%}
.form__column--fullpad{width: calc(100% - 40px); padding: 0 20px;}
.form__column--halfpad{width: calc(50% - 40px); padding: 0 20px;}
.form__column--halfpad-vertical{flex-direction: column;}

/* Form generic elements */
.form__label{text-align: right; width: calc(40% - 15px); line-height: 1.35rem; padding: 5px 10px 5px 5px; margin: 10px 0; display: inline-block; vertical-align: top; font-size: 1rem;}
.form__input{width: calc(60% - 16px); padding: 0 7px; height: 30px; margin: 10px 0; display: inline-block; vertical-align: top; font-size: 1rem; border: 1px solid #CCC;}
.form__select{width: 60%; padding: 0; height: 30px; margin: 10px 0;  display: inline-block; vertical-align: top; font-size: 1rem; border: 1px solid #CCC;}
.form__textarea{width: calc(60% - 6px); padding: 5px 2px; margin: 10px 0; display: inline-block; vertical-align: top; font-size: 1rem; border: 1px solid #CCC;}
.form__p{font-size: 1rem;}
.form__p--formheading{margin-bottom: 0;}
.form__input--nomargin{margin: 0 !important;}
.form__select--nomargin{margin: 0 !important; width: auto !important;}
.form__label--leftalign{text-align: left;}

.form__label--vertical{display: block; width: calc(100% - 16px); text-align: left; padding: 0; margin-bottom: 0;}
.form__input--vertical{display: block; width: calc(100% - 16px);}
.form__select--vertical{display: block; width: 100%;}
.form__textarea--vertical{display: block; width: calc(100% - 16px);}

.form__input:required:invalid, .form__input:required:focus:invalid, .form__select:required:invalid, .form__select:required:focus:invalid, .form__textarea:required:invalid, .form__textarea:required:focus:invalid{border: 1px solid rgba(255, 0, 0, 0.4); background: url("../images/exclamation.png") no-repeat 97.5% 50%;}
.form__input:required:valid, .form__input:required:focus:valid, .form__select:required:valid, .form__select:required:focus:valid, .form__textarea:required:valid, .form__textarea:required:focus:valid{border: 1px solid #29BF0D; background: url("../images/tick.png") no-repeat 97.5% 50%;}
.form__select:required:invalid, .form__select:required:valid{background-position: 95% 50% !important;}

.form__select--auto-width{display: block; width: auto;}

/* Form specific elements */
/* Checkboxes */
.form__checkbox{width: 100%; display: flex; flex-wrap: inherit;}
.form__label--checkbox{width: calc(95% - 15px); text-align: left;}
.form__input--checkbox{width: calc(5% - 6px);}
.form__multicheckbox{display: flex;}
.form__multicheckboxheading{margin-bottom: 0;}
.form__label--multicheckbox{width: calc(90% - 15px); text-align: left;}
.form__input--multicheckbox{width: calc(10% - 2px);}

/* Date selectors */
.form__label--date{}
.form__input--date{}
.form__datepicker{}
.form__label--datetimepicker{}
.form__label--datepicker{}
.form__input--datepicker{}
.form__label--daterangefrom{}
.form__input--daterangefrom{}
.form__label--daterangeto{}
.form__input--daterangeto{}
.form__datetimepicker{}

/* Date & Time picker */
.form__label--timepicker{}
.form__select--dateday{}
.form__select--datemonth{}
.form__select--dateyear{}
.form__select--timehour{}
.form__select--timeminute{}

/* Time picker */
.form__timepicker{}
.form__label--timepicker{}
.form__input--timepicker{}

/* Time */
.form__time{}
.form__label--time{}

/* HTML5 time */
.form__label--html5time{}
.form__input--html5time{}

/* File upload */
.form__label--upload{}
.form__input--upload{}

/* Hidden */
.form__input--hidden{}

/* Month */
.form__label--month{}
.form__input--month{}
.form__select--month{}
.form__select--year{}

/* Multiselect */
.form__label--multiselect{}
.form__select--multiselect{}
.form__select__tip{}

/* Password */
.form__label--password{}
.form__input--password{}

/* Radio buttons */
.form__radio{}
.form__radiooption{}
.form__input--radio{width: auto;}
.form__label--radio{}

/* Buttons */
.button{padding: 20px;  background-color: #1D8AD1; color: #FFF; border: none; font-size: 1.3rem; text-decoration: none; display: block; text-align: center;}
.button:hover{opacity: 0.9;}
.form__button{width: 25% !important; float: right;}
.form__button--wide{width: 35% !important;}
.button--fullwidth{width: 100% !important;}

/* Spam test field */
.form__covertlabel{display: none;}
.form__covertinput{display: none;}

/* Mobile */
@media only screen and (max-width: 900px) {
}

@media only screen and (max-width: 640px) {
	.form__select--auto-width{margin: 10px auto;}
	.form__p--formheading{text-align: left;}
	.form__multicheckboxheading{text-align: left;}
}/* ICONS: https://iconsvg.xyz/# */

/* Site specific styles */
.page{font-family: 'Lato', sans-serif;}
a{color: #76B82A;}
blockquote{border-left: 10px solid #0b52a2; padding: 1rem 1.5rem; margin: 1.614rem 2rem; font-style: italic; font-size: 1.2rem; font-weight: 400; line-height: 2rem;}

.block--topline{text-align: right; min-height: 31px;}
.block--topline nav{display: inline-block;}
.block--topline__hamburger{width: 25px; height: 25px; position: absolute; right: 0; top: 3px; cursor: pointer;}

.login-messsage{position: absolute; top: 0; left: 0; margin: 5px 0;}

.block__wrapper{width: 80%; max-width: 1250px;}
.block--content{background-color: #FFF;}

/* Header - menu/contact */
.block--header{min-height: 382px; background: transparent url('../images/background-masthead.svg') center center no-repeat; background-size: cover;}
.block--header__logo{margin: 22px 0}
.block--header__basket-link{width: 30px; position: absolute; top: 10px; right: 0;}
.block--header--fixed{position: fixed; z-index: 1000; background: #fff; height: 67px; min-height: auto; top: 0; left: 0; border-bottom: 1px solid #aeaeae;}
.block--header--fixed .block--header__logo{height: 55px; width: auto; margin: 8px 0 0 0;}
.page--login .block--header--fixed{display: none;}

/* Header - Contact link popup */
.block--contactdetails_dynamic{position: absolute; top: 24px; right: 0;}
.block--contactdetails__dynamic_link{background-color: #76B82A; cursor: pointer; color: #fff; padding: 8px 10px; border-radius: 3px; font-size: 0.8rem; margin: 0; text-transform: uppercase; text-decoration: none; display: inline-block;}
.block--contactdetails__dynamic_link:hover{opacity: 0.8}
.block--contactdetails__dynamic_link-logout{border: 1px solid #76B82A; background-color: #F5F1F0; color: #3C3C3B !important;  padding: 7px 14px; margin: 0 0 0 10px;}
/*.block--contactdetails_dynamic__details{position: absolute; width: 240px; padding: 20px; margin: 0; top: 40px; right: 0; background-color: #fff; padding: 10px 0 0 0; list-style: none;}
.block--contactdetails_dynamic__details-item {padding: 10px 18px; margin: 0; border: 1px solid #aeaeae; border-width: 0 0 1px 0; position: relative;}
.block--contactdetails_dynamic__details-item span {position: absolute; top: 7px; left: 15px; width: 25px;}
.block--contactdetails_dynamic__telephone{padding-left: 50px;}
.block--contactdetails_dynamic__email{padding-left: 50px;}
.block--contactdetails_dynamic a{text-decoration: none;}
.block--contactdetails_dynamic__faq{border: none;}
.block--contactdetails_dynamic--faq__link{background-color: #76B82A; cursor: pointer; color: #fff; padding: 8px 25px; font-size: 0.8rem; margin: 0;}
*/

/*	<ul class="block--contactdetails_dynamic__details js-contactdetails_dynamic__details hidden">
		<li class="block--contactdetails_dynamic__details-item block--contactdetails_dynamic__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
		<li class="block--contactdetails_dynamic__details-item block--contactdetails_dynamic__telephone"><span class="block--contactdetails_dynamic__phoneicon"><img src="images/phone.png" /></span> <a href="tel: 07487547979">07487547979</a></li>
		<li class="block--contactdetails_dynamic__details-item block--contactdetails_dynamic__email"><span class="block--contactdetails_dynamic__mailicon"><img src="images/email.png" /></span><a href="mailto:phil.barton@bcomp533.onmicrosoft.com" title="phil.barton@bcomp533.onmicrosoft.com" class="block--contactdetails_dynamic__emailaddress">phil.barton@bcomp533.onmicrosoft.com</a></li>
		<li class="block--contactdetails_dynamic__details-item block--contactdetails_dynamic__faq"><a href="" class="block--contactdetails_dynamic--faq__link">Frequently asked questions</a></li>
	</ul>
*/


/* Section Nav - Dynamic Sticky links */
.block--sectionnavmenu{background: none; min-height: 55px;}
.block--sectionnavmenu .block__wrapper {width: auto;}
.block--sectionnavmenu.fixed {position:fixed !important; top:70px; z-index:1000; padding-top:20px; border-bottom:1px solid #ccc; background-color: #fff}
.block--sectionnavmenu.fixed .sectionnavmenu {border:none; margin:10px 1% 0 1%}
.sectionnavmenu {list-style: none; margin: 29px 0 0 0;}
.sectionnavmenu__link {display: inline-block; margin: 0 31px 0 0; cursor: pointer; color: #FFF; padding: 0 0 3px 0; line-height: 1.3rem; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.04rem; word-spacing: -0.08rem;}
.sectionnavmenu__link:hover{border-bottom: 2px solid #76B82A;}
.sectionnavmenu__link:last-of-type {margin-right: 0;}
.block--header--fixed .sectionnavmenu__link{color: #000;}

/* Masthead heading */
.block--siteheading{width: 580px; display: inline-block; vertical-align: top; margin-top: 90px; margin-right: 126px;}
.block--siteheading__header{color: #76B82A; font-size: 4.5rem; line-height: 4rem; margin: 0 0 23px 0;}
.block--siteheading__text{color: #FFF; word-spacing: -0.07rem; line-height: 1.9rem; font-size: 1.4rem;}

/* Masthead countdown timer */
.block--accessexpiry{width: 410px; display: inline-block; vertical-align: top; margin-top: 90px;}
.block--accessexpiry__header{margin: 0; text-transform: uppercase; color: #F8F5C7; font-weight: 400; font-size: 1.1rem; letter-spacing: 0.075rem;}

/* Masthead countdown timer - Numbers */
.expiry-section {color:#fff; display:inline-block; padding:0; position: relative; width:60px; height:110px; margin-right:20px; text-align:center;}
.expiry-remaining-time {padding:3px 5px; font-size:3rem; background:#1d1d1d; position:absolute; top:10px; left:0; width:100% !important;}
.expiry-type-text {padding:0 5px; display:block; position:absolute; bottom:10px; left:0;}
.expiry-seperator{color: #fff; position: absolute; top: 18px; left: 70px; font-size: 2rem}

/* Calculator */
.calculator-heading{text-transform: uppercase; color: #fff !important; padding: 15px 50px 15px 15px; background-color: #006b25; cursor: pointer; border-radius: 3px; box-shadow: 0 5px 15px -5px #888; font-size: 1.3rem !important; position: relative;}
.calculator-heading__arrow{position: absolute; top: 20px; right: 15px; width: 22px !important; height: 22px;}

/* Reporting Centre Holder */
.reporting-centre{background-color: #fff; display:flex; height: 350px;}
.reporting-centre__graph{width: 650px; margin-left: 10px; margin-top: 20px;}
.reporting-centre__stats{padding: 20px; background-color: #f9f9f9; width: 145px;}
.reporting-centre__stats p{margin-bottom: 40px !important;}
.reporting-centre__stats strong{font-size: 1rem; display: block;}

/* Form - Input holder */
.form--calculator__table{border: none;}
.form--calculator__table thead tr th{background-color: #f2f1f0; color: #3C3C3B; border-bottom: 1px solid #fff; position: relative;}
.form--calculator__table tbody tr td{background-color: #f2f1f0; color: #3C3C3B; border-bottom: 1px solid #fff;}
.form--calculator__table tbody tr:nth-child(odd) td{background-color: #f2f1f0;}
.form--calculator__table tbody tr:hover td{background-color: #eee; color: #3C3C3B;}
.form--calculator__table tbody tr:hover td p{color: #3C3C3B;}
.form--calculator__table tbody tr:hover td a{color: #3C3C3B;}

/* Footer */
.block--footer{background: transparent url('../images/background-masthead.jpg') center center no-repeat; background-size: cover; padding: 50px 0;}
.block--footer a{color: #fff;}
.block--footer__rightcol{padding-left: 50px}
.block--footer__leftcol__header{margin: 0 0 20px 0; font-size: 1.8rem; line-height: 2rem; color: #fff;}
.block--footer__rightcol__contact-text{color: #fff; margin: 0 0 40px 0; line-height: 1.5rem}
.block--footer__rightcol__contact-details{list-style: none;}
.block--footer__rightcol__contact-details__tel{display: inline-block; font-size: 1.2rem; margin-right: 50px; background: transparent url('../images/phone.png') no-repeat; padding: 5px 0 5px 45px;}
.block--footer__rightcol__contact-details__tel__link{text-decoration: none;}
.block--footer__rightcol__contact-details__email{display: inline-block; font-size: 1.2rem; background: transparent url('../images/email.png') no-repeat; padding: 5px 0 5px 45px;}
.block--footer__rightcol__contact-details__email__link{text-decoration: none;}

/* Back to to plink */
.back-to-top{position: fixed; bottom: 0; left: 50%; width:50px; height: 22px; background-color: #1ea4e3; text-align: center; font-size: 0.8rem; line-height: 1rem; padding-top: 5px;}
.back-to-top a{text-decoration: none; color: #FFF; margin: 0; padding: 0;}
.back-to-top img {width: 30px;}


/* .expiry-section {outline:1px solid red; padding:10px; color:#fff} */

/* Dynamic Contact Box */
/*.block--contactdetails_dynamic {position: absolute; top: 5px; right: 11px; z-index: 10000}
.block--contactdetails_dynamic h3 {transition: background-color 0.2s ease; cursor:pointer; width:auto; text-align: center; border-radius: 5px; padding: 11px 20px 11px 21px; margin-bottom:0; font-weight: 700; font-size: 0.8rem; color: #FFF; text-transform: uppercase; background-color: #76B82A; letter-spacing: 0.025rem;}
.block--contactdetails_dynamic h3:hover{background-color: rgba(118, 184, 42, 0.87);}

.block--contactdetails_dynamic__details {position:absolute; z-index:1000; width: 270px; background:#eee; padding: 10px 0; margin: 2px 0 0 0; left: -155px;}
.block--contactdetails_dynamic__phoneicon {margin-right:20px; position: relative; top: 5px; height: 25px;}
.block--contactdetails_dynamic__mailicon {margin-right:20px; position: relative; top: 5px; height: 25px;}

.block--contactdetails_dynamic__text {display:inline-block;  width:230px; height: 40px; padding: 10px 20px; margin: 0 auto; display:inline-block; border-bottom:1px solid #fff; font-size: 0.9rem; color: #777}
.block--contactdetails_dynamic__faq {display:inline-block;  width:230px; padding: 30px 20px 20px 20px; margin: 0 auto; display:inline-block;}
.block--contactdetails_dynamic--faq__link{padding: 10px; margin:10px 0; border:1px solid #000;background-color: #eee; font-size: 0.9rem; text-decoration: none; color: #777}
.block--contactdetails_dynamic__email {display:inline-block;  width:230px; height: 40px; padding: 0 20px; margin: 0 auto; display:inline-block; border-bottom:1px solid #fff;}
.block--contactdetails_dynamic__emailaddress {text-decoration:none; color:#3e4165}
.block--contactdetails_dynamic__telephone {display:inline-block; width:230px; height: 40px; padding: 0 20px; margin:0 auto; display:inline-block; color:#3e4165; border-bottom:1px solid #fff;}
.block--contactdetails_dynamic__telephone a {text-decoration:none; color:#3e4165}
*/

/* Mobile */
@media only screen and (max-width: 1560px) {
	.block__wrapper{width: 100%; }
	
	.form--calculator__table {width:100%; border-collapse:collapse;}
	.form--calculator__table tr {width: 100% !important; font-size: 0 !important;}
	.form--calculator__table th { /*display:inline-block;*/ font-size:0.8rem !important}
	.form--calculator__table .helptexthover__holder_ExistingPortfolio{left: 145px !important; top: 11px !important}
	.form--calculator__table .helptexthover__holder_NewBusiness{left: 110px !important; top: 10px !important}
	.form--calculator__table .helptexthover__holder_EmployeeBenefits{left: 145px !important; top: 11px !important}
	.form--calculator__table .helptexthover__holder_PrivateClients{left: 120px !important; top: 11px !important}
	.form--calculator__table tr th:nth-of-type(1) {/*display:inline-block;*/ width: calc(10% - 10px); min-height: 35px; padding:10px 5px;}
	.form--calculator__table tr th:nth-of-type(2){/*display:inline-block;*/ width: calc(45% - 10px); min-height: 35px; padding:10px 5px;}
	.form--calculator__table tr th:nth-of-type(3) {/*display:inline-block;*/ width: calc(45% - 10px); min-height: 35px; padding:10px 5px;}
	.form--calculator__table tr td input {width:70% !important;}
	.form--calculator__table tr td:nth-of-type(1) {font-size:1rem; text-align: center; /*display:inline-block;*/ width: calc(10% - 10px); padding:15px 5px 27px 5px;}
	.form--calculator__table tr td:nth-of-type(2){/*display:inline-block;*/ width: calc(45% - 10px); padding:10px 5px;}
	.form--calculator__table tr td:nth-of-type(3) {/*display:inline-block;*/ width: calc(45% - 10px); padding:10px 5px;}
}

@media only screen and (max-width: 1233px) {
	.block--siteheading { margin-right:0px; margin-left: 30px;}
	.block--siteheading__header {font-size:4rem}
	.block--siteheading__text {font-size:1.2rem}
	
	.block--accessexpiry {}
	.block--accessexpiry__header {font-size:0.9rem}
	
	.sectionnavmenu {margin-left:30px;}
	.sectionnavmenu__link {margin-right:20px;}
	
	.block--accessexpiry {width:350px}
	/*.block--contactdetails_dynamic{top: 80px}*/
	/*.block--header--fixed .block--contactdetails_dynamic{top: 24px}*/
}

@media only screen and (max-width: 1185px) {
	.sectionnavmenu {margin-left:0;}
	.sectionnavmenu__link {margin-right:15px;}
	.block--contactdetails_dynamic{top: 60px}
	.block--header--fixed {height: 100px}
}
@media only screen and (max-width: 1050px) {
	.reporting-centre{flex-wrap: wrap; height:auto}
	.reporting-centre__graph{flex-basis:100%; width:100%}
	.reporting-centre__stats{flex-basis:100%; width:100%;}
	
	.reporting-centre__stats p {margin-bottom:0 !important;}
}

@media only screen and (max-width: 1010px) {
	.block--siteheading { margin-right:0px; width:500px;}
	.block--siteheading__header {font-size:3.8rem;}
	.block--siteheading__text {font-size:0.9rem; width:95%}
	
	.block--accessexpiry__header {font-size:0.9rem}
}

@media only screen and (max-width: 1000px) {
	.block--header__logo{width: 180px; }
	.sectionnavmenu__link {margin-right:15px;}
}

@media only screen and (max-width: 930px) {
	.block--header--fixed {background:#fff; min-height: 95px;}
	.block--header--fixed	.sectionnavmenu__link {margin-right: 10px;}

	.form--calculator__table tr th:nth-of-type(1) {min-height: 50px;}
	.form--calculator__table tr th:nth-of-type(2){min-height: 50px;}
	.form--calculator__table tr th:nth-of-type(3) {min-height: 50px;}
}

@media only screen and (max-width: 910px) {
	.sectionnavmenu {margin-left:10px}
/*	.sectionnavmenu__link {margin-right: 35px;}
*/	.block--siteheading {margin: 30px auto 0 auto; display: block;}
	.block--accessexpiry {width: 350px; margin: 50px auto 0 auto; display: block;}
}

@media only screen and (max-width: 790px) {
	.form--calculator__table tr th:nth-of-type(1) {min-height: 66px;}
	.form--calculator__table tr th:nth-of-type(2){min-height: 66px;}
	.form--calculator__table tr th:nth-of-type(3) {min-height: 66px;}
}

@media only screen and (max-width: 778px) {
	.form--calculator .form__input{width: calc(100% - 63px) !important;}
	.form--calculator__table .helptexthover__holder_ExistingPortfolio{left: auto !important; top: auto !important; display: block; width: 16px; margin-top: 5px !important;}
	.form--calculator__table .helptexthover__holder_NewBusiness{left: auto !important; top: auto !important; display: block; width: 16px; margin-top: 5px !important;}
	.form--calculator__table .helptexthover__holder_EmployeeBenefits{left: auto !important; top: auto !important; display: block; width: 16px; margin-top: 5px !important;}
	.form--calculator__table .helptexthover__holder_PrivateClients{left: auto !important; top: auto !important; display: block; width: 16px; margin-top: 5px !important;}

	.block--siteheading {width:100%; margin:50px 0 0 0; text-align: center;}

	.block--contactdetails_dynamic{position: absolute; top: 10px; right: 10px;}
	.block--contactdetails__dynamic_link{padding: 8px 15px;}
	.block--header--fixed {display:none !important;}
}

@media only screen and (max-width: 640px) {
	.block--accessexpiry {width:100%; margin-top:10px;}
	.block--siteheading__text {font-size:1.1rem}

	.block--sectionnavmenu {background:none !important; min-height: 1px}
/*	.sectionnavmenu {margin:0 0 20px 0; background-color: #fff; width: 100%; position: absolute; top: 35px; left: 0; z-index: 10000000;}
	.sectionnavmenu__link {display:block; margin:0; padding: 10px 20px !important; text-align: left; border-bottom: 1px solid #76B82A; color: #3C3C3B}
	.sectionnavmenu__link:hover{border-width: 0 0 1px 0;}
	.menu__mobile-control {position: absolute; top: 10px; left: 2.5%; z-index: 10000000;}
	.menu__mobile-control a{border: 1px solid #76B82A; padding: 5px 5px 0 5px; display: block;}
*/
	.block--contactdetails_dynamic{top: 0;}

	.block--footer__rightcol {margin:0; padding:0;}
	.block--footer__rightcol__contact-details {width:80%; margin:0 auto;}
	.block--footer__rightcol__contact-details__tel {margin:0 10px 10px 0;}
	.block--footer__rightcol__contact-details__email {margin:0;}
	
	.form--calculator__headings {width:90% !important;}
	.form--calculator__section {padding: 10px !important; margin:0 !important; text-align: left;} 
	.form--calculator__commercial-holder {padding:0 !important; }
	.form--calculator__otherservices-holder {padding:0 !important;}

	.form--calculator .form__input{margin-left: 10px;}
	.form--calculator__table .form__input{margin-left: 0;}
}

@media only screen and (max-width: 414px) {
	.block--footer__rightcol__contact-details__tel {margin:0 0 10px 0;}

	.form--calculator__table th { display:inline-block; font-size:0.7rem !important}

	.form--calculator__headings  {width:92% !important;}
	.form--calculator__section {padding-top:10px !important;}
	.form--calculator .form__input {width:60% !important}
}

@media only screen and (max-width: 345px) {
	.block--accessexpiry__header {font-size:0.75rem}
	
	.expiry-section { height:80px; width:65px; margin-right:10px;}
	.expiry-section:last-of-type { margin-right:0;}
	
	.expiry-remaining-time {font-size:1.4rem; padding:5px 0; width:80% !important; margin-left:5px;}
	.expiry-type-text {margin:0 auto; width:65px; padding:0;}
	.expiry-seperator {left:65px; top:5px;}
}

@media only screen and (max-width: 320px) {
	.expiry-section { height:80px; width:65px; margin-right:10px;}
	.expiry-section:last-of-type { margin-right:0;}
	
	.expiry-remaining-time {font-size:1.4rem; padding:5px 0; width:80% !important; margin-left:5px;}
	.expiry-type-text {margin:0 auto; width:65px; padding:0;}
	.expiry-seperator {left:65px; top:5px;}
}/* Search form */
.search-form{width: 100%; margin-bottom: 2rem;}
.search-form legend{display: none;}
.search-form label{display: none;}
.search-form .clear-search-link{display: none;}
.search-form div{width: 85%; display: inline-block;}
.search-form input{border: none; background-color: #EEE; width: calc(100% - 40px); padding: 25px 20px; font-size: 1.1rem}
.search-form input::placeholder {color: #2E2E2E; opacity: 1;}
.search-form input.date-placeholder{background: #EEE url('../images/date-calendar.png') no-repeat 90%;}
.search-form select{border: none; width: calc(100% - 40px); padding: 25px 20px; font-size: 1.1rem; border: none; box-sizing: content-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #EEE url(../images/chevron-down.svg) 96% / 15% no-repeat; background-size: 20px;}
.search-form select::placeholder {color: #2E2E2E; opacity: 1;}
.search-form .searchbutton{color: #FFF; background-color: #1c9edc; width: 14.6%; display: inline-block; padding: 25px 0; letter-spacing: 0.1rem}

.search-form--4-fields div div{width: 24%; margin-right: 1%; display: inline-block;}
.search-form--3-fields div div{width: 32%; margin-right: 1%; display: inline-block;}
.search-form--2-fields div div{width: 49%; margin-right: 1%; display: inline-block;}

.search-form_month-select{display: inline-block; width: 48% !important;}
.search-form_year-select{display: inline-block; width: 27% !important;}

/* Search criteria */
.search-criteria-overview{text-align: center; font-size: 1.3rem !important; margin: 0 0 3rem 0 !important;}

/* Paging */
.paging{text-align: right;}
.paging__list-item{display: inline-block;}
.paging__list-item__link{display: inline-block; padding: 0.5rem; background-color: #EAEAEA; border-radius: 50%; width: 1.25rem; height: 1.25rem; text-align: center; text-decoration: none; line-height: 1.25rem; margin-left: 0.25rem; color: #000;}
.paging__list-item__link:hover{color: #FFF; background-color: #1E0F4A;}
.paging__list-item__link--selected{color: #FFF; background-color: #1E0F4A;}
.paging__prev-page-link{width: auto;}
.paging__next-page-link{width: auto;}

/* Search results base layer */
.results-list{display: block; list-style: none; padding-left: 0 !important;}
.results-list__result{position: relative; width: 95%; background-color: #EEE; vertical-align: top; min-height: 185px; margin-bottom: 70px; padding: 1rem 2.5%;}

.results-list--2col{}
.results-list__result--2col{width: 48.5%; margin-right: 3%; background-color: #EEE; display: inline-block; vertical-align: top; min-height: 225px; margin-bottom: 70px;}
.results-list__result--2col:nth-child(even){margin-right: 0;}

.results-list--3col{}
.results-list__result--3col{width: 30%; margin-right: 3%; background-color: #EEE; display: inline-block; vertical-align: top; min-height: 225px; margin-bottom: 70px;}
.results-list__result--3col:nth-child(3n){margin-right: 0;}

.results-list--4col{}
.results-list__result--4col{width: 17%; margin-right: 3%; background-color: #EEE; display: inline-block; vertical-align: top; min-height: 225px; margin-bottom: 70px;}
.results-list__result--4col:nth-child(4n){margin-right: 0;}

.results-list__result--with-image{padding-left: 17%; width: 29%; padding-right: 2.5%;}
.results-list__result-image{width: 30%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center center;}
.results-list__result-image--top{position: relative; top: auto; left: auto; min-height: 100px; width: 100%; height: auto;}

/* Search results specifics */
.results-list__result a{color: inherit; text-decoration: none;}
.results-list__result-header{font-size: 1.3rem; margin-bottom: 0.5rem; margin-top: 0; font-weight: 400;}
.results-list__result-overview{font-size: 1rem !important; margin: 0.5rem 0 0 0 !important;}
.results-list__result-readmore{font-size: 1rem !important; margin: 0 !important;}
.results-list__result-readmore a{color: #1ea4e3; font-style: italic; border-bottom: 1px solid #1ea4e3;}

.results-list__result-author-date--light{color: #999 !important;}

.results-list__result--with-date{padding-left: calc(2.5% + 200px); width: calc(95% - 200px);}
.results-list__result-date{position: absolute; left: 0; top: 0;}

.results-list__result--white-background{background-color: #FFF; text-align: center; margin-bottom: 0;}
.results-list__result-image--circle{min-height: 0; height: 0; padding-top: 80%; width: 80%; border-radius: 50%; margin: 0 auto;}
.results-list__result--tags{background-color: #FFF; border-bottom: 5px solid #eeeeee; margin-bottom: 0; padding: 2rem 0;}
.results-list__result--tags:last-child{border-bottom: none;}

.results-list__result-image--circle{min-height: 0; height: 0; padding-top: 80%; width: 80%; border-radius: 50%; margin: 0 auto;}

.results-list__result-header--with-date{margin-top: 20px;}
.results-list__result-header--tags{font-size: 1.6rem;}

.results-list__tag-wrapper{position: absolute; bottom: -40px; right: 0;}
.results-list__tag-wrapper--tags{bottom: 0;}

.results-list__result--person-emailonly:hover div{background-color: #1e0f4a; background-image: none !important;}
.results-list__result--person-emailonly:hover:after{content: " "; display: block; position: absolute; top: 76px; left: 50%; opacity: 1; text-align: center; width: 50px; background-image: url(../images/biicl-email-white.png); height: 50px; margin-left: -25px; background-color: transparent; background-size: cover; }

/* Results List Heading colours*/
.results-list__result-header--colour-green{color: #00A18E !important;}
.results-list__result-header--colour-orange{color: #D9531E !important;}
.results-list__result-header--colour-darkblue{color: #0e0845 !important;} 
.results-list__result-header--colour-lightblue{color: #1ea4e3 !important;}
.results-list__result-header--colour-grey{color: #121212 !important;}


/* Mobile */
@media only screen and (max-width: 640px) {
	.results-list__result{width: 95%; margin: 0 0 80px 0;}
	
	.results-list__result--with-date-home-page {padding-left:0;}
	
	.results-list__result--with-date {padding-left:0;}
	
	.search-form .searchbutton {width:85%;}
	
	.search-form--2-fields div div {width:100%;}
	.search-form--3-fields div div {width:100%;}
	.search-form--4-fields div div {width:100%;}
	
	.results-list__result-image {width:60px; height:100px; display:none;}
	.results-list__result--with-image {padding-left:0;}

	.paging {text-align: center; padding-top: 50px; padding-left:0}
}/* Site specific menu styles */
.menu--topline{margin: 6px 30px 5px 0; font-size: 0.8rem;}
.menu--topline li a{color: #FFF; text-decoration:none}

/* Needs rewriting really to be much neater and compact */
.menu--main{list-style-type: none; padding: 0; margin: 0; width: 80%; font-size: 0; position: absolute; bottom: 0; z-index: 1000;}
.menu--main li{display: inline; margin: 0 30px 0 0; font-size: 1rem; padding: 0; width: auto; position: relative;}
.menu--main li.selected{}
.menu--main li:hover{}
.menu--main li a{display: block; position: relative; letter-spacing: -0.05rem; color: inherit; padding: 10px 15px; margin: 0; text-decoration: none; width: 90%; font-weight: 400; height: 100%;}
.menu--main li a.selected{color: #000;}
.menu--main li a:hover{border-bottom-width: 5px;}
.menu--main li a.haschildren{background-image: url(../images/menu-down-arrow--hover.svg); background-size: 10px 10px; background-position: 90% 10px; background-repeat: no-repeat;}
.menu--main li.hover a.haschildren{background-image: url(../images/menu-down-arrow.svg); }
.menu--main li a.selected.haschildren{background-image: url(../images/menu-down-arrow.svg); }

.menu--main li{color: #0E0845;z-index: 1000000;}
.menu--main li:hover{border-bottom-color: #EEE; background-color: #EEE; color: #000;}
.menu--main li.selected{background-color: #EEE; color: #000;}

.menu--main li ul{display: none;}
.menu--main li:hover ul{display: block; position: absolute; left: 0; z-index: 1000000; margin: -2px 0 0 -1px;}
.menu--main li:hover ul li{display: block; background-color: #EEE; text-align: left; color: #000; width: 300px; height: auto; margin: 0; border: none; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1)}
.menu--main li:hover ul li a{display: block; width: calc(100% - 40px); height: auto; border: none; padding: 7px 20px; }
.menu--main li:hover ul li a:hover{background-color: #1C9EDC;}
.menu--main li:hover ul li a.selected{background-color: #1C9EDC;}

.menu--main li:hover ul li ul{display: none; border-top: none; margin: 0 0 0 50%;}
.menu--main li:hover ul li:hover ul{display: block;}
.menu--main li ul li a.haschildren{background-image: none !important }
.menu--main li ul li a.haschildren::after{content: ' '; background: transparent url(../images/menu-down-arrow.svg) no-repeat; display: block; position: absolute; width: 14px; height: 14px; transform: rotate(270deg); top: 15px; right: 5%;}

.menu--footer{list-style-type: none; margin: 5px 0 0 0; padding: 0; width: 100%;}
.menu--footer li{margin: 0 1.5% 10px 0; padding: 2px 2% 2px 0.5%; width: auto; border: 1px solid #FFF; border-width: 0 1px 0 0; display: inline-block; font-size: 1.2rem; letter-spacing: 0.04rem;}
.menu--footer li a{text-decoration: none;}
.menu--footer li a:hover{text-decoration: underline;}
.menu--footer li:first-child{padding-left: 0;}
.menu--footer li:last-child{border-right: none;}

.bigmenu-helper {height: 20px; overflow:hidden; margin-top: 0px !important; z-index: 10000 !important;}

/* Fixed Sticky Menu */
.menu--main--fixed{bottom: 20px;}

/* Full Wide Menu */
.menu-fullwidth { position: absolute; top: 187px; z-index: 100; width:100%; height:auto; padding:20px 0; background:#0e0845; color:#fff;}
.menu-fullwidth ul {width:910px; list-style:none; margin:0 0 0 320px; padding:0;}
.menu-fullwidth ul li {width:110px; display:inline-block; margin:0; padding:10px;}
.menu-fullwidth ul li a {text-decoration:none; color:#fff}
.menu-fullwidth ul.level3 {display:none;}

/* Mobile */
@media only screen and (max-width: 1400px) {
	.menu--main {margin: 0 0 30px 0; width: auto; position: relative; bottom: auto; right: auto; float: right;}
}

@media only screen and (max-width: 1000px) {
	.menu--main{display: flex; flex-wrap: wrap; float: none;}
}
@media only screen and (max-width: 778px) {
	.menu--hidden li {display: none !important;}
	.sectionnavmenu {margin:0 0 20px 0; background-color: #fff; width: 100%; position: absolute; top: 45px; left: 0; z-index: 10000000;}
	.sectionnavmenu__link {display:block; margin:0; padding: 10px 20px !important; text-align: left; border-bottom: 1px solid #76B82A; color: #3C3C3B}
	.sectionnavmenu__link:hover{border-width: 0 0 1px 0;}
	.menu__mobile-control {position: absolute; top: 10px; left: 10px; z-index: 10000000; display: block !important;}
	.menu__mobile-control a{border: 1px solid #76B82A; padding: 5px 5px 0 5px; display: block;}
}

@media only screen and (max-width: 640px) {
	.login-messsage {position:static;}

	.menu--topline-member {margin-top:0px; width:100% !important;}
	.menu--topline-member li {display:block; }
	.menu--topline-member li a {display:block; padding:10px 0; }	

	.menu--main {}
	.menu--main li {}
	.menu--main li a {border-bottom:none !important;}
	.menu--main li ul {position:static !important; margin:0 !important; padding:0 !important;}
	.menu--main li ul li {width:92% !important}	
	.menu--main li ul li a {width:100% !important}
}/* Site specific segment styles */
.segment__wrapper{width: 80%; max-width: 1250px;}
.segment--nopadding{padding: 0;}

.segment--usetagstyles img{width: 100%;}
.segment--usetagstyles h1{color: #3C3C3B; margin-bottom: 28px; letter-spacing: 0.015rem;}
.segment--usetagstyles h2{color: #3C3C3B; letter-spacing: 0.015rem;}
.segment--usetagstyles h3{color: #3C3C3B; letter-spacing: 0.015rem;}
.segment--usetagstyles p{color: #3C3C3B; font-size: 0.9rem; line-height: 1.5rem; margin: 10px 0 20px 0;}
.segment--usetagstyles p:first-child{margin-top: 0;}

.segment--background-grey{background-color: #F5F1F0;}
.segment--left-border{border-left: 1px solid #E6E0E2; padding-left: 50px}

/* Two Column - Right Hand Image */
.segment--2col-imageright img{display: block;}
.segment--2col-imageright__text{padding: 50px 80px 0 0}
.segment--2col-imageright__caption{position: absolute; bottom: 63px; left: 54px;}
.segment--2col-imageright__caption p{margin: 0; padding: 5px 14px; font-weight: 700; background-color: #FFF; font-size: 1.1rem; letter-spacing: 0.02rem;}
.segment--2col-imageright__caption p:nth-child(2){background-color: #006A27; color: #FFF; display: inline-block;}

/* Two Column 30/70 - General styling */
.segment--2col-text-30-70{border-top: 1px solid #E6E0E2; padding: 50px 0;}
.segment--2col-text-30-70 h2{margin: 0; font-size: 1.9rem; line-height: 2rem}
.segment--2col-text-30-70 h3{margin: 0; font-size: 1.5rem; line-height: 2rem}
.segment--2col-text-30-70 ul{padding: 0;}
.segment--2col-text-30-70 li{list-style: none; background: transparent url("../images/check.png") no-repeat; padding-left: 40px; margin-bottom: 40px; min-height: 30px;}
.segment--2col-text-30-70 li strong{font-size: 1.5rem; padding-bottom: 5px;}

/* Two Column 30/70 - More specific */
.segment--2col-text-30-70-item-left h2{margin: 0 0 20px 0;}
.segment--2col-text-30-70-item-left h3{margin: 0 0 20px 0;}
.segment--2col-text-30-70-item-left p{font-size: 1.3rem; line-height: 1.7rem; margin-top: 0; letter-spacing: 0.008rem;}

/* Two Column 30/70 - Quote styling */
.segment--2col-text-30-70-quote{background: transparent url("../images/speech-mark-open.png") no-repeat; margin: 50px 0 0 0; padding-left: 50px;}
.segment--2col-text-30-70-quote__item {padding: 0 0 0 20px;}
.segment--2col-text-30-70-quote__item p{font-style: italic; font-size: 1.4rem; line-height: 1.9rem}
.segment--2col-text-30-70-quote__item p:first-child{background: transparent url("../images/speech-mark-close.png") no-repeat bottom right; padding: 0 70px 0 0}
.segment--2col-text-30-70-quote__partner{padding: 0 20px; text-transform: uppercase;}

/* Mobile */
@media only screen and (max-width: 1075px) {
	.segment--2col-text-30-70 h3 {font-size:1.2rem !important}
	.segment__wrapper{width: 100%;}
	.segment--2col-imageright{padding-top: 20px;}
	.segment--2col-imageright__text{padding: 0 20px 0 0;}
}

@media only screen and (max-width: 890px) {
	.segment--2col-text-30-70-item-left h2 {font-size: 1.3rem;}
	.segment--2col-text-30-70-item-left p {font-size: 0.95rem; line-height: 1.4rem;}
}

@media only screen and (max-width: 640px) {
	.segment--usetagstyles h1{text-align: left;}
	.segment--usetagstyles h2{text-align: left; font-size: 1.8rem;}
	.segment--usetagstyles h3{text-align: left;}
	.segment--usetagstyles p{text-align: left;}
	

	.segment--left-border {margin:0 !important; padding: 0; border:none;}
	.segment--2col-imageright__text {padding: 10px 0 !important;}
	.segment--2col-imageright__caption{bottom: 10px; left: 20px;}

	.segment--2col-text-30-70{padding: 30px 0;}
	.segment--2col-text-30-70-item-right {padding:0 !important}
	.segment--2col-text-30-70 h3 {padding: 0; line-height: 1.4rem !important}
	.segment--2col-text-30-70 .calculator-heading{text-transform: uppercase; color: #fff !important; padding: 15px 40px 15px 15px !important; width: calc(100% - 55px) !important; font-size: 1rem !important}
	.segment--2col-text-30-70 .form--calculator__headings{ padding: 15px !important; width: calc(100% - 30px) !important; font-size: 1rem !important}
	.segment--2col-text-30-70 ul {padding: 0; text-align: left;}
	.segment--2col-text-30-70 li {background-image:none; padding-left:0;}
	/*.segment--2col-text-30-70 li strong{display: inline-block;}*/
	.segment--2col-text-30-70-quote__item p:first-child{padding: 0 40px; font-size: 1.2rem; line-height: 1.4rem}
	.segment--2col-text-30-70-quote__partner p{text-align: center;}
}

@media only screen and (max-width: 350px) {
	.segment--2col-text-30-70 .calculator-heading{ font-size: 0.9rem !important}
	.segment--2col-text-30-70 .form--calculator__headings{font-size: 0.9rem !important}
}
.form__column--wide label{width: calc(20% - 14px);}
.form__column--wide textarea{min-height: 226px; width: calc(80% - 8px);}
.form__column--wide .checkboxdiv label{width: calc(70% - 14px); margin-left: 19%;}

.form__button{background-color: #0B52A2; transition: background-color 0.35s ease;}
.form__button:hover{background-color: #4B5C62; opacity: 1;}
.button--remove{background-color: #F13333;}
.button--pictosicon{font-family: Pictos;}
.button--removepictosicon{background: transparent; color: #F13333;}
.button--removeslim{padding: 8px 20px;}
.button--smallfont{font-size: 0.9rem;}

.form--double-border{border: 2px solid #ccc; border-width: 20px 0; padding: 20px 0;}

.form--contact{border-top:2px solid #ccc; padding-top: 20px;}
.form--login{}
.form--reset-password{}
.form--change-password{}

/* Login Form */
.form--login{padding: 50px 25% 5px 25%; width: 50%;}
.form--login__label{font-size: 1.2rem; display: block}
.form--login__input{padding: 10px 5px; width: 240px; font-size: 1.2rem; display: block; margin-bottom: 10px;}
.form--login__button{padding: 10px 0; width: 256px; font-size: 1.2rem; display: block; margin: 10px 0; background-color: #006b25}

/* Calculator Form */
.form--calculator__headings{color: #fff !important; padding: 15px; background-color: #3b3b3b; cursor: pointer; margin-top: 20px !important; font-size: 1.3rem !important; border-radius: 5px 5px 0 0; position: relative;}
.form--calculator__headings-extra-radius{border-radius: 5px;}
.form--calculator__headings__arrow{position: absolute; top: 20px; right: 15px; width: 22px !important; height: 22px;}
.form--calculator__headings span{position: absolute; top: 20px; right: 15px; font-size: 0.9rem; line-height: 1.2rem;}
.form--calculator__section{margin: 10px 0 30px 0;}
.form--calculator__table{width: 100%; margin-bottom: 30px;}
.form--calculator__table thead tr th{font-size: 0.9rem; vertical-align: top;}
.form--calculator__table thead tr th span{font-weight: normal;}
.form--calculator .form__label{text-align: left; padding: 0; margin: 0 0 5px 0; width: 100%; font-size: 0.9rem;}
.form--calculator .form__input{text-align: left; padding: 0 30px 0 5px; margin: 0 0 10px 0; width: 300px; border-radius: 3px; font-size: 0.8rem;}
.form--calculator input.error{border: 1px solid rgba(255, 0, 0, 0.4) !important; background: url("../images/exclamation.png") no-repeat 97.5% 50%  !important;}
.form--calculator .form__button{float: none; width: 100% !important; padding: 20px 0 !important; background: #76B82A url('../images/chevron-right.png') right 10px top 20px no-repeat; text-transform: uppercase;}

.helptexthover__holder {display: inline-block; margin: 8px 0 0 5px; cursor: pointer; position: relative;}
.form--calculator__table .helptexthover__holder {position: absolute; top: 12px; left: 0; margin: 0;}
.form--calculator__table .helptexthover__holder_ExistingPortfolio{left: 165px}
.form--calculator__table .helptexthover__holder_NewBusiness{left: 120px}
.form--calculator__table .helptexthover__holder_EmployeeBenefits{left: 160px}
.form--calculator__table .helptexthover__holder_PrivateClients{left: 135px}
.helptexthover--holder__trigger-img{width: 16px; height: 16px;}
.helptexthover--holder__text{position: absolute; top: 0; left: 30px; z-index: 100; border: 1px solid #3b3b3b; background-color: #f9f9f9; padding: 15px; border-radius: 3px; font-size: 0.8rem; min-width: 200px;}
.helptexthover--holder__trigger-close{position: absolute; top: -10px; right: -10px; width: 30px !important; height: 30px !important; display: none;}

.form--calculator__commercial-holder{border: 1px solid #ddd; padding: 20px; background-color: #fff;}
.form--calculator__otherservices-holder{border: 1px solid #ddd; padding: 20px; background-color: #fff;}
.form--calculator__button-holder{}


/* Mobile */
@media only screen and (max-width: 1100px) {
	.helptexthover--holder__text {left: auto; right: 0;}
}

@media only screen and (max-width: 778px) {
	.helptexthover--holder__trigger-close{display: block;}
	.form--login{padding: 50px 5% 5px 5%; width: 90%;}
	.form--login__label{text-align: left;}
	.form--login__input{padding: 10px 5px; width: calc(100% - 14px); font-size: 1.2rem; display: block; margin-bottom: 10px;}
	.form--login__button{width: 100%;}
}

@media only screen and (max-width: 640px) {
	.form__button {width: 100% !important;}

	.form--calculator__headings span{top: 17px}
	
	.helptexthover--holder__trigger-close{display: block;}

	#helptexthover_EmployeeBenefits .helptexthover--holder__text {right: -180px;}
	#helptexthover_ExistingPortfolio .helptexthover--holder__text {right: -180px;}
}

@media only screen and (max-width: 350px) {
	.form--calculator__headings span{font-size: 0.8rem}
}

@media only screen and (max-width: 310px) {
	.form--calculator__headings span{font-size: 0.7rem}
}@keyframes fadein {
	0% { opacity: 0; }
	50% {opacity: 0.8;}
	100% { opacity: 1; }
}