/*! 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}@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 */
.skip-to-content{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; z-index: 100000000}
.skip-to-content: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%;}

.col--nomargin{margin: 0; float: left; position: relative;}
.col--1wide-nomargin{width: 8.33%;}
.col--2wide-nomargin{width: 16.66%;}
.col--3wide-nomargin{width: 25%;}
.col--4wide-nomargin{width: 32.33%;}
.col--5wide-nomargin{width: 41.67%;}
.col--6wide-nomargin{width: 49.99%;}
.col--7wide-nomargin{width: 58.33%;}
.col--8wide-nomargin{width: 66.66%;}
.col--9wide-nomargin{width: 75%;}
.col--10wide-nomargin{width: 83.33%;}
.col--11wide-nomargin{width: 91.67%;}
.col--12wide-nomargin{width: 100%;}

/* 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% - 40px); padding: 20px; margin: 0 0 1rem 0; text-align: center; color: #FFF;}
.warning.fail{background-color: #A00; color: #FFF;}
.warning.success{background-color: #0A0; color: #FFF;}
.warning a{color: #FFF; text-decoration: underline;}

/* 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;}

/* Mobile */
@media only screen and (max-width: 700px) {
	.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;}
.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: 700px) {
	.block__wrapper{width: 100% !important; text-align: center;}
}h1, h2, h3, h4, h5, h6{color: #000;}
p{color: #000; font-weight: 500;}
ul li{color: #000; font-weight: 500;}

/* 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; width: 20rem; margin: 20px auto 0 auto; padding: 20px 0; background-color: #A42A8F; text-transform: uppercase;display: inline-block;color: #FFF;font-size: 2rem; cursor: pointer}

.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{padding: 1rem 2rem; background-position-y: 17px; background-position-x: calc(100% - 23px); background: #fdfdfd url(../images/plus.svg) no-repeat 98% 1.8rem;}
.expandable-area h3{font-size: 1.3rem; margin: 0.45rem 0 1.6rem 0; text-transform: uppercase;}
.expandable-area p:last-child{margin-bottom: 1rem;}
.expandable-area--enabled{ transition: 2s height;}
.expandable-area--closed{background-image: url(../images/plus.svg); overflow: hidden; cursor: pointer;}
.expandable-area--open{background-image: url(../images/minus.svg); cursor: pointer;}

.expandable-area__content{max-height: 0; overflow: hidden; transition: max-height 0.2s linear;}
.expandable-area__content--closed{max-height: 0;}
.expandable-area__content--open{max-height: 1000px;}

.expandable-area__heading{}
.expandable-area__content{}

/* Mobile */
@media only screen and (max-width: 700px) {
	.block--cookies .col--12wide{width: 40vh !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 }
	.expandable-area{padding: 1rem 2.5%}
}/* 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: 700px) {
	.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--full-width{padding: 0 !important;}

.segment__wrapper{width: 960px; margin: 0 auto;}
.segment__wrapper--fullwidth{width: 100% !important; max-width: 100% !important; padding: 0;}

.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-right-image{}
.segment--2col-right 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: 700px) {
	.segment__wrapper{width: 100% !important; text-align: left;}
	
	.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--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% - 16px); padding: 5px 7px; margin: 10px 0; display: inline-block; vertical-align: top; font-size: 1rem; border: 1px solid #CCC;}
.form__p{font-size: 0.85rem; line-height: 1.2rem;}
.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:focus:invalid, .form__select:required:invalid, .form__select:required:focus:invalid, .form__textarea:required:focus:invalid{border: 1px solid rgba(255, 0, 0, 0.4); background: #fff 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: #fff 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%; position: relative; padding-bottom: 1rem; }
.form__label--checkbox{width: calc(95% - 15px) !important; text-align: left; margin-left: 5% !important; color: #FFF; font-weight: 500;}
.form__input--checkbox{width: calc(5% - 6px); position: absolute; top: 2px; left: 0;}
.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{}

/* 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: 700px) {
	.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 */
body{}
.page{font-family: 'Montserrat', sans-serif;}
a{color: #A42A8F; transition: background-color 0.2s linear, color 0.2s linear;}
a:hover{color: #000;}
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;}

h1, h2, h3, h4, h5, h6{font-weight: 800; text-transform: uppercase; color: #32303F;}

h1{font-size: 3.8rem; line-height: 5rem; margin: 0 0 10px 0; letter-spacing: 0.2rem;}
h2{font-size: 3.2rem; line-height: 3.2rem; margin: 0 0 10px 0;}
h3{color: #A42A8F; font-size: 1.7rem; line-height: 2.2rem; margin: 0;}
h4{}
h5{}

h1 strong{color: #A42A8F;}
h2 strong{color: #A42A8F;}
h3 strong{color: #000;}
h4 strong{color: #A42A8F;}
h5 strong{color: #A42A8F;}

p{font-size: 1.1rem; line-height: 1.7rem; color: #282F36;}
ul li{color: #282F36;}

.pictosicon{font-family: Pictos;}

.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: 1400px;}
.block--header__12widecol{display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; min-height: 143px;}
.block--header__12widecol nav{padding: 10px 0;}

.block--header{z-index:1000; min-height: 122px; background: none; color: #173766; font-weight: 600; background-color: #FFF;}
.block--header p{margin: 0; font-size: 3rem; font-weight: 800; letter-spacing: -0.2rem; color: inherit; line-height: 2.5rem; text-transform: uppercase; z-index: 99999; cursor: pointer;}
.block--header__logo{margin: 0;}

.block--header--short{color: #3467ac !important; position: relative;}
.block--header--short h1{}
.block--header--short .menu--main li:last-child a{border: 3px solid #376cb4; border-radius: 32px; padding: 0 30px; margin-top: -3px; transition: 0.2s all ease-in-out}
.block--header--short .menu--main li:last-child a:hover{background-color: #376cb4; color: #FFF}

.header__lines{position: absolute; width: 100%; top: -150px; height: 50vh; background-color: #FFF; transform: skewY(4deg); transform-origin: bottom right;}
.header__lines div{position: absolute;}
.header__lines div:nth-child(1){width: 20%; height: 20%; top: 60%; background-color: #5395CA;}
.header__lines div:nth-child(2){width: 20%; height: 20%; top: 45%; right: 0; background-color: #316CB9;}
.header__lines div:nth-child(3){width: 15%; height: 20%; top: 80%; background-color: #A6C8E2; }
.header__lines div:nth-child(4){width: 15%; height: 20%; top: 65%; right: 0%; background-color: #A6C8E2;}

.block--topbar {background-color: #422A3E; font-family: 'Poppins'; font-weight: 600;}
.block--topbar__inner{height: 44px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end;}
.block--topbar__contacttelephone {line-height: 0.95rem; color: #fff; font-size: 0.85rem; border-left: 2px solid #fff; padding-left: 8px; margin-left: 8px;}
.block--topbar__contactemail {line-height: 0.95rem;}
.block--topbar__contactemail-link{text-decoration: none; color: #fff; font-size: 0.85rem;}
.block--topbar__contactemail-link:hover{color: #fff; text-decoration: underline;}

.block--content{background: #FFF url("../images/fruitful-jobs-maincontent-bg.png") 100% 117.5% no-repeat; min-height: calc(100vh - 418px); padding-bottom: 200px;}

.block--footer{background-color: #422A3E; color: #fff; padding: 85px 0 200px; font-size: 0.8rem; clear: both; text-align: center;}
.block--footer a{color: #A42A8F; text-decoration: none;}
.block--subfooter__bluelinelink{font-size: 0.9rem;}
.block--footer p{color: #d2cdd2; font-size: 1rem; line-height: 1.8rem; font-weight: 600; margin: 11px 0 0 0; display: block;}
.block--footer__header{color: #A42A8F; font-weight: 800; text-transform: uppercase; font-size: 1.25rem; margin-top: 3px; margin-bottom: 17px;}
.block--footer__address{width: 100% !important; margin-top: 0 !important; margin-bottom: 32px !important;}
.block--footer .col:first-child{font-size: 0.75rem}
.block--footer__logo{position: absolute; top: -111px; left: 50%; margin-left: -45px}

.block--footer__bottom-line{border-top: 2px solid #e1e7f3; padding-bottom: 80px;}
.block--footer__bottom-line p{font-size: 0.8rem; color: #3c546c; display: inline-block; width: 70%;}
.block--footer__line-links a{display: inline-block; vertical-align: middle;}
.block--footer__line-links a:nth-child(7){margin-left: 40px;}
.block--footer .social-media-icon{vertical-align: middle; margin-bottom: 0;}
.bluelinemedia-link{font-size: 0.8rem !important;}

.footer__copyright{text-align: right; width: 29.5% !important;}

/* Footer - Phone number */
.block--footer__phonenum{list-style: none; padding: 0; margin: 16px 0 37px 0;}
.block--footer__phonenum li{vertical-align: top; margin: 0 0 5px 0; font-size: 1rem;}
.block--footer__phonenum li:last-child{margin-right: 0;}
.block--footer__phonenum li a {display: block; text-decoration: none;}

/* Footer - Social Media */
.block--footer__social-media-links{list-style: none; padding: 0; margin: 23px 4px 20px 0;}
.block--footer__social-media-links li{display: inline-block; vertical-align: top; margin: 0 10px;}
.block--footer__social-media-links li:last-child{margin-right: 0;}
.block--footer__social-media-links li a {display: block;}
.block--footer__social-media-links li a:hover{opacity: 0.8;}

.cookies-heading{font-size: 3rem; font-weight: 800; letter-spacing: -0.2rem; color: #3467ac; line-height: 2.5rem; text-transform: uppercase; display: inline-block; text-align: left;}

.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;}

.cursor{animation: fadeinout 1s infinite; margin-left: -3px;}

.google-map{width: 100%; height:700px;}

.returnee-message{border: 5px solid #422a3e; text-align: center; padding: 30px; margin: 30px 0;}
.returnee-message p{font-size: 1.3rem; font-weight: bold;}

.video-container{position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* 16:9 */}
.video-container iframe, .video-container embed, .video-container object{position: absolute; width: 100%; height: 100%;}

.grecaptcha-badge {visibility: hidden;} /* Hiding reCaptcha badge */

/* Mobile */
@media only screen and (max-width: 1560px) {
	.block__wrapper{width: 100%; }
}

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

@media only screen and (max-width: 700px) {
	h1{font-size: 2rem;}
	
	.block--header--fixed {display:none !important;}
	
	.block--topbar__12widecol{margin: 0;}
	.block--topbar__contactemail {right: calc(110px + 2.5%)}
	.block--topbar__contacttelephone{right: 2.5%;}

	.block--header__12widecol{flex-wrap: wrap; width: 95% !important;}
	.block--header p{flex-basis: 100%;}
	.block--header__12widecol nav{flex-basis: 100%;}
	
	.block--footer__social-media-links{margin-right: 0;}
}
/* Mobile */
@media only screen and (max-width: 700px) {
	.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}
}/* Needs rewriting really to be much neater and compact */
.menu--main{text-align: right; list-style-type: none; padding: 0; margin: 0; font-size: 0; z-index: 1000;}
.menu--main li{display: inline-block; margin: 0; font-size: 1rem; padding: 0; width: auto; font-weight: bold;}
.menu--main li.selected{}
.menu--main li:hover{}
.menu--main li a{display: inline-block; color: #422A3E; margin: 0; padding: 5px 12px; text-decoration: none; line-height: 1.8rem; vertical-align: top; font-weight: 600}
.menu--main li a:hover{color: #A42A8F;}
.menu--main li.selected a{color: #A42A8F;}
.menu--main li a.menu__lastitem{color: #fff; background-color: #A42A8F;}
.menu--main li a.menu__lastitem:hover{background-color: #422A3E;}

.menu--main li a.selected{}
.menu--main li a:hover{border-bottom-width: 3px;}

.menu--main li:last-child{padding-right: 0;}
.menu--main li:last-child a{}
.menu--main li:last-child a:hover{}

/* Level 2 */
.menu--main li ul{display: none;}
.menu--main li:hover ul{display: block; position: absolute; z-index: 1000000; margin: -5px 0 0 0; border-top: 10px solid #EEE; border-bottom: 10px solid #EEE; text-align: left; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);}
.menu--main li:hover ul li{display: block; background-color: #eee; color: #000; width: 300px; height: auto; margin: 0; padding: 0;}
.menu--main li:hover ul li a{line-height: 1.2rem; padding: 7px 20px; display: block;}
.menu--main li:hover ul li a:hover{background-color: #422A3E; color: #fff;}
.menu--main li:hover ul li a.selected{background-color: #422A3E; color: #fff;}

.menu--footer{list-style-type: none; margin: 0; padding: 0; width: 100%;}
.menu--footer li{margin: 10px 15px; display: inline-block;}
.menu--footer li a{text-decoration: none; color: #d2cdd2; font-size: 1rem; font-weight: 600;}
.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;}


/* Mobile */
@media only screen and (max-width: 1400px) {
	.menu--main li{}
}

@media only screen and (max-width: 1150px) {
	.menu--main{position: relative; margin: 0;}
	.menu--main li{margin: 0;}
	.menu--main li a{padding: 0 10px;}

}

@media only screen and (max-width: 810px) {
	.menu--main{margin: 20px 0 0 0;}
}

@media only screen and (max-width: 700px) {
	.menu--main {text-align: center; margin-left: 0; position: relative; bottom: auto; width: 100%; height: auto; background-color: #f3f3f3;}
	.menu--main li {font-size: 1.2rem; display: block; border: none !important; height: auto; padding: 0;}
	.menu--main li:first-child{font-size: 1rem}
	.menu--main li:last-child a{}
	.menu--main li a {border: none; padding: 20px 0; width: 100%;}
	.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}
	
	.menu--footer{margin: 0 0 40px 0;}
}/* Site specific segment styles */
.segment__wrapper{width: 80%; max-width: 1250px;}

 /* Segment action buttons */
.segment--actionbuttons a, .actionbutton{opacity: 1; margin: 15px 0 0 0; display: inline-block; background-color: #A42A8F; padding: 16px 10px; text-decoration: none; color: #fff; font-size: 1.2rem; text-transform: uppercase; font-weight: 800; min-width: 145px; text-align: center; transition: background-color 0.2s linear, color 0.2s linear;}
.segment--actionbuttons a:hover, .actionbutton:hover{background-color: #000; color: #A42A8F;}

/* One 100% Column */
.segment__wrapper--fullwidth{width: auto;}
.segment--1col--centered{text-align: center;}
.segment--1col--grey-bg{background-color: #f3f4f6;}

/* One 70% Column */
.segment--1col--75__innercontainer{float: none; margin: 0 auto;}

/* Full width background image with heading */
.segment--header-image-full-width{position: relative; background-size: cover; background-position: center bottom; display: block; padding: 0;}
.segment--header-image-full-width .backgroundimage{display: none;}
.segment--header-image-full-width .segment__wrapper{display: flex; align-items: center; min-height: 750px;}
.segment--header-image-full-width__headline{margin-left: 3%;}
.segment--header-image-full-width__headline h1{text-transform: none; text-align: left; margin: 0 0 4rem 0; line-height: 3.7rem; font-size: 3.5rem}
.segment--header-image-full-width__headline p{padding: 0; margin: 0 0 1rem 0; font-size: 1.1rem; width: 70%; font-weight: 600;}
.segment--header-image-full-width__headline a {color: #fff; background-color: #A42A8F; text-decoration: none; padding: 18px 31px; display: inline-block; transition: 0.2s all ease-in-out; text-transform: uppercase;}
.segment--header-image-full-width__headline a:hover{background-color: #422A3E; color: #fff;}

/* Full width background pattern with heading */
.segment--header-image-full-width--pattern{background-color: #bfb8b8; background-image: url(data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ff0000' fill-opacity='0.45' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E);}

/* Two 50% Columns Image On Left */
.segment--2col-imageleft-50{padding: 0;}
.segment--2col-imageleft-50 .wrapper{width: auto;}
.segment--2col-imageleft-50__container{display: flex; flex-wrap: wrap; min-height: 642px;}
.segment--2col-imageleft-50__leftcol{flex-basis: 50%; background-color: #FFF; background-size: cover; background-position: center center;}
.segment--2col-imageleft-50__leftcol div.backgroundimage{display: none;}
.segment--2col-imageleft-50__leftcol div.backgroundimage img{}
.segment--2col-imageleft-50__rightcol{flex-basis: calc(50% - 280px); margin: 0; padding: 116px 215px 116px 65px; width: calc(50% - 280px); background-color: #000;}
.segment--2col-imageleft-50__rightcol h1{color: #FFF; }
.segment--2col-imageleft-50__rightcol h2{color: #FFF;}
.segment--2col-imageleft-50__rightcol h3{}
.segment--2col-imageleft-50__rightcol p{color: #FFF; margin: 0 0 10px 0;}

/* Two 50% Columns Image On Right */
.segment--2col-imageright-50{padding: 0;}
.segment--2col-imageright-50 .wrapper{width: auto;}
.segment--2col-imageright-50__container{display: flex; flex-wrap: wrap; min-height: 642px;}
.segment--2col-imageright-50__rightcol{flex-basis: 50%; background-color: #FFF; background-size: cover; background-position: center center;}
.segment--2col-imageright-50__rightcol div.backgroundimage{display: none;}
.segment--2col-imageright-50__rightcol div.backgroundimage img{}
.segment--2col-imageright-50__leftcol{flex-basis: calc(50% - 280px); margin: 0; padding: 116px 65px 116px 215px; width: calc(50% - 280px); background-color: #000;}
.segment--2col-imageright-50__leftcol h1{color: #FFF;}
.segment--2col-imageright-50__leftcol h2{color: #FFF;}
.segment--2col-imageright-50__leftcol h3{}
.segment--2col-imageright-50__leftcol p{color: #FFF;}

/* Two 50% Columns Image On Left - Slim */
.segment--2col-imageleft-50__container--slim{min-height: 328px;}

/* Two 50% Columns Image On Right - Slim */
.segment--2col-imageright-50__container--slim{min-height: 328px;}

/* Two Columns 75%/25% */
.segment--2col-75-25{}
.segment--2col-75-25__container{display: flex;}
.segment--2col-75-25__leftcol{margin-bottom: 2%;}
.segment--2col-75-25__leftcol__innercontainer{padding: 35px 40px; background-color: #FFF; box-shadow: -1px 1px 13px 5px rgba(0, 0, 0, 0.09);}
.segment--2col-75-25__leftcol__innercontainer h1{font-size: 3.2rem; margin-bottom: 12px;}
.segment--2col-75-25__leftcol__innercontainer h2{font-size: 1.8rem;line-height: 2rem; margin: 0 0 12px 0;}
.segment--2col-75-25__leftcol__innercontainer h3{font-size: 1.4rem; margin: 0; line-height: 1.5rem;}
.segment--2col-75-25__leftcol__innercontainer p{}
.segment--2col-75-25__rightcol{background-color: #A42A8F; margin-bottom: 2%; display: flex; align-items: center; justify-content: center;}
.segment--2col-75-25__rightcol__innercontainer{text-align: center; padding: 24px;}
.segment--2col-75-25__rightcol__innercontainer a{text-decoration: none; color: #FFF; font-weight: 600;}
.segment--2col-75-25__rightcol__innercontainer img{background-color: transparent;}

/* Icon Grid */
.segment--icon-grid{background-color: #5f5f5f; margin: 53px 0; padding: 33px 0 15px 0;}
.segment--icon-grid__container{}
.segment--icon-grid__container{margin-top: 12px; display: grid; grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%; width: 100%; justify-content: center; align-items: baseline;}
.segment--icon-grid__headings{text-align: center; float: none;}
.segment--icon-grid__headings h2{color: #FFF; margin: 6px 0 0 0; font-size: 2rem;}
.segment--icon-grid__headings h3{margin: 7px 0 0 0; font-size: 1.45rem;}
.segment--icon-grid__icon{width: auto; text-align: center; padding: 49px 0 0 0;}
.segment--icon-grid__icon p{color: #FFF; font-weight: 600; font-size: 1.25rem;}
.segment--icon-grid__link{float: none; text-align: center;}
.segment--icon-grid__link p{position: relative; top: 51px; margin: 14px 0 0 0;}
.segment--icon-grid__link a{font-size: 1.2rem; position: relative; top: 0; padding: 22px 37px; color: #fff}

/* Two Column Image On Left */
.segment--2col-imageleft{padding: 34px 0; margin-bottom: 30px;}
.segment--2col-imageleft__leftcol{position: relative; text-align: center; padding: 0; min-height: 375px; display: flex; align-items: center; justify-content: center;}
.segment--2col-imageleft__rightcol h1{letter-spacing: 0.025rem; margin: 3px 0 8px 0; }
.segment--2col-imageleft__rightcol h2{letter-spacing: 0.025rem; margin: 3px 0 8px 0; font-size: 2rem;}
.segment--2col-imageleft__rightcol h3{font-size: 1.5rem; line-height: 1.7rem;}
.segment--2col-imageleft__rightcol p{margin-top: 0; line-height: 1.75rem; margin-bottom: 27px;}
.segment--2col-imageleft__leftcol__innercontainer{box-shadow: -1px 1px 13px 5px rgba(0, 0, 0, 0.09); padding: 20px;}
.segment--2col-imageleft__leftcol img{width: auto !important; max-width: 100%;}
.segment--2col-imageleft__rightcol__innercontainer{}

/* Two Column Image On Right */
.segment--2col-imageright{padding: 34px 0; margin-bottom: 30px;}
.segment--2col-imageright__rightcol{position: relative; text-align: center; padding: 0; min-height: 375px; display: flex; align-items: center; justify-content: center;}
.segment--2col-imageright__leftcol h1{letter-spacing: 0.025rem; margin: 3px 0 8px 0;}
.segment--2col-imageright__leftcol h2{letter-spacing: 0.025rem; margin: 3px 0 8px 0; font-size: 2rem;}
.segment--2col-imageright__leftcol h3{font-size: 1.5rem; line-height: 1.7rem;}
.segment--2col-imageright__leftcol p{margin-top: 0; line-height: 1.75rem; margin-bottom: 27px;}
.segment--2col-imageright__rightcol__innercontainer{box-shadow: -1px 1px 13px 5px rgba(0, 0, 0, 0.09); padding: 20px;}
.segment--2col-imageright__rightcol img{width: auto !important; max-width: 100%;}
.segment--2col-imageright__leftcol__innercontainer{}

/* Two Column Image On Left Basic */
.segment--2col-imageleft-basic{padding: 34px 0; margin-bottom: 42px;}
.segment--2col-imageleft-basic__rightcol h2{letter-spacing: 0.025rem; margin: 1px 0 4px 0; font-size: 2rem;}
.segment--2col-imageleft-basic__rightcol h3{font-size: 1.5rem; margin-bottom: 0;}
.segment--2col-imageleft-basic__rightcol p{margin-top: 0; line-height: 1.75rem; margin-bottom: 27px;}
.segment--2col-imageleft-basic__leftcol__innercontainer{text-align: center;}
.segment--2col-imageleft-basic__leftcol img{box-shadow: -1px 1px 13px 5px rgba(0, 0, 0, 0.22);}

/* Two Column Image On right Basic */
.segment--2col-imageright-basic{padding: 34px 0; margin-bottom: 42px;}
.segment--2col-imageright-basic__leftcol h2{letter-spacing: 0.025rem; margin: 1px 0 4px 0; font-size: 2rem;}
.segment--2col-imageright-basic__leftcol h3{font-size: 1.5rem; margin-bottom: 0;}
.segment--2col-imageright-basic__leftcol p{margin-top: 0; line-height: 1.75rem; margin-bottom: 27px;}
.segment--2col-imageright-basic__rightcol__innercontainer{text-align: center;}
.segment--2col-imageright-basic__rightcol img{box-shadow: -1px 1px 13px 5px rgba(0, 0, 0, 0.22);}

/* Three Segment Image Boxes */
.segment--3-image-boxes-simple{padding: 30px 0;}
.segment--3-image-boxes-simple__container{display: flex;}
.segment--3-image-boxes-simple .col {background-color: #fff; transition: background 0.5s ease; text-align: center; padding: 0 0 5px 0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);}
.segment--3-image-boxes-simple .col h1{color: #353C42; font-size: 1.8rem; margin: 10px 0 10px 0px; text-transform: none;}
.segment--3-image-boxes-simple .col h2{color: #353C42; font-size: 1.4rem; margin: 10px 0 10px 0px; text-transform: none;}
.segment--3-image-boxes-simple .col h3{color: #353C42; font-size: 1.1rem; margin: 10px 0 10px 0px; text-transform: none;}
.segment--3-image-boxes-simple .col p{color: #353C42; margin: 0 21px; font-size: 1.1rem; line-height: 1.6rem;}
.segment--3-image-boxes-simple .col a{width: 100%}
.segment--3-image-boxes-simple .col--4wide {transition: background 0.5s ease; align-items: flex-start; padding: 0; box-shadow: -1px 1px 13px 8px rgba(0, 0, 0, 0.04); background-color: #fff;}
.segment--3-image-boxes-simple .col--4wide:hover {background-color: #ababab;}
.segment--3-image-boxes-simple .col--4wide:hover h3{color: #fff;}
.segment--3-image-boxes-simple__container__image{height: 266px; display: flex; justify-content: center; align-items: flex-start; padding: 0;}
.segment--3-image-boxes-simple__container__image img{width: 100%}

/* Three Segment Image Boxes */
.segment--3-image-boxes{padding: 0 0 55px 0; background-color: rgba(78, 91, 97, 0.1);}
.segment--3-image-boxes__container{display: flex;}
.segment--3-image-boxes .col {background-color: transparent; text-align: center; padding: 0; margin-bottom: 30px;}
.segment--3-image-boxes .col h1{color: #A42A8F; font-size: 2rem; margin-bottom: 0.3rem;}
.segment--3-image-boxes .col h2{font-size: 2rem; margin-bottom: 0; line-height: 2.5rem;}
.segment--3-image-boxes .col h3{margin-top: 35px; margin-bottom: 3px; line-height: 1rem; font-size: 1.2rem;}
.segment--3-image-boxes .col p{color: #A42A8F; margin: 0; font-size: 1rem; line-height: 1.6rem}
.segment--3-image-boxes .col--4wide {transition: background 0.5s ease; align-items: flex-start; padding: 20px 20px 0px 20px; box-shadow: -1px 1px 13px 5px rgba(0, 0, 0, 0.09); background-color: #fff;}
.segment--3-image-boxes .col--4wide img{margin: 0 auto;}
.segment--3-image-boxes .col--4wide h1{color: #17181c; text-align: left; margin-bottom: 0;}
.segment--3-image-boxes .col--4wide h2{color: #17181c; text-align: left; font-size: 1.2rem; margin-bottom: 0;}
.segment--3-image-boxes .col--4wide h3{text-align: left; margin: 10px 0 0px 0;  font-size: 0.95rem;}
.segment--3-image-boxes .col--4wide p{color: #17181c; text-align: left; margin: 4px 0 0 0; font-size: 0.95rem;}
.segment--3-image-boxes .col--4wide a{display: none;}
.segment--3-image-boxes .col--4wide:hover {background-color: #ababab;}
.segment--3-image-boxes .col--4wide:hover h3{color: #fff;}
.segment--3-image-boxes-image-container{height: 205px; width: 100%; background-repeat: no-repeat; background-size: cover; margin-bottom: 16px;}
.segment--3-image-boxes-image-container div.backgroundimage{display: none;}
.segment--3-image-boxes-image-container div.backgroundimage img{}
.segment--3-image-boxes-text-container{padding-bottom: 20px;}

/* Three Coloured Segment Image Box */
.segment--3-coloured-image-boxes{background-color: #F3F3F3;}
.segment--3-coloured-image-boxes__container{display: flex;}
.segment--3-coloured-image-boxes .col {background-color: #fff; transition: background 0.5s ease; text-align: center; padding: 0 0 31px 0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);}
.segment--3-coloured-image-boxes .col h1{color: #fff; font-size: 2rem; margin: 17px 0 9px 0px;}
.segment--3-coloured-image-boxes .col h2{color: #fff; font-size: 1.5rem; margin: 17px 0 9px 0px;}
.segment--3-coloured-image-boxes .col h3{color: #fff; font-size: 1.1rem; margin: 17px 0 9px 0px;}
.segment--3-coloured-image-boxes .col p{color: #fff; margin: 0 21px; font-size: 1.1rem; line-height: 1.6rem}
.segment--3-coloured-image-boxes .col:nth-child(1) {background-color: #A42A8F;}
.segment--3-coloured-image-boxes .col:nth-child(1):hover {background-color: rgba(0, 0, 0, 0.8);}
.segment--3-coloured-image-boxes .col:nth-child(2) {background-color: #e6deca;}
.segment--3-coloured-image-boxes .col:nth-child(2):hover {background-color: rgba(49, 49, 49, 0.8);}
.segment--3-coloured-image-boxes .col:nth-child(2) img{margin: 0 auto;}
.segment--3-coloured-image-boxes .col:nth-child(2) h1{color: #000;}
.segment--3-coloured-image-boxes .col:nth-child(2) h2{color: #000;}
.segment--3-coloured-image-boxes .col:nth-child(2) h3{color: #000;}
.segment--3-coloured-image-boxes .col:nth-child(2) p{color: #000;}
.segment--3-coloured-image-boxes .col:nth-child(2):hover h1{color: #fff;}
.segment--3-coloured-image-boxes .col:nth-child(2):hover h2{color: #fff;}
.segment--3-coloured-image-boxes .col:nth-child(2):hover h3{color: #fff;}
.segment--3-coloured-image-boxes .col:nth-child(2):hover p{color: #fff;}
.segment--3-coloured-image-boxes .col:nth-child(3) {background-color: #bfb8b8;}
.segment--3-coloured-image-boxes .col:nth-child(3):hover {background-color: rgba(0, 0, 0, 0.8);}
.segment--3-coloured-image-boxes .col:nth-child(3) img{margin: 0 auto;}
.segment--3-coloured-image-boxes .col:nth-child(3) h1{color: #000;}
.segment--3-coloured-image-boxes .col:nth-child(3) h2{color: #000;}
.segment--3-coloured-image-boxes .col:nth-child(3) h3{color: #000;}
.segment--3-coloured-image-boxes .col:nth-child(3) p{color: #000;}
.segment--3-coloured-image-boxes .col:nth-child(3):hover h1{color: #fff;}
.segment--3-coloured-image-boxes .col:nth-child(3):hover h2{color: #fff;}
.segment--3-coloured-image-boxes .col:nth-child(3):hover h3{color: #fff;}
.segment--3-coloured-image-boxes .col:nth-child(3):hover p{color: #fff;}
.segment--3-coloured-image-boxes .col a{/*display: none;*/ margin: 0; background: transparent; padding: 0;}
.segment--3-coloured-image-boxes-image-container{height: 205px; width: 100%; background-repeat: no-repeat; background-size: cover;}
.segment--3-coloured-image-boxes-image-container div.backgroundimage{display: none;}
.segment--3-coloured-image-boxes-image-container div.backgroundimage img{}
.segment--3-coloured-image-boxes-text-container{}
.segment--3-coloured-image-boxes__container__image{height: 266px; display: flex; justify-content: center; align-items: flex-start; padding: 0;}
.segment--3-coloured-image-boxes__container__image img{width: 100%}

/* Balanced 2 Col Segment */
.segment--header + .segment--2col-balanced .segment__wrapper::before{display: none;}

.segment--2col-balanced{margin: 30px 0; background-color: #e6deca;}
.segment--2col-balanced .segment__wrapper{display: flex; align-items: center;}

.segment--2col-balanced-fat h2{line-height: 3.8rem; margin-top: 0; color: #A42A8F}
.segment--2col-balanced-fat p{}

.segment--2col-balanced-thin{border-left: 1px solid #CCC; width: calc(48.99% - 1px); padding: 2rem 0; margin-left: 0;}
.segment--2col-balanced-thin div{max-width: 70%; margin-left: 15%;}
.segment--2col-balanced-thin h3{ margin-bottom: 0.5rem; margin-top: 2rem; color: #A42A8F}
.segment--2col-balanced-thin h3:first-child{margin-top: 0;}
.segment--2col-balanced-thin p{margin-top: 0;}

/* Exapandable segment */
.segment--1col-expandable{background-color: #f3f4f6;}
.segment--1col-expandable__innercontainer{float: none; margin: 0 auto;}

/* Header segment */
.segment--page-heading{padding: 10px 0 30px 0;}
.segment--page-heading__container{background-color: #A42A8F; text-align: center; padding-top: 20px; padding-bottom: 14px;}
.segment--page-heading__container h1{margin: 0; color: #fff;}
.segment--page-heading--grey-bg {background:#f3f4f6}
.segment--page-heading--grey-bg h1 {color:#f3f4f6}

/* Slide in segments */
.slidey-segment{animation-duration: 1.5s; animation-delay: 0s; animation-fill-mode: forwards; animation-timing-function: ease-out; }
.slidey-segment-in-from-left{animation-name: anim-slidey-segment-in-from-left;}
.slidey-segment-in-from-right{animation-name: anim-slidey-segment-in-from-right;}

@keyframes anim-slidey-segment-in-from-left {
    from {opacity: 0; transform: translateX(-30px); }
    to   {opacity: 1; transform: translateX(0px); }
}
@keyframes anim-slidey-segment-in-from-right {
    from {opacity: 0; transform: translateX(30px); }
    to   {opacity: 1; transform: translateX(0px); }
}

@media only screen and (max-width: 1560px) {
	.segment__wrapper{width: 100%; }
}

@media only screen and (max-width: 1050px) {
	.segment--2col-imageleft-50__rightcol h2{font-size: 3rem; line-height: 3rem;}
	
	.segment--2col-imageleft__rightcol__innercontainer{padding-right: 37px;}
}

@media only screen and (max-width: 1000px) {
	.segment--icon-grid__container{grid-template-columns: 25% 25% 25% 25%;}
}

@media only screen and (max-width: 850px) {
	.segment--2col-imageleft-50__rightcol{flex-basis: calc(50% - 50px); padding-right: 25px; padding-left: 25px;}
	.segment--2col-imageleft-50__rightcol h2{font-size: 2rem; line-height: 2rem;}
	
	.segment--2col-75-25__leftcol__innercontainer h2{}
	.segment--2col-75-25__leftcol__innercontainer h3{}
}

@media only screen and (max-width: 700px) {
	.segment--page-heading__container h1{font-size: 2.4rem; line-height: 3rem; padding: 0 20px;}

	.segment--header{padding-top: 0; min-height: 0}
	.segment--header h1{font-size: 3rem; line-height: 3rem;}
	
	.segment--header + .segment .segment__wrapper::before{margin-top: 0; width: 100%; box-shadow: none;}

	.segment--header-image-full-width{padding-top: 0;}
	.segment--header-image-full-width{height: auto; padding-bottom: 50px; }
	.segment--header-image-full-width__image{padding: 30px 0;}
	.segment--header-image-full-width__headline h1{text-align: left; font-size: 3rem; line-height: 3rem;}
	
	.segment--header-image-full-width__headline a{width: 100%; padding: 15px 0; text-align: center;}
	
	.segment--mid-page-heading h2{text-align: left;}

	.segment--2col-imageright-50__leftcol{width: 95%; padding-right: 2.5%; padding-left: 2.5%; flex-basis: 95%;}
	
	.segment--2col-imageleft-new{overflow-x: hidden;}
	.segment--2col-imageleft-new img{max-width: 100%; margin-right: 0;}
	.segment--2col-imageleft-new p{max-width: 100%; text-align: left;}
	.segment--2col-imageleft-new li{max-width: 100%; text-align: left;}

	.segment--2col-imageright-new{overflow-x: hidden;}
	.segment--2col-imageright-new img{max-width: 100%; margin-left: 0;}
	.segment--2col-imageright-new p{max-width: 100%; text-align: left;}
	.segment--2col-imageright-new li{max-width: 100%; text-align: left;}

	.segment--3-image-boxes-simple__container{display: block;}
	.segment--3-image-boxes-simple__container__image{height: auto;}
	.segment--3-image-boxes-simple .col--4wide{margin: 0 2%}
	.segment--3-image-boxes-simple{padding: 30px 0 0 0;}

	.segment--3-image-boxes .col{padding: 20px 2.5% 20px 2.5%;}
	.segment--3-image-boxes .col--4wide{padding: 13px 2.5% 20px 2.5%;}

	.segment--3-grey-boxes{padding: 30px 0;}
	.segment--3-grey-boxes .col{padding: 50px 0; margin: 20px 2.5%;}

	.segment--2-box .col{padding: 50px 2.5% 50px 2.5%;}
	.segment--2-box .col:first-child{border-bottom: none;}
	.segment--2-box .col:nth-child(2) div{position: relative;}
	.segment--2-box .col p{margin: 1rem 2.5%;}
	
	.segment--call-to-action .segment__wrapper{text-align: center !important}
	
	.segment--3-coloured-image-boxes__container{flex-direction: column;}
	
	.segment--3-coloured-image-boxes .col{padding: 10px 2.5%;}
	.segment--3-coloured-image-boxes .col:nth-child(3){padding: 10px 2.5%;}
	
	.segment--2col-imageleft-50__leftcol{flex-basis: 100%; display: none;}
	.segment--2col-imageleft-50__rightcol{flex-basis: 100%;}
	
	.segment--2col-75-25__rightcol{padding: 10px 2.5%;}
	
	.segment--2col-imageleft__rightcol__innercontainer{padding: 0;}
	.segment--2col-imageleft__leftcol{text-align: center; width: 100% !important; margin: 0;}
	.segment--2col-imageleft__leftcol__innercontainer{float: none;}
	.segment--2col-imageleft__leftcol img{right: auto;}
	
	.segment--3-image-boxes__container{flex-direction: column;}
	
	.segment--2col-imageright__rightcol{margin: 60px 2.5%;}
	
	.segment--2col-75-25__container{flex-direction: column;}
	
	.segment__wrapper--testimonial{width: 90% !important; text-align: center;}
	
	.segment--icon-grid__container{grid-template-columns: 33% 33% 33%;}
	
	.block--footer p{width: auto;}
}

@media only screen and (max-width: 400px) {
	.segment--icon-grid__container{grid-template-columns: 50% 50%;}
	.segment--icon-grid__link a{top: 40px;}
}.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%;}

.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{background-color: #422a3e; padding: 30px;}
.form--contact legend{display: block; text-transform: uppercase; color: #FFF; font-weight: 800; font-size: 2rem; padding-bottom: 20px;}

.form--login{}
.form--reset-password{}
.form--change-password{}
.form--advertise{background-color: #f5f6fa; padding: 30px;}

.form--register .checkboxdiv{width: 60%; margin-left: 40%}
.form--register table{margin-left: calc(40%);width:  60% !important; border-color: #EEE}
.form--register table td{width: 50%; padding: 0;}
.form--register table td label{width: 100%; text-align: left;}
.form--register table td:first-child{text-align: right; padding-right: 20px;}

.form--groups{width: 100%;}
.form--groups fieldset{width: 100%;}
.form--groups .form__column{width: 100%;}
.form--groups .table--groups-list{width: 100%;}
.form--groups .table--groups-list th:first-child{text-align: right; padding-right: calc(10% - 15px);}

.form__label{width: auto; text-align: left; padding-left: 0; margin: 0; display: inline-block;}
.form__input{color: #422a3e; font-weight: 600; width: calc(100% - 30px); text-align: left; margin: 0 0 1rem 0; border: none; padding: 10px 15px;}
.form__textarea{color: #422a3e; font-weight: 600; width: calc(100% - 30px); text-align: left; margin: 0 0 1rem 0; height: 10rem; border: none; padding: 15px;}
.form input[type=checkbox]{text-align: right; width: auto; display: block;}
.form__button{transition: background 0.5s ease; width: 100% !important; text-transform: uppercase; font-weight: 800; float: none; display: block; color: #FFF; text-align: center; background-color: #A42A8F; padding: 20px; border: none; font-size: 1.3rem; text-decoration: none;}
.form__button:hover{background-color: #fff; color: #000;}

.form__input::placeholder{color: #422a3e;}

.form__label--checkbox a{color: #fff;}

.form__section{margin-bottom: 40px; padding-bottom: 20px; display: flex; flex-flow: row wrap; box-shadow: -1px 5px 15px -5px #888;}
.form__section--padded{padding: 10px 20px;}
.form__section--flex{display: flex; flex-flow: row wrap;}
.form__header{color: #FFF; font-size: 1.5rem; font-weight: normal; flex-basis: 100%; background-color: #1D9EDA; padding: 10px 20px; margin: 0 0 10px 0;}
.form__para{padding: 10px 20px; margin: 0 0 10px 0;}

.input-container--zoomy{display: block; width: 100%; position: relative; padding-top: 10px;}
.input-container--zoomy label{color: #422a3e; font-weight: 800; font-size: 0.95rem; position: absolute; top: 19px; left: 15px; transition: transform 0.3s, font-size 0.3s; cursor: text;}
.input-container--zoomy label.focus{font-size: 0.9rem; color: #fff; top: 0; transform: translate3d(0, -15px, 0);}
.input-container--zoomy label.not-empty{font-size: 0.9rem; color: #fff; top: 0; transform: translate3d(0, -15px, 0);}

.form__p--recaptcha{color: #9c9c9c; margin: 40px 0 10px 0;}
.form__a--recaptcha{color: #9c9c9c;}

/* Change Autocomplete styles in Chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {-webkit-text-fill-color: #422a3e !important;}

/* Mobile */
@media only screen and (max-width: 700px) {
	.form__button {width: 100% !important; font-size: 1rem;}
}@keyframes fadein {
  0% {opacity: 0;}
  25% {opacity: 0;}
  75% {opacity: 1;}
  100% {opacity: 1;}
}
@keyframes fadeout {
  0% {opacity: 1;}
  25% {opacity: 1;}
  75% {opacity: 0;}
  100% {opacity: 0;}
}

@keyframes fadeinout {
  0% {opacity: 1;}
  33% {opacity: 1;}
  66% {opacity: 0;}
  100% {opacity: 0;}
}

@keyframes turnoff {
  0% {transform: scale(1);}
  33% {transform: scale(1.2);}
  100% {transform: scale(0);}
}

@keyframes turnon {
  0% {transform: scale(0);}
  66% {transform: scale(1.2);}
  100% {transform: scale(1);}
}

@keyframes clicked {
  0% {transform: scale(1);}
  66% {transform: scale(0.95);}
  100% {transform: scale(1);}
}

/***************************/
/*  CROSS FADE FUNCTIONS   */
/***************************/

/* .segment--testimonial{opacity: 0; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-duration: 1s; animation-fill-mode: forwards; will-change: opacity;}
.segment--testimonial.active{animation-name: fadein; display: block;} 
.segment--testimonial.inactive{animation-name: fadeout; display: none;} 
.segment--testimonial__container{position: relative; min-height: 260px; overflow: hidden;}
.segment--testimonial__container span{position: absolute; top: 0; left: 0; }

.segment--testimonial__arrow{cursor: pointer; width: 10px !important; height: 10px; position: absolute; bottom: -25px; right: 9.5%; width: 20px; height: 20px}
.segment--testimonial__arrow--left{width: 10px; height: 10px; position: absolute; bottom: -25px; right: calc(9.5%  + 20px); width: 20px; height: 20px}
 *//* Testimonials */
.segment--testimonial{background-color: #585858; text-align: center; min-height: 148px; display: flex; align-items: center; padding: 30px 0;}
.segment__wrapper--testimonial{width: 40%;}
.segment--testimonial p{color: #fff; font-weight: 800; font-size: 1.2rem; line-height: 2.1rem; margin-bottom: 0;}

@media only screen and (max-width: 850px) {
	.segment__wrapper--testimonial{width: 90%;}
}

@media only screen and (max-width: 700px) {
	.segment--testimonial{height: auto;} 
	.segment--testimonial__wrapper{height: auto; margin-top: 0; padding-top: 20px;}
	.segment--testimonial img:first-child{clip-path: none; position: relative; max-height: 200px;}
	.segment--testimonial__text {width: 100%; padding: 0; margin: 0;}
	.segment--testimonial__text img{position: relative; bottom: auto; right: auto;}
	.segment--testimonial__text p{width: 100%;}
	.segment--testimonial-logo-holder{display: none;}
	.segment--testimonial::before{display: none;}
	.segment--testimonial::after{display: none;}
}.loggedinname {font-size:1rem !important; letter-spacing:0 !important; position:absolute; top:10px; right:0;}
.clientlogoutlink {font-size:1rem !important; letter-spacing:0 !important; position:absolute; top:40px; right:0;}

.login-header{font-size: 2rem; letter-spacing: -0.05rem;}
.form--login{max-width: 300px; margin: 0 auto;}
.form--login legend{display: none;}
.form--login .form__label{text-align: left; width: 100%}
.form--login .button{border: none; background-color: #A42A8F; color: #FFF; padding: 20px 30px; font-size: 2rem; margin-top: 2rem;}

.login-password-reset{font-size: 0.8rem; text-align: left; margin: 0;}
.login-password-reset a{text-decoration: none; border-bottom: 1px dotted #A42A8F;}
.login-register{font-size: 0.8rem; text-align: left; margin: 0;}
.login-register a{text-decoration: none; border-bottom: 1px dotted #A42A8F;}

.clientdocuments {text-align: left; min-height: 335px;}
.clientdocuments__documentlist {list-style:none; margin:0 auto; padding:0 !important;}
.clientdocuments__categoryheading {margin-bottom:10px;}
.clientdocuments__documentitem {padding:5px 0; margin:0 0 5px 20px;}
.clientdocuments__documentitem__link {text-decoration:none; margin-left:10px;}
.clientdocuments__documentlist + .clientdocuments__categoryheading {margin-top:40px}

.segment--1col--grey-bg--clients{min-height: 500px;}
.segment--page-heading--grey-bg + .segment--1col--grey-bg--clients{min-height: 350px;}

@media only screen and (max-width: 700px) {
	.loggedinname {top: 90px; left: 20px; text-align:left}
	.clientlogoutlink {top: 90px; right: 20px;}
	.clientdocuments__categoryheading {font-size:1.4rem}
}.back-to-blog{margin: 0;}
.back-to-blog a {width:100% !important; margin:0; padding-right:0; padding-left:0;}

.segment--1col--blog--heading{padding-bottom: 0;}
.segment--1col--blog{padding-top: 0;}

/* Blog items */
.blog-list-container{border-bottom: 8px solid #c7cfda; padding-bottom: 25px; margin-bottom: 213px; display: grid; gap: 20px; grid-template-columns: calc(33.33% - 13.33px) calc(33.33% - 13.33px) calc(33.33% - 13.33px); grid-template-rows: auto;}
.blog-list-item__image-container{min-height: 204px; background-size: cover; background-position: center center; position: relative;}
.blog-list-item__background-image{display: none;}
.blog-list-item {transition: background 0.75s ease; padding: 20px 22px; background-color: #fdfdfd;}
.blog-list-item:hover {background-color: #fff;}
.blog-list-item__heading{margin-top: 15px; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.055rem; margin-bottom: 0;}
.blog-list-item__heading-link {color: #000;text-decoration: none;}
.blog-list-item__date{margin: 0; position: absolute; bottom: 7px; right: 0; color: #fff; background-color: #f62e28; text-transform: uppercase; font-size: 0.95rem; padding: 5px 8px;}
.blog-list-item__synopsis{margin: 7px 0 0 0; font-size: 0.9rem; color: #505b5f; line-height: 1.6rem;}

/* Blog categories */
.blog-category-list-container{display: flex; margin: 30px 0 43px 0px; justify-content: center;}
.blog-category-list-item{margin: 0 4px;}
.blog-category-list-item__link{color: #173766; background-color: #fdfdfd; padding: 5px 10px; font-size: 1rem; text-transform: uppercase; font-weight: 600; text-decoration: none;}
.blog-category-list-item__link:hover{background-color: #f62e28; color: #fff;}
.blog-category-list-item__link--selected{background-color: #f62e28; color: #fff;}

/* Blog page */
.segment--blog{background-color: #f3f4f6; padding: 48px 0 30px 0;}
.segment--blog__container{display: flex;}
.segment--blog__leftcol{}
.segment--blog__leftcol__overview{color: #f62e28; font-weight: 600; font-size: 1.2rem;}
.segment--blog__leftcol__content{padding: 0;}
.segment--blog__leftcol__content h1{font-size: 3.2rem; font-weight: 600; line-height: 3.2rem; margin-bottom: 12px; text-transform: uppercase;}
.segment--blog__leftcol__content h2{font-size: 1.8rem; font-weight: 600; line-height: 2rem; margin: 0 0 12px 0; letter-spacing: 0.05rem; text-transform: uppercase;}
.segment--blog__leftcol__content h3{color: #f62e28; font-size: 1.4rem; font-weight: 600; line-height: 2.2rem; margin: 0 0 6px 0;}
.segment--blog__leftcol__content p{}
.segment--blog__leftcol__image {max-height:400px}
.segment--blog__rightcol{}
.segment--blog__rightcol__latest-blog{background-color: #fff; padding: 20px; border-bottom: 30px solid #f3f4f6;}
.segment--blog__rightcol__latest-blog__heading{text-transform: uppercase; font-size: 1.4rem; margin: 0 0 23px 0; letter-spacing: 0.06rem;}
.segment--blog__rightcol__latest-blog div.backgroundimage{display: none;}
.segment--blog__rightcol__latest-blog div.backgroundimage img{}
.latest-blog-container{display: flex; margin-bottom: 20px;}
.latest-blog__image{height: 70px; flex-basis: 20%; background-color: #FFF; background-size: cover; background-position: center center;}
.latest-blog__text{flex-basis: calc(80% - 24px); padding: 0px 12px; }
.latest-blog__text__title{text-transform: uppercase; font-size: 1rem; margin: 0 0 9px 0;}
.latest-blog__text__date{margin: 0;color: #f62e28; text-transform: uppercase; font-size: 0.8rem;}
.latest-blog__text__link{display: none;}

@media only screen and (max-width: 700px) {   
	.blog-list-container{grid-template-columns: calc(50% - 20px) calc(50%);}
}

@media only screen and (max-width: 500px) {   
	.blog-list-container{grid-template-columns: 100%;}
}.back-to-job{margin: 0;}
.back-to-job a {width:100% !important; margin:0; padding-right:0; padding-left:0;}

/* Job items */
.job-list-container{border-bottom: 8px solid #c7cfda; padding-bottom: 25px; margin-bottom: 213px; display: grid; gap: 20px; grid-template-columns: calc(33.33% - 13.33px) calc(33.33% - 13.33px) calc(33.33% - 13.33px); grid-template-rows: auto;}
.job-list-item__image-container{min-height: 204px; background-size: cover; background-position: center center; position: relative;}
.job-list-item__background-image{display: none;}
.job-list-item {transition: background 0.75s ease; padding: 20px 22px; background-color: #fdfdfd;}
.job-list-item:hover {background-color: #fff;}
.job-list-item__heading{margin-top: 15px; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.055rem; margin-bottom: 0;}
.job-list-item__heading-link {text-decoration: none;}
.job-list-item__date{margin: 0; position: absolute; bottom: 7px; right: 0; color: #fff; background-color: #f62e28; text-transform: uppercase; font-size: 0.95rem; padding: 5px 8px;}
.job-list-item__synopsis{margin: 7px 0 0 0; font-size: 0.9rem; color: #505b5f; line-height: 1.6rem;}

/* Job page */
.segment--job{padding: 48px 0 30px 0; text-align: center;}

@media only screen and (max-width: 700px) {   
	.job-list-container{grid-template-columns: calc(50% - 20px) calc(50%);}
}

@media only screen and (max-width: 500px) {   
	.job-list-container{grid-template-columns: 100%;}
}