@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap");
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 {
  content: '';
  content: none;
}

q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

div.row {
  clear: left;
  padding: unset;
  width: 100%;
}

.ds-custom #wrapper {
  padding-bottom: unset;
  padding-top: unset;
  position: relative;
}

.ds-custom #wrapper .portlet-column-content.empty {
  padding: unset;
}

.ds-custom #wrapper .portlet-title-text {
  display: none;
}

.ds-custom #wrapper .portlet-content, .ds-custom #wrapper .portlet-minimized .portlet-content-container {
  padding: unset;
}

.ds-custom #wrapper .portlet-decorate .portlet-content {
  border: unset;
}

.ds-custom #wrapper .portlet {
  margin: 0;
}

.ds-custom #wrapper .row {
  margin: 0 !important;
}

.ds-custom #wrapper .col-xs-1, .ds-custom #wrapper .col-sm-1, .ds-custom #wrapper .col-md-1, .ds-custom #wrapper .col-lg-1, .ds-custom #wrapper .col-xs-2, .ds-custom #wrapper .col-sm-2, .ds-custom #wrapper .col-md-2, .ds-custom #wrapper .col-lg-2, .ds-custom #wrapper .col-xs-3, .ds-custom #wrapper .col-sm-3, .ds-custom #wrapper .col-md-3, .ds-custom #wrapper .col-lg-3, .ds-custom #wrapper .col-xs-4, .ds-custom #wrapper .col-sm-4, .ds-custom #wrapper .col-md-4, .ds-custom #wrapper .col-lg-4, .ds-custom #wrapper .col-xs-5, .ds-custom #wrapper .col-sm-5, .ds-custom #wrapper .col-md-5, .ds-custom #wrapper .col-lg-5, .ds-custom #wrapper .col-xs-6, .ds-custom #wrapper .col-sm-6, .ds-custom #wrapper .col-md-6, .ds-custom #wrapper .col-lg-6, .ds-custom #wrapper .col-xs-7, .ds-custom #wrapper .col-sm-7, .ds-custom #wrapper .col-md-7, .ds-custom #wrapper .col-lg-7, .ds-custom #wrapper .col-xs-8, .ds-custom #wrapper .col-sm-8, .ds-custom #wrapper .col-md-8, .ds-custom #wrapper .col-lg-8, .ds-custom #wrapper .col-xs-9, .ds-custom #wrapper .col-sm-9, .ds-custom #wrapper .col-md-9, .ds-custom #wrapper .col-lg-9, .ds-custom #wrapper .col-xs-10, .ds-custom #wrapper .col-sm-10, .ds-custom #wrapper .col-md-10, .ds-custom #wrapper .col-lg-10, .ds-custom #wrapper .col-xs-11, .ds-custom #wrapper .col-sm-11, .ds-custom #wrapper .col-md-11, .ds-custom #wrapper .col-lg-11, .ds-custom #wrapper .col-xs-12, .ds-custom #wrapper .col-sm-12, .ds-custom #wrapper .col-md-12, .ds-custom #wrapper .col-lg-12 {
  padding: unset;
  width: unset;
  margin: unset;
  float: none;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-custom #wrapper {
    padding: 0;
    margin: 0;
  }
  .ds-custom .portlet-decorate .portlet-content {
    border: none;
    margin: 0;
    padding: 0;
  }
  .ds-custom .col-xs-1, .ds-custom .col-sm-1, .ds-custom .col-md-1, .ds-custom .col-lg-1, .ds-custom .col-xs-2, .ds-custom .col-sm-2, .ds-custom .col-md-2, .ds-custom .col-lg-2, .ds-custom .col-xs-3, .ds-custom .col-sm-3, .ds-custom .col-md-3, .ds-custom .col-lg-3, .ds-custom .col-xs-4, .ds-custom .col-sm-4, .ds-custom .col-md-4, .ds-custom .col-lg-4, .ds-custom .col-xs-5, .ds-custom .col-sm-5, .ds-custom .col-md-5, .ds-custom .col-lg-5, .ds-custom .col-xs-6, .ds-custom .col-sm-6, .ds-custom .col-md-6, .ds-custom .col-lg-6, .ds-custom .col-xs-7, .ds-custom .col-sm-7, .ds-custom .col-md-7, .ds-custom .col-lg-7, .ds-custom .col-xs-8, .ds-custom .col-sm-8, .ds-custom .col-md-8, .ds-custom .col-lg-8, .ds-custom .col-xs-9, .ds-custom .col-sm-9, .ds-custom .col-md-9, .ds-custom .col-lg-9, .ds-custom .col-xs-10, .ds-custom .col-sm-10, .ds-custom .col-md-10, .ds-custom .col-lg-10, .ds-custom .col-xs-11, .ds-custom .col-sm-11, .ds-custom .col-md-11, .ds-custom .col-lg-11, .ds-custom .col-xs-12, .ds-custom .col-sm-12, .ds-custom .col-md-12, .ds-custom .col-lg-12 {
    padding: 0;
    width: unset;
    margin: 0;
    float: none;
  }
}

.row, .form-horizontal > .form-group {
  display: block !important;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

#outer-footer {
  font-family: 'Arial', Helvetica, sans-serif;
  background: #fff;
  border-top: 1px solid #eee;
  width: 100% !important;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 20px !important;
}

#outer-footer p {
  margin: 0;
}

#inner-footer-expert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto 0 auto;
}

#inner-footer-expert #footerLogo-Links {
  margin: 10px 0px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 43px;
  font-size: 17px;
  margin-left: 20px;
}

div#footer-bottom {
  font-size: 13px;
  margin-bottom: 5px;
  margin-left: 11px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  div#footer-bottom {
    width: 100%;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #inner-footer-expert #footer-bottom .single-col {
    margin-bottom: 1em;
  }
}

#inner-footer-expert #footer-bottom .single-col .col.col-12 nav ul {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#inner-footer-expert #footer-bottom .single-col .col.col-12 {
  margin-bottom: 1em;
}

#inner-footer-expert #footer-bottom .single-col .col.col-12 nav ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*NEED AMEND*/
#inner-footer-expert #copyright-text {
  font-family: Arial, Helvetica, sans-serif !important;
  margin: 19px 0px 0px 20px;
}

#inner-footer-expert #footerLogo {
  margin: 10px 0px 0px 0px;
}

#inner-footer-expert p {
  color: #304a7f;
}

#inner-footer-expert span {
  color: #333;
}

#inner-footer-expert a {
  margin-right: 8px;
  color: #666;
  font-weight: normal;
}

#inner-footer-expert a:hover {
  text-decoration: none;
  color: #002776;
}

#inner-footer-expert #copyright-text {
  display: none;
}

html body {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 16px;
  position: relative;
  /* ----------------------------------------------
        * Generated by Animista on 2020-7-22 17:20:12
        * Licensed under FreeBSD License.
        * See http://animista.net/license for more info. 
        * w: http://animista.net, t: @cssanimista
        * ---------------------------------------------- */
  /**
        * ----------------------------------------
        * animation slide-in-top
        * ----------------------------------------
        */
}

html body {
  font-size: 11px;
}

@media screen and (min-width: 320px) {
  html body {
    font-size: calc(11px + 5 * ((100vw - 320px) / 880));
  }
}

@media screen and (min-width: 1200px) {
  html body {
    font-size: 16px;
  }
}

html body header {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 110px;
  z-index: 50;
  padding: 0.25em 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.12);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1436px + 4em)) 1fr;
      grid-template-columns: 1fr minmax(320px, calc(1436px + 4em)) 1fr;
}

html body header .inner-header {
  -ms-grid-column: 2;
  grid-column: 2;
  padding: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html body header .inner-header {
    height: inherit;
  }
}

html body header .inner-header .logo {
  width: 193px;
  max-width: 100%;
}

html body header .inner-header .logo a img {
  max-width: 100%;
  height: auto;
}

html body header .inner-header #primary-nav {
  width: calc(100% - 265px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  list-style-type: none;
}

html body header .inner-header #primary-nav li {
  margin-left: 1em;
}

html body header .inner-header #primary-nav li a {
  text-decoration: none;
  color: #00b3c2;
  font-weight: 700;
  font-size: 0.875em;
  border-bottom: 2px solid transparent;
  padding-bottom: 0.5em;
  -webkit-transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

html body header .inner-header #primary-nav li .btn {
  -webkit-appearance: none;
  border: 2px solid #00b3c2;
  padding: 0.65em 2.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 25px;
  color: #00b3c2;
}

html body header .inner-header #primary-nav li .btn:hover {
  background-color: #00b3c2;
  color: #1d90bd;
  border: 2px solid #00b3c2;
}

html body header .inner-header #primary-nav li a:hover, html body header .inner-header #primary-nav li.active a {
  color: #373737;
  border-bottom: 2px solid #1d90bd;
}

html body header .inner-header #primary-nav li:nth-child(1) {
  margin-left: 0;
}

@media (max-width: 830px) {
  html body header .inner-header #primary-nav li a {
    font-size: 0.9em;
  }
}

@media (max-width: 786px) {
  html body header .inner-header #primary-nav {
    display: none;
  }
}

@media (max-width: 786px) {
  html body header {
    height: 90px;
  }
  html body header .inner-header .logo {
    width: 160px;
  }
}

html body header.bar-fixed {
  height: 90px;
  padding: 0.5em 0;
}

html body header.bar-fixed .inner-header {
  height: inherit;
}

html body header.bar-fixed .inner-header .logo {
  width: 160px;
}

html body .mobile-nav {
  display: none;
}

html body .mobile-nav .overlay {
  width: 100%;
  height: 0%;
  position: fixed;
  z-index: 51;
  left: 0;
  bottom: 0;
  top: 0;
  background-color: #1d90bd;
  overflow-y: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.63, 0.14, 0.82);
  transition: all 0.3s cubic-bezier(0.165, 0.63, 0.14, 0.82);
}

html body .mobile-nav .overlay .overlay-content {
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html body .mobile-nav .overlay .overlay-content nav {
  list-style: none;
}

html body .mobile-nav .overlay .overlay-content nav li {
  margin-bottom: 2em;
}

html body .mobile-nav .overlay .overlay-content nav li a {
  font-size: 2em;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-decoration: none;
}

html body .mobile-nav .overlay .overlay-content nav li a:hover, html body .mobile-nav .overlay .overlay-content nav li a:focus {
  color: #00b3c2;
}

html body .mobile-nav .overlay .overlay-content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-align: center;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html body .mobile-nav .hamburger {
  position: fixed;
  top: 33px;
  right: 15px;
  cursor: pointer;
  z-index: 60;
  outline: none;
  border: 0;
  height: 27px;
  width: 50px;
  background-color: transparent;
  display: block;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body .mobile-nav .hamburger-inner {
  background: #00b3c2;
  display: block;
  height: 2px;
  width: 100%;
  margin-bottom: 6px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body .mobile-nav .hamburger-inner:before, html body .mobile-nav .hamburger-inner:after {
  background: rgba(69, 95, 174, 0.97);
}

html body .mobile-nav .hamburger-inner:first-child {
  width: 100%;
}

html body .mobile-nav .hamburger-inner:last-child {
  width: 100%;
}

@media (max-width: 786px) {
  html body .mobile-nav {
    display: block;
  }
}

html body.is-active {
  overflow: hidden;
}

html body.is-active .hamburger .hamburger-inner {
  background: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}

html body.is-active .hamburger .hamburger-inner:nth-of-type(1) {
  -webkit-transform: translate(0px, 5px) rotate(-45deg);
          transform: translate(0px, 5px) rotate(-45deg);
}

html body.is-active .hamburger .hamburger-inner:nth-of-type(2) {
  display: none;
}

html body.is-active .hamburger .hamburger-inner:nth-of-type(3) {
  -webkit-transform: translate(0px, -3px) rotate(45deg);
          transform: translate(0px, -3px) rotate(45deg);
}

html body.is-active .hamburger .hamburger-inner:before, html body.is-active .hamburger .hamburger-inner:after {
  background: #fff;
}

html body.is-active .overlay {
  height: 100%;
}

@media screen and (max-height: 450px) {
  html body .overlay a {
    font-size: 20px;
  }
}

html body .slide-in-top {
  -webkit-animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

html body .hero {
  overflow: hidden;
  position: relative;
  margin-top: 110px;
}

html body .hero .sldr {
  position: relative;
}

html body .hero .sldr div {
  height: 600px;
  background-size: cover;
  background-position: center;
}

html body .hero .hero_text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25)));
  background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
}

html body .hero .hero_text ._container {
  padding: 0 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

html body .hero .hero_text ._container .strapline {
  padding: 1em 1em 1em 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html body .hero .hero_text ._container .strapline h1 {
  color: #ffffff;
  font-weight: 400;
  font-size: 2.5em;
  margin-bottom: 0.65em;
}

html body .hero .hero_text ._container .strapline h1 span {
  display: inline-block;
  margin-top: 0.2em;
  font-weight: 700;
  font-size: 1.656em;
}

html body .hero .hero_text ._container .strapline a {
  -webkit-appearance: none;
  text-decoration: none;
  display: inline-block;
  padding: 1.125em 2em;
  background-color: #00b3c2;
  color: #ffffff;
  font-weight: 600;
  border-radius: 38px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body .hero .hero_text ._container .strapline a:hover {
  background-color: #1d90bd;
}

@media (max-width: 480px) {
  html body .hero .hero_text ._container .strapline {
    padding: 1em;
  }
}

@media (max-width: 786px) {
  html body .hero {
    margin-top: 90px;
  }
  html body .hero .sldr div {
    height: 400px;
  }
}

html body .titlepage {
  background-color: #00b3c2;
  padding: 7em 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1436px + 4em)) 1fr;
      grid-template-columns: 1fr minmax(320px, calc(1436px + 4em)) 1fr;
}

html body .titlepage .inner-container {
  -ms-grid-column: 2;
  grid-column: 2;
  padding: 0 2rem;
}

html body .titlepage .inner-container .heading h2 {
  color: #ffffff;
  font-weight: 600;
  font-size: 3.5em;
}

html body .titlepage .inner-container .heading p {
  margin-top: 1em;
  color: #1d90bd;
  font-size: 1.25em;
}

@media (max-width: 1240px) {
  html body .titlepage .inner-container {
    padding: 0 2em;
  }
}

html body .titlepage.about-page {
  margin-top: 110px;
}

@media (max-width: 786px) {
  html body .titlepage.about-page {
    margin-top: 90px;
  }
}

html body .titlepage.role-page {
  margin-top: 110px;
}

@media (max-width: 786px) {
  html body .titlepage.role-page {
    margin-top: 90px;
  }
}

html body .titlepage.terms-page {
  margin-top: 110px;
}

@media (max-width: 786px) {
  html body .titlepage.terms-page {
    margin-top: 90px;
  }
}

html body .titlepage.how-apply {
  margin-top: 110px;
}

@media (max-width: 786px) {
  html body .titlepage.how-apply {
    margin-top: 90px;
  }
}

html body .welcome {
  padding: 4em 0 4em 0;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1216px + 4em)) 1fr;
      grid-template-columns: 1fr minmax(320px, calc(1216px + 4em)) 1fr;
}

html body .welcome .inner-container {
  -ms-grid-column: 2;
  grid-column: 2;
  padding: 0 2rem;
}

html body .welcome .inner-container h2 {
  color: #5b6d77;
  font-size: 3em;
  font-weight: 700;
  margin-bottom: 1em;
}

html body .welcome .inner-container p {
  color: #000000;
  font-size: 1em;
  line-height: 1.7em;
  font-weight: 400;
  margin-bottom: 1em;
}

html body .welcome .inner-container .quote {
  text-align: center;
}

html body .welcome .inner-container .quote p {
  font-weight: 700;
  color: #00b3c2;
  font-size: 1.25em;
}

html body .welcome .inner-container ul {
  margin-bottom: 1em;
  list-style-type: disc;
  margin-left: 2em;
}

html body .welcome .inner-container ul li {
  color: #000000;
  font-size: 1.125em;
  line-height: 1.5em;
  font-weight: 400;
  margin-bottom: 0.5em;
}

html body .welcome .inner-container .profile {
  margin-top: 2em;
}

html body .welcome .inner-container .profile .img_profile {
  width: 120px;
}

html body .welcome .inner-container .profile .img_profile img {
  max-width: 100%;
}

html body .welcome .inner-container .profile .status p {
  margin-bottom: 0;
  font-weight: 700;
}

html body .about {
  padding: 4em 0 4em 0;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1436px + 4em)) 1fr;
      grid-template-columns: 1fr minmax(320px, calc(1436px + 4em)) 1fr;
}

html body .about .inner-container {
  -ms-grid-column: 2;
  grid-column: 2;
  padding: 0 2rem;
}

html body .about .inner-container .grp-70-30 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

html body .about .inner-container .grp-70-30 .pane-70 {
  width: 65%;
}

html body .about .inner-container .grp-70-30 .pane-30 {
  width: 33%;
}

@media (max-width: 1080px) {
  html body .about .inner-container .grp-70-30 .pane-70, html body .about .inner-container .grp-70-30 .pane-30 {
    width: 100%;
    margin-bottom: 1em;
  }
}

html body .about .inner-container .notice {
  width: 100%;
  background-color: #00b3c2;
  padding: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 20px;
}

html body .about .inner-container .notice h4 {
  color: #ffffff;
}

html body .about .inner-container .notice .linkBlock {
  margin-bottom: 1em;
}

html body .about .inner-container .notice .linkBlock a {
  text-decoration: none;
}

html body .about .inner-container .notice .linkBlock a .grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

html body .about .inner-container .notice .linkBlock a .grp .icon_block {
  width: 30px;
  max-width: 100%;
}

html body .about .inner-container .notice .linkBlock a .grp .icon_block svg {
  fill: #ffffff;
  max-width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html body .about .inner-container .notice .linkBlock a .grp .icon_block svg {
    height: 30px;
  }
}

html body .about .inner-container .notice .linkBlock a .grp .icon_block.pdf {
  width: 35px;
  max-width: 100%;
}

html body .about .inner-container .notice .linkBlock a .grp .text_block {
  width: calc(100% - 30px - 1em);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  color: #ffffff;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body .about .inner-container .notice .linkBlock a:hover .grp .icon_block svg {
  fill: #5b6d77;
}

html body .about .inner-container .notice .linkBlock a:hover .grp .text_block {
  color: #5b6d77;
}

html body .about .inner-container p {
  color: #000000;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.7em;
  margin-bottom: 1em;
}

html body .about .inner-container .bold, html body .about .inner-container strong {
  font-weight: 700;
}

html body .about .inner-container a {
  text-decoration: none;
  color: #7b76b6;
}

html body .about .inner-container a:hover {
  color: #00b3c2;
}

html body .about .inner-container h4 {
  color: #5b6d77;
  font-size: 1.8em;
  font-weight: 600;
  margin-bottom: 1em;
}

html body .about .inner-container ul {
  list-style-type: disc;
  margin-left: 1em;
}

html body .about .inner-container ul li {
  color: pink;
  font-size: 1.25em;
  line-height: 1.5em;
}

html body .about .inner-container img {
  max-width: 100%;
  -webkit-box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.12);
}

html body .main {
  position: relative;
  padding: 0em 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1436px + 4em)) 1fr;
      grid-template-columns: 1fr minmax(320px, calc(1436px + 4em)) 1fr;
}

html body .main .jbgrp {
  -ms-grid-column: 2;
  grid-column: 2;
  padding: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 786px) {
  html body .main .jbgrp .text.module {
    width: 100%;
  }
  html body .main .jbgrp .docs-content {
    width: 100%;
    position: unset;
  }
}

html body .main .text.module {
  width: 65%;
  margin: 5em 0;
}

html body .main .text.module h1 {
  color: #5b6d77;
  font-size: 1.8em;
  font-weight: 600;
  margin-bottom: 1em;
}

html body .main .text.module .detailedTitle {
  color: #5b6d77;
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 1em;
}

html body .main .text.module .detailedOffice, html body .main .text.module .detailedPhone, html body .main .text.module .detailedEmail, html body .main .text.module .detailedContact, html body .main .text.module .detailedRef, html body .main .text.module .detailedClosingDate, html body .main .text.module .detailedType, html body .main .text.module .detailedSalary, html body .main .text.module .detailedLocation {
  border-right: solid thin #ddd !important;
  border-top: solid thin #ddd !important;
  border-left: solid thin #ddd !important;
  font-family: "Montserrat", sans-serif;
  color: #373737;
}

html body .main .text.module .detailedOffice span, html body .main .text.module .detailedPhone span, html body .main .text.module .detailedEmail span, html body .main .text.module .detailedContact span, html body .main .text.module .detailedRef span, html body .main .text.module .detailedClosingDate span, html body .main .text.module .detailedType span, html body .main .text.module .detailedSalary span, html body .main .text.module .detailedLocation span {
  width: 160px;
  display: inline-block;
  font-weight: normal;
  padding: 10px;
  color: #fff;
  border-right: solid 4px #00b3c2;
  margin-right: 19px;
  background-color: #7b76b6;
  font-size: 1em;
}

@media (max-width: 786px) {
  html body .main .text.module .detailedOffice, html body .main .text.module .detailedPhone, html body .main .text.module .detailedEmail, html body .main .text.module .detailedContact, html body .main .text.module .detailedRef, html body .main .text.module .detailedClosingDate, html body .main .text.module .detailedType, html body .main .text.module .detailedSalary, html body .main .text.module .detailedLocation {
    padding: 1em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #7b76b6;
    color: #ffffff;
  }
  html body .main .text.module .detailedOffice span, html body .main .text.module .detailedPhone span, html body .main .text.module .detailedEmail span, html body .main .text.module .detailedContact span, html body .main .text.module .detailedRef span, html body .main .text.module .detailedClosingDate span, html body .main .text.module .detailedType span, html body .main .text.module .detailedSalary span, html body .main .text.module .detailedLocation span {
    width: 100%;
    padding: 0;
    border: 0;
    font-weight: 600;
    margin-bottom: 1em;
  }
}

html body .main .text.module .detailedRef, html body .main .text.module .detailedEmail {
  border-bottom: solid thin #ddd !important;
  margin-bottom: 2em;
}

html body .main .text.module .detailedDescription {
  line-height: 1.5em;
  margin-bottom: 2em;
  font-family: "Montserrat", sans-serif;
  color: #373737;
}

html body .main .text.module .detailedDescription p {
  color: #373737;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.7em;
  margin-bottom: 1em;
}

html body .main .text.module .detailedDescription ul {
  list-style-type: disc;
  margin-left: 1em;
}

html body .main .text.module .detailedDescription ul li {
  color: #373737;
  font-size: 1em;
  line-height: 1.7em;
}

html body .main .text.module .rule {
  margin-bottom: 2em;
}

html body .main .text.module .detailedApply, html body .main .text.module .detailedBack {
  display: inline-block;
  background-color: #7b76b6;
  font-weight: 600;
  color: #ffffff;
  border-radius: 38px;
  padding: 1.25em 3em;
  text-decoration: none;
  margin-left: 1em;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

html body .main .text.module .detailedApply:hover, html body .main .text.module .detailedBack:hover {
  background-color: #1d90bd;
}

@media (max-width: 640px) {
  html body .main .text.module .detailedApply, html body .main .text.module .detailedBack {
    width: 100%;
    margin: 0 0 1em 0;
  }
}

html body .main .text.module .detailedBack {
  margin-left: 0;
}

html body .main .docs-content {
  width: 33%;
  margin: 5em 0;
  position: relative;
}

html body .main .docs-content .doc-grp {
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
  background-color: #00b3c2;
  border-radius: 20px;
  padding: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html body .main .docs-content .doc-grp h4 {
  color: white;
  font-size: 1.8em;
  font-weight: 600;
  margin-bottom: 1em;
}

html body .main .docs-content .doc-grp h5 {
  color: white;
  font-size: 1.4em;
  font-weight: 600;
  margin-bottom: 1em;
}

html body .main .docs-content .doc-grp p {
  color: #000000;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.7em;
  margin-bottom: 1em;
  color: #ffffff;
}

html body .main .docs-content .doc-grp .linkBlock {
  margin-bottom: 1em;
}

html body .main .docs-content .doc-grp .linkBlock a {
  text-decoration: none;
}

html body .main .docs-content .doc-grp .linkBlock a .grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

html body .main .docs-content .doc-grp .linkBlock a .grp .icon_block {
  width: 30px;
  max-width: 100%;
}

html body .main .docs-content .doc-grp .linkBlock a .grp .icon_block svg {
  fill: #ffffff;
  max-width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html body .main .docs-content .doc-grp .linkBlock a .grp .icon_block svg {
    height: 30px;
  }
}

html body .main .docs-content .doc-grp .linkBlock a .grp .icon_block.pdf {
  width: 35px;
  max-width: 100%;
}

html body .main .docs-content .doc-grp .linkBlock a .grp .text_block {
  width: calc(100% - 30px - 1em);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  color: #ffffff;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body .main .docs-content .doc-grp .linkBlock a:hover .grp .icon_block svg {
  fill: #5b6d77;
}

html body .main .docs-content .doc-grp .linkBlock a:hover .grp .text_block {
  color: #5b6d77;
}

@media (max-width: 768px) {
  html body .main .docs-content {
    margin: 0 0 5em 0;
  }
}

html body .docs {
  display: none;
}

html body .role-2 {
  padding: 4em 0 4em 0;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1216px + 4em)) 1fr;
      grid-template-columns: 1fr minmax(320px, calc(1216px + 4em)) 1fr;
}

html body .role-2 .inner-container {
  -ms-grid-column: 2;
  grid-column: 2;
  padding: 0 2rem;
}

html body .role-2 .inner-container .theRole {
  margin-bottom: 2em;
}

html body .role-2 .inner-container p {
  color: honeydew;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 1em;
}

html body .role-2 .inner-container h4 {
  color: #00b3c2;
  font-size: 1.5em;
  margin-bottom: 1em;
}

html body .role-2 .inner-container .grp-col-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2em;
}

html body .role-2 .inner-container .grp-col-two .pane {
  width: 49%;
}

html body .role-2 .inner-container .grp-col-two .pane .bold {
  font-weight: 700;
}

html body .role-2 .inner-container .grp-col-two .pane a {
  text-decoration: none;
  color: #7b76b6;
}

html body .role-2 .inner-container .grp-col-two .pane a:hover {
  color: #00b3c2;
}

html body .role-2 .inner-container .grp-col-two .pane .apply {
  margin-top: 2em;
  display: inline-block;
  background-color: #7b76b6;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 10px;
  padding: 1.5em 3em;
  -webkit-appearance: none;
  text-decoration: none;
  margin-left: 1em;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

html body .role-2 .inner-container .grp-col-two .pane .apply:hover {
  background-color: honeydew;
  color: #1d90bd;
}

@media (max-width: 640px) {
  html body .role-2 .inner-container .grp-col-two .pane .apply {
    width: 100%;
    margin: 0 0 1em 0;
  }
}

html body .role-2 .inner-container .grp-col-two .pane h4 {
  color: #00b3c2;
  font-size: 1.5em;
  margin-bottom: 1em;
}

html body .role-2 .inner-container .grp-col-two .pane ul {
  list-style-type: disc;
  margin-left: 1em;
}

html body .role-2 .inner-container .grp-col-two .pane ul li {
  color: pink;
  font-size: 1.25em;
  line-height: 1.5em;
}

html body .role-2 .inner-container .grp-col-two .pane img {
  max-width: 100%;
  -webkit-box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.12);
}

html body .role-2 .inner-container .grp-col-two .pane.bg {
  background-color: #00b3c2;
  padding: 1.2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html body .role-2 .inner-container .grp-col-two .pane.bg .linkBlock {
  margin-bottom: 1em;
}

html body .role-2 .inner-container .grp-col-two .pane.bg .linkBlock a {
  text-decoration: none;
}

html body .role-2 .inner-container .grp-col-two .pane.bg .linkBlock .grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

html body .role-2 .inner-container .grp-col-two .pane.bg .linkBlock .grp .icon_block {
  width: 30px;
  max-width: 100%;
}

html body .role-2 .inner-container .grp-col-two .pane.bg .linkBlock .grp .icon_block svg {
  fill: #00b3c2;
  max-width: 100%;
  height: auto;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html body .role-2 .inner-container .grp-col-two .pane.bg .linkBlock .grp .icon_block svg {
    height: 30px;
  }
}

html body .role-2 .inner-container .grp-col-two .pane.bg .linkBlock .grp .icon_block.pdf {
  width: 35px;
  max-width: 100%;
}

html body .role-2 .inner-container .grp-col-two .pane.bg .linkBlock .grp .text_block {
  width: calc(100% - 30px - 1em);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #7b76b6;
}

@media (max-width: 768px) {
  html body .role-2 .inner-container .grp-col-two .pane {
    width: 100%;
    margin-bottom: 1em;
  }
}

html body .role-2 .inner-container .grp-col-two.alt .pane:nth-child(1) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

html body .role-2 .inner-container .grp-col-two.alt .pane:nth-child(2) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media (max-width: 768px) {
  html body .role-2 .inner-container .grp-col-two.alt .pane:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  html body .role-2 .inner-container .grp-col-two.alt .pane:nth-child(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

html body .apply-page {
  padding: 4em 0 4em 0;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1216px + 4em)) 1fr;
      grid-template-columns: 1fr minmax(320px, calc(1216px + 4em)) 1fr;
}

html body .apply-page .inner-container {
  -ms-grid-column: 2;
  grid-column: 2;
  padding: 0 2rem;
}

html body .apply-page .inner-container .grp-col-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

html body .apply-page .inner-container .grp-col-two .pane {
  width: 49%;
}

html body .apply-page .inner-container .grp-col-two .pane h3 {
  color: #5b6d77;
  font-size: 1.8em;
  font-weight: 600;
  margin-bottom: 1em;
}

html body .apply-page .inner-container .grp-col-two .pane a {
  color: #7b76b6;
  text-decoration: none;
}

html body .apply-page .inner-container .grp-col-two .pane p {
  color: #373737;
  font-size: 1em;
  line-height: 1.7em;
  margin-bottom: 1em;
}

html body .apply-page .inner-container .grp-col-two .pane .bold {
  font-weight: 700;
}

@media (max-width: 640px) {
  html body .apply-page .inner-container .grp-col-two .pane {
    width: 100%;
  }
}

html body .apply-page .inner-container .grp-col-two .pane > .bg {
  background-color: #00b3c2;
  padding: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 20px;
}

html body .apply-page .inner-container .grp-col-two .pane > .bg h3 {
  color: #ffffff;
}

html body .apply-page .inner-container .grp-col-two .pane > .bg p {
  color: #ffffff;
}

html body .cta-opp {
  background-color: #1d90bd;
  position: relative;
  padding: 4em 0;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1216px + 4em)) 1fr;
      grid-template-columns: 1fr minmax(320px, calc(1216px + 4em)) 1fr;
}

html body .cta-opp .inner-container {
  -ms-grid-column: 2;
  grid-column: 2;
  padding: 0 2rem;
}

html body .cta-opp .inner-container h2 {
  text-align: center;
  color: #ffffff;
  font-size: 2em;
  margin-bottom: 1em;
}

html body .cta-opp .inner-container .cta {
  text-align: center;
}

html body .cta-opp .inner-container a {
  -webkit-appearance: none;
  text-decoration: none;
  display: inline-block;
  padding: 1.125em 2em;
  background-color: #00b3c2;
  color: #ffffff;
  font-weight: 600;
  border-radius: 30px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

html body .cta-opp .inner-container a:hover {
  background-color: #7b76b6;
}

html body .terms {
  padding: 4em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(320px, calc(1436px + 4em)) 1fr;
      grid-template-columns: 1fr minmax(320px, calc(1436px + 4em)) 1fr;
}

html body .terms .inner-container {
  -ms-grid-column: 2;
  grid-column: 2;
  padding: 0 2rem;
}

html body .terms .inner-container h3 {
  color: #5b6d77;
  font-size: 1.8em;
  font-weight: 600;
  margin-bottom: 1em;
}

html body .terms .inner-container a {
  color: #7b76b6;
  text-decoration: none;
}

html body .terms .inner-container p {
  color: #373737;
  font-size: 1em;
  line-height: 1.7em;
  margin-bottom: 1em;
}

html body .terms .inner-container ul {
  margin-bottom: 1em;
  list-style-type: disc;
  margin-left: 1em;
}

html body .terms .inner-container ul li {
  color: #373737;
  font-size: 1em;
  line-height: 1.7em;
  padding-left: 1em;
}

html body .terms .inner-container .bold {
  font-weight: 700;
}

html body .module.d {
  display: none;
}
/*# sourceMappingURL=main.css.map */

/* styles 2022 */
html body .apply-page .inner-container p {
  color: #000000;
  font-size: 1em;
  line-height: 1.7em;
  font-weight: 400;
  margin-bottom: 1em;
}

body .main-jobs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr minmax(calc(320px - 4rem), calc(1500px + 4rem)) 1fr;
  grid-template-columns: 1fr minmax(calc(320px - 4rem), calc(1500px + 4rem)) 1fr;
  -ms-grid-rows: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 0;
  padding: 4em 0;
}
body .main-jobs .inner-container {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  padding: 0 2rem;
  box-sizing: border-box;
}
body .main-jobs .inner-container h2 {
  font-family: Arial, sans-serif;
  margin-bottom: 0.5em;
  color: black;
  font-size: 2.5em;
}
body .main-jobs .inner-container .searchStrip {
  padding: 0 0 4em 0;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
body .main-jobs .inner-container .searchStrip .clearSearch {
  display: inline-block;
  padding: 1em 1.5em;
  border-radius: 8px;
  border: none;
  background-color: #00b3c2;
  color: #fff;
  font-weight: bold;
  font-size: 1em;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
body .main-jobs .inner-container .searchStrip .clearSearch:hover {
  background-color: #00b3c2;
}
body .main-jobs .inner-container .searchStrip .newSearchInput {
  display: inline-block;
  width: calc(100% - 180px);
  padding: 1em 1.5em;
  box-sizing: border-box;
  border: 0;
  border: 2px solid #000000;
  background-color: #f2f2f2;
  font-size: 1em;
  color: black;
  font-family: Arial, sans-serif;
}
body .main-jobs .inner-container .searchStrip .newSearchInput::-moz-placeholder {
  color: black;
}
body .main-jobs .inner-container .searchStrip .newSearchInput:-ms-input-placeholder {
  color: black;
}
body .main-jobs .inner-container .searchStrip .newSearchInput::placeholder {
  color: black;
}
@media (max-width: 640px) {
  body .main-jobs .inner-container .searchStrip .newSearchInput {
    margin-bottom: 1em;
    width: 100%;
  }
  body .main-jobs .inner-container .searchStrip .clearSearch {
    width: 100%;
  }
}
body .main-jobs .inner-container .pNav {
  padding: 2em 0;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
body .main-jobs .inner-container .pNav button {
  border: none;
  background: #00b3c2;
  border: 2px solid #fff;
  padding: 1em 1.2em;
  margin-right: 1rem;
  line-height: 10px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border-radius: 8px;
}
body .main-jobs .inner-container .pNav button svg {
  fill: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .main-jobs .inner-container .pNav button svg {
    height: 17px;
  }
}
body .main-jobs .inner-container .pNav button:hover {
  background: #00b3c2;
}
body .main-jobs .inner-container .pNav .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .main-jobs .inner-container .pNav .pagination li {
  margin-left: 0.5em;
  padding: 0.5em;
  cursor: pointer;
}
body .main-jobs .inner-container .pNav .pagination li:first-child {
  margin-left: 0;
}
body .main-jobs .inner-container .pNav .pagination li.active {
  background-color: #00b3c2;
}
body .main-jobs .inner-container .pNav .pagination li.active a {
  color: #fff;
}
body .main-jobs .inner-container .pNav .pagination a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 1.125em;
  transition: all 0.3s ease-in-out;
}
body .main-jobs .inner-container .pNav .pagination a:hover {
  color: #fff;
}
body .main-jobs .inner-container .job-cards .list {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
body .main-jobs .inner-container .job-cards .list li {
  width: 49%;
  text-decoration: none;
  margin-bottom: 1em;
  background-color: #00b3c2;
  padding: 1.25em;
  box-sizing: border-box;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
body .main-jobs .inner-container .job-cards .list li a {
  display: block;
  text-decoration: none;
}
body .main-jobs .inner-container .job-cards .list li a .job-card {
  height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
body .main-jobs .inner-container .job-cards .list li a .job-card .newJobCards .job-title {
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.25em;
  margin-bottom: 0.25em;
  color: #fff;
}
body .main-jobs .inner-container .job-cards .list li a .job-card .newJobCards .job-location {
  font-weight: 300;
  font-size: 1.125em;
  margin-bottom: 1em;
  color: #fff;
}
body .main-jobs .inner-container .job-cards .list li a .job-card .cta {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}
body .main-jobs .inner-container .job-cards .list li a .job-card .cta span {
  display: inline-block;
  color: #fff;
  font-size: 1.125em;
  font-weight: bold;
}
body .main-jobs .inner-container .job-cards .list li a .job-card .cta svg {
  width: 40px;
  fill: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .main-jobs .inner-container .job-cards .list li a .job-card .cta svg {
    height: 27px;
  }
}
@media (max-width: 660px) {
  body .main-jobs .inner-container .job-cards .list li {
    width: 100%;
    margin-bottom: 1em;
  }
}
body .main-jobs .inner-container .job-cards .list li:hover {
  background-color: #00b3c2;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

body .text.module {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 4em 2em;
}
@media (max-width: 1580px) {
  body .text.module {
    box-sizing: border-box;
  }
}
body .text.module h1 {
  font-family: Arial, sans-serif;
  font-size: 2.5em;
  margin-bottom: 0.5em;
  color: black;
}
body .text.module .detailedTitle {
  font-size: 2em;
  font-weight: 400;
  font-family: Arial, sans-serif;
  margin-bottom: 1em;
}
body .text.module .detailedOffice, body .text.module .detailedPhone, body .text.module .detailedEmail, body .text.module .detailedContact, body .text.module .detailedRef, body .text.module .detailedClosingDate, body .text.module .detailedType, body .text.module .detailedSalary, body .text.module .detailedLocation {
  border-right: solid thin #ddd !important;
  border-top: solid thin #ddd !important;
  border-left: solid thin #ddd !important;
  font-family: Arial, sans-serif;
  color: black;
}
body .text.module .detailedOffice span, body .text.module .detailedPhone span, body .text.module .detailedEmail span, body .text.module .detailedContact span, body .text.module .detailedRef span, body .text.module .detailedClosingDate span, body .text.module .detailedType span, body .text.module .detailedSalary span, body .text.module .detailedLocation span {
  width: 160px;
  display: inline-block;
  font-weight: normal;
  padding: 10px;
  color: black;
  border-right: solid 4px #00b3c2;;
  margin-right: 19px;
  background-color: #00b3c2;;
  font-size: 1em;
}
@media (max-width: 786px) {
  body .text.module .detailedOffice, body .text.module .detailedPhone, body .text.module .detailedEmail, body .text.module .detailedContact, body .text.module .detailedRef, body .text.module .detailedClosingDate, body .text.module .detailedType, body .text.module .detailedSalary, body .text.module .detailedLocation {
    padding: 1em;
    box-sizing: border-box;
    background-color: #00b3c2;;
    color: #fff;
  }
  body .text.module .detailedOffice span, body .text.module .detailedPhone span, body .text.module .detailedEmail span, body .text.module .detailedContact span, body .text.module .detailedRef span, body .text.module .detailedClosingDate span, body .text.module .detailedType span, body .text.module .detailedSalary span, body .text.module .detailedLocation span {
    width: 100%;
    padding: 0;
    border: 0;
    font-weight: 600;
    margin-bottom: 1em;
    background-color: #00b3c2;;
  }
}
body .text.module .detailedRef, body .text.module .detailedEmail {
  border-bottom: solid thin #ddd !important;
  margin-bottom: 2em;
}
body .text.module .detailedDescription {
  line-height: 1.5em;
  margin-bottom: 2em;
  font-weight: normal;
  line-height: 1.5em;
  font-size: 1em;
  color: black;
  margin-bottom: 1em;
}
body .text.module .detailedDescription p {
  font-weight: normal;
  line-height: 1.5em;
  font-size: 1em;
  color: black;
  margin-bottom: 1em;
}
body .text.module .detailedDescription ul {
  list-style-type: disc;
  margin-left: 1em;
}
body .text.module .detailedDescription ul li {
  color: black;
  font-size: 1em;
  line-height: 1.5em;
}
body .text.module .rule {
  margin-bottom: 2em;
}
body .text.module .detailedApply, body .text.module .detailedBack {
  display: inline-block;
  background-color: #00b3c2;;
  font-weight: bold;
  color: black;
  line-height: 1em;
  padding: 1.5em 3em 1.25em 3em;
  text-decoration: none;
  margin-left: 1em;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-sizing: border-box;
  text-align: center;
}
body .text.module .detailedApply:hover, body .text.module .detailedBack:hover {
  background-color: #00919d;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
@media (max-width: 640px) {
  body .text.module .detailedApply, body .text.module .detailedBack {
    width: 100%;
    margin: 0 0 1em 0;
  }
}
body .text.module .detailedBack {
  margin-left: 0;
}

body .main-jobs, body .text.module {
  margin-top: 100px;
}