/*! 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: 'Lato', 'Arial', sans-serif;} body{margin:0} a:focus{outline:thin dotted} a:active,a:hover{outline:0} h1{font-size:2em;margin:.67em 0} h2{font-size:1.5em;margin:.83em 0} h3{font-size:1.17em;margin:1em 0} h4{font-size:1em;margin:1.33em 0} h5{font-size:.83em;margin:1.67em 0} h6{font-size:.75em;margin:2.33em 0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:700} blockquote{margin:1em 0} dfn{font-style:italic} mark{background:#ff0;color:#000} p,pre{margin:1em 0} code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em} 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.5em} sub{bottom:-0.25em} dl,menu,ol,ul{margin:1em 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} .nobullets{list-style-type: none;} .skipnav{position: absolute; top: 10px; left: 10px; overflow: hidden; width: 1px; height: 1px; z-index: -1;} .skipnav:focus{width: auto; height: auto; z-index: 10000; background-color: black; color: white !important; padding: 10px;} /* Define the grid layout */ .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12{margin: 0 1%; float: left;} .c1{width: 6.33%;} .c2{width: 14.66%;} .c3{width: 23%;} .c4{width: 31.33%;} .c5{width: 39.67%;} .c6{width: 47.99%;} .c7{width: 56.33%;} .c8{width: 64.66%;} .c9{width: 73%;} .c10{width: 81.33%;} .c11{width: 89.67%;} .c12{width: 98%;} .bordered.c1, .bordered.c2, .bordered.c3, .bordered.c4, .bordered.c5, .bordered.c6, .bordered.c7, .bordered.c8, .bordered.c9, .bordered.c10, .bordered.c11, .bordered.c12 {border: 1px solid red; padding: 10px;} .bordered.c1{width: 38px;} .bordered.c2{width: 118px;} .bordered.c3{width: 198px;} .bordered.c4{width: 278px;} .bordered.c5{width: 358px;} .bordered.c6{width: 438px;} .bordered.c7{width: 518px;} .bordered.c8{width: 598px;} .bordered.c9{width: 678px;} .bordered.c10{width: 758px;} .bordered.c11{width: 838px;} .bordered.c12{width: 918px;} .centred.c1{margin: 0 440px;} .centred.c2{margin: 0 400px;} .centred.c3{margin: 0 360px;} .centred.c4{margin: 0 320px;} .centred.c5{margin: 0 280px;} .centred.c6{margin: 0 240px;} .centred.c7{margin: 0 200px;} .centred.c8{margin: 0 160px;} .centred.c9{margin: 0 120px;} .centred.c10{margin: 0 80px;} .centred.c11{margin: 0 40px;} .centred.c12{margin: 0;} .nomargin.c1, .nomargin.c2, .nomargin.c3, .nomargin.c4, .nomargin.c5, .nomargin.c6, .nomargin.c7, .nomargin.c8, .nomargin.c9, .nomargin.c10, .nomargin.c11, .nomargin.c12{margin: 0; float: left;} .nomargin.c1{width: 8.33%;} .nomargin.c2{width: 16.66%;} .nomargin.c3{width: 25%;} .nomargin.c4{width: 33.33%;} .nomargin.c5{width: 41.67%;} .nomargin.c6{width: 49.99%;} .nomargin.c7{width: 58.33%;} .nomargin.c8{width: 66.66%;} .nomargin.c9{width: 75%;} .nomargin.c10{width: 83.33%;} .nomargin.c11{width: 91.67%;} .nomargin.c12{width: 100%;} .box {margin: 0 0 20px 0; text-align: left;} /* Default Contact Form Styling */ form {margin-bottom: 0; text-align: left;} fieldset {margin-bottom: 0;} input[type="text"], input[type="password"], input[type="email"], input[type="file"], textarea, select {border: 1px solid #CCC; padding: 6px 2%; outline: none; border-radius: 2px; color: #000; margin: 0; height: 19px; width: 96%; max-width: 96%; display: block; margin-bottom: 20px; background: #fff; } select {padding: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {border: 1px solid #AAA; color: #444; box-shadow: 0 0 3px rgba(0,0,0,.2); outline: none;} textarea {min-height: 295px; max-height: 295px; resize: none; width: 96%;} label, legend {display: block; font-weight: normal; font-size: 1em; text-align:left;} label {height:20px;} legend {color: #888888; visibility: hidden;} select {width: 96%; max-width: 96%; height: 30px; } input[type="checkbox"] {display: inline; } label span, legend span { font-weight: normal; font-size: 1em; color: #444;} label.emailformcovert, input.emailformcovert {display:none !important;} .button, button, input[type="submit"], input[type="reset"] {background: #eee; /* Old browsers */ background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-radius: 3px; color: #444; display: inline-block; font-size: 0.9em; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 8px 45px; float:right; margin-right: 0;} .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover {color: #222; background: #ddd; /* Old browsers */ background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ border: 1px solid #888; border-top: 1px solid #aaa; border-left: 1px solid #aaa; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active {border: 1px solid #666; background: #ccc; /* Old browsers */ background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } .button:focus{outline: none;} div.checkboxdiv label{display: inline; padding-right: 20px;} hr {clear:both;} /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} .overTxtLabel{color: #888; font-size: 1em; padding: 5px} .desktophidden{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; }body{font-family: 'Lato', Arial, sans-serif; display: block !important;} a[href^=tel]{color: inherit !important; text-decoration: none !important;} .desktophidden{display: none;} .mobilehidden{display: block;} .printhidden{display: block;} .printonly{display: none;} .clear {clear:both} /* Headings */ h1, h2, h3, h4, h5, h6{line-height: 1em; color: #00ABB2; font-weight: normal; margin-bottom: 0;} h1 {font-size: 2.4rem;} h2 {font-size: 2rem;} h3 {font-size: 1.5rem;} h4 {font-size: 1.1rem;} h5 {font-size: 0.9rem;} h6 {font-size: 0.8rem;} ul, p, ol{line-height: 1.8rem; color: #282634; font-weight: 400; margin-bottom: 1.5em;} a{color: #5D99C7;} a:hover{opacity: 0.8;} p.navheader {display: none;} span.picicon{font-family: Pictos;} ul, ol{padding: 0 0 10px 20px;} ul.inlinelist{margin: 0; } ul.inlinelist li{float: left; padding: 2px 10px; margin-bottom: 0; list-style-type: none;} .multiple{height: 150px;} #printlink{position: absolute; right: 200px; top: 0px; margin: 0; font-size: 0.8em; cursor: pointer;} .sitemap-div ul li a {text-decoration:none; background: none;color: inherit; padding: 0; box-shadow: none; font-size: 1rem; margin: 0;} .centre{text-align: center;} img{max-width: 100%;} img.left{float: left; margin: 0.7rem 1em 1em 0;} img.right{float: right; margin: 0.7rem 0 1em 1em;} .build-query{background-color: #FFA0A0; padding: 1%; font-size: 0.8em;} /* Invisible Separator */ .invisiblesep{clear: both;} /* Image Styles */ img.LEFT{float: left; margin: 0 15px 15px 0;} img.RIGHT{float: right; margin: 0 0 15px 15px;} img.CENTRE{text-align: center; display: block; margin: 10px auto;} img.INLINE {display: inline; margin: 15px 0 15px 0;} .imagecaption{color: #909090; font-size: 0.7em; margin: 0; text-align: center;} .imageborder{padding: 5px; background-color: #FFF; border: 1px solid #CCC; display: block; margin-bottom: 5px;} .wrapper {width: 1200px;} /* Skip Navigation */ .skipnav, .skipnav:visited{position: absolute; left: 40px; font-size: 0.75em;} .skipnav:active, .skipnav:focus, .skipnav:hover{z-index: 10000; color: #CFCFCF;} /* Main Page Sections */ .wrapper{margin: 0 auto; position: relative;} .circle-purple{width: 300px; height: 300px; background-color: rgba(184, 131, 176, 0.82); border-radius: 150px; position: absolute; top: -86px; left: 40%; margin-left: -200px; } .circle-red-large-1{width: 300px; height: 300px; background-color: rgba(229, 49, 62, 0.79); border-radius: 150px; position: absolute; bottom: -52px; left: -178px;} .circle-purple-small{width: 75px; height: 75px; background-color: rgba(184, 131, 176, 0.82); border-radius: 40px; position: absolute; bottom: 260px; left: -30px;} .circle-green{width: 100px; height: 100px; background-color: rgba(0, 157, 72, 0.82); border-radius: 50px; position: absolute; top: 232px; left: 27%;} .circle-turquoise{width: 60px; height: 60px; background-color: rgba(0, 155, 157, 0.82); border-radius: 30px; position: absolute; top: 340px; left: 35%;} .circle-red-small{width: 75px; height: 75px; background-color: rgba(229, 49, 62, 0.79); border-radius: 40px; position: absolute; top: 82px; right: 200px;} .circle-purple-medium{width: 100px; height: 100px; background-color: rgba(184, 131, 176, 0.82); border-radius: 50px; position: absolute; top: 85px; right: 117px} .circle-yellow-small{display: none; width: 34px; height: 34px; background-color: rgba(246, 223, 31, 0.75); border-radius: 18px; position: absolute; top: 157px; right: 110px; z-index: 10;} .circle-red-small-2{width: 40px; height: 40px; background-color: rgba(229, 49, 62); border-radius: 20px; position: absolute; top: 425px; right: 114px;} .circle-red-large-2{width: 300px; height: 300px; background-color: rgb(231, 84, 51, 0.6); border-radius: 150px; position: absolute; top: 113px; right: -151px;} /* Header container */ .header-container {height: 225px; padding-top: 60px; position: relative; overflow: hidden; z-index: 1000;} .header-container img.logo{margin: 28px 0 0 -13px; cursor: pointer;} .header-container form{display: none;} .header-container a.login-link{position: absolute; top: 20px; right: 20px; color: #FFF; border-top: 2px solid rgba(255, 255, 255, 0.7); border-bottom: 2px solid rgba(255, 255, 255, 0.7); display: block; padding: 10px 0; text-transform: uppercase; text-decoration: none;} /* Mobile menu display management - styling must reference ul#mainmenu to work across all sites */ ul#mainmenu li.mobilemenucontrol{display: none;} /* Menu container */ .menu-container{background: linear-gradient(to right, rgba(0,128,108,0.79) calc(100% - 220px - (100% - 1200px) / 2),rgba(0,128,108,0.79) calc(100% - 220px - (100% - 1200px) / 2),rgba(0,128,108,0.79) 100%); min-height: 38px; margin-top: 10px; z-index: 10000; position: fixed; width: 100%;} .menu-container .wrapper{display: flex;} .menu-container .c10{margin-left: 0; flex-basis: calc(100% - 160px);} .menu-container .c2{margin-right: 0; flex-basis: 160px;} .menu-container ul{padding: 11px 0; margin: 0; width: 100%;} .menu-container ul li{padding: 0; margin: 0 10px 0 0; display: inline-block; position: relative; width: auto; font-size: 0.7rem; font-weight: 400;} .menu-container ul li a{font-size: 0.8rem; padding: 0 16px 0 0; margin: 0 8px 0 0; display: inline-block; text-transform: uppercase; color: #FFF; text-decoration: none; background: transparent url("../images/background-menu-item.png") right center no-repeat;} .menu-container ul li a:hover, .menu-container ul li.selected a{color: #FEEF00; background: transparent url("../images/background-menu-item-yellow.png") right center no-repeat;} .menu-container ul li.lastitem{margin-right: 0;} .menu-container .head-office-summary ul{padding: 0; margin: 2px 0 0 0; text-align: right;} .menu-container .head-office-summary ul li{background: transparent url("../images/bullet-point-white.png") center left no-repeat; padding: 11px 7px 7px 17px; margin: 0 5px 0 0; color: #FFF; text-transform: uppercase; font-size: 0.75rem;} .menu-container .head-office-summary ul li a{padding: 0; margin: 0; background-image: none; font-size: 0.7rem;} .menu-container .head-office-summary ul li:nth-child(3){margin-right: 0; padding-right: 0;} .menu-container .head-office-summary ul li.firstitem{background: none;} /* Level 2 */ .menu-container ul li ul{display: none; position: absolute; left: 10px; top: 15px; margin: 0; padding: 5px 0 0 0; z-index: 1001; width: 175px;} .menu-container ul li ul li{text-align: left; transition: background-color 0.5s ease 0s; background: rgb(13, 84, 145); display: block !important; margin: 0 !important; padding: 0 !important; z-index: 1002; color:#fff} .menu-container ul li ul li:first-child{margin-left: 0;} .menu-container ul li ul li a{color: #FFF !important; font-size: 0.65rem; border: none; display: block; margin: 0; padding: 3px 10px 3px 8px; background: none;} .menu-container ul li ul li:hover{background-color: rgb(92, 92, 92);} .menu-container ul li ul li a:hover{background-color: rgb(92, 92, 92); color: #FFF; background-image: none;} .menu-container ul li.selected ul li:hover {background-color: rgb(92, 92, 92);} .menu-container ul li.selected ul li a{color: #FFF; background:transparent; border-bottom: none !important;} .menu-container ul li.selected ul li.selected{background-color: rgb(92, 92, 92);} .menu-container ul li.selected ul li.selected a{color: #FFF; border: none; background-image: none;} .menu-container ul li:hover ul{display: block;} .menu-container ul li ul li:last-child a{border-bottom:none} /* Main container */ .main-container{color: #494949;} .main-container .wrapper{text-align: left; margin:0 auto; padding: 0;} .main-container .wrapper img{max-width: 100%;} .main-container ul, .main-container p, .main-container ol{line-height: 1.4rem; margin: 0 0 10px 0; font-size: 0.95rem; color: #FFF;} .main-container ul li, .main-container ol li{margin: 0 0 9px 0;} .main-container h1{margin-bottom: 15px;} .main-container h2{font-size: 2rem; margin-top: 20px; margin-bottom: 10px;} .main-container h3{font-size: 1.5rem; margin-top: 20px; margin-bottom: 10px;} .main-container h4{margin-top: 0; margin-bottom: 5px;} .main-container a{color: #009D48; text-decoration: none;} .main-container a:hover{color: #B883B0;} /* Form multiselect */ ul.multiselectbox{margin: 10px 0; padding: 0;} ul.multiselectbox li{list-style: none; margin: 0;} ul.multiselectbox li a{display: block; cursor: pointer; padding: 5px 15px; background-color: #EEE; border-bottom: 1px solid #CCC;} ul.multiselectbox li a span.picicon{float: right; font-size: 1.5rem; color: #FEFACD;} ul.multiselectbox li.notselected a{font-style: italic; color: #777;} ul.multiselectbox li a:hover{background-color: #D56559; color: #FFF;} ul.multiselectbox li.selected{} ul.multiselectbox li.selected a{background-color: #022C5C; color: #FFF;} /* Warning Message */ .main-container .wrapper p.warning {line-height: 1.8rem; width: 96%; padding: 2%; font-weight: normal; text-align: center; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; font-size: 1.5rem; margin: 30px 0;} .main-container .wrapper p.fail {background-color:#A00; border-top: 2px solid #900; color: #FFF !important;} .main-container .wrapper p.success {background-color: #069806; border: 2px solid #148614; color: #FFF !important;} .main-container .wrapper p.warning a{color: #FFF;} /* Tables */ .main-container table{background-color: #FFF; width: 100%; box-shadow: 0px 1px 3px 1px #A1A1A1; margin-bottom: 30px;} .main-container table td, .main-container table th{padding: 10px 0 10px 15px; color: #274C55; font-size: 0.95em;} .main-container table td.centercell, .main-container table th.centercell{text-align: center;} .main-container table tr.alternativerow td{background-color: #F7F7F7;} .main-container table td a{text-decoration: none;} .main-container table thead tr td, .main-container table thead tr th{color: #2F758E; border-bottom: 2px solid #EEE; font-size: 1.1em;} /* Contact form */ .contact-form .c4-left{float: left; width: 31%; margin-right: 1%;} .contact-form .c8-right{float: left; width: 67%; margin-left: 1%;} .contact-form textarea{min-height: 239px; max-height: 239px;} .job-page #job-applyform {position: relative; width: 53%; margin-top: 10px; } .job-page #job-applyform label {color:#FFF; display:inline; display:inline-block; width: 19%; text-align:right; padding-right: 3%;} .job-page #job-applyform input[type="text"] {background: #ABDEDF; border:none; display:inline-block; width: 71%; margin-right:0px; margin-bottom: 28px;} .job-page #job-applyform .checkboxdiv {margin-bottom:20px; margin-left: 21%;} .job-page #job-applyform .checkboxdiv label {width: auto; text-align:left; line-height: 1.3rem;} .job-page #job-applyform .checkboxdiv input {} .job-page #job-applyform h4 {color:#00acb2; padding-left: 23%; margin-bottom: 9px;} .job-page #job-applyform p {color: #FFF; padding-left: 23%; margin-bottom: 19px;} .job-page #job-applyform p.form__p--recaptcha{color: #9c9c9c !important; margin-top: 30px; margin-bottom: 0; text-align: left;} .job-page #job-applyform #CovertMiddleName {display:none;} .job-page #job-applyform .emailformcovert {display:none;} .job-page #job-applyform .mand-warning {position: absolute; right: 15px; font-weight: 600; top: 115px;} .job-page #job-applyform .cv-notice {padding-left: 0; font-weight: 600; margin-top: 28px;} .job-page #job-applyform .fileselect-box {margin-left: 23%; margin-bottom:20px; margin-top:-10px} .job-page #job-applyform .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;} .job-page #job-applyform .inputfile + label { width:105px; font-size: 1.2rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; padding: 0; margin-bottom: 32px;} .job-page #job-applyform .fileselect-box label {margin:0;} .job-page #job-applyform .fileselect-box label span {color: #10A1A3 !important; background:url('../images/attach_cv_arrow.png') right center no-repeat; padding-right: 34px;} .job-page #job-applyform .fileselect-box label span.selected-cvfile {background:none; display:block; font-size:0.8rem; padding-left:5px; padding-top:5px;} .job-contactbranch {margin-top:40px;} .job-contactbranch--no-padding{padding-left: 0 !important;} .job-page #job-applyform .button {font-size: 1.3rem; color: #209A9C; text-align: left; background: #FFF; background: #FFF url('../images/attach_cv_arrow.png') calc(100% - 15px) center no-repeat; border: 2px solid #009B9D; border-radius: 25px; font-weight: 300; float:none; width: 224px; margin: 10px 0 3px 23%; padding: 6px 0 8px 15px; } .job-page #job-applyform .button:hover{background: #1A806B; background: #1A806B url(../images/button-arrow-white.png) calc(100% - 15px) center no-repeat ; color: #FFF; font-weight: 300;} .job-page #job-applyform .button-nomargin{margin-left: 0;} .back-to-search-button {float: right; font-size: 1.3rem; color: #209A9C; text-align: left; background: #FFF url('../images/arrow-left.png') 15px center no-repeat; border: 2px solid #009B9D; border-radius: 25px; font-weight: 300; min-width: 208px; margin: 0 0 20px 0; padding: 6px 15px 8px 50px; display: inline-block;} .back-to-search-button:hover{background: #1A806B url(../images/button-arrow-white-left.png) 15px center no-repeat ; color: #FFF !important; opacity: 1;} p.form__p--recaptcha{color: #9c9c9c; font-size: 0.7rem; text-align: center;} a.form__a--recaptcha{color: #9c9c9c !important;} .grecaptcha-badge {visibility: hidden !important;} /* Hiding reCaptcha badge */ /* Custom Select */ .custom-select {position: relative; width: 99%;} .custom-select select {display: none;} .custom-select .select-selected {background-color: #fff; margin: 0 0 5px 0;} .custom-select .select-selected:after {position: absolute; content: url('../images/form-select-arrow.png'); top: 72px; right: 10px;} /*style the arrow inside the select element:*/ .custom-select .select-selected.select-arrow-active:after {border-color: transparent transparent #fff transparent; top: 65px;} /*point the arrow upwards when the select box is open (active):*/ .custom-select .select-selected {color: #000; padding: 7px 16px 8px 16px; min-height: 16px; border: 1px solid #fff; cursor: pointer; font-size: 1rem} /*style the items (options), including the selected item:*/ .custom-select .select-items {position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; overflow: auto;} /*style items (options):*/ .custom-select .select-items div {color: white; padding: 5px 16px; border: 1px solid #fff; cursor: pointer; font-size: 1rem; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;} /*style the items (options), including the selected item:*/ .custom-select .select-hide {display: none !important;} /*hide the items when the select box is closed:*/ .custom-select .select-items div:hover, .custom-select .same-as-selected {background-color: rgba(0, 0, 0, 0.1);} /* Job Search */ p.noresults {color:#fff; padding: 40px 0 30px 0; text-align: center;} .jobsearch-orderoptions {} .jobsearch-orderoptions p {color:#fff; font-size: 1.05rem; font-weight: 600;} .jobsearch-orderoptions p a { text-decoration:none; color:#fff} .jobsearch-orderoptions p a.selected {color:#f3de03;} .jobsearch-orderoptions .Distance {margin-left: 10px; padding-right:15px; background:url('../images/job_linkarrow-down-white.png') right center no-repeat; background-size: 10px 10px;} .jobsearch-orderoptions .Distance.selected {background:url('../images/job_linkarrow-down-yellow.png') right center no-repeat; background-size: 10px 10px;} .jobsearch-orderoptions .Relevance {padding-right:15px; background:url('../images/job_linkarrow-right-white.png') right center no-repeat; background-size: 10px 10px;} .jobsearch-orderoptions .Relevance.selected {background:url('../images/job_linkarrow-right-yellow.png') right center no-repeat; background-size: 10px 10px;} .refine-container {text-align: center; margin-bottom: 15px;} .refine-container p {margin: 0 !important;} .refine-container p a{color: #00ACB2;} #jobsearchanchor{position: absolute; top: -50px;} .jobsearch-joblist {margin-top:20px;} .jobsearch-job {width: 43%; padding: 25px 4% 25px 0; display: inline-block; vertical-align: top;} h4.jobsearch-jobtitle{font-size: 1.15rem;} h4.jobsearch-jobtitle a {color: #00ACB2; text-decoration:none;} p.jobsearch-jobnumber {color: #FFF !important; margin-bottom: 31px !important;} ul.jobsearch-job-details {list-style: none; margin: 0; padding-left:0; padding-bottom: 9px;} ul.jobsearch-job-details li {color: #FFF; margin-bottom: 5px; padding: 2px 0 4px 34px;} ul.jobsearch-job-details li img {margin-right: 8px; display: inline-block; vertical-align: middle;} ul.jobsearch-job-details li a {color:#fff; text-decoration:none; padding-right:15px; background:url('../images/job_linkarrow.png') right center no-repeat; background-size: 10px 10px; display: inline-block; vertical-align: middle;} ul.jobsearch-job-details li span {margin-right: 3px; font-size: 1rem; color: #00ACB2; font-weight:500; text-transform:uppercase; display: inline-block; vertical-align: middle;} ul.jobsearch-job-details li.job-branchname{background: transparent url("../images/job_branchicon.png") center left no-repeat;} ul.jobsearch-job-details li.job-location{background: transparent url("../images/job_locationicon.png") center left no-repeat;} ul.jobsearch-job-details li.job-sector{background: transparent url("../images/job_sectoricon.png") center left no-repeat;} ul.jobsearch-job-details li.job-type{background: transparent url("../images/job_typeicon.png") center left no-repeat;} ul.jobsearch-job-details li.job-salary{background: transparent url("../images/job_salaryicon.png") center left no-repeat;} ul.jobsearch-job-details li.job-benefits{background: transparent url("../images/job_benefiticon.png") center left no-repeat;} .jobsearch-job-bottom p {display:inline-block; width: 134px; margin-bottom: 2px !important;} .jobsearch-job-bottom a {color:#f6df1f; text-decoration:none; font-size: 1.1rem; font-weight: 400; padding-right:15px; background:url('../images/job_linkarrow-yellow.png') right center no-repeat; background-size: 10px 10px;} .jobsearch-job-bottom p.contactbranch {display:block; width:100%;} .jobsearch-job-bottom p.contactbranch a {font-size: 0.95rem; font-weight: 300;} .jobsearch-job-bottom p.refinejobsearch {display:block; width:100%; margin-top: 12px;} .jobsearch-job-bottom p.refinejobsearch a {font-size: 0.95rem; font-weight: 300;} .jobsearch-job-bottom p.refinejobsearch a.refinesearch{background: none; padding: 0;} .jobsearch-seperator {border:none; border-bottom: 2px solid #FFF;} ul.paging {list-style: none; text-align: center; margin-left:0; margin-bottom: 0; padding: 10px 0 0 0;} ul.paging li {display:inline-block; margin:10px;} ul.paging li a {color:#00acb2; text-decoration: none;} ul.paging li a.selected {font-weight:600; font-size:1.1rem} /* Branches */ .branch-wrapper {} .branch-wrapper .branch {background: rgba(255, 255, 255, 0.85); width: 312px; min-height: 303px; display: inline-block; vertical-align: top; padding: 33px 30px 30px 30px; margin:10px;} .branch-wrapper .branch h4{font-size: 1.3rem; margin-bottom: 5px;} .branch-wrapper .branch a {text-decoration: none; color: #009B9D; font-weight: 400;} .branch-wrapper .branch .branch-address {font-size: 1rem; font-weight: 400; margin-bottom: 10px;} .branch-wrapper .branch .branch-contact {font-size: 0.95rem; margin:10px 0 0 0; font-weight:600} .branch-wrapper .branch .branch-contact p {margin: 0; line-height: 1.25rem; color: #009B9D} .branch-wrapper .branch .branch-contact a {display: inline-block;} .branch-wrapper .branch .branch-contact p.email-address a{color: #282634; /*background: transparent url("../images/branch_email_arrow.png") center right no-repeat; padding-right: 22px;*/} .branch-wrapper .branch .branch-contact p.message-branch a{color: #282634; background: transparent url("../images/branch_email_arrow.png") center right no-repeat; padding-right: 22px;} .branch-wrapper .branch .branch-social {font-size: 0.8rem; margin: 7px 0 4px 0;} .branch-wrapper .branch .branch-social a img{width: 20px;} .branch-wrapper .branch .branch-actions {margin: 0;} .branch-wrapper .branch .branch-actions a {background: transparent url("../images/branch_green_arrow.png") center right no-repeat; padding-right: 18px; display: inline-block; margin: 0 30px 5px 0; font-size: 1.1rem; font-weight: 400; letter-spacing: 0.02rem; color: #009B9D !important;} .branch-wrapper .branch-corporate-centre {background:#d3feff} .branch-wrapper .branch a.gotomeeting-icon{margin: 13px 0 8px 0;} .branch-wrapper .branch a.gotomeeting-icon img{width: 131px;} #branch-anchor{position: relative; top: -118px; display: block;} /* Branches Facebook Links */ .branch-facebook-wrapper {} .branch-facebook-wrapper .branch {position:relative; background: rgba(255, 255, 255, 0.7); width: 234px; height:30px; display: inline-block; vertical-align: top; padding: 6px 20px; margin: 10px;} .branch-facebook-wrapper .branch h4{position:absolute; top:10px; font-size: 1.3rem; margin: 0 10px 5px 0; display: inline-block; vertical-align: middle; } .branch-facebook-wrapper .branch a {text-decoration: none; color: #009B9D; font-weight: 400;} .branch-facebook-wrapper .branch .branch-social {position:absolute; right:10px; top:-2px; font-size: 0.8rem; margin: 7px 0 4px 0; display: inline-block; vertical-align: middle;} .branch-facebook-wrapper .branch .branch-social a img{width: 32px;} /* Branch Page */ .main-container .branch-joblist {margin-top:20px;} .main-container .branch-joblist li {margin-bottom:5px} /* Gallery */ #gallery {margin:10px 0} #gallery .gallery-item {width:250px; min-height:280px; display:inline-block; vertical-align: top; margin-right:20px;} #gallery .gallery-item:nth-of-type(2) {margin-right:0;} #gallery .gallery-item p.caption {font-style: italic; font-size:0.8rem;} #gallery.gallery3column .gallery-item {width:170px; min-height: 250px;} #gallery.gallery3column .gallery-item:nth-of-type(2) {margin-right:20px;} #gallery.gallery3column .gallery-item:nth-of-type(3) {margin-right:0;} /* Footer */ .footer-container{background: #fce501 /*url("../images/background-footer.jpg") repeat-x center top*/; padding: 32px 0 30px 0} .footer-container p{font-size: 0.9rem; margin: 0; display: inline-block; vertical-align: top;} .footer-container a{vertical-align: top; color: #000; text-decoration: none; font-size: 0.9rem; display: inline-block; margin-right: 10px;} .footer-container p.web-design-link{line-height: 1.1rem;} .footer-container p.web-design-link a{font-size: 0.75rem; margin-right: 0;} .footer-container p.page-info{display: block; font-size: 0.7rem;} .footer-container ul#footermenu {display: inline-block; list-style: none; padding: 0; margin: 0;} .footer-container ul#footermenu li{margin: 0 5px 0 0; padding: 0; display: inline-block; vertical-align: middle;} .footer-container ul#footermenu li a{font-size: 0.95rem; padding: 0 34px 0 0; margin: 0 29px 0 0; display: inline-block; text-decoration: none; background: transparent url("../images/background-footer-item.png") right center no-repeat;} .footer-container ul#footermenu li a:hover, .footer-container ul#footermenu li.selected a{} .footer-container ul#footermenu li.lastitem{margin-right: 0;} .footer-container .copyright-container{text-align: right;} .footer-container .copyright-container ul.social-media{display: inline-block; list-style: none; padding: 0; margin: 0px 0 0 15px;} .footer-container .copyright-container ul.social-media li{margin: 0; padding: 0; display: inline-block; vertical-align: middle;} .footer-container .copyright-container ul.social-media li a{margin-left: 4px; margin-right: 0;} .footer-container .copyright-container ul.social-media li a img{position: relative; top: -10px;} /* Get In Touch */ .getintouch-button-container{position: fixed; bottom: 20px; right: 20px; z-index: 10000;} .getintouch-button-container a{display: block; padding: 8px 25px; background-color: #24ABB2; border-radius: 20px; color: #FFEC00; text-decoration: none; font-size: 1.2rem; box-shadow: -2px 3px 3px 0px rgba(0, 0, 0, 0.19);} .getintouch-button-container a:hover{} .getintouch-button-container a span.picicon{margin-left: 6px; font-size: 1.5rem; margin-left: 10px;} .getintouch-container{position: fixed; width: auto; opacity: 0; text-align: center; bottom: -400px; right: 18px; z-index: 20000; } .getintouch-container.showgetintouch{animation: 550ms ease-in 0ms showgetintouch forwards; will-change: opacity; display:block;} .getintouch-container.hidegetintouch{animation: 550ms ease-in 0ms hidegetintouch forwards; will-change: opacity; display:none;} .getintouch-container .wrapper{position: relative; border-radius: 15px 15px 0 0; background-color: #FFF; width: 340px; float: none; padding: 16px; margin: 0; box-shadow: 0 0 8px 1px rgba(121, 121, 121, 0.38);} .getintouch-container .wrapper h3{line-height: 1.7rem;} .getintouch-container .wrapper p{line-height: 1.4rem; margin: 20px 0;} .getintouch-container a.contact-button{padding: 5px 25px 8px 25px; background-color: #24ABB2; border-radius: 20px; color: #FFF; text-decoration: none; font-size: 1.2rem; box-shadow: -2px 3px 3px 0px rgba(0, 0, 0, 0.19);} .getintouch-container #getintouchpopupclose{position: absolute; top: 3px; right: 2px; margin: 0;} .getintouch-container #getintouchpopupclose a{text-decoration: none; margin: 0; padding: 0; color: #1A7F6C; font-size: 2rem;} .branch-tel__heading{margin: 0 0 3px 0;} .branch-tel__link{display: block !important; margin: 0 0 20px 0 !important; color: #000 !important;} .contact-form--quickbranchcontact .button {font-size: 1.3rem; color: white; text-align: left; background: #1A806B url(../images/button-arrow-white.png) calc(100% - 15px) center no-repeat; border: 2px solid #009b9d; border-radius: 25px; font-weight: 300; float:none; width: 224px; margin-top:10px; margin-left: 20%; padding-left: 15px; padding-bottom: 13px;} .contact-form--quickbranchcontact .button:hover{background: #1A806B url(../images/button-arrow-white.png) calc(100% - 15px) center no-repeat; color: #FFF; font-weight: 300; border: 2px solid #009b9d; border-radius: 25px;} .contact-form--quickbranchcontact label {margin-bottom:5px} .contact-form--quickbranchcontact #BranchID {max-width:100%; width:340px; margin-right:0; height:34px;} .contact-form--quickbranchcontact #Comments {min-height:120px; height:120px;} @keyframes showgetintouch { 0% {opacity: 0; bottom: -400px;} 50% {} 100% {opacity: 1; bottom: 0px;} } @keyframes hidegetintouch { 0% {opacity: 1; bottom: 0px;} 50% {} 100% {opacity: 0; bottom: -400px;} } @media not print { /* View more link */ div.view-more {padding-top: 10px; margin-top: 14px;} div.view-more a {text-transform: uppercase; text-decoration: none; padding: 10px 50px; color: #6a6a6a; border: 1px solid #6a6a6a;} .segment-section{padding: 30px 0; background: #FFF;} /* Book a consultation */ /* .segment-section-book{background-color: #ec6a3f} .segment-section-book .wrapper{background-color: transparent;} .segment-section-book .c12{text-align: center; text-transform: uppercase;} .segment-section-book .top-section{margin-top: 30px; padding-top: 25px; border-width: 1px 0 0 0;} .segment-section-book .bottom-section{margin-bottom: 60px; padding-bottom: 30px; border-width: 0 0 1px 0; position: relative;} .segment-section-book .bottom-section img{position: absolute; bottom: 5px; right: 0;} .segment-section-book .c12 h2{color: #fff;margin-bottom: 10px;} .segment-section-book .c12 p{color: #fff;margin-bottom: 0;} .segment-section-book .c12 a{color: #fff; text-decoration: none;} .segment-section-book .c12 strong{font-weight: normal;} .segment-section-book div.view-more a {color: #fff; border: 1px solid #fff;}*/ /* Full width image with caption */ /* .segment-section-full-image{position: relative;} .segment-section-full-image img{width: 100%} .segment-section-full-image .headline{width: 50%; margin-left: -25%; position: absolute; bottom: 20px; left: 50%; text-align: center;} .segment-section-full-image .headline h2{padding: 5px 15px; margin: 0 0 10px 0; color: #fff; font-weight: 100; font-size: 2.5rem; background: rgba(67, 75, 98, 0.8); display: inline-block;} .segment-section-full-image .headline h3{padding: 5px 15px; margin: 0 0 10px 0; color: #fff; font-weight: 100; font-size: 2rem; background: rgba(67, 75, 98, 0.8); display: inline-block;} .segment-section-full-image .headline p{padding: 0; margin: 0 0 10px 0; color: #fff;}*/ /* Full width blue background */ .segment-section-bluebackground {background: #182E50; padding: 50px 0 0 0;} .page-branch-dynamic .segment-section-bluebackground{padding: 0;} .segment-section-bluebackground .wrapper {} .segment-section-bluebackground h1, .segment-section-bluebackground h2, .segment-section-bluebackground h3, .segment-section-bluebackground h4 {color: #25ACB2; margin-bottom: 2px;} .segment-section-bluebackground p {color: #FFF; font-weight: 300; letter-spacing: 0.02rem; margin-bottom: 14px;} .segment-section-bluebackground ul li {color: #FFF;} .page-job-search .segment-section-bluebackground{padding: 0 0 10px 0; position: relative;} /* Full width green background */ .segment-section-greenbackground {background: #1A7F6C;} .segment-section-greenbackground .wrapper {padding-top: 20px} .segment-section-greenbackground h1, .segment-section-greenbackground h2, .segment-section-greenbackground h3, .segment-section-greenbackground h4 {color: #FFF} .segment-section-greenbackground p {color: #FFF} .segment-section-greenbackground ul li {color: #FFF} /* Full width purple background */ .segment-section-purplebackground {background: #73005E; padding: 50px 0;} .page-branch-dynamic .segment-section-purplebackground{padding: 0;} .segment-section-purplebackground .wrapper {} .segment-section-purplebackground h1, .segment-section-purplebackground h2, .segment-section-purplebackground h3, .segment-section-purplebackground h4 {color: #25ACB2; margin-bottom: 2px;} .segment-section-purplebackground p {font-weight: 400; letter-spacing: 0.02rem; margin-bottom: 14px;} .segment-section-purplebackground ul li {color: #FFF;} /* Full width column */ .segment-section-full-width h1 {margin: 10px 0 30px 0;} .segment-section-full-width h2 {margin: 10px 0 30px 0;} .segment-section-full-width h3 {margin: 10px 0 30px 0;} /* Full width centred heading */ .segment-centred-heading .wrapper {text-align: center;} /* Two column 50/50 */ .segment-two-column {background: #182E50;} .segment-two-column .c12{display: block;} .segment-two-column .c12 h2 {position: relative; margin: 0 0 15px 0;} .segment-two-column .c12 h3 {margin: 30px 0; padding-top: 20px;} .segment-two-column .c6 h2{margin-bottom: 10px; } .segment-two-column .c6 h3{margin-bottom: 10px;} .segment-two-column .c6 ul {list-style: none; margin: 0; padding: 0;} .segment-two-column .c6 ul li{padding: 0; margin: 0;} /* Two images side by side */ .segment-two-column-images {background: #FCF6BC;} .segment-two-column-images img{width: 100%; display: inline-block;} .segment-two-column-images .c6{position: relative;} .segment-two-column-images .c6 .link-holder{position: absolute; bottom: 5px; left: 0; width: 100%; text-align: center;} .segment-two-column-images .c6 .link-holder p{padding: 0; margin: 0;} .segment-two-column-images .c6 .link-holder a{display: inline-block; width: 100%; font-size: 1.3rem; padding: 15px 0; text-transform: uppercase; text-decoration: none; color: #fff; background-color: rgba(0, 0, 0, 0.5);} .segment-two-column-images .c6 a:hover{opacity: 0.8} /* Three images side by side */ .segment-three-column-images {background: #FCF6BC;} .segment-three-column-images .wrapper{} .segment-three-column-images img{width: 100%;} /* Two column - Right image */ .segment-2col-right-image{background: #FCF6BC;} .segment-2col-right-image .c6{position: relative;} .segment-2col-right-image .text-holder{background-color: rgba(67, 75, 98, 0.8); width: 40%; padding: 10px; position: absolute; bottom: 10px; right: -15px;} .segment-2col-right-image .text-holder *{color: #fff; line-height: 1.1rem} .segment-2col-right-image .text-holder p{font-size: 0.9rem} /* Two column - Left image */ .segment-2col-left-image{background: #FCF6BC;} .segment-2col-left-image .c6{position: relative;} .segment-2col-left-image .text-holder{background-color: rgba(67, 75, 98, 0.8); width: 40%; padding: 10px; position: absolute; bottom: 10px; right: -15px;} .segment-2col-left-image .text-holder *{color: #fff; line-height: 1.1rem} .segment-2col-left-image .text-holder p{font-size: 0.9rem} /* Three images side by side with heading and text */ .segment-three-column-images-with-text {background: #FCF6BC;} .segment-three-column-images-with-text .imageholder{position: relative;} .segment-three-column-images-with-text .imageholder img{width: 100%;} .segment-three-column-images-with-text .imageholder h3{position: absolute; bottom: 5px; left: 0; margin: 0; padding: 5px 10px; display: block; color: #fff; background-color: rgba(236, 106, 63, 0.8);} .segment-three-column-images-with-text .c4:nth-child(2) h3{background-color: rgba(80, 104, 175, 0.8);} .segment-three-column-images-with-text .c4:nth-child(3) h3{background-color: rgba(67, 75, 98, 0.8);} /* Heading */ .segment-heading{background-color: rgba(6, 29, 66, 0.84); position: relative; z-index: 100; padding: 30px 0 30px 0;} .segment-heading h1{/*color: #FFF;*/ color: #fdec01; font-size: 8rem; margin: 0; font-weight: 100; letter-spacing: -0.5rem; word-spacing: 2rem; line-height: 8.3rem;} .segment-heading h1 strong{/*color: #FFF;*/ color: #00ABB2; font-weight: 900; letter-spacing: -0.2rem; word-spacing: 0.1rem; font-size: 7rem;} .job-page .segment-heading {padding-bottom: 80px; background: rgba(6, 29, 66, 0.84) url("../images/background-footer.jpg") repeat-x center bottom;} .page-job-search .segment-heading {padding-bottom: 60px; background: rgba(6, 29, 66, 0.84) url("../images/background-footer.jpg") repeat-x center bottom;} .page-branch-dynamic .segment-heading, .page-sector-dynamic .segment-heading {background: rgba(6, 29, 66, 0.84) url("../images/background-footer.jpg") repeat-x center bottom;} .job-page .segment-heading h1, .page-sector-dynamic .segment-heading h1 {color: #00ABB2; font-weight: 900; letter-spacing: -0.1rem; word-spacing: 0.1rem; font-size: 7rem;} .job-page .segment-heading h1::first-line, .page-sector-dynamic .segment-heading h1::first-line {color: #FEEF00; font-size: 8rem; margin: 19px 0 0 0; font-weight: 100; letter-spacing: -0.3rem; word-spacing: 1rem; line-height: 8.3rem;} /* Heading Segment with paragraph */ .segment-backgroundimage-with-heading{display: flex; background-size: cover; background-attachment: fixed; background-position: center; position: relative; min-height: 330px; background-repeat: no-repeat; margin-top: -285px; padding-top: 100px;} .segment-backgroundimage-with-heading div.backgroundimage{display: none;} .segment-backgroundimage-with-heading div.backgroundimage img{display: none;} .segment-backgroundimage-with-heading .wrapper{display: flex; flex-wrap: nowrap; background-color: transparent; z-index: 10; justify-content: flex-end; align-items: flex-end;} .segment-backgroundimage-with-heading__leftcol{display: flex; justify-content: flex-end;} .segment-backgroundimage-with-heading__rightcol{background: transparent url("../images/circle.png") no-repeat center bottom; background-size: contain; width: 437px; height: 330px; padding: 100px 50px; margin-bottom: 40px; display: flex; align-content: center; justify-content: left; flex-wrap: wrap;} .segment-backgroundimage-with-heading h1{color: #FFF; font-size: 4rem; margin: 0 0 30px 0; font-weight: 600; line-height: 3.6rem;} .segment-backgroundimage-with-heading p{color: #FFF; font-size: 1.55rem; margin: 0; line-height: 2rem;} /* Heading Segment with NO paragraph */ .segment-backgroundimage-with-heading-nopara{display: flex; background-size: cover; background-attachment: fixed; background-position: center; position: relative; min-height: 330px; background-repeat: no-repeat; margin-top: -285px; padding-top: 100px; padding-bottom: 12px;} .segment-backgroundimage-with-heading-nopara div.backgroundimage{display: none;} .segment-backgroundimage-with-heading-nopara div.backgroundimage img{display: none;} .segment-backgroundimage-with-heading-nopara .wrapper{display: flex; flex-direction: row; flex-wrap: nowrap; background-color: transparent; z-index: 10; justify-content: flex-end; align-items: flex-end;} .segment-backgroundimage-with-heading-nopara__leftcol{display: flex; justify-content: flex-end;} .segment-backgroundimage-with-heading-nopara__rightcol{background: transparent url("../images/circle.png") no-repeat center bottom; background-size: contain; width: 437px; height: 330px; padding: 100px 50px; margin-bottom: 40px; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; text-align: center;} .segment-backgroundimage-with-heading-nopara h1{text-shadow: 2px 2px 3px #243c38; color: #FFF; font-size: 5rem; margin: 0; font-weight: 600; line-height: 5.5rem;} .page-branch-dynamic .segment-backgroundimage-with-heading-nopara h1{font-size: 4rem; line-height: 4.5rem;} .page-town-dynamic .segment-backgroundimage-with-heading-nopara h1{font-size: 4rem; line-height: 4.5rem;} .page-sector-dynamic .segment-backgroundimage-with-heading-nopara h1{font-size: 4rem; line-height: 4.5rem;} .job-page .segment-backgroundimage-with-heading-nopara h1{font-size: 3rem; line-height: 3.5rem;} .segment-backgroundimage-with-heading-nopara::after{content: '' !important; display: block !important; width: 100%; position: absolute; bottom: 0; height: 12px; background: #fff url(../images/background-footer.jpg) repeat-x center bottom;} .page-index .segment-backgroundimage-with-heading-nopara::after{/*display: none !important;*/} /* Jobs - Search Form */ .segment-job-search{background: rgba(6, 29, 66, 1); padding: 0px 0 12px 0;} .page-index .segment-job-search{padding-bottom: 30px;} .page-job-search .segment-job-search{background: #182E50;} .segment-job-search .search-form .column-container{margin-left: 14px;} .segment-job-search .search-form .col{width: 29%; float: left; margin: 0 1.5% 10px 0; min-width: 328px;} .segment-job-search .search-form .col-last{width: 7%; float: left; margin: 0; min-width: auto;} .segment-job-search .search-form label{height: auto; display: inline-block; color: #fff; border-right: 2px solid #fff; margin-right: 12px; padding: 3px 12px 7px 0; font-size: 1.8rem; font-weight: 400; vertical-align: middle;} .segment-job-search .search-form input[type="text"]{font-size: 1.1rem; display: inline-block; width: 150px; margin: 0; padding: 0; color: #fff; background-color: transparent; border: none; vertical-align: middle;} .segment-job-search .search-form input[type="image"]:hover{opacity: 0.8;} .segment-job-search .search-form select{width: 150px; margin: 0; vertical-align: middle;} .segment-job-search .search-form .curved-holder {border: 4px solid #fff; border-radius: 34px; padding: 11px 10px 11px 17px;} .segment-job-search .search-form .curved-holder-select{} .segment-job-search .custom-select .select-selected {background-color: transparent; color: #FFF; font-weight: 300; border-width: 0; padding: 10px 16px 10px 0; width: auto; display: inline-block; text-transform: lowercase;} .segment-job-search .custom-select .select-selected:after {top: 2px; right: 25px;} .segment-job-search .custom-select .select-selected.select-arrow-active:after {transform: rotate(180deg);} .segment-job-search .custom-select .select-items {background-color: rgba(6, 29, 66, 1); width: 145px; left: auto; right: 33px; border-radius: 34px; border: white solid 2px; padding: 10px;} .segment-job-search .custom-select .select-items div {background-color: #112f61; border-radius: 15px; margin: 2px 0 6px; text-align: center;} .segment-job-search .custom-select .select-items div:hover {background: grey} .segment-job-search .custom-select .select-items div.same-as-selected{margin-bottom: 0;} .segment-job-search .search-form input[type="text"]::placeholder{font-size: 1rem; color: rgba(255, 255, 255, 1); font-weight: 300; text-transform: lowercase;} .radiusid-formfield{display: inline-block;} .page-branch-dynamic .segment-job-search, .page-sector-dynamic .segment-job-search{background: none; background-color: #182E50;} .page-branch-dynamic .segment-job-search{padding: 10px 0 20px 0;} .page-branch-dynamic .segment-job-search h1, .page-sector-dynamic .segment-job-search h1{text-transform: uppercase; color: #FEEF00; font-size: 9rem; margin: 19px 0 48px 0; font-weight: 100; letter-spacing: -1.1rem; word-spacing: 3rem; line-height: 8.3rem;} .page-branch-dynamic .segment-job-search h1 strong, .page-sector-dynamic .segment-job-search h1 strong{color: #00ABB2; font-weight: 900; letter-spacing: -0.2rem; word-spacing: 0.1rem; font-size: 8.8rem;} #branch-joblist{position: relative; top: -111px;} /* Job Display */ #job-applyform-container{position: relative; top: -100px;} #jobsearchformanchor{position: absolute; top: -94px;} .segment-section-job {background:#182e50} .segment-section-job:last-of-type {background: #182e50 /*url('../images/job-circlebackground.png') right bottom no-repeat*/; } .segment-section-job .wrapper {} .segment-section-job .wrapper p {color:#FFF} .segment-section-job .job-content {padding-top: 25px; padding-bottom:40px; column-gap: 60px; column-count: 2; column-width:380px; border-bottom: 2px solid #FFF;} .segment-section-job .job-content p span {/*color:#182e50 !important;*/} .segment-section-job .job-content h1 {margin-top: 0;} .segment-section-job .job-contact {padding-top:20px;} .segment-section-job .job-contact h5 {color:#00acb2; font-size:1.1rem} .segment-section-job .job-contactbranch {padding:0px 0 30px 130px;} .segment-section-job .job-contactbranch p {color:#e5313e} .segment-section-job .job-contactbranch p a {background: #E5313E url("../images/button-arrow-white.png") calc(100% - 15px) center no-repeat; color: #FFF; border-radius: 25px; padding: 10px 10px 10px 17px; width: 198px; text-decoration: none; display: block; font-size: 1.3rem; font-weight: 300;} .segment-section-job-contact .wrapper {padding-top: 0;} .segment-section-job-statement .wrapper {padding: 10px 0 0 0;} .segment-section-job-statement .wrapper .c12 {text-align: center; padding: 5px 0; border-bottom: 2px solid #FFF;} /* Branch Locator */ .segment-branch-locator{background-color: rgba(6, 29, 66, 1); padding: 35px 0 31px 0;} .segment-branch-locator .c2 img {width: 150px;} .segment-branch-locator form {margin: 0;} .segment-branch-locator fieldset {margin: 0;} .segment-branch-locator form legend{display: none;} .segment-branch-locator .custom-select{width: 338px; margin-top: 11px; display: inline-block; vertical-align: bottom; margin-right: 15px;} .segment-branch-locator .custom-select label{color: #FFF; font-size: 1.95rem; margin-bottom: 9px; margin-left: 5px; height: auto; letter-spacing: 0.04rem;} .segment-branch-locator .custom-select .select-selected {background-color: transparent; color: #fff; padding: 10px 16px 10px 0; border-width: 0 0 1px 0; font-size: 1.3rem} .segment-branch-locator .custom-select .select-items {background-color: rgba(6, 29, 66, 1); margin-bottom: 20px; border-radius: 34px; border: solid white 2px; padding: 10px; width: 450px; height: 320px; display: flex; flex-direction: column; flex-wrap: wrap; align-content: space-around; justify-content: space-between;} .segment-branch-locator .custom-select .select-selected {padding: 10px 16px 10px 0; border-width: 0 0 1px 0} .segment-branch-locator .custom-select .select-items div {padding: 8px 10px; background-color: #112f61; border-radius: 15px; margin: 3px; text-align: center; width: 116px; font-size: 0.9rem;} .segment-branch-locator .custom-select .select-items div:hover {background: grey} .segment-branch-locator .custom-select select{width: 150px; margin: 0; vertical-align: middle;} .segment-branch-locator .custom-select .select-selected {border: 4px solid #FFF; border-radius: 34px; padding: 20px 11px 20px 17px;} .segment-branch-locator .custom-select .select-selected:after{top: 65px; right: 42px;} .segment-branch-locator .custom-select .select-selected.select-arrow-active:after {transform: rotate(180deg);} /* Latest Job */ .segment-latest-job{/*background-color: #00ABB2;*/ background-color: rgba(6, 29, 66, 1); padding: 25px 0 25px 0;} .segment-latest-job .wrapper{background-color: transparent;} .segment-latest-job .wrapper .c2 img {width: 120px;} .segment-latest-job .wrapper .c9{padding: 0;} .segment-latest-job .wrapper .c9 h2{color: #FFF; margin: 0;} /* Full width with pale yellow background */ .segment-full-width-text {background: #FCF6BC; padding: 0;} .segment-full-width-text .wrapper{padding: 50px 0; background: transparent url("../images/background-pale-yellow-circles.png") no-repeat bottom right; min-height: 300px} .segment-full-width-text h1{color: #00ABB2} .segment-full-width-text h2{color: #00ABB2} .segment-full-width-text h3{color: #00ABB2} /* One column with yellow background */ .segment-section-yellowbackground{background-color: #F6DF1F; padding: 50px 0;} .segment-section-yellowbackground .wrapper{} .segment-section-yellowbackground h2{color: #00ABB2} .segment-section-yellowbackground h3{color: #00ABB2} /* Full width quote Segment */ .segment-one-column-quote{background-color: #009D48; padding: 50px 0;} .segment-one-column-quote p.quote-text{width: 80%; color: #FFF; font-size: 2rem; text-transform: uppercase; font-weight: 300; line-height: 2rem; margin-bottom: 30px;} .segment-one-column-quote p.quote-name{color: #FFF; font-weight: 700; font-size: 1.8rem; text-transform: uppercase;} /* Branch specific details Segment */ .segment-branch-details{background-color: #182E50; padding: 50px 0;} .segment-branch-details .branch-address-container{background-color: #FFF; margin: 22px 1% 0 0; width: 24%; height: 320px;} .segment-branch-details .branch-address-container h2{padding: 30px 20px 0 20px; margin: 0 0 3px 0; font-size: 1.25rem; letter-spacing: 0.04rem;} .segment-branch-details .branch-address-container .branch{padding: 0 20px 20px 20px;} .segment-branch-details .branch-address-container .branch .branch-address {font-size: 1rem; font-weight: 300; margin-bottom: 10px; line-height: 1.35rem;} .segment-branch-details .branch-address-container .branch .branch-contact {font-size: 0.95rem; margin:10px 0 0 0; font-weight:600} .segment-branch-details .branch-address-container .branch .branch-contact p {margin: 0; line-height: 1.25rem; color: #00ABB2;} .segment-branch-details .branch-address-container .branch .branch-contact a {display: inline-block;} .segment-branch-details .branch-address-container .branch .branch-contact p.email-address a{color: #282634; /*background: transparent url("../images/branch_email_arrow.png") center right no-repeat; padding-right: 22px;*/} .segment-branch-details .branch-address-container .branch .branch-social {font-size: 0.8rem; margin: 7px 0 4px 0;} .segment-branch-details .branch-address-container .branch .branch-social a img{width: 20px;} .segment-branch-details .branch-address-container .branch .branch-actions {margin: 0;} .segment-branch-details .branch-address-container .branch .branch-actions a {background: transparent url("../images/branch_green_arrow.png") center right no-repeat; padding-right: 18px; display: inline-block; margin: 0 0 5px 0; font-size: 1.1rem; font-weight: 300; letter-spacing: 0.02rem;} .segment-branch-details a.gotomeeting-icon img{width: 73%;} .segment-branch-details .branch-details-container{background-color: #4c4c4c; min-height: 253px; margin: 22px 1% 0 1%; height: 320px; overflow-y: auto;} .segment-branch-details .branch-details-container .branch-details{padding: 25px;} .segment-branch-details .branch-details-container .branch-details p{color: #FFF; font-size: 0.9rem; letter-spacing: 0.03rem; line-height: 1.45rem;} .segment-branch-details .branch-details-container .branch-details p.branch-openinghours{color: #FBE500; mfont-weight: 300;} .segment-branch-details .branch-map-container{width: 44%; margin-left: 5.99%; margin-right: 0;} .segment-branch-details .branch-map-container .branch-image{background-repeat: no-repeat; background-size: cover; width: 100%; height: 362px;} #branchdetailsanchor{position: relative; top: -143px; display: block;} /* Branch specific contact form Segment */ .segment-branch-contactform{padding: 0; position: relative;} .segment-branch-contactform .wrapper{padding: 38px 0; background-color: #182E50; width: 100%; /*background: transparent url("../images/background-white-circles.png") bottom right no-repeat;*/ min-height: 300px} .segment-branch-contactform #branchcontactformanchor{position: absolute; top: -80px;} .segment-branch-contactform p.form-note{color: #00ACB2; font-size: 1.2rem; padding-left: calc(22% - 250px);} .segment-branch-contactform form label{text-align: right; display: inline-block; vertical-align: top; width: 22%; color: white; font-weight: 400; margin-right: 4%;} .segment-branch-contactform form label.error{color: #FF2929;} .segment-branch-contactform form input{display: inline-block; vertical-align: top; width: 69%; background-color: #ABDEDF; border: none; border-radius: 0; margin-bottom: 12px;} .segment-branch-contactform form textarea{min-height: 150px; display: inline-block; vertical-align: top; width: 69%; background-color: #ABDEDF; border: none; border-radius: 0; margin: 0;} .segment-branch-contactform form p.mandatoryfield-desc{margin-left: 26.5%;} .segment-branch-contactform form .fileselect-box {margin: 20px 0 0 26.5%;} .segment-branch-contactform form .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;} .segment-branch-contactform form .inputfile + label { width:105px; font-size: 1.2rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; padding: 0; margin-bottom: 32px;} .segment-branch-contactform form .fileselect-box label span {color: #10A1A3 !important; background:url('../images/attach_cv_arrow.png') right center no-repeat; padding-right: 34px;} .segment-branch-contactform form .fileselect-box label span.selected-cvfile {background:none; display:block; font-size:0.8rem; padding-left:5px; padding-top:5px;} .segment-branch-contactform form h3.privacy-notice{margin-left: 26.5%; font-size: 1.2rem;} .segment-branch-contactform form p.privacy-statement{margin-left: 26.5%;} .segment-branch-contactform form .checkboxdiv{} .segment-branch-contactform form .checkboxdiv label{line-height: 1.3rem; width: auto; margin-left: 26.5%; text-align: left; height: auto;} .segment-branch-contactform form .checkboxdiv input{width: auto; margin-left: 26.5%; } .segment-branch-contactform form p.form__p--recaptcha{margin-left: 26.5%; text-align: left;} .segment-branch-contactform form .button {font-size: 1.3rem; color: white; text-align: left; background: #1A806B url('../images/background-footer-item.png') calc(100% - 15px) center no-repeat; border: 2px solid #009b9d; border-radius: 25px; font-weight: 300; float:none; width: 224px; margin-top:10px; margin-left: 26.5%; padding-left: 15px; } .segment-branch-contactform form .button:hover{background: #1A806B url(../images/button-arrow-white.png) calc(100% - 15px) center no-repeat; color: #FFF; font-weight: 300;} /* Rotating Testimonials */ .segment-one-column-testimonials{background-color: #009D48; padding: 50px 0;} .segment-one-column-testimonials .wrapper{background-color: #009D48;} .segment-one-column-testimonials .wrapper .c12{padding: 0;} .segment-one-column-testimonials .wrapper .c12 h3{color: #FFF !important; font-weight: 700 !important; font-size: 1.8rem !important; text-transform: uppercase !important; border: none !important;} .segment-one-column-testimonials .wrapper .c12 p{margin: 5px 0.5% !important; width: 99%; color: #FFF !important; font-size: 2rem; text-transform: uppercase !important; font-weight: 300; line-height: 2rem;} .segment-one-column-testimonials .wrapper .c12 div.blmslideshow.fullwidth{height: 240px;} .segment-one-column-testimonials .wrapper .c12 div.blmslideshow.crossfade div.caption{padding-bottom: 50px;} .segment-one-column-testimonials .wrapper .c12 div.blmslideshow div.slide{background: #009D48;} .segment-one-column-testimonials .wrapper .c12 div.blmslideshow div.slide div.caption h3{position: absolute; bottom: 0;} /* One column with pale yellow background slideshow */ .segment-one-column-pale-yellow .wrapper .c6 div.blmslideshow.fullwidth{height: 240px;} .segment-one-column-pale-yellow .wrapper .c6 div.blmslideshow.crossfade div.caption{width: calc(100% - 160px); padding: 30px 71px 33px 80px;} .segment-one-column-pale-yellow .wrapper .c6 div.blmslideshow div.slide{background: #FCF6BC;} .segment-one-column-pale-yellow .wrapper .c6 div.blmslideshow div.slide div.caption h3{position: absolute; bottom: 0;} .segment-one-column-pale-yellow .wrapper .c6 div.blmslideshow div.slide h3{color: #00ABB2 !important; font-weight: 700 !important; font-size: 1.8rem !important; text-transform: none !important; border: none !important;} .segment-one-column-pale-yellow .wrapper .c6 div.blmslideshow div.slide p{margin: 5px 0.5% !important; width: 99%; color: #00ABB2 !important; font-size: 1.5rem; text-transform: none !important; font-weight: 600; line-height: 2rem;} /* One column with pale yellow background slideshow c12 */ .segment-one-column-pale-yellow .wrapper .c12 div.blmslideshow.fullwidth{height: 240px;} .segment-one-column-pale-yellow .wrapper .c12 div.blmslideshow.crossfade div.caption{width: calc(100% - 160px); padding: 30px 71px 33px 80px;} .segment-one-column-pale-yellow .wrapper .c12 div.blmslideshow div.slide{} .segment-one-column-pale-yellow .wrapper .c12 div.blmslideshow div.slide div.caption h3{position: absolute; bottom: 0;} .segment-one-column-pale-yellow .wrapper .c12 div.blmslideshow div.slide h3{color: #00ABB2 !important; font-weight: 700 !important; font-size: 1.8rem !important; text-transform: none !important; border: none !important;} .segment-one-column-pale-yellow .wrapper .c12 div.blmslideshow div.slide p{margin: 5px 0.5% !important; width: 99%; color: #00ABB2 !important; font-size: 1.5rem; text-transform: none !important; font-weight: 600; line-height: 2rem;} /* Two column with pale yellow background slideshow */ .segment-two-column-pale-yellow .wrapper .c6 div.blmslideshow.fullwidth{height: 240px;} .segment-two-column-pale-yellow .wrapper .c6 div.blmslideshow.crossfade div.caption{width: calc(100% - 160px); padding: 30px 71px 33px 80px;} .segment-two-column-pale-yellow .wrapper .c6 div.blmslideshow div.slide{background: #FCF6BC;} .segment-two-column-pale-yellow .wrapper .c6 div.blmslideshow div.slide div.caption h3{position: absolute; bottom: 0;} .segment-two-column-pale-yellow .wrapper .c6 div.blmslideshow div.slide h3{color: #00ABB2 !important; font-weight: 700 !important; font-size: 1.8rem !important; text-transform: none !important; border: none !important;} .segment-two-column-pale-yellow .wrapper .c6 div.blmslideshow div.slide p{margin: 5px 0.5% !important; width: 99%; color: #00ABB2 !important; font-size: 1.5rem; text-transform: none !important; font-weight: 600; line-height: 2rem;} /* One column with pale yellow background */ .segment-one-column-pale-yellow{background-color: rgba(6, 29, 66, 1); padding: 0;} .segment-one-column-pale-yellow .wrapper{padding: 50px 0; /*background: transparent url("../images/background-pale-yellow-circles.png") no-repeat bottom right;*/ min-height: 300px} .segment-one-column-pale-yellow h2{color: #00ABB2} .segment-one-column-pale-yellow h3{color: #00ABB2} .segment-one-column-pale-yellow p{color: white;} .segment-one-column-pale-yellow a{display: block; padding: 8px 25px; background-color: #24ABB2; border-radius: 20px; color: #FFEC00; text-decoration: none; font-size: 1.2rem; box-shadow: -2px 3px 3px 0px rgb(0 0 0 / 19%); margin-top: 10px; width: max-content;} /* Two column with pale yellow background */ .segment-two-column-pale-yellow{background-color: #FCF6BC; padding: 0;} .segment-two-column-pale-yellow .wrapper{padding: 50px 0; /*background: transparent url("../images/background-pale-yellow-circles.png") no-repeat bottom right;*/ min-height: 300px} .segment-two-column-pale-yellow h2{color: #00ABB2} .segment-two-column-pale-yellow h3{color: #00ABB2} .segment-two-column-pale-yellow .right-col a{display: inline-block; color: #209A9C; text-align: left; background: #FFF url(../images/background-footer-item.png) calc(100% - 15px) center no-repeat; border: 2px solid #009b9d; border-radius: 25px; float: none; margin: 10px 0 0 0; padding: 8px 60px 8px 20px ;} .segment-two-column-pale-yellow .right-col a:hover{background: #1A806B url(../images/button-arrow-white.png) calc(100% - 15px) center no-repeat; color: #FFF;} /* One column with pale yellow background and Circles 1 */ .segment-one-column-circles-1{background-color: #FCF6BC; padding: 0; overflow: hidden;} .segment-one-column-circles-1 .wrapper{padding: 50px 0; min-height: 300px} .segment-one-column-circles-1 h2{color: #00ABB2} .segment-one-column-circles-1 h3{color: #00ABB2} .segment-one-column-circles-1 .circle-purple{width: 152px; height: 152px; background-color: rgba(184, 131, 176, 0.82); border-radius: 152px; position: absolute; top: auto; bottom: -19px; left: auto; right: 186px;} .segment-one-column-circles-1 .circle-green{width: 110px; height: 110px; background-color: rgba(0, 130, 111, 0.76); border-radius: 110px; position: absolute; top: auto; bottom: 151px; left: auto; right: 282px;} .segment-one-column-circles-1 .circle-turquoise{width: 250px; height: 250px; background-color: rgba(0, 155, 157, 0.8); border-radius: 250px; position: absolute; top: auto; bottom: -140px; left: auto; right: 30px;} .segment-one-column-circles-1 .circle-orange{width: 110px; height: 110px; background-color: rgba(247, 115, 46, 0.72); border-radius: 110px; position: absolute; top: auto; bottom: 118px; left: auto; right: 15px;} .segment-one-column-circles-1 .circle-black{width: 60px; height: 60px; background-color: rgba(40, 39, 52, 0.6); border-radius: 60px; position: absolute; top: auto; bottom: 184px; left: auto; right: 96px;} /* One column with pale yellow background and Circles 2 */ .segment-one-column-circles-2{background-color: #FCF6BC; padding: 0; overflow: hidden;} .segment-one-column-circles-2 .wrapper{padding: 50px 0; min-height: 300px} .segment-one-column-circles-2 .wrapper .c6{margin-left: 50.01%;} .segment-one-column-circles-2 h2{color: #00ABB2} .segment-one-column-circles-2 h3{color: #00ABB2} .segment-one-column-circles-2 .circle-purple{display: none; width: 152px; height: 152px; background-color: rgba(184, 131, 176, 0.82); border-radius: 152px; position: absolute; top: auto; bottom: -19px; right: auto; left: 186px;} .segment-one-column-circles-2 .circle-green{display: none; width: 110px; height: 110px; background-color: rgba(0, 130, 111, 0.76); border-radius: 110px; position: absolute; top: auto; bottom: 151px; right: auto; left: 282px;} .segment-one-column-circles-2 .circle-turquoise{display: none; width: 250px; height: 250px; background-color: rgba(0, 155, 157, 0.8); border-radius: 250px; position: absolute; top: auto; bottom: -140px; right: auto; left: 30px;} .segment-one-column-circles-2 .circle-orange{display: none; width: 110px; height: 110px; background-color: rgba(247, 115, 46, 0.72); border-radius: 110px; position: absolute; top: auto; bottom: 118px; right: auto; left: 15px;} .segment-one-column-circles-2 .circle-black{display: none; width: 60px; height: 60px; background-color: rgba(40, 39, 52, 0.6); border-radius: 60px; position: absolute; top: auto; bottom: 184px; right: auto; left: 96px;} /* One column with pale yellow background and Circles 3 */ .segment-one-column-circles-3{background-color: #FCF6BC; padding: 0; overflow: hidden;} .segment-one-column-circles-3 .wrapper{padding: 50px 0; min-height: 300px} .segment-one-column-circles-3 .wrapper .c6{margin: 0 auto; float: none;} .segment-one-column-circles-3 h2{color: #00ABB2} .segment-one-column-circles-3 h3{color: #00ABB2} .segment-one-column-circles-3 .circle-purple{display: none; width: 152px; height: 152px; background-color: rgba(184, 131, 176, 0.82); border-radius: 152px; position: absolute; top: auto; bottom: -19px; left: 100px; right: auto;} .segment-one-column-circles-3 .circle-green{display: none; width: 110px; height: 110px; background-color: rgba(0, 130, 111, 0.76); border-radius: 110px; position: absolute; top: auto; bottom: 151px; left: 82px; right: auto;} .segment-one-column-circles-3 .circle-turquoise{display: none; width: 250px; height: 250px; background-color: rgba(0, 155, 157, 0.8); border-radius: 250px; position: absolute; top: auto; bottom: -140px; left: auto; right: 30px;} .segment-one-column-circles-3 .circle-orange{display: none; width: 110px; height: 110px; background-color: rgba(247, 115, 46, 0.72); border-radius: 110px; position: absolute; top: auto; bottom: 118px; left: auto; right: 150px;} .segment-one-column-circles-3 .circle-black{display: none; width: 60px; height: 60px; background-color: rgba(40, 39, 52, 0.6); border-radius: 60px; position: absolute; top: auto; bottom: 147px; left: 46px; right: auto;} /* One column with pale yellow background and Circles 4 */ .segment-one-column-circles-4{background-color: #FCF6BC; padding: 0; overflow: hidden;} .segment-one-column-circles-4 .wrapper{padding: 50px 0; min-height: 300px} .segment-one-column-circles-4 h2{color: #00ABB2} .segment-one-column-circles-4 h3{color: #00ABB2} .segment-one-column-circles-4 .circle-purple{display: none; width: 152px; height: 152px; background-color: rgba(184, 131, 176, 0.82); border-radius: 152px; position: absolute; top: auto; bottom: 180px; left: auto; right: 186px;} .segment-one-column-circles-4 .circle-green{display: none; width: 110px; height: 110px; background-color: rgba(0, 130, 111, 0.76); border-radius: 110px; position: absolute; top: auto; bottom: 200px; left: auto; right: 382px;} .segment-one-column-circles-4 .circle-turquoise{display: none; width: 250px; height: 250px; background-color: rgba(0, 155, 157, 0.8); border-radius: 250px; position: absolute; top: auto; bottom: 0; left: auto; right: 30px;} .segment-one-column-circles-4 .circle-orange{display: none; width: 110px; height: 110px; background-color: rgba(247, 115, 46, 0.72); border-radius: 110px; position: absolute; top: auto; bottom: 20px; left: auto; right: 415px;} .segment-one-column-circles-4 .circle-black{display: none; width: 60px; height: 60px; background-color: rgba(40, 39, 52, 0.6); border-radius: 60px; position: absolute; top: auto; bottom: 2px; left: auto; right: 495px;} /* One column with pale yellow background and Circles 5 */ .segment-one-column-circles-5{background-color: #FCF6BC; padding: 0; overflow: hidden;} .segment-one-column-circles-5 .wrapper{padding: 50px 0; min-height: 300px} .segment-one-column-circles-5 h2{color: #00ABB2} .segment-one-column-circles-5 h3{color: #00ABB2} .segment-one-column-circles-5 .circle-purple{display: none; width: 152px; height: 152px; background-color: rgba(184, 131, 176, 0.82); border-radius: 152px; position: absolute; top: auto; bottom: 190px; left: auto; right: 56px;} .segment-one-column-circles-5 .circle-green{display: none; width: 110px; height: 110px; background-color: rgba(0, 130, 111, 0.76); border-radius: 110px; position: absolute; top: auto; bottom: 151px; left: auto; right: 282px;} .segment-one-column-circles-5 .circle-turquoise{display: none; width: 250px; height: 250px; background-color: rgba(0, 155, 157, 0.8); border-radius: 250px; position: absolute; top: auto; bottom: -85px; left: auto; right: 330px;} .segment-one-column-circles-5 .circle-orange{display: none; width: 110px; height: 110px; background-color: rgba(247, 115, 46, 0.72); border-radius: 110px; position: absolute; top: auto; bottom: 118px; left: auto; right: 15px;} .segment-one-column-circles-5 .circle-black{display: none; width: 60px; height: 60px; background-color: rgba(40, 39, 52, 0.6); border-radius: 60px; position: absolute; top: auto; bottom: 84px; left: auto; right: 196px;} /* One column with pale yellow background and Circles 6 */ .segment-one-column-circles-6{background-color: #FCF6BC; padding: 0; overflow: hidden;} .segment-one-column-circles-6 .wrapper{padding: 50px 0; min-height: 300px} .segment-one-column-circles-6 h2{color: #00ABB2} .segment-one-column-circles-6 h3{color: #00ABB2} .segment-one-column-circles-6 .circle-purple{display: none; width: 152px; height: 152px; background-color: rgba(184, 131, 176, 0.82); border-radius: 152px; position: absolute; top: auto; bottom: 150px; left: auto; right: 251px;} .segment-one-column-circles-6 .circle-green{display: none; width: 110px; height: 110px; background-color: rgba(0, 130, 111, 0.76); border-radius: 110px; position: absolute; top: auto; bottom: 51px; left: auto; right: 282px;} .segment-one-column-circles-6 .circle-turquoise{display: none; width: 250px; height: 250px; background-color: rgba(0, 155, 157, 0.8); border-radius: 250px; position: absolute; top: auto; bottom: -140px; left: auto; right: 130px;} .segment-one-column-circles-6 .circle-orange{display: none; width: 110px; height: 110px; background-color: rgba(247, 115, 46, 0.72); border-radius: 110px; position: absolute; top: auto; bottom: 218px; left: auto; right: 365px;} .segment-one-column-circles-6 .circle-black{display: none; width: 60px; height: 60px; background-color: rgba(40, 39, 52, 0.6); border-radius: 60px; position: absolute; top: auto; bottom: 84px; left: auto; right: 96px;} .testimonials-list table{width: 100%; background-color: transparent; box-shadow: none} .testimonials-list table td, .main-container table th{color: #fff; padding: 10px 0 10px 0;} }/* Min Size Desktop Width - based on .wrapper width */ @media only screen and (max-width: 1215px) { .wrapper, .main-container .wrapper{width: 98% !important; margin: 0; padding: 0 1% !important;} .menu-container{background: none; background: rgba(0,128,108,0.79);} .menu-container .c10, .menu-container .c2{margin: 0 !important; padding: 0 !important;} .menu-container .c4 .head-office-summary ul{margin-top: 0;} .menu-container .c4 .head-office-summary ul li{padding: 0 3%; margin: 0;} .header-container a.login-link{top: 34px; right: 20px;} .footer-container .copyright-container ul.social-media li a img{top: 0;} .cookie-container .wrapper{margin: 10% auto 0 auto !important; width: 40% !important; padding: 40px 10% !important;} .getintouch-container .wrapper {width: 100% !important; padding:10px !important; margin-left:-20px !important;} .segment-backgroundimage-with-heading__leftcol img{width: 80%;} .segment-backgroundimage-with-heading-nopara__leftcol img{width: 80%;} } @media only screen and (max-width: 1050px) { .segment-backgroundimage-with-heading h1{font-size: 3rem; margin: 0 0 20px 0;} .segment-backgroundimage-with-heading p{font-size: 1.3rem; line-height: 1.6rem;} .segment-backgroundimage-with-heading-nopara h1{font-size: 3rem !important; margin: 0 0 20px 0;} .segment-backgroundimage-with-heading-nopara p{font-size: 1.3rem; line-height: 1.6rem;} } /* Min Size Desktop Width - based on .wrapper width */ @media only screen and (max-width: 960px) { .wrapper, .main-container .wrapper{width: 98% !important; margin: 0; padding: 0 1% !important;} .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c10, .c11, .c12{width: 95% !important; margin: 10px 0 !important; padding: 0 2.5% !important;} .cookie-container .wrapper{width: auto !important; margin: 10% 10% 0 10% !important;} .menu-container .wrapper{} .menu-container .c10{} .menu-container .c2{} .menu-container .head-office-summary ul{margin: 0;} /*.getintouch-container .wrapper{width: auto !important; margin: 10% 10% 0 10% !important;}*/ .segment-backgroundimage-with-heading__leftcol{margin: 0 !important; width: 47.99% !important; padding: 0 !important;} .segment-backgroundimage-with-heading-nopara__leftcol{margin: 0 !important; width: 47.99% !important; padding: 0 !important;} .segment-backgroundimage-with-heading__rightcol{margin: 0 !important; width: 47.99% !important; padding: 30px !important;} .segment-backgroundimage-with-heading-nopara__rightcol{margin: 0 !important; width: 47.99% !important; padding: 30px !important;} .segment-backgroundimage-with-heading h1{font-size: 3rem; margin: 0 0 16px 0; padding: 0px 60px; line-height: 3rem;} .segment-backgroundimage-with-heading p{font-size: 1.1rem; line-height: 1.3rem; padding: 0 60px;} .segment-backgroundimage-with-heading-nopara h1{font-size: 3rem !important; margin: 0 0 16px 0; padding: 0px 60px; line-height: 3rem;} .segment-backgroundimage-with-heading-nopara p{font-size: 1.1rem; line-height: 1.3rem; padding: 0 60px;} } @media only screen and (max-width: 700px) { .segment-backgroundimage-with-heading .wrapper{flex-direction: column-reverse;} .segment-backgroundimage-with-heading__leftcol{display: none;} .segment-backgroundimage-with-heading-nopara .wrapper{flex-direction: column-reverse;} .segment-backgroundimage-with-heading-nopara__leftcol{display: none;} } /* Mobile */ @media only screen and (max-width: 640px) { .wrapper{width: 100% !important; margin: 0; padding: 0 !important;} .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c10, .c11, .c12{width: 95% !important; margin: 10px 0 !important; padding: 0 2.5% !important;} body{background-position-y: 64px !important; background-size: contain !important;} a[href^=tel]{color:inherit !important; text-decoration:none !important;} /* Header container */ .header-container{height: auto; text-align: center; padding-top: 80px;} .header-container .wrapper{height: auto; margin-bottom: 10px;} .header-container .wrapper .c12{margin: 0 !important;} .header-container #submenumobile{display: block; background-color: #488EEA; margin: 0; padding: 5px 0;} .header-container #submenumobile li{float: left; border-right: 1px solid #FFF; padding: 2px 10px; margin-bottom: 0;} .header-container .circles{display: none;} /* Header container - Logo */ .header-container .wrapper {height:200px;} .header-container .wrapper img.logo{position: absolute; top: auto; left: 15px; width:120px; margin: 0 auto;} .header-container a.login-link{top: 0; right: 8px;} /* Menu container - Main menu */ .menu-container{background: none; margin-top: 0;} .menu-container .wrapper{flex-direction: column;} .menu-container .c10{width: 100% !important; flex-basis: 100%;} .menu-container .c2{width: 100% !important; flex-basis: 100%;} .menu-container ul#mainmenu{z-index: 100; height:auto; width: auto; position: relative; top: auto; right: 0; left: 0; margin: 0; padding: 0; z-index: 300000; background: rgba(0,128,108,1);} .menu-container ul#mainmenu li{width: 100%; float: none; top: auto; display: block; margin: 0 !important; text-align: center; border: none; border-bottom: 1px solid #CCC; padding: 0;} .menu-container ul#mainmenu li a{display: block; cursor: pointer; padding: 2px 0;} .menu-container ul#mainmenu li.selected a{background-image: none;} .menu-container ul#mainmenu li ul{padding: 0; position: relative; top: auto; left: auto; width: auto; z-index: 1000;} .menu-container ul#mainmenu li ul li a{text-align: center; border: none;} .menu-container ul#mainmenu li.mobilemenucontrol a{background: none;} .menu-container ul#mainmenu li.mobilemenucontrol a:after {content: ""; position: absolute; width: 14px; height: 11px; top: calc(50% - 5px); right: 9px; z-index: -1; background: transparent url("../images/background-menu-item-yellow.png") right center no-repeat; transform: rotate(90deg);} .menu-container .head-office-summary{background: rgba(0,128,108,1);} .menu-container .head-office-summary ul{text-align: center;} .menu-container .head-office-summary ul li{background: none; padding: 2px 0;} /* Mobile menu display management - styling must reference ul#mainmenu to work across all sites */ .menu-container ul#mainmenu li{display: none;} .menu-container ul#mainmenu li.mobilemenucontrol{display: block;} .menu-container ul#mainmenu.mobilemenudisplay li{display: block;} /* Slideshow */ /*div.blmslideshow div.slide div.caption{width: 95% !important; padding: 10px 2.5% !important; text-align: center !important;} div.blmslideshow div.slide div.caption h3{font-size: 1.2rem !important; margin: 0 !important; } div.blmslideshow div.slide div.caption{width: 100% !important; padding: 10px 0 !important;}*/ /* Contact form */ .contact-form .c4-left{width: 100%; margin: 0; float: none;} .contact-form .c8-right{width: 100%; margin: 0; float: none;} .contact-form textarea{min-height: 150px; max-height: 150px;} /* Segments */ .segment-section{padding: 0;} .segment-section-book .top-section{padding-top: 20px !important} .segment-section-book .bottom-section{padding-bottom: 30px !important} .segment-2col-right-image .text-holder{width: 90%; padding: 10px 2.5%; margin: 0 2.5%; bottom: 0; right: 0; text-align: center;} .segment-three-column-images-with-text .imageholder h3{width: 95%; padding: 5px 2.5%; bottom: 5px; left: 0; text-align: center;} .segment-two-column-images .c6 .link-holder{position: absolute; bottom: 5px; left: 0; margin: 0 2.5%; width: 95%;} .segment-section-full-image .headline{width: 100%; margin-left: 0; bottom: 5px; left: 0; text-align: center; background: rgba(67, 75, 98, 0.8);} .segment-section-full-image .headline h2{width: 100%; padding: 5px 0; margin: 0; font-size: 1rem; background: none;} .segment-section-full-image .headline h3{width: 100%; padding: 5px 0; margin: 0; font-size: 0.8rem; background: none;} .segment-section-full-image .headline p{padding: 0; margin: 0 0 10px 0; color: #fff;} .segment-full-width-text .wrapper{background: none;} /* Heading Segment */ .segment-heading{background-color: #182E50 !important;} .segment-heading .c12{margin: 0 !important;} .segment-heading h1{text-align: center; margin: 10px 0 25px 0; font-size: 2.5rem; letter-spacing: 0rem; line-height: 3rem; word-spacing: 0.5rem;} .segment-heading h1 strong{font-size: 2.5rem !important; letter-spacing: 0rem; word-spacing: 0.5rem;} .segment-branch-contactform form label{width: 90%; text-align: left;} .segment-branch-contactform form input{width: 90%} .segment-branch-contactform form textarea{width: 90%} .segment-branch-contactform form p.mandatoryfield-desc{margin-left: 0;} .segment-branch-contactform form .fileselect-box{margin-left: 0;} .segment-branch-contactform form h3.privacy-notice{margin-left: 0;} .segment-branch-contactform form p.privacy-statement{margin-left: 0;} .segment-branch-contactform form .button{margin-left: 0; width: 100%;} .job-page .segment-heading{padding-bottom: 26px;} .job-page .segment-heading h1, .page-sector-dynamic .segment-heading h1 {line-height: 3.2rem; letter-spacing: 0; word-spacing: 0.1rem; font-size: 2.8rem;} .job-page .segment-heading h1::first-line, .page-sector-dynamic .segment-heading h1::first-line {font-size: 3rem; letter-spacing: 0; word-spacing: 3rem; line-height: 4.3rem;} /* Job Search Form */ .segment-job-search{background-color: #182E50;} .segment-job-search .search-form .column-container{margin-left: 0;} .segment-job-search .search-form .col{width: 100%; margin: 0 0 15px 0; float: none; min-width: auto;} .segment-job-search .search-form .col-last{margin: 0 auto 10px auto !important; width: auto; text-align: center;} .segment-job-search .search-form .col .curved-holder {text-align: center;} .segment-job-search .search-form .col .curved-holder label{border: none; margin: 0; padding: 0 0 5px 0;} .segment-job-search .search-form .col .curved-holder input[type="text"]{text-align: center;} .segment-job-search .custom-select .select-selected{padding-left: 26px;} .segment-job-search .custom-select .select-selected:after{top: auto; bottom: 4px} /* Main text content Segment */ .segment-one-column-pale-yellow .wrapper{background: none;} /* Branch Selector Segment */ .segment-branch-locator .c2{display: none;} .segment-branch-locator .c3{margin-top: 20px !important; text-align: center;} .segment-branch-locator .c7 .custom-select{margin: 0; width: 100%;} .segment-branch-locator .c7 input{display: block; margin: 10px auto 0 auto;} .segment-branch-locator .custom-select{display: block; margin: 5px auto 10px auto; width: auto;} .segment-branch-locator .custom-select label{text-align: center;} .segment-branch-locator form input[type="image"]{display: block; margin: 0 auto;} /* Latest Jobs Segment */ .segment-latest-job .c1{display: none;} .segment-latest-job .c2{margin-top: 20px !important; text-align: center;} .segment-latest-job .c9{text-align: center;} .segment-latest-job .c9 h2{margin: 0;} div.blmslideshow.crossfade div.slide2 div.caption{text-align: center;} div.blmslideshow div.slide div.caption h3{line-height: 1.7rem; font-size: 1.5rem;} /* Job Apply Form */ .job-page #job-applyform{width: 100%;} .job-page #job-applyform label{width: auto;} .job-page #job-applyform input[type="text"]{display: block; width: 100%; margin-bottom: 15px;} .job-page #job-applyform .mand-warning{position: relative; top: -10px; left: 3px; right: auto; padding: 0;} .job-page #job-applyform .privacy-statement{padding: 0;} .job-page #job-applyform .fileselect-box{margin-left: 0; margin-top: 0;} .job-page #job-applyform h4{padding-left: 0;} .job-page #job-applyform .checkboxdiv{margin-left: 0;} .job-page #job-applyform .button{margin: 0;} .segment-section-job .job-contactbranch{padding-left: 3px;} div.blmslideshow.fullwidth{height: 150px !important;} .job-page .segment-section-bluebackground h4{clear: both;} .back-to-search-button{} /* Testimonails */ div.blmslideshow.fullwidth#slideshow2{height: 350px !important;} div.blmslideshow.fullwidth#slideshow2 div.slide div.caption{width: calc(100% - 100px); padding: 16px 50px 22px 47px !important;} div.blmslideshow.fullwidth#slideshow2 div.slide div.caption p{font-size: 1.4rem !important; line-height: 1.5rem !important;} div.blmslideshow.fullwidth#slideshow2 div.slide div.caption h3{left: 0 !important; width: 100% !important;} .quote-start, .quote-end{width: 50px;} /* Quote segment */ .segment-one-column-quote {padding: 20px 0 !important;} .segment-one-column-quote p.quote-text{width: 100%;} /* Blue Background Segment */ .segment-section-bluebackground{padding: 15px 0 0 0;} /* Job Search */ .jobsearch-joblist .jobsearch-job{display: block; width: auto; padding-right: 0; border-bottom: 2px solid #FFF;} .jobsearch-joblist hr{display: none;} .page-branch-dynamic .segment-job-search h1, .page-sector-dynamic .segment-job-search h1{margin-bottom: 0; letter-spacing: -0.3rem; font-size: 4rem; word-spacing: 1rem; line-height: 4rem;} .page-branch-dynamic .segment-job-search h1 strong, .page-sector-dynamic .segment-job-search h1 strong{font-size: 4rem; letter-spacing: -0.1rem;} .jobsearch-job {width:94%; border-bottom:1px solid #fff;} .jobsearch-job:last-of-type {border-bottom:none;} .jobsearch-seperator {display:none;} /* Job Page */ .job-page .segment-heading h1, .page-sector-dynamic .segment-heading h1 {font-size:1.1rem; letter-spacing:0.1rem; font-weight:500; line-height:2.2rem; margin-top:20px;} .job-page .segment-heading h1::first-line, .page-sector-dynamic .segment-heading h1::first-line {text-transform: uppercase; color: #FEEF00; font-size: 1.6rem; font-weight: 500; letter-spacing: 0rem; word-spacing: 0rem; line-height:1rem;} /* Job Page Contact Form */ .segment-section-job:last-of-type{} /* Branches Page */ .branch-wrapper .branch{width: 80%; padding: 33px 8% 30px 8%; margin: 10px 2%;} /* Branch Page */ .segment-branch-details .branch-details-container{min-height: 100px; height: auto;} .segment-branch-details .branch-address-container{min-height: 100px; height: auto;} .segment-branch-details .branch-address-container h2{padding-left: 25px;} .segment-branch-details .branch-address-container .branch{padding-left: 25px;} /* Footer container */ .footer-container{padding: 4px 0 40px 0;} .footer-container .wrapper{text-align: center; color: #FFF; font-size: 1em;} .footer-container ul#footermenu li{margin: 0; display: block;} .footer-container ul#footermenu li a{margin-right: 0;} .footer-container p{display: block; text-align: center; margin-bottom: 10px;} .footer-container .copyright-container ul.social-media{text-align: center; margin: 0; display: block;} .footer-container .copyright-container ul.social-media li a img{top: 0;} .footer-container p.web-design-link{text-align: center; position: relative;} aside{display: none;} .desktophidden{display: block;} .mobilehidden{display: none;} /* Cookie container - Cookie Specifics */ .cookie-container .wrapper{} .cookie-container aside{display: block !important; font-size: 0.8rem} .cookie-container .wrapper{min-width: auto !important; width: auto !important; margin: 10% 10% 0 10% !important;} .cookie-container #cookiespopupclose{width: auto !important;} .cookie-container #cookiespopupclose a{width: auto !important; padding: 20px !important;} /* Overlay */ #resultholder{top: 15px; width: 78%; left: -43%; padding: 20px 4% 20px 4%;} #resultholder label {width: 94%; display: block; text-align: left;} #resultholder input{width: 94%; display: block; padding: 4px 2%;} #resultholder select{width: 94%; display: block; padding: 4px 2%;} #resultholder input.button{width: auto;} /* Get In Touch container */ .getintouch-container .wrapper{} .getintouch-container .wrapper{min-width: 100% !important; width: auto !important; padding:10px !important; margin-left:-20px} .getintouch-container .wrapper img{display: none;} .getintouch-button-container{right: auto; bottom: 4px; text-align: center; width: 100%;} .getintouch-button-container a{display: inline-block;} .segment-backgroundimage-with-heading__leftcol{display: flex; margin: 0 !important; justify-content: center;} .segment-backgroundimage-with-heading-nopara{padding-top: 200px;} .segment-backgroundimage-with-heading-nopara__leftcol{display: flex; margin: 0 !important; justify-content: center; padding-top: 20px !important} .segment-backgroundimage-with-heading__rightcol{margin: 0 !important; width: 437px !important; padding: 30px !important;} .segment-backgroundimage-with-heading-nopara__rightcol{margin: 0 !important; width: 437px !important; padding: 30px !important;} .segment-backgroundimage-with-heading h1{font-size: 3rem; margin: 0 0 16px 0; padding: 0 60px; line-height: 3rem;} .segment-backgroundimage-with-heading p{font-size: 1.1rem; line-height: 1.3rem; padding: 0 60px;} .segment-backgroundimage-with-heading-nopara h1{font-size: 3rem !important; margin: 0; padding: 0 60px; line-height: 3rem;} .segment-backgroundimage-with-heading-nopara p{font-size: 1.1rem; line-height: 1.3rem; padding: 0 60px;} /*.getintouch-container {right:auto !important; left:0 !important;}*/ /*.getintouch-container .wrapper {width: 100% !important;}*/ } @media only screen and (max-width: 504px) { .segment-backgroundimage-with-heading-nopara__rightcol{width: calc(100% - 70px) !important; padding: 30px !important; height: 244px;} .segment-backgroundimage-with-heading-nopara h1{font-size: 2rem !important; line-height: 2.7rem !important;} .segment-branch-locator .custom-select .select-items{width: auto; height: auto; flex-direction: row; justify-content: normal; align-content: normal;} } @media only screen and (max-width:300px) { .segment-backgroundimage-with-heading-nopara__rightcol{background-position: center;} .segment-backgroundimage-with-heading-nopara h1{font-size: 2rem !important; line-height: 2.5rem !important; padding: 0;} }/* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; }/* Cookie styles */ /*.cookie-container{background-color: #1A7F6C; width: 100%; position: fixed; bottom: 0; z-index: 10000; display: none;} .cookie-container .wrapper{padding: 1%; width: 98% !important;} .cookie-container p{color: #FFF; width: 93%; margin: 0;} .cookie-container a{color: #FFF; text-decoration: underline;} .cookie-container a:hover{opacity: 0.8} .cookie-container #cookiespopupclose{position: absolute; top: 14px; right: 10px; width: auto !important;}*/ .cookie-container{position: fixed; width: 100%; height: 100%; text-align: center; top: 0; z-index: 2000; background-color: rgba(100, 100, 100, 0.9); display: none;} .cookie-container .wrapper{background-color: #FFF; width: 30%; min-width: 15rem; float: none; padding: 40px 10%; margin: 10% auto 0 auto;} .cookie-container .wrapper p{line-height: 1.4rem;} .cookie-container #cookiespopupclose{width: 20rem; margin: 20px auto;} .cookie-container #cookiespopupclose a{text-decoration: none; width: 20rem; margin: 20px auto 0 auto; padding: 20px 0; background-color: #1A7F6C; text-transform: uppercase; display: inline-block; color: #FFF; font-size: 2rem;}@media print { body {color: #000; background: #fff;} .wrapper{width: auto; margin: 0; padding: 0; color: #000; background: white !important; height: auto !important; text-align: left !important;} .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c10, .c11, .c12{width: 95% !important; margin: 10px 0; padding: 0 2.5%; float: none !important} h1, h2, h3, h4, h5, h6 {page-break-after: avoid; color: #000} h1 {font-size: 2rem; } h2 {font-size: 1.3rem;} h3 {font-size: 1rem;} h4 {font-size: 1rem;} h5 {font-size: 1rem;} h6 {font-size: 1rem;} ol, ul, img {page-break-inside: avoid;} p{color: #000 !important;} .header-container{padding: 0;} .main-container table{box-shadow: none;} .main-container table tr td, .main-container table tr th{font-size: 0.8rem} .desktophidden, .mobilehidden, .printhidden, aside, .menu-container, #gridoverlay, .cookie-container, hr{display: none;} .printonly{display: block;} .footer-container .wrapper ul{display: none;} form{page-break-inside: auto;} fieldset{page-break-inside: auto;} .footer-container{display: none;} /* Job */ p.jobsearch-jobnumber{color: #000 !important;} ul.jobsearch-job-details li{background: none !important; padding-left: 0;} ul.jobsearch-job-details li{color: #000;} ul.jobsearch-job-details li a{color: #000;} }div.blmslideshow{width: 200px; height: 200px; position: relative; overflow: hidden; margin: 0; display: inline-block} /* Example Sizes - SHOULD BE REPLACED OR MADE MORE SPECIFIC */ div.blmslideshow.fullwidth{width: 100%; height: 88px; margin: 0;} div.blmslideshow div.slide{background: rgba(6, 29, 66, 1) center center no-repeat; width: 100%; height: 100%; background-size: cover; position: absolute;} div.blmslideshow div.slide.clickable{cursor:pointer;} div.blmslideshow#slideshow2 div.slide{} .quote-start{position: absolute; top: 0; left: 0;} .quote-end{position: absolute; bottom: 0; right: 0;} /* 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: 16px; left: 0; color: white; text-align: left} div.blmslideshow div.slide div.caption p{margin: 5px; padding: 0; color: #FFF; text-transform: uppercase;} div.blmslideshow div.slide div.caption h3{margin: 5px; padding: 0 0 12px; color: #FFF; text-transform: uppercase; font-size: 1.3rem; font-weight: 300; border-bottom: 2px solid #FFF; display: inline-block;} /* 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;} } /* Testimonails */ div.blmslideshow#slideshow2 div.slide{} /* Transition into first slide */ div.blmslideshow#slideshow2 div.slide1 {animation: testimonial-slide-fadein 0.2s; opacity: 0; animation-fill-mode: forwards;} @keyframes testimonial-slide-fadein{ 0% { opacity: 0; } 100% { opacity: 1; } } div.blmslideshow#slideshow2 div.slide1 div.caption{animation: testimonial-slide-slide1-captionanim 0.2s; animation-delay: 0.2s; opacity: 0; animation-fill-mode: forwards;} @keyframes testimonial-slide-slide1-captionanim{ 0% { opacity: 0; } 100% { opacity: 1; } } /* Transition Options */ div.blmslideshow.crossfade#slideshow2 div.slide2 {animation: testimonial-slide-crossfade 1s; opacity: 0; animation-fill-mode: forwards;} @keyframes testimonial-slide-crossfade{ 0% { opacity: 0; } 100% { opacity: 1; } } div.blmslideshow.crossfade#slideshow2 div.slide2 div.caption{opacity: 0;} div.blmslideshow.crossfade#slideshow2 div.slide2 div.caption{animation: testimonial-slide-crossfade-captionanim 0.5s; animation-delay: 1s; opacity: 0; animation-fill-mode: forwards;} @keyframes testimonial-slide-crossfade-captionanim{ 0% { opacity: 0; } 100% { opacity: 1; } }