* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@font-face { font-family: 'lowcvp-icons'; src: url('/_fonts/lowcvp-icons.woff2') format('woff2'), url('/_fonts/lowcvp-icons.woff') format('woff'); font-weight: normal; font-style: normal; }

/* = Reset
----------------------------------------------------------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote, fieldset, form, label, legend, table, caption, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; }

/* = HTML5 Elements
----------------------------------------------------------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/* = Body
----------------------------------------------------------------------------------------------------------------- */
body { color: #53565A; color: #323335; font-size: 1em; text-align: left; font-family: 'Poppins', sans-serif; font-weight: 400; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background: #fff; }

@media screen and (max-width: 600px) {
    body { font-size: .9em; }
}

/* = Icon font
----------------------------------------------------------------------------------------------------------------- */
.icon:before,
.icon:after,
.accordion > h3:after,
.lSAction > .lSPrev:after,
.lSAction > .lSNext:after,
.slide-nav:after,
.card-item--video .ci-image:after,
.card-item .ci-bar:before,
.select:after,
.ext-links li:before,
.custom-bullets li:before,
.mn-left:before,
.mn-right:after,
.gallery-view a:after,
.lg-actions .lg-prev:after,
.lg-actions .lg-next:before,
.lg-toolbar .lg-close:after,
.lg-toolbar .lg-download:after,
.atcb-link:before,
.msg:before,
.mv-contact-item > h6:after,
.greedy-nav .nav > .liHasChildren > a:after,
.greedy-nav  .icon--plus:after,
.accordion > dt:after,
.inline-btn:before,
.inline-btn:after,
.news-back:after,
.we-changed p span:before,
.ci-changed p span:before,
.tick-list li:before   { font-family: "lowcvp-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; }

.icon--tel:before { content: '\e801'; }
.icon--email:before { content: '\e800'; }
.icon--emailAlt:before { content: '\f0e0'; font-size: .9em; }
.icon--mob:before { content: '\e802'; }
.icon--profile:before { content: '\f2bd' }
.icon--pref:before { content: '\e82f' }
.icon--subs:before { content: '\f1ea' }
.icon--jobs:before { content: '\f2b5' }
.icon--meet:before { content: '\e81e' }
.icon--resource:before { content: '\f0f6' }
.icon--status { width: 26px; height: 26px; line-height: 26px; font-size: 1.25em; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; margin: 0 2px; text-align: center; color: #FF8200; }
.icon--status:before { content: '\e834'; }
.icon--edit { width: 26px; height: 26px; line-height: 26px; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; margin: 0 2px; text-align: center; }
.icon--edit:before { content: '\e836'; }
.icon--edit:hover,
.icon--edit:focus { color: #B5BD00; }
.icon--status_true { color: #43B02A; }
.icon--status_true:before { content: '\e816'; }
.icon--cal:before { content: '\e81e'; }
.icon--doc:before { content: '\f0f6'; }
.icon--eye:before { content: '\e821'; }
.icon--gall:before { content: '\e824'; }
.icon--locked:before { content: '\e810'; }
.icon--tw:before { content: '\f099'; }
.icon--li:before { content: '\f0e1'; }
.icon--doc:before { content: '\f0f6'; }
.icon--down:after { content: '\e815'; }
.icon--downSmall:after { content: '\f107'; }
.icon--close:after,
.lg-toolbar .lg-close:after { content: '\e82d'; }
.icon--search:after { content: '\e80d'; }
.icon--searchAlt:after { content: '\e80c'; vertical-align: top; }
.card-item--video .ci-image:after { content: '\e82a'; }
.ext-links li:before,
.custom-bullets li:before { content: '\e80a'; }
.gallery-view a:after { content: '\e80c'; }
.lg-toolbar .lg-download:after { content: '\e80e'; }
.greedy-nav .nav > .liHasChildren > a i { display: inline-block; height: 21px; padding-left: 5px; position: relative; vertical-align: middle; width: 18.5px; }
.greedy-nav .nav > .liHasChildren > a i::after { content: '\e815'; display: block; font-family: "lowcvp-icons"; font-size: .9em; font-style: normal; height: 13.5px; line-height: 1em; position: absolute; right: 0; text-align: center; text-decoration: none; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 13.5px; }
.greedy-nav .nav > .liHasChildren.subOn > a i::after { -ms-transform: rotate(180deg) translateY(50%); -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); }
/* .greedy-nav .nav > .liHasChildren > a:after { content: '\e815'; padding-left: 5px; font-size: .9em; text-decoration: none; }
.greedy-nav .nav > .liHasChildren.subOn > a:after {padding: 0 5px 0 0; -webkit-transform:rotate(180deg); transform:rotate(180deg); } */

.greedy-nav .icon--plus:after,
.pageNav .icon--plus:after { content: '\e818';  }

.atcb-link:before { content: '\e81e'; padding-right: 5px; font-size: .85em; }
.lg-actions .lg-next:before { content: "\e812" }
.lg-actions .lg-prev:after { content: "\e813" }
.mn-left:before { content: '\e813'; padding-right: 10px; width: 8px; text-align: right; vertical-align: middle; }
.mn-right:after { content: '\e812'; padding-left: 10px; width: 8px; text-align: left; vertical-align: middle; }

.inline-btn:before { text-decoration: none; color:#43b02a; padding-right: 8px;  }
.inline-btn:after { text-decoration: none; color:#43b02a; padding-left: 8px;}

.inline-btn--download { text-decoration: underline; color:#43b02a;  }

.inline-btn--ext { text-decoration: underline; color:#43b02a; }
.inline-btn--ext:hover,
.inline-btn--ext:focus { color:#FF8200;}

.inline-btn--ext:after { content: '\f08e'; font-size: .95em; padding-left: 6px; padding-right: 8px;  }
.inline-btn--download:before { content: '\e80e';  }
.inline-btn--download-alt:before { content: '\e80f';  }
.inline-btn--pdf:before { content: '\f1c1';  }
.inline-btn--word:before { content: '\f1c2';  }
.inline-btn--doc:before { content: '\f0f6';  }
.inline-btn--image:before { content: '\f1c5';  }
.inline-btn--article:before { content: '\f1ea';  }
.inline-btn--email:before { content: '\e800';  }
.inline-btn--tel:before { content: '\e801';  }
.inline-btn--fb:before { content: '\f09a';  }
.inline-btn--tw:before { content: '\f099';  }

@media screen and (max-width: 480px) {
    .inline-btn--ext:after { padding-left: 6px; } 
}


/* = Typography
----------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Poppins'; font-weight: 600; margin: 0 0 20px; color: #001A70; line-height: normal; }

.title-poppins,
.bodyFont { font-family: 'Poppins', sans-serif; line-height: 1.35em; font-weight: 600; }

h1, .h1 { font-size: 2em; }
h2, .h2 { font-size: 1.6em; font-weight:500;}
h3, .h3 { font-size: 1.4em; margin: 0 0 18px;  font-weight:500;}
h4, .h4 { font-size: 1.3em; margin: 0 0 16px;  font-weight:500;}
h5, .h5 { font-size: 1.2em; margin: 0 0 15px;  font-weight:500;}
h6, .h6 { font-size: 1em; margin: 0 0 14px;  font-weight:500;}

/*Start - Internal pages headings H1 to POPPINS*/
.main-content > h1, 
.main-content > .container > h1, 
.main-content > .container > .skinny > h1, 
.main-content .content-left > h1,
.main-content .content-left > h2,
.main-content .content-left > h3   { font-family: 'Poppins', sans-serif; font-weight: 600; } 

.main-content .content-left > h2,
.main-content .content-left > h3{font-weight: 500}

/*END - Internal pages headings H1 to POPPINS*/

/*Start - Internal pages headings H2-H6 to POPPINS*/
.pageTextContent > h2, 
.pageTextContent > h3, 
.pageTextContent > h4, 
.pageTextContent > h5, 
.pageTextContent > h6,
.news-view  > h2, 
.news-view > h3, 
.news-view > h4, 
.news-view > h5, 
.news-view > h6  { font-family: 'Poppins', sans-serif; font-weight: 500; } 
/*END - Internal pages headings H2-H6 to POPPINS*/

#hideH1 .main-content h1 {display: none;}

h1 a, h2 a, h3 a, h4 a, h5 a { color: #001A70; }

.main-content .container > h1:first-child,
.main-content .skinny:not(.event-view) > h1:first-child,
.main-content .container > .h1:first-child,
.main-content .skinny:not(.event-view) > .h1:first-child { padding-bottom: .35em; margin-bottom: .9em; border-bottom: 1px solid #e0eff9; }

.large { font-size: 3em; }

h6.title-poppins, .h6.title-poppins { font-size: 1.1em; }

p + h1,
p + h2,
p + h3,
p + h4,
h3 + h4,
h4 + h5 { margin-top: 25px; }

h2 + h3 { margin-top: 30px; }

p { margin: 0 0 20px; line-height: 1.75em; }

p:last-child,
ul:last-child,
ol:last-child { margin-bottom: 0;  }

ul:last-child li:last-child ,
ol:last-child li:last-child { margin-bottom: 5px;  }

.pageTextContent {margin:0 0 20px;}
.pageTextContent + .pageTextContent { margin-top:20px; }
.pageTextContent:last-child {margin-bottom: 0;}

.leader { font-size: 1.125em; /*line-height: 1.7em;*/ }
.leader--large { font-size: 1.5em }
.leader + p > .btn { margin-top: 10px; }
p:last-child > .btn { margin-bottom: 4px; }

.textLeft { text-align: left; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.highlight { color: #00A9E0; }

a { color: #53565A; text-decoration: none; }
a:hover { color: #53565A; text-decoration: none; }

.content-left > p > a:not(.btn):not(.icon),
.content-left > ul li > a:not(.btn):not(.icon),
.content-left > ol li > a:not(.btn):not(.icon) {text-decoration: underline}

.link-abs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.pageTextContent td a:not(.btn):not(.icon),
.pageTextContent li a:not(.btn):not(.icon),
.pageTextContent blockquote a:not(.btn):not(.icon),
.pageTextContent p > a:not(.btn):not(.icon),
.pageTextContent p strong > a:not(.btn):not(.icon),
.pageTextContent p b > a:not(.btn):not(.icon),
.ev-desc p  > a:not(.btn):not(.icon) { color: #00A9E0; text-decoration: underline; }



.webForm p > a:not(.btn) { color: #00A9E0; text-decoration: underline; }

.pageTextContent td a:not(.btn):not(.icon):hover,
.pageTextContent li a:not(.btn):not(.icon):hover,
.pageTextContent blockquote a:not(.btn):not(.icon):hover,
.pageTextContent p > a:not(.btn):not(.icon):hover,
.pageTextContent p strong > a:not(.btn):not(.icon):hover,
.pageTextContent p b > a:not(.btn):not(.icon):hover,
.pageTextContent td a:not(.btn):not(.icon):focus,
.pageTextContent li a:not(.btn):not(.icon):focus,
.pageTextContent blockquote a:not(.btn):not(.icon):focus,
.pageTextContent p > a:not(.btn):not(.icon):focus,
.pageTextContent p strong > a:not(.btn):not(.icon):focus,
.pageTextContent p b > a:not(.btn):not(.icon):focus,
.ev-desc p  > a:not(.btn):not(.icon):hover,
.ev-desc p  > a:not(.btn):not(.icon):focus { color: #43B02A; }

.inner p > a:not(.btn):not(.icon) { color: #001A70; position: relative; transition: color .3s ease; }
.inner p > a:after { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background-color: #00A9E0; }
.inner p > a:hover:after,
.inner p > a:focus:after { height: 2px; background-color: #43B02A; }

blockquote { margin: 35px 2%; border-left: 6px solid #00A9E0; padding-left: 25px; }
blockquote p { margin: 0; font-size: 1.25em; line-height: 1.75em; font-family: 'Poppins', sans-serif; color: #43B02A; }
blockquote cite { color: #001A70; font-size: 0.875em; font-style: normal; margin-top: 15px; display: block; }
blockquote cite a { color: #001A70; text-decoration: underline; }
blockquote cite a:hover,
blockquote cite a:focus { color: #43B02A; text-decoration: underline; }
blockquote p cite { font-size: 0.875em; }

img { vertical-align: bottom; height: auto; -ms-interpolation-mode: bicubic; }
hr { margin: 35px 0; height: 1px; border: 0; border-top: 1px solid #e8f3fa; }

small { font-size: 0.8em; }
address { margin: 0 0 20px; line-height: 1.75em; font-style: normal; }

sub, sup { line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { margin: 0; }
pre code { font-size: 1.5em; white-space: pre-wrap; }

figure { margin: 0 0 20px; }
figcaption { padding-top: 10px; color: #777; font-size: 0.8em; }

.floatLeft { float: left; }
.floatRight { float: right; }
.hideText { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.clr { clear: both; }

.marked { color: #fff; background: #B5BD00; }
.meta { color: #666; font-style: italic; font-size: 0.9em; margin-bottom: 10px; }
.lrgfont { font-size: 3em; }
.fixed { position: fixed; top: 20px; }

@media screen and (min-width: 1200px) {
    .hero-content h1 { font-size: 2.125em; }

    .x-large { font-size: 3.6em; }

    blockquote { margin: 40px 2%; }
    blockquote p { font-size: 22px; }

    .skinny + hr { margin: 40px 0; }
}

@media screen and (min-width: 1400px) {
    .hero-content h1 { font-size: 2.25em; }

    blockquote { margin: 45px 3%; }
}

@media screen and (max-width: 1200px) {
    .skinny h1, .skinny .h1 { font-size: 1.875em; }
}

@media screen and (max-width: 1024px) {
    .newsview h1 { font-size: 1.9em; }

    .skinny h1, .skinny .h1 { font-size: 1.75em; }
    .skinny h2, .skinny .h2 { font-size: 1.5em; margin-bottom: 18px; }
}

@media screen and (max-width: 750px) {
    .fixed { position: static; }

    h1, .h1 { font-size: 1.9em; }
    .newsview h1 { font-size: 1.8em; }

    .skinny h1, .skinny .h1 { font-size: 1.625em; margin-bottom: 18px; }
    .skinny h2, .skinny .h2 { font-size: 1.4em; }

    .large { font-size: 2.8em; }
}

@media screen and (max-width: 600px) {
    p { margin: 0 0 15px; }

    .leader--large { font-size: 1.429em; }

    blockquote { margin: 30px 0; line-height: 1.65em; border-width: 5px; padding-left: 24px; }

    hr { margin: 30px 0; }

    .leader + p > .btn { margin-top: 8px; }
}

@media screen and (max-width: 480px) {
    .skinny h1,
    .skinny .h1 { font-size: 1.563em; }
}

@media screen and (max-width: 400px) {
    .leader { font-size: 1.1em; }
    .leader--large { font-size: 1.286em; }
    .leader + p > .btn { margin-top: 4px; }


    h1, .h1 { font-size: 1.8em; margin-bottom: 18px; }

    h2, .h2,
    .skinny h1,
    .skinny .h1 { font-size: 1.5em; margin-bottom: 15px; }

    .skinny h2,
    .skinny .h2,
    .skinny h3,
    .skinny .h3 { font-size: 1.3em; margin-bottom: 15px; }

    .skinny h4,
    .skinny .h4 { font-size: 1.25em; margin-bottom: 15px; }

    .newsview h1 { font-size: 1.6em; }
    .newsview h2 { font-size: 1.4em; }
    .newsview h3 { font-size: 1.3em; }

    .main-content .container > h1:first-child,
.main-content .skinny:not(.event-view) > h1:first-child { padding-bottom: .3em; margin-bottom: .8em;  }


    .large { font-size: 2.4em; }

    blockquote p { font-size: 1.188em; }
    blockquote cite { font-size: 0.75em; line-height: normal; }

    hr { margin: 25px 0; }
}

@media screen and (max-width: 360px) {
    h1, .h1 { font-size: 1.6em; margin-bottom: 15px; }
    h2, .h2 { font-size: 1.4em; }

    .cards--top h1 { font-size: 1.8em; }
    .cards--top .card-item:nth-child(2) h2 { font-size: 1.6em; }

    .skinny h3,
    .skinny .h3 { font-size: 1.25em; }

    .skinny h5,
    .skinny .h5 { font-size: 1.15em; }
}

@media screen and (max-width: 350px) {
    .newsview h1 { font-size: 1.5em; }
    .newsview h2 { font-size: 1.3em; }

    .newsview h3,
    .newsview h4 { font-size: 1.2em; }
}

/* = Flex
----------------------------------------------------------------------------------------------------------------- */
.flx { display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flx-inl { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; }
.flx--col { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flx--jc { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flx--ac { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; }
.flx--ai { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flx--ai-start { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.flx--wr { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flx--noSh { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.flx--stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; }

/* = Colours
----------------------------------------------------------------------------------------------------------------- */
.brandBlock { display: inline-block; padding: 30px; }

.brand-blue { color: #fff; background: #001A70; }
.brand-lightBlue { color: #fff; background: #00A9E0; }
.brand-green { color: #fff; background: #43B02A; }
.brand-yellow { color: #53565A; background: #FEDB00; }
.brand-lightGreen { color: #fff; background: #B5BD00; }
.brand-orange { color: #fff; background: #FF8200; }
.brand-purple { color: #fff; background: #7C2855; }
.brand-grey { color: #fff; background: #53565A; }

/* = Buttons
----------------------------------------------------------------------------------------------------------------- */
.btn { display: inline-block; padding: 8px 20px; padding: .45em 1em; min-width: 160px; text-align: center; line-height: normal; margin: 0; color: #fff; font-size: 1em; font-family: 'Poppins', sans-serif; font-weight: 600; outline: none; cursor: pointer; border: 1px solid #00A9E0; background: #00A9E0; -webkit-border-radius: 1.5em; border-radius: 1.5em; }
.btn + .btn { margin-left: 10px; }

.btn--small { font-size: .75em; min-width: 100px; }
.btn--medium { font-size: .875em; }

.btn--alt { border-color: #001A70; background: #001A70;  }
.btn--white { color: #001A70; border-color: #fff; background: #fff; }
.btn--outline { color: #fff; border-color: #fff; background: transparent; }
.btn--outlineBlue { color: #001A70; border-color: #001A70; background: transparent; }

.btn--green { border-color: #43B02A; background: #43B02A; }
.btn--yellow { border-color: #FEDB00; background: #FEDB00; color: #222; }
.btn--lightGreen { border-color: #B5BD00; background: #B5BD00; }
.btn--orange { border-color: #FF8200; background: #FF8200; }
.btn--purple { border-color: #7C2855; background: #7C2855; }

.btn:hover,
.btn:focus  { color: #fff; background-color: #001A70; border-color: #001A70; opacity: 0.95; }

.btn--alt:hover,
.btn--alt:focus { color: #fff; background-color: #00A9E0; border-color: #00A9E0; }

.btn--yellow:hover,
.btn--yellow:focus { color: #fff; }

.btn--white:hover,
.btn--white:focus { color: #fff; background-color: #43B02A;   border-color: #43B02A;   }

.btn--outline:hover,
.btn--outline:focus { color: #fff; background-color: #43B02A; border-color: #43B02A; }

.btn--outlineBlue:hover,
.btn--outlineBlue:focus { color: #fff; }

.btn--booked { cursor: default; }
.btn--download:before { padding-right: .25em; }

input.btn { font-size: 1em; line-height: normal; }

td .btn {white-space: nowrap;}

.card-item--g .btn--white:hover,
.card-item--g .btn--white:focus { background-color: #001A70; border-color: #001A70; }

@media screen and (max-width: 600px) {
    .btn { min-width: 140px; }
    .btn--small { min-width: 100px; }
}

@media screen and (max-width: 400px) {
    .btn { min-width: 125px; }
    .btn--small { min-width: 85px; }
}

@media screen and (max-width: 360px) {
    .btn { min-width: 110px; }
    .btn--small { min-width: 85px; }
}

@media screen and (max-width: 340px) {
    .btn { min-width: 100px; }
    .btn--small { min-width: 80px; }
}

/* = Lists
----------------------------------------------------------------------------------------------------------------- */
ul { margin: 0 0 25px; padding-left: 25px; line-height: 1.75em; list-style: square; }
ul li { margin: 0 0 15px; }

ol li ul,
ul li ul { margin-top: 15px; margin-left: 15px; list-style-type: circle; }

ol { margin: 0 0 25px; padding-left: 25px; line-height: 1.75em; }
ol li { margin: 0 0 15px; }

ol { padding-left: 5px; list-style: none; counter-reset: custom-counter; }
ol > li { counter-increment: custom-counter; position: relative; padding-left: 22px; }
ol > li::before { content: counter(custom-counter) ". "; color: #00A9E0; font-weight: 600; position: absolute; left: 0; }

ul li ol,
ol li ol { margin-top: 20px; margin-left: 15px; list-style-type: lower-latin; }

dl { margin: 0 0 25px; overflow: hidden; line-height: 1.75em; }
dt { color: #111; font-weight: bold; }
dd { margin: 0 0 20px; }

.inline { margin-left: 0; padding: 0; list-style: none; }
.inline li { display: inline; margin: 0 15px 0 0; }

.breadcrumb { font-size: 13px; }
.breadcrumb ul { margin: 0 0 5px; padding: 0; list-style: none; line-height: 1.6em; }
.breadcrumb ul li { display: inline-block; margin: 0 10px 0 0; }
.breadcrumb ul li a { text-decoration: underline; }

.breadcrumb ul li a:hover,
.breadcrumb ul li a:focus { color:#43b02a; }

.paging { margin: 0 0 20px; font-size: 0.875em; }

h1 + .paging {margin-top:30px; }

.paging:last-child,
.divPgBase:last-child .paging { margin-bottom: 0; }

.paging ul { margin: 0; padding: 0; list-style: none; }
.paging ul li { display: inline-block; float: left; vertical-align: middle; margin: 0; }
.paging ul li:not(.det) { margin: 0 0 8px 8px; }

.paging ul li:first-child { margin-left: 0; }
.paging ul li.det { padding: 2px 10px 0px 0; }
.paging ul li a { color: #001A70; display: inline-block; vertical-align: middle; padding: 0; width: 28px; height: 28px; line-height: 26px; border: 1px solid #001A70; -webkit-border-radius: 30px; border-radius: 30px; text-align: center; }
.paging ul li:not(.skip) + .skip { margin-left: 12px; }
.paging ul li.skip:first-child + .skip { margin-right: 4px; }

.paging ul li.skip > a { width: auto; margin: 0 2.5px; border-color: #fff; }
.paging ul li.skip:first-child,
.paging ul li.skip:first-child > a { margin-left: 0; }

.paging ul li a:hover,
.paging ul li a:focus { color: #fff; border-color: #00A9E0; background: #00A9E0; }
.paging ul li.skip > a:hover,
.paging ul li.skip > a:focus { background: none; color: #43B02A; border-color: #fff; }
.paging ul li a.on { color: #fff; border-color: #001A70; background: #001A70; }

.paging .text { color: #43B02A; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #efefef; }
.pagingClr { display: none; }

.gallery-list .pagingBase { margin: 30px 0 0; clear: both; display: block; width: 100%; text-align: center; }
.gallery-list .pagingBase ul li:not(.det) { float: none; margin: 0 8px 8px 0; }

.links-title { padding: .5em 1em; max-width: 940px; margin: 0 auto 25px; background: #00A9E0; color: #fff; }
.links-title--lBlue { background: #00A9E0; }
.links-title--blue { background: #001A70; }
.links-title--lGreen { background: #B5BD00; }
.links-title--green { background: #43B02A; }
.links-title--orange { background: #FF8200; }
.links-title--purple { background: #7C2855; }
.links-title--grey { background: #53565A; }
.links-title--yellow { background: #FEDB00; }

.ext-links { list-style: none; padding: 0 1em; max-width: 940px; margin: 0 auto 10px; }
.ext-links:last-of-type { margin-bottom: 0; }

.ext-links li { position: relative; padding-left: 22px;  line-height: 1.6em; }
.ext-links li:before { position: absolute; top: 50%; top: calc(50% - 1px); left: 0; color: #00A9E0; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.ext-links li a:hover,
.ext-links li a:focus { text-decoration: underline; color: #001A70; }
.ext-links li a {text-decoration: underline;}

.custom-bullets { list-style: none; padding: 0; }

.custom-bullets:last-child { margin-bottom: 0; }

ul li:not(:last-child) .custom-bullets,
ol li:not(:last-child) .custom-bullets { margin-bottom: 20px; }

.custom-bullets li { position: relative; padding-left: 22px; }
.custom-bullets li:before { position: absolute; left: 0; top: 5px; color: #43B02A; }

.custom-bullets--blue li:before { color: #001A70; }
.custom-bullets--lightBlue li:before { color: #00A9E0; }
.custom-bullets--orange li:before { color: #FF8200; }
.custom-bullets--purple li:before { color: #7C2855; }

.ext-links--x2 li { float: left; width: 48%; margin-right: 4%; }
.ext-links--x2 li:nth-child(odd) { clear: left; }
.ext-links--x2 li:nth-child(even) { margin-right: 0; clear: right; }
.ext-links--x3 li { float: left; width: 32%; margin-right: 2%; }
.ext-links--x3 li:nth-child(3n+1) { clear: left; }
.ext-links--x3 li:nth-child(3n+3) { margin-right: 0; clear: right; }

.links-title--blue + .ext-links li:before { color: #001A70; }
.links-title--lGreen + .ext-links li:before { color: #B5BD00; }
.links-title--green + .ext-links li:before { color: #43B02A; }
.links-title--orange + .ext-links li:before { color: #FF8200; }
.links-title--purple + .ext-links li:before { color: #7C2855; }
.links-title--grey + .ext-links li:before { color: #53565A; }

.cols--links { max-width: 940px; margin: 0 auto 10px; }

.tick-list {list-style: none; padding:0;}
.tick-list li {position: relative; padding-left:35px }
.tick-list li:before { content: '\e816';  position: absolute;  top: 0; left: 0;  border: 1px solid #afdea5;   border-radius: 50%; padding: 3px;color: #5fbc4a;  }

@media screen and (max-width: 960px) {
    .breadcrumb { display: none; }
}

@media screen and (max-width: 850px) {
    .ext-links--x3 li { float: left; width: 48%; margin-right: 4%; }
    .ext-links--x3 li:nth-child(odd) { clear: left; margin-right: 4%; }
    .ext-links--x3 li:nth-child(even) { margin-right: 0; clear: right; }
}

@media screen and (max-width:750px) {
    .colsHalf .col:last-child .ext-links,
    .colsHalf .col:last-child .ext-links li:last-child { margin-bottom: 0; }
}

@media screen and (max-width: 600px) {
    .paging ul li a { width: 26px; height: 26px; line-height: 25px; }
    .paging ul li.det { display: block; width: 100%; margin: 0 0 5px; }
    .paging ul li:not(.det) { margin: 0 0 6px 6px; }
    .paging ul li:not(.skip) + .skip {    margin-left: 10px; }

    .paging ul li.first:not(.det) {margin-left:0; }

    .paging .text { margin-bottom: 10px; padding-bottom: 5px; }

    .asset-list .pagingTop { margin-bottom: 18px; }

    .gallery-list .pagingBase { margin: 25px 0 0; }

    .breadcrumb ul li { margin: 0 5px 0 0; }
}

@media screen and (max-width: 480px) {
    .links-title { padding: .4em .8em; margin: 0 0 20px; }

    .ext-links { padding: 0 .8em; margin: 0 0 8px; }
    .ext-links li { margin-bottom: 16px; }

    .ext-links--x2 li,
    .ext-links--x3 li { float: none; width: 100%; margin: 0 0 16px; }

    .ext-links:last-of-type li:last-child { margin-bottom: 0; }

    .ext-links--x3 li:nth-child(odd),
    .ext-links--x3 li:nth-child(even) { margin: 0 0 20px; }

    .paging .text { margin-bottom: 6px; }
    .asset-list .pagingTop { margin-bottom: 14px; }

    .gallery-list .pagingBase { margin: 20px 0 0; }
    
    .breadcrumb { font-size: 12px; }

    .paging ul {text-align: center;}
    .paging ul li {float:none; }
}

@media screen and (max-width: 440px) {
    .paging .skip--first,
    .paging .skip--last { display: none;}

    .paging .skip--prev {float:left; }
    .paging .skip--next {float:right; }
}

@media screen and (max-width: 400px) {
    ol > li,
    ol li ul,
    ul li ul { padding-left: 20px; }

    .custom-bullets li { padding-left: 20px; }

    ul li:not(:last-child) .custom-bullets,
    ol li:not(:last-child) .custom-bullets { margin-bottom: 18px; }

    ol li ul,
    ul li ul { margin-top: 12px; margin-left: 10px; }

    .links-title { margin: 0 0 16px; }

    .paging ul li.skip > a { margin: 0 1px; } 

    h1 + .paging {margin-top:20px; }
    

    .gallery-list .pagingBase { margin: 15px 0 0; }
}

@media screen and (max-width: 380px) {
    ol li ul,
    ul li ul { margin-top: 10px; margin-left: 5px;  }
}

@media screen and (max-width: 340px) {
    .paging ul li.first,
    .paging ul li.last { display: none;}
}

/* = Tables
----------------------------------------------------------------------------------------------------------------- */
.tableWrap { margin:25px 0; overflow: auto; }
.tableWrap:first-child {margin-top: 0;}
.tableWrap:last-child {margin-bottom: 0;}

table { width: 100%; margin: 0 0 25px; border-spacing: 0; border-collapse: collapse; }

#search table{margin: 0}

.tableWrap table {margin:0; }
.tableWrap + .tableWrap {margin-top:30px; }

th { padding: 12px 10px; color: #fff; border: 1px solid #00A9E0; background: #00A9E0; }
tr:nth-child(even) td { background: #f8f8f8; }
td { padding: 10px; border: 1px solid #e5e5e5; background: #fff; }

tr.rowItemStandout td { color: #fff; background:#43b02a; }

@media screen and (min-width: 1301px) {
.tableWrap + .tableWrap {margin-top:35px; }
}

@media screen and (max-width: 600px) {
    th { padding: 10px 6px; line-height: 1.2em; }
    td { padding: 6px; line-height: 1.2em; }
}

@media screen and (max-width: 480px) {
    .jobsTable thead { display: none; }

    .jobsTable,
    .jobsTable tr,
    .jobsTable th,
    .jobsTable tbody,
    .jobsTable td { display: block; }

    .jobsTable tr { margin-bottom: 25px; }
    .jobsTable td { border: none; border-top: 1px solid #eee; }
    .jobsTable td:first-child { border: none; }

    .jobsTable .textCenter { text-align: left; }
    .jobsTable tr:nth-child(even) td { background: #fff; }

    .jobsTable .icon--edit,
    .jobsTable .icon--status { width: 16px; height: 16px; line-height: 16px; margin: 0; }

    .jt-label:before { min-width: 125px; display: inline-block; }
    .jt-edit:before { content: 'Edit'; }
    .jt-ref:before { content: 'Reference: '; }
    .jt-title:before { content: 'Vacancy Name: '; }
    .jt-ent:before { content: 'Entered on: '; }
    .jt-exp:before { content: 'Expiry on: '; }
    .jt-app:before { content: 'Approved?'; }
}

@media screen and (max-width: 400px) {
    table,
    .tableWrap > p  {font-size: .9em;}
 
}

#whiteTables table tr:nth-child(even) td { background: #fff; }
#whiteTables table td img.inline-image{margin: 0}
#whiteTables table.logos td{text-align: center}


/* = Screen Messages
----------------------------------------------------------------------------------------------------------------- */
.msg { margin: 0 0 20px; padding: 25px 30px; background: #f5f5f5; position: relative; }
.msg h5 { margin-bottom: 10px; }
.msg p { margin-bottom: 0; line-height: 1.35em; }
.msg ul { padding: 0 0 0 20px; margin-bottom: 0; }
.msg ul li { margin-bottom: 6px; line-height: 1.35em; }
.msg ul li:last-child,
.msg:last-child { margin-bottom: 0; }

.msg .msg-label { color: #001A70; }
.msg .msg-value { font-style: italic; padding-left: 10px; color: #7C2855; }

.msg:before { position: absolute; left: 30px; top: 50%; margin-top: -20px; font-size: 1.5em; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; border: 2px solid #fff; }

.msgAssist { color: #fff; background-color: #B5BD00; }
.msgImp { padding-left: 95px; color: #fff; background: #00A9E0; }
.msgError { padding-left: 95px; color: #fff; background: #FF8200; }
.msgSuccess { padding-left: 95px; color: #fff; background: #43B02A; }
.msgInfo { padding-left: 95px; color: #fff; background: #00A9E0; }

.msgImp a, .msgImp p > a:not(.btn):not(.icon), 
.msgError a, .msgError p > a:not(.btn):not(.icon), 
.msgSuccess a, .msgSuccess p > a:not(.btn):not(.icon), 
.msgInfo a, .msgInfo p > a:not(.btn):not(.icon) { color: #fff; }

.msgImp a:hover, .msgImp p > a:not(.btn):not(.icon):hover, 
.msgError a:hover, .msgError p > a:not(.btn):not(.icon):hover, 
.msgSuccess a:hover, .msgSuccess p > a:not(.btn):not(.icon):hover, 
.msgInfo a:hover, .msgInfo p > a:not(.btn):not(.icon):hover { color: #fff; text-decoration: none; }

.msgImp:before { content: '\f129'; }
.msgInfo:before { content: '\f129'; }
.msgError:before { content: '\e82d'; }
.msgSuccess:before { content: '\e816'; }

.msgImp a,
.msgError a,
.msgSuccess a,
.msgInfo a { color: #fff; font-weight: bold; text-decoration: underline;}

.msgSuccess *,
.msgImp *,
.msgAssist *,
.msgError *,
.msgInfo * { color: #fff; margin: 0 0 10px; }

@media screen and (max-width: 750px) {
    .msg:before { margin-top: -19px; font-size: 1.4em; width: 34px; height: 34px; line-height: 34px; }

    .msgImp,
    .msgError,
    .msgSuccess,
    .msgInfo { padding-left: 90px; }
}

@media screen and (max-width: 600px) {
    .msg { padding: 22px 25px; }
    .msg .msg-value { padding-left: 5px; }

    .msg:before { left: 22px; margin-top: -17px; font-size: 1.2em; width: 30px; height: 30px; line-height: 30px; }

    .msgImp,
    .msgError,
    .msgSuccess,
    .msgInfo { padding-left: 75px; }
}

@media screen and (max-width: 480px) {
    .msg { padding: 20px 22px; }
    .msg:before { left: 20px; margin-top: -16px; width: 28px; height: 28px; line-height: 28px; }

    .msgImp,
    .msgError,
    .msgSuccess,
    .msgInfo { padding-left: 70px; }
}

@media screen and (max-width: 400px) {
    .msg ul { padding: 0 0 0 18px; }
    .msg:before { left: 18px; margin-top: -15px; font-size: 1em; width: 26px; height: 26px; line-height: 26px; }

    .msgImp,
    .msgError,
    .msgSuccess,
    .msgInfo { padding-left: 65px; }
}

.btn--msg{margin-top: 20px;}

/* = Columns
----------------------------------------------------------------------------------------------------------------- */
.cols { margin-bottom: 30px; }
.cols:last-child {margin-bottom: 0;}

.colsHalf .col { width: 49%; float: left; margin-right: 2%; }
.colsHalf .col:nth-child(odd) { clear: left; }
.colsHalf .col:nth-child(even) { margin-right: 0; clear: right; }

.colsThird .col { width: 32%; float: left; margin-right: 2%; }
.colsFourth .col { width: 22%; float: left; margin-right: 4%; }
.cols .endCol { margin-right: 0; }

@media screen and (max-width: 650px) {
    .cols .col { margin-bottom: 25px; }
    .cols .col:last-child { margin: 0; }

    .colsHalf .col:nth-child(odd),
    .colsHalf .col:nth-child(even) { width: 100%; margin-right: 0; }


    .colsThird .col { width: 100%; margin-right: 0; }
    .colsFourth .col { width: 100%; margin-right: 0; }
}

/* = Modals
----------------------------------------------------------------------------------------------------------------- */
.modal { display: none; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999; }
.modal.on { display: block; }
.modal .modal-inner { max-width: 940px; width: 90%; max-height: 90%; left: 50%; top: 45%; padding: 45px 40px 40px; margin: 0 auto; background: #fff; display: block; float: none; position: absolute; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: auto; -webkit-transition: top .3s ease-in-out; transition: top .3s ease-in-out; }
.modal.on .modal-inner { top: 50%; }
.modalClose { cursor: pointer; text-decoration: none; top: 0; right: 0; width: 36px; height: 36px; line-height: 36px; color: #fff; background: #00A9E0; overflow: hidden; position: absolute; text-align: center; z-index: 1; }
.modalClose:before { line-height: 40px; font-size: 20px; text-align: center; }

.modalClose:hover,
.modalClose:focus { background-color: #43B02A;}

.modal.modal--video .modal-inner { padding: 45px 10px 10px 10px; }

.modal-content { background: #fff; }
.modal-content.hasNav { padding-bottom: 55px; background: transparent; }
.modal-content .tm-inner { background: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; }
.modal-content p:last-child { margin-bottom: 5px; }

.modal-wrap { position: relative; overflow: hidden; background: #fff url(/_img/loader.gif) no-repeat center; background-size: 22px; -webkit-transition: all .3s ease; transition: all .3s ease; }
.modal-nav { display: none; position: absolute; width: 100%; bottom: 0; right: 0; text-align: right; color: #00A9E0; background: #fff; }
.modal-nav.on { display: block; }
.modal-nav span { display: inline-block; opacity: 1; line-height: 20px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; }
.modal-nav span:hover,
.modal-nav span:focus { color: #43B02A; }
.modal-nav .mn-left { margin-right: 24px; }
.modal-nav span.disable,
.modal-nav a.disable { visibility: hidden; opacity: 0; }

.modal-nav a:hover,
.modal-nav a:focus { color:#43B02A; }

.modal.modal--we-changed .modal-inner { padding:0; max-width: 750px; background: #fff url(/_img/backgrounds/modal-bg-1--opacity-70.svg) 100% 100% no-repeat; }
.modal--we-changed .modal-content {padding: 45px 40px 40px; background: transparent;}

.we-changed p { color: #001A70; font-weight: 500; padding: 12px 15px; margin:0 0 16px; line-height: 1.5em;     border-radius: 30px 6px 30px 6px;  border: 1px solid #0cabe1;    background: rgba(255, 255, 255, 0.7); } 
.we-changed p:last-of-type { font-weight: 600; }
.we-changed p:last-child {margin:0;  }
.we-changed p span { padding-left: 35px; display: block; position: relative;}
.we-changed p span:before { content:'\e816'; border: 1px solid #065570;  border-radius: 50%;  padding: 3px;  position: absolute; top:1px; left:0; color: #43B02A;  } 
.we-changed p span:before {    content: '';  width: 24px;  height: 24px; padding: 0;  border: none; -webkit-transform:rotate(0deg); transform:rotate(0deg);  background: url(/_img/icons/zemo-bullet-1.svg) 0 0 no-repeat;  } 
.we-changed img {  display: block;margin: 20px 0 0; max-width: 240px;  }

/*Animate items*/
.we-changed h2 { -webkit-transform: translateZ(0) translateY(-18px) scale(1.06, 1.06); transform: translateZ(0)  translateY(-18px) scale(1.06, 1.06); opacity: 0; -webkit-transition: transform 1.5s ease, opacity 1.5s ease;  transition: transform 1.5s ease, opacity 1.5s ease;  } 
.we-changed p { -webkit-transform: translateZ(0) translateY(-18px) scale(1.06, 1.06); transform: translateZ(0)  translateY(-18px) scale(1.06, 1.06); opacity: 0; -webkit-transition: transform 1.5s ease, opacity 1.5s ease;  transition: transform 1.5s ease, opacity 1.5s ease;  } 
.we-changed p span:before {    -webkit-transition: transform 2.25s ease;  transition: transform 2.25s ease; } 
.we-changed img { -webkit-transform: translateZ(0) translateY(-18px) scale(1.06, 1.06); transform: translateZ(0) translateY(-18px) scale(1.06, 1.06); opacity: 0; -webkit-transition: transform 1.5s ease, opacity 1.5s ease;  transition: transform 1.5s ease, opacity 1.5s ease;  } 
.on .we-changed h2 {  -webkit-transform:none; transform:none; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; opacity: 1; }
.on .we-changed p:nth-of-type(1) { -webkit-transform:none; transform:none; transition-delay: 2.5s; opacity: 1; }
.on .we-changed p:nth-of-type(1) span:before { transition-delay: 2.5s;  transform:rotate(720deg);  } 
.on .we-changed p:nth-of-type(2) {  -webkit-transform:none; transform:none; transition-delay: 4.5s; opacity: 1; }
.on .we-changed p:nth-of-type(2) span:before { transition-delay: 4.5s;  transform:rotate(720deg);  } 
.on .we-changed p:nth-of-type(3) {  -webkit-transform:none; transform:none; transition-delay: 6.5s; opacity: 1; }
.on .we-changed p:nth-of-type(3) span:before { transition-delay: 6.5s;  transform:rotate(720deg);  } 
.on .we-changed p:nth-of-type(4) {  -webkit-transform:none; transform:none; transition-delay: 8.5s; opacity: 1; }
.on .we-changed p:nth-of-type(4) span:before { transition-delay: 8.5s; transform:rotate(720deg);   } 
.on .we-changed p:nth-of-type(5) {  -webkit-transform:none; transform:none; transition-delay: 10.5s; opacity: 1; }
.on .we-changed p:nth-of-type(5) span:before { transition-delay: 10.5s;  transform:rotate(720deg);   } 
.on .we-changed img {  -webkit-transform:none; transform:none;  transition-delay: 12.5s; opacity: 1;  } 

@media screen and (min-width: 601px) and (max-height: 750px)  {
    .modal--we-changed .modal-inner {max-width: 720px; }
    .modal--we-changed .modal-content  {padding:35px;  } 
    .we-changed {font-size: .9em;}
    .we-changed h2 {  margin-bottom: 16px;  } 
    .we-changed p {   margin: 0 0 15px;  }
    .we-changed p span {   padding-left: 32px;  }
    .we-changed img {  max-width: 200px;}
}

@media screen and (min-width: 601px) and (max-height: 650px)  {
    .modal--we-changed .modal-inner {max-width: 700px;}
    .modal--we-changed .modal-content  {padding:30px;   } 
    .we-changed {font-size: .85em;}
    .we-changed h2 {  margin-bottom: 14px;  } 
    .we-changed p {   margin: 0 0 12px;  }
    .we-changed p span:before {    top: 0;  }
    .we-changed img {  max-width: 180px;}

}

@media screen and (max-width: 750px) {
    .modal-content.hasNav { padding-bottom: 0; }
    .modal-nav.on { display: none; }
}

@media screen and (max-width: 600px) {
    .modal .modal-inner { max-height: 92%; padding: 40px 30px 30px; }
    .modal p { margin-bottom: 15px; }
    .modalClose { width: 34px; height: 34px; line-height: 34px; }
    .modalClose:before { font-size: 18px; line-height: 34px; }

    .modal.modal--video .modal-inner { padding: 40px 5px 5px 5px; }

    .modal--we-changed .modal-content { padding: 40px 30px 30px; }
    .modal--we-changed .modal-inner {     width: 100%; height: 100%; max-height: 100%; top:0; left:0; transform:none;   } 
    .modal--we-changed.on .modal-inner {transform:none;  top:0;  } 
    .we-changed img {  margin:15px auto 0; max-width: 200px;}
}

@media screen and (max-width: 380px) {
    .modal .modal-inner,
    .modal--we-changed .modal-content { padding: 38px 25px 25px; }
}

@media screen and (max-width: 340px) {
    .modal .modal-inner,
    .modal--we-changed .modal-content { padding: 38px 20px 20px; }
    .we-changed {font-size: .9em;}
}

/* = Tabs
----------------------------------------------------------------------------------------------------------------- */
.tabs { margin: 40px 0; }
.tabs > ul { margin: 0; padding: 0; list-style: none; }
.tabs > ul li { display: inline; margin: 0 20px 0 0; }
.tabs > ul li a { display: inline-block; color: #53565A; font-family: 'Poppins', sans-serif; font-weight: 500; position: relative; }
.tabs > ul li a:hover,
.tabs > ul li a:focus { color: #001A70; }
.tabs > ul li a.on { color: #00A9E0; }
.tabs > ul li a:after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: #43b02a; -webkit-transition: width .3s ease; transition: width .3s ease; }
.tabs > ul li a.on:after { width: 100%; }
.tabs .panel { padding: 20px 0 0; }

/* = Accordions
----------------------------------------------------------------------------------------------------------------- */
.accordion { margin: 35px 0; }
.accordion:first-child { margin-top: 0; }
.accordion:last-child { margin-bottom: 0; }

h2 + .accordion,
h3 + .accordion,
h4 + .accordion,
h5 + .accordion   {margin-top:15px; }

.accordion > h3,
.accordion > dt  { font-family: 'Poppins', sans-serif; font-size: 1.125em; font-weight: 600; margin: 0; padding: 15px 30px 14px 0;     color: #001A70; border-top: 1px solid #e0e0e0;  position: relative; }

.accordion > h3:first-child,
.accordion > dt:first-child   { border: none; }

.accordion > h3:after,
.accordion > dt:after   { content: '\e81a'; right: 10px; top: 19px; position: absolute; }

.accordion > h3.on:after,
.accordion > dt.active:after  { content: '\e81b'; }

.accordion > h3:hover,
.accordion > dt:hover  { cursor: pointer; }

.accordion > dt.active,
.accordion > h3.on { margin: 0 0 5px; }

.accordion .content,
.accordion dd { display: none; }

.accordion .content.contentopen,
.accordion dd.active  { display: block; margin-bottom: 24px; }

@media screen and (max-width: 600px) {
    .accordion { margin: 30px 0; }
}

@media screen and (max-width: 480px) {
    .accordion > h3,
    .accordion > dt  { font-size: 1.1em;  }
}

/* = Lazy load fade in content
----------------------------------------------------------------------------------------------------------------- */
.lazyload,
.lazyloading { opacity: 0; }
.lazyloaded { opacity: 1; -webkit-transition: opacity 300ms; transition: opacity 300ms; }

/* = Inline images (CKeditor)
----------------------------------------------------------------------------------------------------------------- */
.inline-image { margin: 25px 0; }
.inline-image--left-half { float: left; margin: 6px 5% 5% 0; width: 50%; }
.inline-image--right-half { float: right; margin: 6px 0 5% 5%; width: 50%; }
.inline-image--left-third { float: left; margin: 6px 3% 3% 0; width: 33.3%; }
.inline-image--right-third { float: right; margin: 6px 0 3% 3%; width: 33.3%; }

P:first-child .inline-image:first-child {margin-top:0; }
P:first-child .inline-image:last-child {margin-bottom:0; }

/*@media screen and (max-width: 1024px) {
    .inline-image--left-third { margin: 5px 5% 5% 0; width: 50%; }
    .inline-image--right-third { margin: 5px 0 5% 5%; width: 50%; }
}*/

@media screen and (max-width: 650px) {
    .inline-image--left-half,
    .inline-image--right-half,
    .inline-image--left-third,
    .inline-image--right-third { float: none; margin: 25px 0; width: 100%; }
}

/* = YouTube Videos (CKeditor)
----------------------------------------------------------------------------------------------------------------- */
.youtube-container { position: relative; margin: 40px 0; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.youtube-container iframe, .youtube-container object, .youtube-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.modal .youtube-container { margin: 0; }

.youtube-container .cookieconsent-optout-marketing { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #f1f1f1; text-align: center; }
.youtube-container .cookieconsent-optout-marketing > div { position: absolute; top: 50%; left: 50%; max-width: 80%; width: 350px; transform: translate(-50%, -50%); }
.youtube-container .cookieconsent-optout-marketing > div img { content: ""; display: block; width: 275px; max-width: 75%; margin: 0 auto 20px; }
.youtube-container .cookieconsent-optout-marketing a { color: #43b02a; text-decoration: underline; }

@media screen and (max-width: 650px) {
    .youtube-container { margin: 35px 0; }
    .news-view .youtube-container { margin-top: 25px; }
    .youtube-container .cookieconsent-optout-marketing > div img { margin-bottom: 10px; max-width: 55%; }
}

@media screen and (max-width: 400px) {
    .youtube-container { margin: 30px 0; }
}

/* = Forms
----------------------------------------------------------------------------------------------------------------- */
.webForm > div,
.webform-subWrap > div { margin: 0 0 10px; }

.webform-subWrap > div:last-child,
.webForm > div:last-child { margin-bottom: 0; }

.webForm .select { margin: 0; }
.webForm div em { display: block; margin-left: 25%; margin-top: 5px; font-size: .875em; color: #001A70; }
.webForm .submitBtn { margin: 20px 0; }
.webForm .submitBtn label { display: none; }

.webform-subWrap { padding: 35px; background: #f6f6f6; }
.webform-subWrap > p { margin-bottom: 10px; }

.webForm .webform-subWrap { margin-bottom: 35px; }

.webForm h2,
.webForm h3,
.webForm h4,
.webForm h5 {    font-family: 'Poppins', sans-serif; } 

label { width: 25%; float: left; padding: 9px 0; padding: calc(.45em + 1px) 0; }
input.text, textarea, select, input.gsc-input { color: #323335; width: 75%; padding: 8px 16px; padding: .45em 1em; margin: 0; font-size: 1em; font-family: 'Poppins', sans-serif; border: 1px solid #e5e5e5; background: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
input.text:focus, textarea:focus, select:focus, .select select:focus { outline: none; border-color: #43B02A; box-shadow: 0 0 0 1px #43b02a; }
input.file { margin: 8px 0; }

input.formError, select.formError, textarea.formError{ border: 1px solid red;}

.webForm .textAreaFull { display: block; float: none; margin-bottom: 12px; width: 100%; min-width: 100%; max-width: 100%; }

/*Cross browser & device select reset*/
.select { position: relative; width: 75%; float: left; }
.select:after { content: '\e815'; position: absolute; top: 50%; right: 16px; font-size: 1em; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.select select { content: ''; height: 100%; width: 100%; cursor: pointer; outline: none; padding-right: 40px; -moz-appearance: none; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; }
.select select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
.select select::-ms-expand { display: none; }

.no-csstransforms3d .select select { padding-right: 10px; }
.no-csstransforms3d .select:after { content: none; }

/*Cross browser & device input reset*/
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox { -webkit-appearance: none; border-radius: 0; }

input[type="submit"].btn { border-radius: 1.5em; }
textarea { min-height: 150px; min-width: 75%; max-width: 75%; }

/*Cross browser & device placeholder reset*/
::-webkit-input-placeholder { color: #53565A; opacity: 1; }
::-moz-placeholder { color: #53565A; opacity: 1; }
:-ms-input-placeholder { color: #53565A; opacity: 1; }
:-moz-placeholder { color: #53565A; opacity: 1; }

.formList { display: inline-block; padding: 7px 0; line-height: 1.75em; }
.formList label { width: auto; padding: 0; float: none; }
.formList input { width: auto; margin: 0 10px 0 0; padding: 0; border: 0; }

.formList input:focus + label:before {  border-color: #FF8200;  box-shadow: 0 0 0 1px #ff8200; }

.checkbox, .check { display: inline-block; padding: 6px 0; }
.checkbox input, .check input { float: left; margin: 0; padding: 0; border: 0; position: relative; }

/*Cross browser & device custom checkbox and radio lists*/
.formList input { opacity: 0; position: absolute; margin: 12px 10px 0 12px; }
.formList label { display: inline-block; vertical-align: middle; margin: 3px 0; padding-left: 30px; cursor: pointer; position: relative }
.formList label:before, .checkbox input:before, .check input:before { content: ''; position: absolute; top: 0; left: 0; background: #fff; border: 1px solid #ddd; display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin: 2px 0; padding: 2px; text-align: center; cursor: pointer }

.formListRadio label:before,
.radList label:before { -webkit-border-radius: 16px; border-radius: 16px; }

.formListRadio label.checked:after,
.radList label.checked:after { content: ''; position: absolute; left: 6px; top: 8px; width: 10px; height: 10px; border-radius: 10px; background: #43B02A; }

.formListCheckbox label.checked:after,
.checkList label.checked:after,
.checkbox input.checked:after,
.check input.checked:after { content: ''; position: absolute; left: 8px; top: 5px; width: 4px; height: 11px; border: solid #43B02A; border-width: 0 3px 3px 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.checkbox input:before { margin: 0; }
.checkbox input.checked:after { top: 3px; }

.labelfullwidth div { clear: left; margin: 0 0 10px; }
.labelfullwidth div .label { width: 100%; padding: 0 0 10px; }
.labelfullwidth label.labelhide { display: none; }
.labelfullwidth input.text, .labelfullwidth textarea, .labelfullwidth select { width: 100%; }
.labelfullwidth .formList { width: 100%; float: left; margin: 0 0 10px; }
.labelfullwidth .formList input { float: left; margin: 3px 5px 0 0; }
.labelfullwidth .formList label { width: auto; float: none; padding: 0; }
.labelfullwidth .formList br { clear: left; }

/* = Custom Forms */
.webform--newDelegates div { margin-bottom: 15px; }
.webForm .regDel { margin-top: 15px; }
.webForm--profile > div { margin: 0; }
.webForm--profile label { width: 185px; padding: 9px 0; padding: calc(.45em + 1px) 0; }
.webForm--profile .formList label { width: auto; padding: 0; padding-left: 30px; float: none; }
.webForm--profile .chk { float: left; padding: 9px 0; padding: calc(.45em + 1px) 0; }
.webForm--profile .select,
.webForm--profile input.text,
.webForm--profile textarea { width: calc(100% - 185px); }
.webForm--profile div em { margin-left: 185px; }
.webForm--profile .select { background: #fff; }
.webForm--profile .select select { background: transparent; z-index: 1; position: relative; }
.webForm--profile .select:after { z-index: 0; }
.webForm--profile .webform-subWrap > .msg { margin-bottom: 20px; }

.webForm--profile .committeeList table td{border: 0; padding: 0; background: none}
.webForm--profile .committeeList table td label{padding: 0; width:50%;}




.webForm--register .msg { margin-bottom: 25px; }
.webForm--register .data-prot-check { margin-bottom: 25px; }
.webForm--register .data-prot-save { margin-bottom: 0; }
.webForm--register .comm-checkboxes .formList { padding: 0; margin: 2px 0; }
.webForm--register .form-subItems > div { margin-bottom: 10px; }
.webForm--register .how-hearDropdown .select { float: none; width: 100%; }

.webForm--contact { margin-bottom: 20px; }
.webForm--contact .cf-wrap > .questTypeFreeText,
.webForm--contact .cf-wrap > .questTypeEmail { float: left; width: calc(50% - 5px); margin: 0 10px 10px 0; }

.webForm--contact .cf-wrap > .questTypeFreeText:nth-child(even),
.webForm--contact .cf-wrap > .questTypeEmail:nth-child(even) { margin-right: 0; }

.webForm--contact .submitBtn { margin-top: 10px; }
.webForm--contact .questTypeTextArea { clear: both; margin: 0; }

.webForm--contact .labelhide,
.webForm--contact .cf-wrap > div > label { display: none; }

.webForm--contact input.text,
.webForm--contact textarea,
.webForm--contact select { float: none; width: 100%; }

.webForm--contact textarea { min-width: 100%; max-width: 100%; }

.webForm--evet label{display:none}

.webForm div.g-recaptcha { margin-top: 15px;}

.webform-heading,
.skinny .webform-heading { padding: 14px 16px; font-size: 1.4em; margin: 32px 0 0; color: #fff; font-family: 'Poppins', sans-serif; background: #43B02A; }
.webform-heading + .conCats { margin-top: 25px; }

.webForm--addJobs .datePick { position: relative; width: 75%; float: left; }
.webForm--addJobs .datePick .select { width: 32%; margin-right: 2%; }
.webForm--addJobs .datePick .select:last-child { margin-right: 0; }

.gm-style .gm-style-mtc label {float:none; width:auto; font-size: 13px;}
.gm-style img {vertical-align: top;}

@media screen and (max-width: 750px) {
    .webForm > div { margin: 0 0 8px; }
    .webForm--profile > div { margin: 0; }
    .webform--newDelegates div { margin-bottom: 12px; }
    .webForm div em { margin-top: 5px; margin-left: 0; }

    .select,
    .webForm--addJobs .datePick { width: 100%; }
    label { width: 100%; float: left; padding-top: 0; padding-bottom: 5px; }

    .webForm .nolabel { display: none; }
    .webForm > div > label { margin-bottom: 4px; padding: 0; }
    input.text, textarea, select { width: 100%; }
    input.file { margin-top: 0; margin-bottom: 0; }
    .formList { padding-top: 0; padding-bottom: 0; }
    .checkbox { padding-top: 5px; }
    textarea { min-width: 100%; max-width: 100%; }

    .webForm--profile div em { margin-left: 185px; }
}

@media screen and (max-width: 650px) {
    .webForm > div, .webform-subWrap > div { margin: 0 0 8px; }
    .webForm--profile > div { margin: 0; }

    .webForm--profile label { width: 100%; padding: 0; }
    .webForm--profile .committeeList table td label{ width: 185px;}
    .webForm div em { margin-top: 4px; }

    .webForm--profile .select,
    .webForm--profile input.text,
    .webForm--profile textarea { width: 100%; }
    .webForm--profile div em { margin-left: 0; }
    .webForm--profile .webform-subWrap > .hasButton { margin: 12px 0 5px; }
    .webForm--profile .hasButton label { display: none; }
    .webForm--profile .webform-subWrap > .msg { margin-bottom: 15px; }

    .webForm--profile .details-check { margin: 10px 0; }
    .webForm--profile .details-check label { width: auto; float: none; display: inline-block; vertical-align: middle; }
    .webForm--profile .chk { float: none; display: inline-block; vertical-align: middle; line-height: 1; padding: 0 0 0 8px; }
}

@media screen and (max-width: 600px) {
    .webForm .webform-subWrap { padding: 30px; margin-bottom: 30px; }

    .formList label:before,
    .checkbox input:before,
    .check input:before { top: -1px; }

    .formListCheckbox label.checked:after,
    .checkList label.checked:after,
    .checkbox input.checked:after,
    .check input.checked:after { top: 4px; }

    .webform-heading,
    .skinny .webform-heading { padding: 14px 16px; font-size: 1.3em; margin: 30px 0 0; }
}

@media screen and (max-width: 480px) {
    .webForm > div, .webform-subWrap > div { margin: 0 0 6px; }
    .webForm--profile > div { margin: 0; }
    .webForm > div > label { margin-bottom: 3px; }
    .webForm--profile .webform-subWrap > .hasButton { margin: 11px 0 4px; }
    input.text, textarea, select { padding: .45em .75em; }
}

@media screen and (max-width: 400px) {
    .webForm > div > label { margin-bottom: 2px; }
    .webForm .webform-subWrap { padding: 25px; margin-bottom: 25px; }

    .webform-subWrap .msg { font-size: .9em; }
    .webForm--profile .webform-subWrap > .msg { margin-bottom: 12px; }

    .webform-heading,
    .skinny .webform-heading { padding: 12px 14px; font-size: 1.25em; margin: 25px 0 0; }

    .webForm--contact .cf-wrap > .questTypeFreeText,
    .webForm--contact .cf-wrap > .questTypeEmail { float: none; width: 100%; margin: 0 0 10px; }

    .webForm div.g-recaptcha { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: top left; transform-origin: top left; }
}

@media screen and (max-width: 360px) {
    .webForm .webform-subWrap { padding: 25px 22px; }
}


.committeeList label{float:none}


/* = Hide elements
----------------------------------------------------------------------------------------------------------------- */
.hide { display: none; }


/* = Generic loading pane, useful for UpdatePanels etc
----------------------------------------------------------------------------------------------------------------- */
div.is-loading-std { position: relative; }
div.is-loading-std::after { position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; background: url(/_img/loader.gif) rgba(255, 255, 255, .8) center center no-repeat; }

div.quickLogin.is-loading-std::after { background-color: rgba(232, 243, 250, .8); }


/* = No Javascript
----------------------------------------------------------------------------------------------------------------- */
.no-js .tabs ul { display: none; }
.no-js .tabs .panel { padding: 0; }
.no-js .accordion .content { display: block; }
.no-js header { padding-top: 0; }
.no-js header .nojavascript { padding: 10px 15px; text-align: center; background-image: none; }

/* = Clearing
----------------------------------------------------------------------------------------------------------------- */
.clearFix:after, .container:after, .cols:after, .progress:after, .template:after, .webForm > div:after, .webform-subWrap > div:after, .gallery-view:after, .webForm:after, .form-subItems > div:after,
.cards:after, .card-inner:after, .menu-items ul:after, .ni-inner:after, .ns-item:after, .ext-links:after, .tm-inner:after, .paging ul:after, .sr-field:after { content: ""; display: table; clear: both; }