/*Responsive break points*/
/*Page structure*/
/*Transitions*/
/*Font sizes*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50XSwiPHA.ttf) format('truetype');
}
html {
  overflow-y: scroll;
  min-width: 320px;
}
body a {
  color: #193E72;
  text-decoration: none;
}
body a[href^='tel:'] {
  text-decoration: none;
}
body a:hover {
  text-decoration: none;
}
body a[role=button] {
  display: inline-block;
}
body,
input,
select,
textarea {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  line-height: 1.3;
  color: #193E72;
  font-size: 18px;
}
input,
select,
textarea {
  -webkit-border-radius: 0;
  outline: none;
}
input:focus,
button:focus {
  outline: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
select::-ms-expand {
  display: none;
}
main,
footer {
  line-height: 1.3;
}
main p,
footer p,
main ul,
footer ul,
main ol,
footer ol,
main h1,
footer h1,
main h2,
footer h2,
main h3,
footer h3,
main h4,
footer h4,
main h5,
footer h5,
main h6,
footer h6 {
  margin: 0 0 0.5em;
}
main p,
footer p {
  line-height: 1.3em;
  margin: 0 0 0.8em;
}
button {
  font-family: Lato;
}
nav h3 {
  font-weight: bold;
  font-size: 1.31rem;
  text-transform: uppercase;
  line-height: 1.5em;
}
nav p {
  line-height: 2.1em;
}
main {
  /*@media screen and (min-width: @tabletWidth) {
        h1 {
            font-size: @fontSizeColossal;
        }

        h2 {
            font-size: @fontSizeEnormous;
        }
    }*/
}
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
  font-weight: bold;
  line-height: 1.2em;
}
main h1 {
  font-weight: bold;
  font-size: 31px;
}
main h2 {
  font-weight: 900;
  font-size: 30px;
}
main h3 {
  font-size: 28px;
}
main h4 {
  font-size: 25px;
}
main h5 {
  font-size: 24px;
}
main h6 {
  font-size: 18px;
}
@media screen and (max-width: 600px) {
  main h1,
  main h2,
  main h3 {
    font-size: 24px;
  }
  main .arcHeader {
    font-size: 18px;
  }
}
main q:before {
  content: '\201C';
}
main q:after {
  content: '\201D';
}
main legend {
  font-weight: 900;
  font-size: 2.25rem;
}
main strong {
  font-weight: bold !important;
}
main em {
  font-style: italic;
}
main ul {
  list-style-type: disc;
  overflow: visible;
}
main ul li {
  margin-left: 2em;
  margin-bottom: 0.5em;
}
main ol {
  list-style-type: decimal;
  overflow: visible;
}
main ol li {
  margin-left: 2em;
  padding-left: 0.1em;
  margin-bottom: 0.5em;
}
main figure {
  margin-bottom: 1.5em;
  text-align: center;
}
main figure img {
  margin: 0 auto;
}
main figcaption {
  font-style: italic;
  font-size: 1.1em;
}
main p {
  font-size: 18px;
}
main .hero p {
  font-size: 1.32rem;
}
main form p.info {
  font-size: 0.82rem;
}
main iframe,
main img {
  max-width: 100%;
}
main img {
  height: auto !important;
}
main img[style*='float: left'] {
  margin: 4px 1em 0.5em 0;
}
main img[style*='float: right'] {
  margin: 4px 0 0.5em 1em;
}
main .validation-summary-valid {
  color: #ed1c24;
  display: none;
}
main .validation-summary-errors {
  color: #ed1c24;
}
main .validation-summary-errors ul {
  display: none;
}
main .RTE h2,
main .RTE h3,
main .RTE h4,
main .RTE h5 {
  font-weight: bold;
}
main .RTE h2 {
  font-size: 1.4rem;
}
main .RTE h3 {
  font-size: 1.3rem;
}
main .RTE h4 {
  font-size: 25px;
}
main .RTE h5 {
  font-size: 1.1rem;
}
main .RTE ul,
main .RTE ol {
  margin-left: 1rem;
  margin-bottom: 1rem;
}
main .RTE li {
  list-style-type: disc;
  margin-left: 0.5rem;
}
main .RTE ol > li {
  list-style-type: decimal;
}
main .RTE a:not([role=button]) {
  color: #193E72;
}
.clearer {
  clear: both;
}
/* Grouped validation messages - only show the first error message */
.groupVal .field-validation-error {
  display: block;
}
.groupVal .field-validation-error ~ .field-validation-error {
  display: none;
}
input[type=checkbox].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
input[type=checkbox].css-checkbox + label.css-label {
  padding-left: 30px;
  height: 20px;
  display: inline-block;
  line-height: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 16px;
  vertical-align: middle;
  cursor: pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -20px;
}
label.css-label {
  background-image: url('/Images/csscheckbox.png');
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-size: 20px 40px;
}
input.invisible {
  width: 0 !important;
  height: 0 !important;
  opacity: 0;
  padding: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: none !important;
  position: absolute;
}
.noWrap {
  display: inline-block;
  white-space: nowrap;
}
/*Used for textarea autoresizing*/
.hiddendiv {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre-wrap;
  width: 500px;
  min-height: 1.5em;
  font-weight: normal;
  font-size: 18px;
  padding: 0.5em 0;
  word-wrap: break-word;
  box-sizing: border-box;
}
.hidden {
  display: none !important;
}
@media screen and (min-width: 999px) {
  .desktopFlex {
    display: flex;
  }
}
.raggedBottom {
  align-items: flex-start;
}
.none {
  height: 1px;
}
.noFlex {
  display: block !important;
}
.reverseFlex {
  flex-direction: row-reverse;
}
.minwidth {
  width: -webkit-min-content !important;
  width: -moz-min-content !important;
  width: min-content !important;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
a.videoThumbnail > span,
a.video > span {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  left: -1000px;
  text-indent: -1000px;
  opacity: 0;
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
  }
}
#mainNav {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: absolute;
  width: auto;
  z-index: 30;
  margin-left: auto;
}
#mainNav > div > ul {
  width: 100%;
  background-color: #ffffff;
  display: block;
}
#mainNav > div > ul > li {
  position: relative;
  font-size: 1.1rem;
  font-weight: bold;
}
#mainNav > div > ul > li.selected {
  background-color: #D8D8D8;
}
#mainNav > div > ul > li.selected a {
  color: #193E72;
}
#mainNav > div > ul > li.selected .expander {
  background-image: url(../images/arrow-up-blu.svg);
}
#mainNav > div > ul > li > div > a {
  color: #193E72;
  display: block;
  text-decoration: none;
  padding: 30px 25px;
}
#mainNav > div > ul > li section {
  background-color: #D8D8D8;
  font-weight: normal;
  font-size: 1rem;
}
#mainNav > div > ul > li section a {
  color: #193E72;
}
#mainNav > div > ul > li section button,
#mainNav > div > ul > li section a[role=button] {
  background-color: #2EA9B0;
  color: #ffffff;
}
#mainNav > div > ul > li section a[role=button] {
  padding-top: 12px;
  padding-bottom: 14px;
}
#mainNav > div > ul > li section article p.contactlink {
  margin-top: 2rem;
}
#mainNav > div > ul > li .expander {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  padding: 10px;
  background: transparent url(../images/arrow-down.svg) no-repeat center center;
  background-size: 21px auto;
}
#mainNav > div > ul > li > ul {
  display: none;
  background-color: #D8D8D8;
  width: 100%;
}
#mainNav > div > ul > li > ul > li {
  background-color: #EFF1F3;
}
@media screen and (min-width: 999px) {
  #mainNav > div > ul > li > ul > li {
    background-color: inherit;
  }
}
#mainNav > div > ul > li > ul > li a {
  color: #193E72;
  text-decoration: none;
  display: block;
  padding: 0 40px 20px;
}
#mainNav {
  background-color: #ffffff;
  position: relative;
}
#mainNav #mainNavBurger {
  display: none;
}
#mainNav > div > ul {
  background-color: transparent;
  width: auto;
  max-width: 1366px;
}
#mainNav > div > ul > li {
  display: inline-block;
  position: relative;
}
#mainNav > div > ul > li:last-child > a {
  display: block;
  background-color: #2EA9B0;
  width: auto;
  text-align: center;
  padding: 32px 32px;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
}
@media screen and (max-width: 1370px) {
  #mainNav > div > ul > li:last-child > a {
    padding: 32px 10px;
  }
}
#mainNav > div > ul > li > a {
  color: #193E72;
  display: block;
  text-decoration: none;
  padding: 32px 25px;
  min-height: 87px;
  box-sizing: border-box;
  transition-property: padding;
  transition-duration: 1s;
  transition-delay: 0s;
}
@media screen and (max-width: 1370px) {
  #mainNav > div > ul > li > a {
    padding: 32px 10px;
  }
}
@media screen and (max-width: 999px) {
  #mainNav > div > ul > li > a {
    padding: 32px 15px;
  }
}
#mainNav > div > ul > li .expander {
  display: none;
}
#mainNav > div > ul > li > ul {
  background-color: #EFF1F3;
  border-top: none;
  padding: 0;
  box-sizing: border-box;
  z-index: 900;
  display: block;
  width: 100%;
}
@media screen and (min-width: 999px) {
  #mainNav > div > ul > li > ul {
    display: none;
    position: absolute;
    transition-property: opacity;
    transition-duration: 0s;
    transition-delay: 0s;
    opacity: 0;
    height: 0;
    overflow: hidden;
    background-color: #D8D8D8;
    width: 15vw;
  }
}
#mainNav > div > ul > li > ul > li {
  transition-property: background-color;
  transition-duration: 0.25s;
  transition-delay: 0s;
  display: inline-block;
  width: 100%;
  color: #ffffff;
}
#mainNav > div > ul > li > ul > li:hover {
  background-color: #193E72;
}
#mainNav > div > ul > li > ul > li:hover > a {
  color: #ffffff;
}
#mainNav > div > ul > li > ul > li a {
  padding: 14px 28px;
}
@media screen and (min-width: 999px) {
  #mainNav > div > ul {
    background-color: transparent;
    width: auto;
    max-width: 1366px;
    display: inline-block !important;
  }
  #mainNav > div > ul > li:hover > a,
  #mainNav > div > ul > li:active > a,
  #mainNav > div > ul > li:focus > a {
    background-color: #EFF1F3;
    color: #193E72;
    transition-property: background-color, border-color, color, background-image;
    transition-duration: 0.25s;
    transition-delay: 0s;
  }
  #mainNav > div > ul > li:hover > ul,
  #mainNav > div > ul > li:active > ul,
  #mainNav > div > ul > li:focus > ul {
    transition-property: opacity;
    transition-duration: 0.25s;
    transition-delay: 0s;
    display: block;
    opacity: 1;
    padding: 1rem 0;
    height: auto;
    z-index: 1000;
  }
  #mainNav > div > ul > li > div .accordionButton {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 998px) {
  #mainNav {
    max-width: 500px;
    right: 0;
  }
}
@media screen and (max-width: 999px) {
  .menuWrap {
    display: flex;
    justify-content: space-between;
    padding: 0 27px 0 0;
  }
  .menuWrap > a {
    padding: 16px 25px !important;
  }
  .menuWrap:hover {
    background-color: #193E72;
    color: #ffffff;
    transition-property: background-color, border-color, color, background-image;
    transition-duration: 0.25s;
    transition-delay: 0s;
  }
  .menuWrap:hover > .accordionButton {
    transition-property: background-color, border-color, color, background-image;
    transition-duration: 0.25s;
    transition-delay: 0s;
    color: #ffffff !important;
  }
  .menuWrap:hover > a {
    color: #ffffff !important;
  }
  .menuWrap:hover .accordionButton {
    transition-property: background-color, border-color, color, background-image;
    transition-duration: 0.25s;
    transition-delay: 0s;
    color: #ffffff !important;
  }
  #mainNavBurger {
    font-size: 3em;
    cursor: pointer;
    color: transparent;
    display: inline-block !important;
    vertical-align: top;
    overflow: hidden;
    background: transparent url(/images/navburger.svg) no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 80px;
  }
  #mainNavBurger.open {
    background: #f1f1f1 url(/images/close-cross.svg) no-repeat center center;
  }
  #mainNav {
    position: absolute;
    width: 100%;
    z-index: 30;
    margin-left: auto;
    top: 80px;
    background-color: #f1f1f1;
    box-shadow: -1px 5px 5px rgba(0, 0, 0, 0.15);
  }
  #mainNav > div > ul {
    padding-top: 26px;
    padding-bottom: 26px;
    display: none;
  }
  #mainNav > div > ul > li {
    display: block;
  }
  #mainNav > div > ul > li > div .accordionButton {
    background-color: transparent;
    color: #193E72;
    cursor: pointer;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
  }
  #mainNav > div > ul > li > div .accordionButton::after {
    content: "\2039";
    float: right;
    transform: rotate(-90deg);
    font-size: 50px;
    transition: 0.2s ease-out;
    font-weight: bold;
  }
  #mainNav > div > ul > li > div .active::after {
    content: "\203A";
    transform: rotate(deg);
    font-size: 50px;
    font-weight: bold;
  }
  #mainNav > div > ul > li:hover > a,
  #mainNav > div > ul > li:active > a,
  #mainNav > div > ul > li:focus > a {
    background-color: #193E72;
    color: #ffffff;
    transition-property: background-color, border-color, color, background-image;
    transition-duration: 0.25s;
    transition-delay: 0s;
  }
  #mainNav > div > ul > li:last-child:hover > a,
  #mainNav > div > ul > li:last-child:active > a,
  #mainNav > div > ul > li:last-child:focus > a {
    background-color: #193E72;
    color: #ffffff;
    transition-property: background-color, border-color, color, background-image;
    transition-duration: 0.25s;
    transition-delay: 0s;
  }
  #mainNav > div > ul > li:last-child > a {
    padding: 22px 22px;
    text-decoration: none;
    color: #193E72;
    font-weight: bold;
    background-color: transparent;
    text-align: left;
  }
  #mainNav > div > ul > li > a {
    padding: 22px 22px;
    min-height: 10px;
  }
  #mainNav > div > ul > li .hideSubMenu {
    display: none;
  }
  #mainNav > div > ul > li > ul .subMenu {
    display: none;
    overflow: hidden;
  }
  #mainNav > div > ul > li > ul > li {
    padding-left: 22px;
  }
}
@media screen and (max-width: 599px) {
  #mainNav {
    top: 75px;
  }
  #mainNavBurger {
    height: 75px;
  }
}
/*button with arrow, expands to text plus arrow*/
/*button with arrow, expands to text plus arrow, sits over the bottom edge of the content box*/
body section > section.highlight {
  background-color: #193E72 !important;
  border-top: 2px solid #000000;
  margin-top: 4.5rem;
  padding-bottom: 1.4rem;
}
body .articleText {
  /*position: relative;*/
  /*width: 100%;*/
  /*margin: 50px 10px 10px 10px;*/
  margin: 10px auto 10px auto;
  width: 635px;
  /*display: inline-block;*/
}
body .articleText a {
  text-decoration: underline;
}
body section.newsletterSignUp {
  padding-top: 2rem;
}
@media screen and (min-width: 999px) {
  body section.newsletterSignUp {
    flex: 1 1 50%;
    padding-top: 1rem;
    margin-right: 20px;
  }
}
body section.newsletterSignUp form {
  margin-bottom: 3rem;
}
body section.newsletterSignUp form fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
body section.newsletterSignUp form fieldset legend {
  font-size: 1.75rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
body section.newsletterSignUp .footer p {
  font-size: 12px;
}
body section.viewBookmarks {
  margin-top: 60px;
  margin-bottom: 30px;
}
body section.viewBookmarks .page {
  text-align: center;
}
body section.viewBookmarks .page a {
  display: inline-block;
  background-color: #D8D8D8;
  padding: 8px 80px 8px 60px;
  position: relative;
  box-sizing: border-box;
  min-height: 40px;
  font-weight: bold;
  width: 100%;
}
@media screen and (min-width: 600px) {
  body section.viewBookmarks .page a {
    max-width: 320px;
  }
}
body section.viewBookmarks .page a:hover {
  background-color: #193E72;
  color: #ffffff;
}
body section.viewBookmarks .page a span {
  display: inline-block;
}
body section.viewBookmarks .page a span:first-of-type {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(/Images/tag-red.svg) no-repeat right 0 top 7px;
  width: 45px;
  height: 40px;
}
body section.viewBookmarks .page a span:last-of-type {
  position: absolute;
  top: 0;
  right: 0;
  background: #2EA9B0 url(/Images/link-arrow.svg) no-repeat center center;
  width: 40px;
  height: 100%;
}
body section.viewBookmarks .all-projects {
  margin-right: 10px;
}
@media screen and (max-width: 600px) {
  body section.viewBookmarks .all-projects {
    margin-bottom: 20px;
    margin-right: 0;
  }
}
body section.viewBookmarks .all-projects span:first-of-type {
  display: none;
}
body .heading + .latestNews {
  margin-top: 35px;
}
body section.latestNews {
  max-width: 1272px;
  position: relative;
}
@media screen and (max-width: 600px) {
  body section.latestNews .page.padded {
    padding-left: 0;
    padding-right: 0;
  }
}
body section.latestNews.latestProjects article {
  max-width: 280px;
}
body section.latestNews.latestProjects article .newsTitle {
  font-size: 18px;
  font-weight: normal;
  padding: 15px 0;
}
body section.latestNews a {
  text-decoration: none;
}
body section.latestNews article {
  overflow: hidden;
  background-color: #EFF1F3;
  margin: 10px 10px 20px 10px;
  width: 100%;
  max-width: 280px;
  position: relative;
  padding-bottom: 40px;
}
body section.latestNews article.embeddedNews {
  min-width: 280px;
}
body section.latestNews article .newsTitle {
  font-size: 18px;
  padding: 15px 0;
}
body section.latestNews article .newsDate {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 1.05rem;
  text-transform: uppercase;
}
body section.latestNews article .newsDate > div:last-child {
  float: right;
  width: 40px;
  height: 40px;
  position: relative;
}
body section.latestNews article .newsDate > div:last-child .arrowButton {
  background-color: #2EA9B0;
  width: 40px;
  height: 40px;
  position: relative;
}
body section.latestNews article .newsDate > div:last-child .arrowButton > ion-icon {
  font-size: 32px;
  vertical-align: middle;
  color: #ffffff !important;
  top: 5px;
  position: absolute;
  left: 5px;
}
body section.latestNews article .newsDate > div:first-child {
  float: left;
  padding: 8px 0 0 0;
  color: rgba(25, 62, 114, 0.5);
  font-weight: bold;
  font-size: 16px;
}
body section.latestNews article .newsDate > div:first-child > .calendar {
  position: relative;
  top: 3px;
  margin-right: 4px;
}
@media screen and (max-width: 999px) {
  body section.latestNews article {
    max-width: none;
  }
}
body section.latestNews.newsPage {
  max-width: inherit;
}
body section.latestNews.newsPage .newsListContainer {
  position: relative;
  display: flex;
  flex: auto;
  flex-flow: wrap;
  justify-content: center;
}
body section.latestNews:not(.newsPage) .newsListContainer .scroller {
  position: relative;
  display: flex;
  flex: auto;
  flex-flow: wrap;
  justify-content: left;
  float: left;
}
@media screen and (max-width: 600px) {
  body section.latestNews:not(.newsPage) .newsListContainer .scroller .newsImage img {
    width: 100%;
  }
  body section.latestNews:not(.newsPage) .newsListContainer .scroller article {
    width: calc(100vw - 62px);
    max-width: none;
  }
}
body section.latestNews .arrow-prev {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  font-size: 40px;
  min-height: 100%;
}
@media screen and (max-width: 600px) {
  body section.latestNews .arrow-prev {
    left: -25px;
  }
}
body section.latestNews .arrow-prev ion-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body section.latestNews .arrow-next {
  position: absolute;
  left: calc(100% - 30px);
  cursor: pointer;
  font-size: 40px;
  min-height: 100%;
  top: 0;
}
@media screen and (max-width: 600px) {
  body section.latestNews .arrow-next {
    right: -10px;
    left: auto;
    overflow: hidden;
    width: 29px;
  }
}
body section.latestNews .arrow-next ion-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body section.latestNews.newsPage .newsTitle {
  font-size: 21px;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
}
body section.latestNews.newsPage .newsDate {
  padding-left: 12px;
}
body section.latestNews.newsPage .newsImage .img {
  display: block;
  width: 100%;
  height: 50vw;
  max-height: 280px;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 999px) {
  body section.latestNews.newsPage .newsImage .img {
    max-height: 190px;
  }
}
@media screen and (max-width: 600px) {
  body section.latestNews.newsPage .newsImage .img {
    height: 49vw;
    max-height: none;
  }
}
body section.onwardJourney {
  position: relative;
  padding: 25px 0;
}
body section.onwardJourney a {
  text-decoration: none;
}
body section.onwardJourney article {
  overflow: hidden;
  background-color: #D8D8D8;
  margin: 10px 10px 20px 10px;
  width: 100%;
  max-width: 400px;
}
body section.onwardJourney article .ojImage {
  line-height: 0;
}
body section.onwardJourney article .itemText {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  background-color: white;
  padding: 10px 0 10px 0;
}
body section.onwardJourney article:hover {
  background-color: #193E72;
}
body section.onwardJourney article:hover .ojTitle {
  color: white !important;
}
body section.onwardJourney article .ojTitleWrapper > div:last-child {
  float: right;
  width: 40px;
  height: 40px;
  position: relative;
}
body section.onwardJourney article .ojTitleWrapper > div:last-child .arrowButton {
  background-color: #2EA9B0;
  width: 40px;
  height: 40px;
  position: relative;
}
body section.onwardJourney article .ojTitleWrapper > div:last-child .arrowButton > ion-icon {
  font-size: 32px;
  vertical-align: middle;
  color: #ffffff !important;
  top: 5px;
  position: absolute;
  left: 5px;
}
body section.onwardJourney article .ojTitleWrapper > div:first-child {
  float: left;
  padding: 8px 0 0 20px;
  color: #193E72;
  font-weight: bold;
  font-size: 18px;
}
body section.onwardJourney article .ojTitleWrapper > div:first-child > ion-icon {
  font-size: 28px;
  vertical-align: middle;
  color: #193E72;
  margin-top: -4px;
}
body section.onwardJourney .ojListContainer {
  position: relative;
  display: flex;
  flex: auto;
  flex-flow: wrap;
  justify-content: center;
}
body section.projectResources {
  padding-top: 35px;
  padding-bottom: 35px;
}
body section.projectResources .resourcesContainer {
  position: relative;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: left;
  margin-left: -40px;
}
body section.projectResources .resourcesContainer .resroucesArticle {
  position: relative;
  width: 100%;
  max-width: 400px;
  border-bottom: 3px solid #2EA9B0;
  padding-bottom: 10px;
  padding-top: 30px;
  margin-left: 40px;
}
@media screen and (max-width: 999px) {
  body section.projectResources .resourcesContainer .resroucesArticle {
    max-width: 100%;
  }
}
body section.projectResources .resourcesContainer .resroucesArticle .iconTitle {
  position: relative;
  float: left;
  width: 100%;
  font-size: 21px;
  font-weight: bold;
}
body section.projectResources .resourcesContainer .resroucesArticle .iconTitle img {
  position: relative;
  vertical-align: middle;
  padding-right: 15px;
}
body section.projectResources .resourcesContainer .resroucesArticle .resourcesItems {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 0px 0 0px;
}
body section.projectResources .resourcesContainer .resroucesArticle .resourcesItems .resourceItem {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 0 8px 33px;
}
body section.projectResources .resourcesContainer .resroucesArticle .resourcesItems .resourceItem img.arrow {
  top: 5px;
  left: 0;
}
body section.training {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-bottom: 50px;
}
body section.training.title .page {
  width: 100%;
  max-width: 800px;
}
body section.training a {
  text-decoration: none;
}
body section.training .mainTrainingContainer {
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
body section.training .mainTrainingContainer .trainingLeft {
  position: relative;
  float: left;
  width: 100%;
  flex-basis: 70%;
}
@media screen and (min-width: 600px) {
  body section.training .mainTrainingContainer .trainingLeft {
    min-width: 500px;
  }
}
@media screen and (max-width: 999px) {
  body section.training .mainTrainingContainer .trainingLeft {
    flex-basis: 100%;
  }
}
body section.training .mainTrainingContainer .trainingLeft .trainingContainer {
  position: relative;
  float: left;
  width: 100%;
  padding: 30px;
}
@media screen and (max-width: 999px) {
  body section.training .mainTrainingContainer .trainingLeft .trainingContainer {
    padding: 30px 0;
  }
}
body section.training .mainTrainingContainer .trainingLeft .trainingContainer .courseText {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 0 20px 0;
}
body section.training .mainTrainingContainer .trainingLeft .trainingContainer .longArrowButton {
  background-color: #EFF1F3;
}
body section.training .mainTrainingContainer .trainingLeft .trainingContainer .longArrowButton div:last-child {
  float: right;
  width: 40px;
  height: 40px;
  position: relative;
}
body section.training .mainTrainingContainer .trainingLeft .trainingContainer .longArrowButton div:last-child .arrowButton {
  background-color: #2EA9B0;
  width: 40px;
  height: 40px;
  position: relative;
}
body section.training .mainTrainingContainer .trainingLeft .trainingContainer .longArrowButton div:last-child .arrowButton > ion-icon {
  font-size: 32px;
  vertical-align: middle;
  color: #ffffff !important;
  top: 5px;
  position: absolute;
  left: 5px;
}
body section.training .mainTrainingContainer .trainingLeft .trainingContainer .longArrowButton div:first-child {
  float: left;
  padding: 8px 12px 0px 20px;
  color: #193E72;
  font-weight: bold;
  font-size: 18px;
}
body section.training .mainTrainingContainer .trainingLeft .trainingContainer .longArrowButton div:first-child > ion-icon {
  font-size: 28px;
  vertical-align: middle;
  color: #193E72;
  margin-top: -4px;
}
body section.training .mainTrainingContainer .trainingLeft .trainingContainer .longArrowButton:hover {
  background-color: #193E72;
}
body section.training .mainTrainingContainer .trainingLeft .trainingContainer .longArrowButton:hover .laTitle {
  color: #ffffff;
}
body section.training .mainTrainingContainer .trainingLeft article {
  overflow: hidden;
  margin: 10px 10px 35px 0px;
  width: 100%;
  display: flex;
  flex-flow: wrap;
}
body section.training .mainTrainingContainer .trainingLeft article .trainingText {
  position: relative;
  float: left;
  width: 75%;
  padding: 0 10px 0 10px;
}
@media screen and (min-width: 600px) {
  body section.training .mainTrainingContainer .trainingLeft article .trainingText {
    min-width: 600px;
  }
}
body section.training .mainTrainingContainer .trainingRight {
  position: relative;
  float: left;
  width: 100%;
  flex-basis: 30%;
}
@media screen and (max-width: 999px) {
  body section.training .mainTrainingContainer .trainingRight {
    flex-basis: 100%;
    margin-bottom: 30px;
  }
}
body section.training .mainTrainingContainer .trainingRight .trainingSidebarContainer {
  position: relative;
  float: left;
  width: 100%;
  padding: 30px;
}
body section.training .mainTrainingContainer .trainingRight .trainingSidebarContainer .courseItem {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 15px;
}
body section.training .mainTrainingContainer .trainingRight .trainingSidebarContainer .courseItem > p {
  position: relative;
  padding-top: 4px;
  padding-left: 33px;
  margin: 6px 0 20px;
  vertical-align: bottom;
}
body section.training .mainTrainingContainer .trainingRight .trainingSidebarContainer .courseItem > p > img {
  left: 0;
  top: 9px;
}
body section.trainingStaff .meetTheTeamContainer {
  position: relative;
  width: 100%;
  display: inline-block;
}
body section.trainingStaff .meetTheTeamContainer .staffBlock {
  position: relative;
  float: left;
  width: 180px;
  text-align: center;
  padding: 10px;
  margin: 20px;
}
body section.trainingStaff .meetTheTeamContainer .staffBlock .name {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 20px;
  font-size: 16px;
  font-weight: bold;
}
body section.trainingStaff .meetTheTeamContainer .staffBlock .role {
  position: relative;
  float: left;
  width: 100%;
  font-size: 16px;
}
body section.trainingStaff .meetTheTeamContainer .staffBlock .staffImage {
  position: relative;
  float: left;
  width: auto;
  max-width: 180px;
  border: 5px solid #2EA9B0;
  border-radius: 50%;
  line-height: 0;
}
body section.trainingStaff .meetTheTeamContainer .staffBlock .staffImage > img {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  border: 1px solid #2EA9B0;
  border-radius: 50%;
}
body section.title .page {
  width: 100%;
  max-width: 800px;
}
body section.title.course {
  margin-bottom: 0;
}
body section.title.course .courseDetails {
  width: auto;
  position: relative;
  display: inline-block;
}
body section.title.course .courseDetails .courseDate {
  position: relative;
  float: left;
  width: auto;
  margin: 10px;
  font-size: 16px;
  font-weight: bold;
  color: rgba(25, 62, 114, 0.5);
}
body section.title.course .courseDetails .courseDate .calendar {
  position: relative;
  top: 3px;
  margin-right: 10px;
}
body section.title.course .courseDetails span {
  position: relative;
  float: left;
  color: #EA5D4E;
  margin: 10px;
  font-weight: bold;
  font-size: 18px;
}
body section.title.course .courseDetails .courseLocation {
  position: relative;
  float: left;
  width: auto;
  margin: 10px;
  font-size: 16px;
  font-weight: bold;
  color: rgba(25, 62, 114, 0.5);
}
body section.title.course .courseDetails .courseLocation ion-icon {
  color: #193E72;
  font-size: 21px;
  vertical-align: bottom;
  margin-right: 10px;
}
body section.title.news {
  margin-bottom: 0;
}
body section.project {
  position: relative;
  display: inline-block;
  width: 100%;
}
body section.project.title .page {
  width: 100%;
  max-width: 800px;
}
body section.project a {
  text-decoration: none;
}
body section.project .mainProjectContainer {
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
body section.project .mainProjectContainer .projectLeft {
  position: relative;
  float: left;
  width: 100%;
  flex-basis: 70%;
}
@media screen and (min-width: 600px) {
  body section.project .mainProjectContainer .projectLeft {
    min-width: 500px;
  }
}
@media screen and (max-width: 999px) {
  body section.project .mainProjectContainer .projectLeft {
    flex-basis: 100%;
  }
}
body section.project .mainProjectContainer .projectLeft article {
  overflow: hidden;
  margin: 10px 10px 35px 0px;
  width: 100%;
  display: flex;
  flex-flow: wrap;
}
body section.project .mainProjectContainer .projectLeft article .sectionTitle {
  position: relative;
  float: left;
  width: 25%;
  min-width: 200px;
  padding-bottom: 20px;
}
body section.project .mainProjectContainer .projectLeft article .projectText {
  position: relative;
}
@media screen and (min-width: 600px) {
  body section.project .mainProjectContainer .projectLeft article .projectText {
    min-width: 600px;
    float: left;
    width: 75%;
    padding: 0 10px 0 10px;
  }
}
body section.project .mainProjectContainer .projectright {
  position: relative;
  float: left;
  width: 100%;
  flex-basis: 30%;
}
@media screen and (max-width: 999px) {
  body section.project .mainProjectContainer .projectright {
    flex-basis: 100%;
    margin-bottom: 30px;
  }
}
body section.project .mainProjectContainer .projectright > section {
  padding: 30px;
}
@media screen and (max-width: 999px) {
  body section.project .mainProjectContainer .projectright > section {
    padding: 30px 0;
  }
  body section.project .mainProjectContainer .projectright > section.sidebarNews {
    padding: 20px;
    margin-bottom: 20px;
  }
}
body section.project .mainProjectContainer .projectright > section .newsItems {
  padding: 10px 0px 10px 0;
  position: relative;
  display: inline-block;
  width: 100%;
}
body section.project .mainProjectContainer .projectright > section .newsItems a {
  text-decoration: underline;
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 5px;
}
body section.project .mainProjectContainer .projectright > section .newsItems a:hover {
  color: #2EA9B0;
}
body section.project .mainProjectContainer .projectright > section .teamItem {
  padding: 10px 0px 0px 33px;
  position: relative;
}
body section.project .mainProjectContainer .projectright > section .teamItem img.arrow {
  top: 13px;
  left: 0;
}
body section.project .mainProjectContainer .projectright > section .teamItem span.nolink {
  display: inline-block;
}
body section.project .newsDate {
  width: auto;
  position: relative;
  display: inline-block;
  font-size: 1.05rem;
}
body section.project .newsDate span:not(.tag) {
  position: relative;
  float: left;
  color: #EA5D4E;
  margin: 10px;
  font-weight: bold;
  font-size: 18px;
}
body section.project .newsDate .projectStatus {
  position: relative;
  float: left;
  width: auto;
  margin: 10px;
  font-size: 16px;
  font-weight: bold;
}
body section.project .newsDate .projectDate {
  position: relative;
  float: left;
  width: auto;
  margin: 10px;
  font-size: 16px;
  font-weight: bold;
  color: rgba(25, 62, 114, 0.5);
}
body section.project .newsDate .projectDate .calendar {
  position: relative;
  top: 3px;
  margin-right: 10px;
}
body span.tag {
  color: #193E72;
  font-weight: bold;
}
body span.tag:after {
  content: ' / ';
  color: #EA5D4E;
  margin: 0 2px;
  font-weight: bold;
}
body span.tag.project-tag::after {
  display: none;
}
body section.staff .bioPadded {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 850px;
}
@media screen and (max-width: 600px) {
  body section.staff .bioPadded {
    padding-top: 40px;
  }
}
body section.staff .staffBioContainer {
  position: relative;
  float: left;
  width: 100%;
  display: table;
}
body section.staff .staffBioContainer .staffImage {
  position: relative;
  display: table-cell;
  width: 35%;
  vertical-align: top;
}
body section.staff .staffBioContainer .staffImage .imageBorder {
  border: 5px solid #2EA9B0;
  border-radius: 50%;
}
body section.staff .staffBioContainer .staffImage .imageBorder > img {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  border-radius: 50%;
  display: block;
}
body section.staff .staffBioContainer .staffDetails {
  position: relative;
  display: table-cell;
  width: auto;
  padding: 10px 10px 10px 50px;
  max-width: 680px;
  vertical-align: top;
}
body section.staff .staffBioContainer .staffDetails .staffName {
  position: relative;
  float: left;
  width: 100%;
  font-weight: bold;
  font-size: 30px;
  padding-bottom: 10px;
}
body section.staff .staffBioContainer .staffDetails .staffRole {
  position: relative;
  float: left;
  width: 100%;
  font-size: 21px;
}
body section.staff .staffBioContainer .staffDetails .staffUni {
  position: relative;
  float: left;
  width: 100%;
  font-size: 21px;
}
body section.staff .staffBioContainer .staffDetails .staffBioDesc {
  position: relative;
  float: left;
  width: 100%;
  font-size: 18px;
  padding-top: 20px;
}
@media screen and (max-width: 600px) {
  body section.staff .staffBioContainer {
    display: block;
    width: auto;
  }
  body section.staff .staffBioContainer .staffImage {
    display: block;
    width: auto;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  body section.staff .staffBioContainer .staffDetails {
    display: block;
    width: auto;
    padding: 0;
  }
}
body section.staffInfo {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 50px;
}
body section.staffInfo .bioPadded {
  padding: 50px 30px 0;
  max-width: 850px;
}
body section.staffInfo .staffInfoContainer {
  position: relative;
  display: table;
  width: 100%;
}
body section.staffInfo .staffInfoContainer .infoDetails {
  position: relative;
  float: left;
  width: 100%;
  padding: 25px 0 5px 0;
  margin-bottom: 35px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
body section.staffInfo .staffInfoContainer .infoDetails .col {
  flex: 1 1 auto;
  width: 50%;
  padding-bottom: 15px;
  border-bottom: 3px solid #2EA9B0;
}
body section.staffInfo .staffInfoContainer .infoDetails .col:first-of-type {
  margin-right: 25px;
}
body section.staffInfo .staffInfoContainer .infoDetails .col:last-of-type {
  margin-left: 25px;
}
body section.staffInfo .staffInfoContainer .infoDetails .col > div {
  font-weight: bold;
  font-size: 21px;
}
body section.staffInfo .staffInfoContainer .infoDetails .col > div > p {
  position: relative;
  padding-top: 7px;
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 1.5rem;
}
body section.staffInfo .staffInfoContainer .infoDetails #staffKeywords p {
  line-height: 2rem;
  padding-left: 1em;
  padding-right: 1em;
  font-weight: 500;
  position: relative;
  top: 4px;
}
body section.staffInfo .staffInfoContainer .infoDetails #staffKeywords span {
  padding: 0 15px 0 15px;
  color: #EA5D4E;
  font-weight: bold;
  font-size: 1.1em;
}
@media screen and (max-width: 600px) {
  body section.staffInfo .staffInfoContainer .infoDetails {
    display: block;
  }
  body section.staffInfo .staffInfoContainer .infoDetails .col {
    flex: none;
    width: auto;
    margin: 0 0 20px !important;
  }
}
body section.staffAccordion header {
  background-color: #193E72;
}
body section.staffAccordion header h3 {
  background-color: #193E72;
}
body section.staffAccordion header h3 button {
  background-color: #193E72;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 0;
  padding: 0;
  border: none;
}
body section.staffAccordion header h3 button:focus {
  background-color: #193E72;
  border: 0;
}
body section.staffAccordion header h3 button > p {
  position: relative;
  float: left;
  padding: 8px 30px;
  margin: 0;
}
body section.staffAccordion header h3 button.accordion-group__accordion-btn_expanded {
  background-color: #193E72;
  border: none;
  border-radius: 0;
  padding: 0;
}
body section.staffAccordion header h3 button.accordion-group__accordion-btn_expanded .arrowButton > ion-icon#ios-arrow-up {
  display: block;
}
body section.staffAccordion header h3 button.accordion-group__accordion-btn_expanded .arrowButton > ion-icon#ios-arrow-down {
  display: none;
}
body section.staffAccordion header h3 button .arrowButton {
  background-color: #2EA9B0;
  width: 40px;
  height: 40px;
  position: relative;
  float: right;
}
body section.staffAccordion header h3 button .arrowButton > ion-icon {
  font-size: 32px;
  vertical-align: middle;
  color: #ffffff !important;
  top: 5px;
  position: absolute;
  left: 5px;
}
body section.staffAccordion header h3 button .arrowButton > ion-icon#ios-arrow-down {
  display: block;
}
body section.staffAccordion header h3 button .arrowButton > ion-icon#ios-arrow-up {
  display: none;
}
body section.staffAccordion .accordion-group__accordion-panel {
  border: 0;
  padding: 0.5rem 1rem;
  background-color: #EFF1F3;
  position: relative;
  display: inline-block;
  width: 100%;
}
body section.staffAccordion .accordion-group__accordion-panel .accordion-group__accordion-content {
  display: flex;
  flex-wrap: wrap;
}
body section.staffAccordion .accordion-group__accordion-panel .accordion-group__accordion-content .staffBlock {
  position: relative;
  /*float: left;*/
  width: 180px;
  text-align: center;
  padding: 10px;
  margin: 20px;
}
@media screen and (max-width: 600px) {
  body section.staffAccordion .accordion-group__accordion-panel .accordion-group__accordion-content .staffBlock {
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
  }
}
body section.staffAccordion .accordion-group__accordion-panel .accordion-group__accordion-content .staffBlock .name {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 20px;
  font-size: 16px;
  font-weight: bold;
}
body section.staffAccordion .accordion-group__accordion-panel .accordion-group__accordion-content .staffBlock .role {
  position: relative;
  float: left;
  width: 100%;
  font-size: 16px;
}
body section.staffAccordion .accordion-group__accordion-panel .accordion-group__accordion-content .staffBlock .staffImage {
  position: relative;
  float: left;
  width: auto;
  max-width: 180px;
  border: 5px solid #2EA9B0;
  border-radius: 50%;
  line-height: 0;
}
body section.staffAccordion .accordion-group__accordion-panel .accordion-group__accordion-content .staffBlock .staffImage > img {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  border: 1px solid #2EA9B0;
  border-radius: 50%;
}
@media screen and (min-width: 600px) and (max-width: 998px) {
  body section.staffAccordion .accordion-group__accordion-panel .accordion-group__accordion-content {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
  }
}
body section.content {
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 50px 0 50px 0;
}
body section.content.aboutus,
body section.content.course,
body section.content.news {
  display: block;
}
body section.content.aboutus h3:first-of-type,
body section.content.course h3:first-of-type,
body section.content.news h3:first-of-type {
  margin-bottom: 1em;
}
body section.content:not(.lightGreyBg) {
  padding-top: 0;
}
body section.content > div {
  max-width: 650px;
  position: relative;
  width: 100%;
}
body section.content iframe {
  width: 100%;
}
body section.content img {
  max-width: 100% !important;
}
body section.content ul li a,
body section.content a {
  text-decoration: underline;
  color: #21797E;
}
body section.content ul li a:hover,
body section.content a:hover {
  text-decoration: none;
}
body section.searchForm .searchFormContainer {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 100%;
}
body section.searchForm .searchFormContainer .searchFormWrapper {
  position: relative;
  text-align: center;
  width: 100%;
  display: flex;
  min-width: 230px;
  flex-wrap: nowrap;
  justify-content: center;
  flex: auto;
  flex-basis: 100%;
}
body section.searchForm .searchFormContainer .searchFormWrapper #query {
  position: relative;
  display: block;
  height: 75px;
  font-size: 30px;
  line-height: 0;
  width: 50%;
  padding: 10px 10px 10px 20px;
  color: rgba(25, 62, 114, 0.8);
}
@media screen and (max-width: 800px) {
  body section.searchForm .searchFormContainer .searchFormWrapper #query {
    width: 100%;
  }
}
body section.searchForm .searchFormContainer .searchFormWrapper #searchButton {
  position: relative;
  display: block;
  height: 75px;
  width: 75px;
  line-height: 0;
  top: 0;
  right: 0;
  background-color: #2EA9B0;
  border: 0;
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  body section.searchForm .searchFormContainer .searchFormWrapper #query {
    height: 60px;
    font-size: 18px;
  }
  body section.searchForm .searchFormContainer .searchFormWrapper #searchButton {
    width: 60px;
    height: 60px;
  }
  body section.searchForm .searchFormContainer .searchFormWrapper #searchButton img {
    width: 30px;
  }
}
body section.search .mainSearchContainer {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  padding: 20px 0 20px 0;
  flex-flow: row wrap;
  justify-content: flex-end;
}
@media screen and (min-width: 600px) {
  body section.search .mainSearchContainer {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 999px) {
  body section.search .mainSearchContainer {
    position: inherit;
  }
}
body section.search .mainSearchContainer .searchNavBurger {
  position: relative;
  z-index: 10;
  width: auto;
  background-color: #EFF1F3;
  right: 20px;
  padding: 10px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 600px) {
  body section.search .mainSearchContainer .searchNavBurger {
    position: absolute;
  }
}
@media screen and (min-width: 999px) {
  body section.search .mainSearchContainer .searchNavBurger {
    display: none;
  }
}
body section.search .mainSearchContainer .searchNavBurger ion-icon {
  position: relative;
  font-size: 30px;
  padding: 0 10px 0 10px;
  vertical-align: middle;
}
body section.search .mainSearchContainer .searchLeft {
  flex-basis: 27%;
  display: none;
  position: absolute;
  width: 260px;
  z-index: 9999;
  right: 0;
  top: 52px;
  margin-top: 20px;
}
@media screen and (min-width: 999px) {
  body section.search .mainSearchContainer .searchLeft {
    display: block !important;
    position: inherit;
    z-index: inherit;
    right: inherit;
  }
}
body section.search .mainSearchContainer .searchLeft .sidebarSearch {
  padding: 20px;
}
@media screen and (min-width: 1140px) {
  body section.search .mainSearchContainer .searchLeft .sidebarSearch {
    padding: 30px 15%;
  }
}
body section.search .mainSearchContainer .searchLeft .sidebarSearch .headingText {
  border-bottom: none;
}
body section.search .mainSearchContainer .searchLeft .sidebarSearch .longBlueButton {
  position: relative;
  display: inline-block;
  width: 190px;
  height: 40px;
  margin: 20px 0px 0px 10px;
}
body section.search .mainSearchContainer .searchLeft .sidebarSearch .longBlueButton .filterButton {
  background-color: #2ea9b0;
  border: 0;
  color: white;
  font-weight: bold;
  font-size: 18px;
  height: 40px;
  width: 165px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
body section.search .mainSearchContainer .searchLeft .sidebarSearch .longBlueButton .filterButton > span {
  position: absolute;
  padding: 9px;
  left: 10px;
  top: 0;
}
body section.search .mainSearchContainer .searchLeft .sidebarSearch .longBlueButton img {
  position: absolute;
  right: 12px;
  top: 12px;
}
body section.search .mainSearchContainer .searchLeft .sidebarSearch .searchFilterSection {
  position: relative;
  display: inline-block;
  padding: 10px 0px 0 10px;
}
body section.search .mainSearchContainer .searchLeft .sidebarSearch .searchFilterSection .searchFilterTitle {
  position: relative;
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  color: #2EA9B0;
  padding: 15px 0 10px 0;
  width: 100%;
  font-size: 1.05rem;
}
body section.search .mainSearchContainer .searchLeft .sidebarSearch .searchFilterSection .searchFilterItems {
  position: relative;
  display: inline-block;
  width: 100%;
}
body section.search .mainSearchContainer .searchLeft .sidebarSearch .searchFilterSection .searchFilterItems .searhFilterItem {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 0.6rem;
}
body section.search .mainSearchContainer .searchLeft .sidebarSearch .searchFilterSection .searchFilterItems .searhFilterItem.dateSearch > label {
  position: relative;
  float: left;
  padding: 0 10px 0 0px;
}
body section.search .mainSearchContainer .searchLeft .sidebarSearch .searchFilterSection .searchFilterItems .searhFilterItem .dateRange {
  position: relative;
  float: left;
  width: 60px;
  margin-right: 10px;
}
body section.search .mainSearchContainer .searchRight {
  position: relative;
  flex-basis: 73%;
  padding: 15px 15px 15px 50px;
}
@media screen and (max-width: 700px) {
  body section.search .mainSearchContainer .searchRight {
    padding-left: 15px;
  }
}
@media screen and (max-width: 999px) {
  body section.search .mainSearchContainer .searchRight {
    flex-basis: 100%;
  }
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer {
  position: relative;
  float: left;
  width: 100%;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchTerm {
  position: relative;
  float: left;
  width: 100%;
}
@media screen and (min-width: 600px) {
  body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchTerm {
    width: calc(100% - 220px);
  }
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchTerm > span {
  font-weight: bold;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection {
  position: relative;
  float: left;
  width: 100%;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection .searchDocType {
  position: relative;
  float: left;
  width: 100%;
  font-size: 30px;
  font-weight: bold;
  padding: 15px 0 15px 0;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article {
  position: relative;
  float: left;
  width: 100%;
  background-color: #EFF1F3;
  max-width: 758px;
  margin-bottom: 15px;
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  /*                            @media screen and (max-width:@desktopMaxSearchWidth) {
                                flex-basis: 100%;
                                display: flex;
                                flex-flow: row wrap;
                                width: 92%;
                            }
*/
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article > .article {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  align-items: stretch;
}
@media screen and (max-width: 550px) {
  body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article > a {
    order: 5;
    width: 100%;
    position: relative;
  }
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchImage {
  display: none;
}
@media screen and (min-width: 600px) {
  body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchImage {
    display: block;
    position: relative;
    float: left;
    width: 140px;
    max-width: 140px;
    line-height: 0;
  }
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchImage.publicationThumbnail {
  background: #c1dde0 url(/Images/PublicationTransp.png) no-repeat center center;
  min-height: 140px;
  background-size: 67% auto;
}
@media screen and (max-width: 550px) {
  body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchImage {
    width: 100%;
    max-width: none;
  }
  body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchImage.publicationThumbnail {
    /*> img {
                                            width: 100%;
                                            display: block !important;
                                        }*/
  }
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchImage > img {
  position: relative;
  float: left;
  width: 140px;
  line-height: 0;
  height: 140px !important;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchImage > img.searchThumbnailM {
  display: none;
}
@media screen and (max-width: 550px) {
  body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchImage > img {
    display: none;
    width: 100%;
  }
  body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchImage > img.searchThumbnailM {
    display: block !important;
  }
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails {
  display: flex;
  width: 100%;
  max-width: calc(100% - 140px);
}
@media screen and (max-width: 550px) {
  body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails {
    float: none;
    max-width: none;
    order: 1;
    display: inline-block;
  }
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchTitle {
  width: 100%;
  background-color: #D8D8D8;
  font-weight: bold;
}
@media screen and (min-width: 600px) {
  body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchTitle {
    float: none;
    display: inline-block;
  }
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchTitle > a {
  display: flex;
  padding-bottom: 10px;
}
@media screen and (min-width: 600px) {
  body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchTitle > a {
    padding-bottom: 0;
  }
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchTitle > a > span {
  position: relative;
  font-size: 21px;
  line-height: 25px;
  padding: 14px 7px 7px 20px;
  display: inline-block;
  width: calc(100% - 40px);
  min-height: 90px;
}
@media screen and (min-width: 600px) {
  body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchTitle > a > span {
    width: calc(100% - 80px);
    min-height: none;
  }
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchTitle .SearchDownloadIcon {
  position: absolute;
  float: right;
  width: 40px;
  height: 40px;
  background-color: #2EA9B0;
  right: 0;
}
@media screen and (min-width: 600px) {
  body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchTitle .SearchDownloadIcon {
    position: relative;
  }
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchTitle .SearchDownloadIcon > img {
  position: absolute;
  top: 7px;
  left: 7px;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchTitle .bookmarkIcon {
  position: absolute;
  float: right;
  width: 40px;
  height: 40px;
  background-color: #979797;
  cursor: pointer;
  right: 0;
  top: 40px;
}
@media screen and (min-width: 600px) {
  body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchTitle .bookmarkIcon {
    position: relative;
    top: 0;
  }
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchTitle .bookmarkIcon.bookmarked {
  background-color: transparent;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchTitle .bookmarkIcon .news-tag {
  display: block;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchTitle .bookmarkIcon .news-tag.red {
  display: none;
  left: 7px;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchTitle .bookmarkIcon > img {
  position: absolute;
  left: 11px;
  top: 8px;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchArticleDate {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 15px;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchArticleDetails .searchArticleDate .calendar {
  position: relative;
  top: 3px;
  margin-right: 10px;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchTags {
  width: 100%;
  padding-left: 15px;
}
@media screen and (max-width: 550px) {
  body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchTags {
    float: none;
    position: relative;
    left: 0;
    bottom: 0;
    top: auto;
    display: inline-block;
  }
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchTags > span {
  position: relative;
  padding: 4px 6px;
  float: left;
  text-transform: uppercase;
  font-size: 16px;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchTags > span:after {
  content: '/';
  color: #EA5D4E;
  margin: 0 0 0 12px;
  display: inline-block;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection > article .searchTags > span:last-of-type:after {
  display: none;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection .seeMore {
  max-width: 758px;
  position: relative;
  float: left;
  text-align: right;
  width: 100%;
  padding: 0 0 0;
  margin-top: 20px;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection .seeMore a {
  text-decoration: none;
  color: #fff;
  border: 0;
  color: #fff !important;
  font-weight: bold;
  font-size: 18px;
  height: 40px;
  /* width: 165px; */
  cursor: pointer;
  padding: 10px 40px 10px 20px;
  background: #2ea9b0 url('/Images/link-arrow.svg') no-repeat calc(100% - 10px) center;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection .seeMore a:hover {
  text-decoration: none;
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection .noSearchResults {
  padding: 10px 20px;
}
@media screen and (min-width: 999px) {
  body section.search .mainSearchContainer .searchRight .searchResultsContainer .searchSection .noSearchResults {
    padding: 0;
  }
}
body section.search .mainSearchContainer .searchRight .searchResultsContainer .pagination {
  max-width: 758px;
  padding-top: 20px;
  clear: left;
}
body section.search .searchResult.mainSearchContainer {
  padding: 0 0 20px;
}
body section.search .searchResult.mainSearchContainer .searchRight {
  flex: 100%;
  padding: 15px;
}
@media screen and (min-width: 999px) {
  body section.search .searchResult.mainSearchContainer .searchRight {
    padding: 15px 50px;
  }
}
body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article {
  max-width: 100%;
  margin: 0 auto 15px;
  float: none;
}
@media screen and (min-width: 600px) {
  body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article {
    max-width: 720px;
  }
}
@media screen and (min-width: 999px) {
  body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article {
    max-width: 1200px;
  }
}
body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .article {
  flex: 1;
}
body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchImage {
  display: none;
  width: 110px;
  max-width: 110px;
}
body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchImage > img {
  width: inherit;
  height: inherit !important;
}
@media screen and (min-width: 600px) {
  body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchImage {
    display: block;
  }
}
@media screen and (min-width: 999px) {
  body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchImage {
    width: 170px;
    max-width: 170px;
  }
}
body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchArticleDetails {
  max-width: 100%;
}
@media screen and (min-width: 600px) {
  body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchArticleDetails {
    max-width: calc(100% - 110px);
  }
}
@media screen and (min-width: 999px) {
  body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchArticleDetails {
    max-width: calc(100% - 170px);
  }
}
body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchResult.searchArticleDetails .searchTitle {
  background-color: #EFF1F3;
}
body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchResult.searchArticleDetails .searchTitle > a > span {
  width: calc(100% - 40px);
}
body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchResult.searchArticleDetails .searchTitle .summary {
  display: flex;
  width: calc(100% - 40px);
  flex-direction: column;
  margin: 20px;
}
body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchResult.searchArticleDetails .searchTitle .summary span {
  font-size: 18px;
}
@media screen and (min-width: 999px) {
  body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchResult.searchArticleDetails .searchTitle .summary span {
    font-size: 21px;
  }
}
body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchResult.searchArticleDetails .searchTitle .summary .desc {
  display: none;
  margin-top: 20px;
}
@media screen and (min-width: 999px) {
  body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchResult.searchArticleDetails .searchTitle .summary .desc {
    display: block;
    max-width: calc(100% - 80px);
  }
}
body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchResult.searchArticleDetails .searchTitle .summary .desc span {
  font-size: 18px;
  font-weight: 400;
}
body section.search .searchResult.mainSearchContainer .searchRight .searchSection > article .searchResult.searchArticleDetails .searchTitle .linkIcon {
  position: relative;
  float: right;
  width: 40px;
  height: 40px;
  background: #2EA9B0 url('/Images/link-arrow.svg') no-repeat center center;
}
body section.search .searchResult.mainSearchContainer .searchRight .searchResultsContainer .searchTerm {
  text-align: center;
  margin-bottom: 40px;
  width: 100%;
}
body section.search .searchResult.mainSearchContainer .pagination {
  flex: 100%;
  margin: 0 auto;
  padding: 15px 10px;
}
@media screen and (min-width: 999px) {
  body section.search .searchResult.mainSearchContainer .pagination {
    padding: 15px 50px;
  }
}
body section.aboutus .buttonContainer {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-top: 30px;
}
body section.aboutus .longArrowButton {
  position: relative;
  display: inline-block;
  width: 200px;
  background-color: #D8D8D8;
}
body section.aboutus .longArrowButton div:last-child {
  float: right;
  width: 40px;
  height: 40px;
  position: relative;
}
body section.aboutus .longArrowButton div:last-child .arrowButton {
  background-color: #2EA9B0;
  width: 40px;
  height: 40px;
  position: relative;
}
body section.aboutus .longArrowButton div:last-child .arrowButton > ion-icon {
  font-size: 32px;
  vertical-align: middle;
  color: #ffffff !important;
  top: 5px;
  position: absolute;
  left: 5px;
}
body section.aboutus .longArrowButton div:first-child {
  float: left;
  padding: 8px 12px 0px 20px;
  color: #193E72;
  font-weight: bold;
  font-size: 18px;
}
body section.aboutus .longArrowButton div:first-child > ion-icon {
  font-size: 28px;
  vertical-align: middle;
  color: #193E72;
  margin-top: -4px;
}
body section.aboutus .longArrowButton:hover {
  background-color: #193E72;
}
body section.aboutus .longArrowButton:hover a {
  color: #ffffff;
}
body section.aboutus .longArrowButton:hover a .laTitle {
  color: #ffffff;
}
body section.aboutus-new .buttonContainer {
  text-align: left;
}
body .quickLinks {
  margin-bottom: 50px;
  display: flex;
  flex: auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
body .quickLinks .quickLinkItem {
  position: relative;
  float: left;
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 10px;
}
@media screen and (min-width: 999px) {
  body .quickLinks .quickLinkItem {
    width: 225px;
  }
}
body .quickLinks .quickLinkItem a {
  text-decoration: none;
}
body .quickLinks .quickLinkItem .quickLinkContentWrapper > div:last-child {
  float: right;
  width: 40px;
  height: 40px;
  position: relative;
}
body .quickLinks .quickLinkItem .quickLinkContentWrapper > div:last-child .arrowButton {
  background-color: #2EA9B0;
  width: 40px;
  height: 40px;
  position: relative;
}
body .quickLinks .quickLinkItem .quickLinkContentWrapper > div:last-child .arrowButton > ion-icon {
  font-size: 32px;
  vertical-align: middle;
  color: #ffffff !important;
  top: 5px;
  position: absolute;
  left: 5px;
}
body .quickLinks .quickLinkItem .quickLinkContentWrapper > div:first-child {
  float: left;
  width: 80%;
  padding: 8px 0 8px 10px;
  color: #193E72;
  font-size: 18px;
}
body section#latestNews.highlight {
  padding-bottom: 55px;
}
body section.latestNewsBlocks {
  margin: 50px -10px 5px;
}
@media screen and (min-width: 999px) {
  body section.latestNewsBlocks {
    display: flex;
    flex-wrap: wrap;
  }
  body section.latestNewsBlocks.newsIndexResults {
    margin-top: 0;
  }
}
body section.latestNewsBlocks a {
  text-decoration: none;
}
body section.latestNewsBlocks article {
  flex: 1 1 100%;
  margin: 32px 7px 0;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 6px;
}
body section.latestNewsBlocks article .image {
  display: none;
}
body section.latestNewsBlocks article h3 .lastWord {
  display: inline-block;
  background: transparent url(../images/arrow-right-black.png) no-repeat right top 6px;
  background-size: 18px auto;
  padding-right: 28px;
}
@media screen and (min-width: 600px) {
  body section.latestNewsBlocks article {
    overflow: hidden;
    background-color: #EFF1F3;
    margin: 10px 10px 20px 10px;
    width: 100%;
    max-width: 280px;
    position: relative;
    padding-bottom: 40px;
  }
  body section.latestNewsBlocks article .imageThumbnail {
    display: none;
  }
  body section.latestNewsBlocks article .image {
    display: block;
  }
  body section.latestNewsBlocks article.embeddedNews {
    min-width: 280px;
  }
  body section.latestNewsBlocks article .newsTitle {
    font-size: 18px;
    padding: 15px 0;
  }
  body section.latestNewsBlocks article .newsDate {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 1.05rem;
    text-transform: uppercase;
  }
  body section.latestNewsBlocks article .newsDate > div:last-child {
    float: right;
    width: 40px;
    height: 40px;
    position: relative;
  }
  body section.latestNewsBlocks article .newsDate > div:last-child .arrowButton {
    background-color: #2EA9B0;
    width: 40px;
    height: 40px;
    position: relative;
  }
  body section.latestNewsBlocks article .newsDate > div:last-child .arrowButton > ion-icon {
    font-size: 32px;
    vertical-align: middle;
    color: #ffffff !important;
    top: 5px;
    position: absolute;
    left: 5px;
  }
  body section.latestNewsBlocks article .newsDate > div:first-child {
    float: left;
    padding: 8px 0 0 0;
    color: rgba(25, 62, 114, 0.5);
    font-weight: bold;
    font-size: 16px;
  }
  body section.latestNewsBlocks article .newsDate > div:first-child > .calendar {
    position: relative;
    top: 3px;
    margin-right: 4px;
  }
}
@media screen and (min-width: 999px) {
  body section.latestNewsBlocks article {
    flex-basis: 45%;
  }
}
@media screen and (min-width: 999px) {
  body section.latestNewsBlocks article {
    margin: 0 10px 17px;
  }
  body section.latestNewsBlocks article .text {
    padding: 20px 172px 5px 20px;
  }
  body section.latestNewsBlocks article .text p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.3;
    max-height: 3.9;
  }
}
body article.quote {
  margin-top: 45px;
  margin-bottom: 1.5rem;
  background-color: #ededed;
  padding: 35px 25px 10px;
  position: relative;
}
body article.quote q {
  font-size: 1.1rem;
  font-weight: bold;
  display: block;
  margin-bottom: 0.5rem;
}
body article.quote:before {
  display: block;
  position: absolute;
  content: '';
  width: 57px;
  height: 50px;
  top: -22px;
  left: 11px;
  background: transparent url(../images/quote-bubble.svg) no-repeat 0 0;
  background-size: 100% 100%;
}
@media screen and (min-width: 600px) {
  body article.quote {
    margin-left: 50px;
    padding-left: 40px;
    padding-top: 25px;
  }
  body article.quote:before {
    width: 72px;
    height: 63px;
    left: -50px;
    top: -19px;
  }
}
@media screen and (min-width: 600px) {
  body section.newsIndexResults article {
    overflow: hidden;
  }
  body section.newsIndexResults article .image img {
    width: 207px;
    height: 207px;
  }
  body section.newsIndexResults article .text {
    padding: 30px 242px 10px 40px;
  }
  body section.newsIndexResults article .text h3 {
    font-size: 1.4rem;
  }
  body section.newsIndexResults article .text h3 + p {
    margin-top: 1rem;
  }
}
body section.applicationForm {
  margin-bottom: 6rem;
}
body section.accordian article {
  margin-bottom: 10px;
}
body section.accordian article h3 {
  background: #193E72 url(../images/plus.svg) no-repeat right 15px center;
  color: #ffffff;
  padding: 17px 90px 17px 25px;
  font-size: 24px;
  margin-bottom: 0;
  cursor: pointer;
}
body section.accordian article h3.open {
  background-image: url(../images/minus.svg);
}
body section.accordian article .text {
  background-color: rgba(25, 62, 114, 0.2);
  padding: 20px 25px 20px 25px;
  display: none;
}
body section.accordian article:first-of-type .text {
  display: block;
}
.image-left img {
  display: block;
  float: left;
  margin-right: 40px;
}
.image-right img {
  display: block;
  float: right;
  margin-left: 20px;
}
@media screen and (max-width: 999px) {
  .teamItems {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 45px;
  }
  .sidebarProjectsSection {
    margin: 10px 0px 50px 0px;
  }
  section.project .mainProjectContainer .projectright {
    flex-basis: 100% !important;
  }
  .teamItems {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 45px;
  }
  .sidebarProjectsSection {
    margin-left: 0px;
  }
  .articleTextSidebarProjects > p > img {
    width: 100% !important;
  }
}
.searchProjectsButton {
  padding-top: 45px;
  text-align: left;
}
.searchProjectsButton > a.button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #2EA9B0;
  color: #fff;
  text-decoration: none;
  border: none;
  cursor: pointer;
  text-align: center;
}
.articleTextSidebarProjects > h1 {
  padding-bottom: 20px;
}
.sidebarProjectItem {
  padding: 30px 0px 20px 0px;
  margin: 0px 0px -30px 0px;
  position: relative;
}
.sidebarProjectItem a {
  text-decoration: none !important;
  color: #193e72 !important;
  font-size: 18px;
}
.sidebarProjectItem a img {
  border: 0;
  width: 100%;
}
.sidebarProjectItem a p {
  padding-top: 8px;
}
@media screen and (max-width: 600px) {
  .teamItems {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding: 0 22px 0 22px;
  }
}
@media screen and (min-width: 999px) {
  .sidebarProjectsSection {
    margin: 10px 0px 50px 60px;
  }
  .articleTextSidebarProjects {
    width: 635px;
    margin-left: auto;
  }
}
.underLineText {
  width: 100%;
  border-bottom: 7px solid #2EA9B0;
}
.sideBarTitle {
  font-size: 21px;
  font-weight: bold;
  text-transform: uppercase;
}
header #headerSkipToMain {
  overflow: hidden;
  text-indent: -1000px;
  position: absolute;
  display: inline;
}
header .headerPage {
  position: relative;
  margin: 0 auto;
  max-width: 1366px;
  display: flex;
  flex-flow: row wrap;
}
header .headerPage .carousel {
  width: 100%;
}
header .headerPage .carousel * {
  box-sizing: border-box;
}
header .headerPage .carousel .slideshowContainer {
  position: relative;
  margin: auto;
}
header .headerPage .carousel .slide {
  display: none;
}
header .headerPage .carousel .prev,
header .headerPage .carousel .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
header .headerPage .carousel .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
header .headerPage .carousel .prev:hover,
header .headerPage .carousel .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
header .headerPage .carousel .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
header .headerPage .carousel .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
header .headerPage .carousel .sliderDots {
  text-align: center;
}
header .headerPage .carousel .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  position: relative;
  top: -72px;
  border: 1px solid white;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0);
  box-shadow: 0px 3px 6px #00000029;
  display: inline-block;
  transition: background-color 0.6s ease;
}
header .headerPage .carousel .active,
header .headerPage .carousel .dot:hover {
  background: white;
}
header .headerPage .carousel .fade {
  -webkit-animation-name: fade;
          animation-name: fade;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
header .coverContainer {
  position: relative;
  width: 100%;
  height: 330px;
  line-height: 0;
  border: none;
  top: 0px;
  display: table;
  background-size: cover;
  background-position: 0;
  overflow: hidden;
  padding-bottom: 10px;
}
header .coverContainer .inner {
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.3);
  padding: 60px;
  width: 100%;
  height: 450px;
  box-sizing: border-box;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center center;
  position: relative;
}
@media screen and (max-width: 999px) {
  header .coverContainer .inner {
    padding: 10px;
    height: 350px;
  }
}
header .coverContainer .inner .coverModal {
  position: absolute;
  display: none;
  background-color: #2ea9b0;
  opacity: 0.85;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}
@media screen and (max-width: 999px) {
  header .coverContainer .inner .coverModal {
    display: block !important;
  }
}
header .coverContainer .inner .innerContainer {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
header .coverContainer .inner .innerContainer .quoteContainer {
  position: relative;
  background-color: #2EA9B0;
  max-width: 560px;
  line-height: 40px;
  color: #ffffff;
  padding: 25px;
}
@media screen and (max-width: 999px) {
  header .coverContainer .inner .innerContainer .quoteContainer {
    background-color: transparent;
    max-width: 100%;
  }
}
header .coverContainer .inner .innerContainer .quoteContainer .quoteText {
  position: relative;
  font-size: 30px;
  font-weight: bold;
  padding: 5px;
  -webkit-box-decoration-break: clone;
}
@media screen and (max-width: 600px) {
  header .coverContainer .inner .innerContainer .quoteContainer .quoteText {
    font-size: 24px;
    line-height: 32px;
  }
}
header .coverContainer .inner .innerContainer .quoteContainer .quoteAuthor {
  position: relative;
  padding: 5px;
  font-size: 16px;
}
header .coverContainer .inner .innerContainer .quoteContainer .quoteAuthor:before {
  content: "\2013";
  position: relative;
  float: left;
  width: 100%;
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 15px;
}
@media screen and (max-width: 600px) {
  header .coverContainer .inner .innerContainer .quoteContainer .quoteAuthor {
    line-height: 24px;
  }
}
@media screen and (min-width: 999px) {
  header .coverContainer.HeroHome {
    height: 440px;
  }
}
@media screen and (max-width: 999px) {
  header .coverContainer {
    padding: 0px;
    min-height: 230px;
    height: auto;
  }
}
header #siteLogo {
  width: 100%;
}
header #siteLogo img {
  width: 248px;
  height: auto;
  float: left;
  transition-property: width;
  transition-duration: 0.25s;
  transition-delay: 0s;
  position: relative;
}
@media screen and (max-width: 1370px) {
  header #siteLogo img {
    width: 200px;
  }
}
@media screen and (max-width: 999px) {
  header #siteLogo img {
    width: 200px;
  }
}
@media screen and (min-width: 999px) {
  header #siteLogo img {
    margin: 8px 0 0;
  }
}
@media screen and (max-width: 380px) {
  header #siteLogo img {
    width: 180px;
  }
}
@media screen and (max-width: 600px) {
  header #siteLogo img {
    left: -11px;
  }
}
header #siteLogo {
  margin-left: 60px;
  transition-property: margin;
  transition-duration: 0.25s;
  transition-delay: 0s;
  margin: 15px 10px;
  /*        @media screen and (max-width: @desktopWidth) {
            margin: 0px 5px 15px 5px;
        }

        @media screen and (max-width:@smallPhoneWidth) {
            margin: 15px 0px 15px 20px;
        }
*/
}
@media screen and (min-width: 600px) {
  header #siteLogo {
    margin: 20px 5px 15px 5px;
  }
}
@media screen and (min-width: 999px) {
  header #siteLogo {
    margin: 15px 0px 15px 20px;
  }
}
header #rightButtons {
  float: right;
  height: 87px;
}
header #rightButtons a#contactusButton {
  display: block;
  background-color: #2EA9B0;
  width: auto;
  text-align: center;
  padding: 32px 32px;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
}
@media screen and (max-width: 1370px) {
  header #rightButtons a#contactusButton {
    padding: 32px 15px;
  }
}
header #mainNavBurger {
  display: none;
}
header #rightButtons {
  margin-top: 0px;
}
header .searchFormWrapper {
  width: 100%;
  display: inline-flex;
  min-width: 230px;
  margin-top: 8px;
  flex: 100%;
  justify-content: center;
}
@media screen and (min-width: 600px) {
  header .searchFormWrapper {
    display: flex;
    width: auto;
  }
}
@media screen and (min-width: 999px) {
  header .searchFormWrapper {
    float: right;
  }
}
@media screen and (max-width: 999px) {
  header .searchFormWrapper.desktop {
    display: none;
  }
}
header .searchFormWrapper.mobile {
  justify-content: flex-start;
  padding-left: 22px;
}
@media screen and (min-width: 999px) {
  header .searchFormWrapper.mobile {
    display: none;
  }
}
header .searchFormWrapper.mobile .search > input {
  background-color: #fff;
}
header .searchFormWrapper #query {
  position: relative;
  display: block;
  height: 75px;
  font-size: 30px;
  line-height: 0;
  width: 50%;
  padding: 10px 10px 10px 20px;
  color: rgba(25, 62, 114, 0.8);
}
@media screen and (max-width: 800px) {
  header .searchFormWrapper #query {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  header .searchFormWrapper #query #query {
    height: 60px;
    font-size: 18px;
  }
}
header .searchFormWrapper form {
  width: 100%;
}
header .searchFormWrapper .search {
  display: flex;
}
header .searchFormWrapper .search input {
  position: relative;
  display: block;
  height: 40px;
  width: calc(100% - 60px);
  line-height: inherit;
  top: 0;
  right: 0;
  background-color: #EFF1F3;
  border: 0;
  cursor: pointer;
  padding: 4px 8px;
  font-size: 15px;
  -webkit-appearance: button;
}
@media screen and (min-width: 600px) {
  header .searchFormWrapper .search input {
    width: 250px;
    font-size: 16px;
  }
}
header .searchFormWrapper .search .searchButton {
  display: block;
  width: 40px;
  height: 40px;
  background: #2EA9B0 url('/Images/search@2x.png') no-repeat center;
  background-size: 20px;
  padding: 0;
  border: none;
}
header .searchFormWrapper input.error {
  border: 1px solid #EA5D4E;
  border-right: none;
}
header .searchFormWrapper label.error {
  font-size: 12px;
  line-height: 15px;
  padding: 4px 2px;
  color: #EA5D4E;
}
footer {
  background-color: #193E72;
  color: #ffffff;
  text-align: center;
  padding: 30px 10px;
  border-top: 5px solid #EA5D4E;
  float: left;
  width: 100%;
}
footer a {
  color: #ffffff;
  text-decoration: underline;
}
footer .page {
  position: relative;
  display: flex;
  flex-flow: row;
  flex: 1 1 auto;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1140px;
}
@media screen and (max-width: 999px) {
  footer .page {
    padding: 20px;
  }
}
footer #footerLogos {
  position: relative;
  max-width: 265px;
  width: 100%;
}
footer #footerLogos img {
  width: 240px;
  margin-left: -13px;
}
footer #footerLogos .footerLogos_Inner {
  text-align: left;
  font-size: 12px;
  margin-bottom: 1em;
}
@media screen and (min-width: 600px) and (max-width: 999px) {
  footer #footerLogos {
    order: 2;
    width: 40%;
  }
}
@media screen and (max-width: 999px) {
  footer #footerLogos {
    order: 2;
    max-width: none;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  footer #footerLogos {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
footer #footerSocialMediaLinks {
  text-align: left;
  font-size: 24px;
  display: block;
}
@media screen and (min-width: 600px) and (max-width: 999px) {
  footer #footerSocialMediaLinks {
    display: flex;
  }
}
footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner {
  margin-bottom: 32px;
}
footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner ion-icon,
footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner img {
  font-size: 40px;
  vertical-align: middle;
  margin-right: 10px;
}
@media screen and (max-width: 380px) {
  footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner ion-icon,
  footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner img {
    font-size: 32px;
  }
}
footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner a {
  text-decoration: none;
}
footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner .newsletterLink {
  display: block;
  margin-bottom: 24px;
}
@media screen and (min-width: 600px) and (max-width: 999px) {
  footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner {
    display: inline-block;
  }
  footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner:first-of-type {
    margin-right: 30px;
  }
}
footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner_Icons {
  margin-top: 10px;
}
footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner_Heading {
  font-weight: bold;
}
@media screen and (max-width: 420px) {
  footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner .newsletterLink {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner .newsletterLink img {
    margin: 0 auto;
  }
}
@media screen and (min-width: 600px) and (max-width: 999px) {
  footer #footerSocialMediaLinks {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 999px) {
  footer #footerSocialMediaLinks {
    order: 3;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  footer #footerSocialMediaLinks {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }
  footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner:nth-of-type(1-2) ion-icon {
    max-height: 24px;
  }
  footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner:nth-of-type(1-2) a {
    font-size: 0.7em;
  }
  footer #footerSocialMediaLinks .footerSocialMediaLinks_Inner:nth-of-type(2) {
    text-align: center;
  }
}
footer #footerNewsletter {
  position: relative;
  width: 100%;
  max-width: 405px;
}
@media screen and (min-width: 600px) and (max-width: 999px) {
  footer #footerNewsletter {
    order: 1;
    width: 50%;
  }
}
footer #footerNewsletter .footerNewsletter_Inner {
  position: relative;
  text-align: left;
  margin-bottom: 13px;
  float: left;
  font: normal normal bold 24px/29px Lato;
}
footer #footerNewsletter .footerNewsletter_Inner input {
  width: 320px;
  height: 40px;
  position: relative;
  float: left;
  padding: 0 0.4em;
}
@media screen and (max-width: 600px) {
  footer #footerNewsletter .footerNewsletter_Inner input {
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 600px) and (max-width: 999px) {
  footer #footerNewsletter .footerNewsletter_Inner input {
    width: 80%;
  }
}
footer #footerNewsletter .footerNewsletter_Inner #MailingListButton {
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: #ea5d4e;
  border: none;
  cursor: pointer;
  font-size: 35px;
  color: white;
  float: left;
  position: relative;
  box-sizing: border-box;
}
footer #footerNewsletter .footerNewsletter_Inner #MailingListButton ion-icon {
  position: absolute;
  top: 3px;
  left: 3px;
}
footer #footerNewsletter .footerNewsletter_Inner:first-child {
  font-size: 24px;
  position: relative;
  float: left;
  width: 100%;
}
footer #footerNewsletter .footerNewsletter_Inner:last-child {
  font-size: 12px;
}
footer #footerNewsletter #MailingList {
  width: 370px;
  height: 40px;
}
footer #footerNewsletter #MailingListButton {
  width: 40px;
  height: 40px;
  background-color: #EA5D4E;
}
@media screen and (max-width: 999px) {
  footer #footerNewsletter {
    order: 1;
    max-width: none;
    margin-bottom: 20px;
  }
}
footer #footerCopyright {
  position: relative;
  width: 100%;
  order: 4;
}
footer #footerCopyright .footerCopyright_Inner {
  font-size: 12px;
  text-align: center;
}
body form label.required:after,
body form span.required:after {
  content: '*';
  color: #ed1c24;
  margin-left: 6px;
  display: inline-block;
  font-size: 28px;
  position: relative;
  top: 3px;
  margin-right: -1em;
}
body form fieldset {
  border-bottom: 2px solid #ededed;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
body form fieldset:last-of-type {
  border: none;
  margin-bottom: 0;
}
body form .form-control {
  display: block;
  box-sizing: border-box;
  height: 2.8em;
  padding: 0.2em 0;
  background-color: #fff;
  border-bottom: 3px solid #000000;
}
body form .form-group {
  margin-bottom: 2rem;
}
body form .form-group > label {
  display: none;
}
.breadcrumb {
  padding: 30px 0 15px 0;
  margin: 0;
  max-width: 1366px;
  margin: 0 auto;
}
.breadcrumb.padded {
  max-width: 1366px;
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (min-width: 600px) and (max-width: 998px) {
  .breadcrumb.padded {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media screen and (max-width: 600px) {
  .breadcrumb.padded {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.breadcrumb.fullPadded {
  padding: 40px;
}
@media screen and (max-width: 600px) {
  .breadcrumb.fullPadded {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.breadcrumb.newsPadded {
  padding: 0px 50px 0px 50px;
}
.breadcrumb.newsPadded .title {
  margin-bottom: 0;
}
.breadcrumb.newsPadded .title .newsDate .calendar {
  margin-right: 10px;
  position: relative;
  top: 2px;
}
@media screen and (max-width: 600px) {
  .breadcrumb.newsPadded {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.breadcrumb.bioPadded {
  padding: 100px 200px 0px 200px;
}
.breadcrumb.narrowPadded {
  padding: 0 30px 0 30px;
  max-width: 980px;
}
@media screen and (max-width: 999px) {
  .breadcrumb.narrowPadded {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 600px) {
  .breadcrumb.narrowPadded {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.breadcrumb.noPadding {
  padding: 0;
}
@media screen and (min-width: 600px) and (max-width: 998px) {
  .breadcrumb {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.breadcrumb li {
  font-size: 17px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline;
  font-weight: bold;
}
.breadcrumb li.active {
  font-weight: bold;
}
.breadcrumb li a {
  text-decoration: none;
  font-weight: bold;
}
dl.infoBlocks {
  margin: 1rem 15px 1rem;
}
dl.infoBlocks dt,
dl.infoBlocks dd {
  display: inline-block;
  width: 50%;
  font-size: 25px;
  font-weight: bold;
  padding: 10px 15px;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 15px;
}
dl.infoBlocks dt {
  background-color: #ededed;
}
dl.infoBlocks dd {
  background-color: #193E72;
  color: #ffffff;
}
@media screen and (min-width: 600px) {
  dl.infoBlocks {
    display: flex;
  }
  dl.infoBlocks dt,
  dl.infoBlocks dd {
    flex: 1 1 23%;
  }
  dl.infoBlocks dd:nth-of-type(1) {
    margin-right: 7%;
  }
}
.date {
  padding-left: 40px;
  background-image: url(../images/calendar.svg);
}
.location {
  padding-left: 30px;
  background-image: url(../images/location-marker.svg);
}
ol.pagination {
  list-style-type: none;
  text-align: center;
  display: block;
  margin: 45px 0 45px 0;
}
ol.pagination li {
  display: inline-block;
  font-size: 1.25rem;
  margin: 0;
  vertical-align: top;
}
ol.pagination li.btn a {
  background: transparent url() no-repeat center center;
  text-indent: -1000px;
  overflow: hidden;
  position: relative;
  top: -1px;
}
ol.pagination li.btn.first a {
  background-image: url(/images/pagination-first.svg);
}
ol.pagination li.btn.prev a {
  background-image: url(/images/pagination-prev.svg);
}
ol.pagination li.btn.next a {
  background-image: url(/images/pagination-next.svg);
}
ol.pagination li.btn.last a {
  background-image: url(/images/pagination-last.svg);
}
ol.pagination li.current {
  font-weight: 900;
}
ol.pagination li.current a {
  background-color: #EA5D4E;
  color: #ffffff;
}
ol.pagination li.dsk {
  display: none;
}
ol.pagination li a {
  text-decoration: none;
  padding: 5px 10px;
  box-sizing: border-box;
  width: 37px;
  height: 37px;
  display: inline-block;
}
@media screen and (min-width: 600px) {
  ol.pagination li.dsk {
    display: inline-block;
  }
  ol.pagination li.mob {
    display: none;
  }
}
#paymentMethodSelector > div,
#paymentMethodSelector > button {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  box-sizing: border-box;
  transform: none;
  vertical-align: top;
}
#paymentMethodSelector button {
  box-sizing: border-box;
  width: 100%;
  border-radius: 4px;
  height: 50px;
  transform: none;
}
#paymentMethodSelector #btnApplePay {
  min-width: 200px;
}
#paymentMethodSelector #btnGooglePay button {
  min-width: 200px;
  margin-bottom: 0;
}
#paymentMethodSelector #btnPP {
  background: #199ddc url(../images/paypal.png) no-repeat center center;
  text-indent: -1000px;
  min-width: 350px;
}
#paymentMethodSelector #btnCC {
  background-color: #000000;
  min-width: 300px;
  font-weight: 900;
}
@media screen and (min-width: 600px) {
  #paymentMethodSelector > div,
  #paymentMethodSelector > button {
    width: auto;
    display: inline-block;
    margin-right: 15px;
  }
  #paymentMethodSelector button {
    width: auto;
  }
}
@media screen and (max-width: 380px) {
  #paymentMethodSelector #btnPP,
  #paymentMethodSelector #btnCC {
    min-width: 290px;
  }
}
#videoModal {
  max-width: 700px;
  border-radius: 0;
  box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.3);
}
#videoModal iframe {
  max-width: 100%;
}
body .blocker {
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 1000;
}
.ui-datepicker.ui-widget {
  z-index: 200 !important;
}
* {
  box-sizing: border-box;
}
::before,
::after {
  box-sizing: border-box;
}
.page {
  max-width: 1366px;
  margin: 0 auto;
}
.page.padded {
  max-width: 1366px;
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (min-width: 600px) and (max-width: 998px) {
  .page.padded {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media screen and (max-width: 600px) {
  .page.padded {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page.fullPadded {
  padding: 40px;
}
@media screen and (max-width: 600px) {
  .page.fullPadded {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page.newsPadded {
  padding: 0px 50px 0px 50px;
}
.page.newsPadded .title {
  margin-bottom: 0;
}
.page.newsPadded .title .newsDate .calendar {
  margin-right: 10px;
  position: relative;
  top: 2px;
}
@media screen and (max-width: 600px) {
  .page.newsPadded {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page.bioPadded {
  padding: 100px 200px 0px 200px;
}
.page.narrowPadded {
  padding: 0 30px 0 30px;
  max-width: 980px;
}
@media screen and (max-width: 999px) {
  .page.narrowPadded {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 600px) {
  .page.narrowPadded {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page.noPadding {
  padding: 0;
}
.greybg {
  background-color: #193E72;
}
.whiteBg {
  background-color: #ffffff !important;
}
.lightGreyBg {
  background-color: #EFF1F3;
}
.noFlexWrap {
  flex-flow: nowrap !important;
}
.overflowHidden {
  overflow: hidden !important;
}
img.arrow,
section.content img.arrow {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 16px !important;
}
.heading {
  position: relative;
  display: inline-block;
  width: 100%;
}
.heading .headingText {
  position: relative;
  float: left;
  width: auto;
  font-size: 21px;
  font-weight: bold;
  border-bottom: 7px solid #2EA9B0;
  text-transform: uppercase;
}
.heading span.subheading {
  position: relative;
  float: left;
  width: 100%;
  margin: 20px 0 20px 0;
}
body {
  background-color: #ffffff;
}
body .upshifted {
  /*margin-top: 60px;*/
}
body .upshifted section.newsletterSignUp article {
  margin-top: -95px;
}
body section .highlight {
  background-color: #193E72;
}
body section.title {
  text-align: center;
  position: relative;
  margin: 40px 10px 40px 10px;
}
body section.title.aboutus {
  margin-bottom: 0;
}
body section.title > .page {
  max-width: 630px;
}
body section.title > .page h2 {
  margin-bottom: 0;
}
@media screen and (min-width: 999px) {
  body section > section .articleWithSidebar {
    display: flex;
    align-items: flex-start;
  }
  body section > section .articleWithSidebar > article {
    flex: 1 1 90%;
    margin-bottom: 40px;
  }
  body section > section .articleWithSidebar aside {
    flex: 1 1 10%;
    min-width: 352px;
    margin-left: 30px;
  }
  body section > section .articleWithSidebar.upshifted aside {
    position: relative;
    top: -45px;
  }
  body section > section .articleWithSidebar.upshifted aside.categories {
    top: -85px;
  }
  body section > section .articleWithSidebar.upshifted.lessUpshift aside {
    top: -32px;
  }
}
body section > section aside > div.inner {
  border: 3px solid #2EA9B0;
  box-sizing: border-box;
  margin-bottom: 20px;
  background-color: #ffffff;
}
body section > section aside > div.inner .pad {
  padding: 10px 15px;
}
body section > section aside > div.inner .pad a {
  color: #2EA9B0;
}
body section > section aside > div.inner .pad blockquote:first-child {
  margin-top: 0;
  padding-top: 0;
}
body section > section aside > div.inner .sidebarTopImage + .pad {
  margin-top: 1rem;
}
body section > section aside > div.inner a.image.video + .pad {
  margin-top: 0.5rem;
}
body section > section aside > div.inner .image {
  display: block;
  position: relative;
}
body section > section aside > div.inner .video:after {
  left: 41%;
  top: 34%;
}
body section > section aside img.sidebarTopImage {
  display: block;
  width: 100%;
}
body section > section aside h2,
body section > section aside h3,
body section > section aside h4 {
  font-weight: bold;
}
body section > section aside h2 {
  font-size: 30px;
}
body section > section aside h3 {
  font-size: 28px;
}
body section > section aside h4 {
  font-size: 18px;
}
body section > section aside blockquote {
  font-size: 1.3rem;
  text-align: center;
  margin: 0.5rem 2rem;
}
body section > section aside blockquote:before {
  content: '\201C';
}
body section > section aside blockquote:after {
  content: '\201D';
}
@media screen and (min-width: 600px) {
  body section > section aside {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    max-width: 520px;
  }
}
body section .breadcrumb + section.titled {
  margin-top: 30px;
}
body section.highlight + section.titled {
  margin-top: 0;
}
body p.intro {
  font-size: 1.1rem;
}
body .overlap {
  margin-top: 90px;
}
body .overlap .imageOrVideo {
  margin-top: -60px;
}
body .RTE iframe {
  width: 100%;
}
body .RTE p {
  margin-bottom: 1.6em;
}
body .RTE p .introText {
  font-size: 1.25rem;
}
body section.lastSection {
  margin-bottom: 30px;
}
body .squared {
  border-radius: 0;
}
body #backButton {
  display: flex;
  align-items: center;
  background-color: #EA5D4E;
  width: auto;
  padding: 10px 0 10px 10px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  font-size: 18px;
  line-height: 22px;
  font-family: "Lato";
  height: 42px;
  font-weight: bold;
  color: #fff;
}
body #backButton > i {
  background: url(/Images/link-arrow.svg) no-repeat center;
  background-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  width: 42px;
  height: inherit;
  transform: rotate(-90deg);
}
body #backButton:hover {
  cursor: pointer;
  background-color: #2EA9B0;
}
body #backButton:active {
  background-color: #2EA9B0;
}
body #backButton.show {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 999px) {
  body section > section.withContact {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1070px) {
  .hidedesktop {
    display: none;
  }
}