body {
   background-color: #FFF;
   font-family: "Kanit", sans-serif;
   -webkit-transition: margin-top .5s;
   transition: margin-top .5s;
   font-size: 16px;
   color: #2E9FB7;
}
.fa.fa-envelope-o {
   font-family: FontAwesome;
   font-weight: normal;
}
@media (max-width: 991px) {
   body {
     font-size: 16px;
  }
}
@media (max-width: 767px) {
   body {
     font-size: 14.4px;
  }
}
a:link, a:visited {
   color: #FFF;
   -webkit-transition: color .25s;
   transition: color .25s;
}
a:link:hover, a:link:visited:hover, a:visited:hover, a:visited:visited:hover {
   color: #666;
   text-decoration: none;
}
h2 {
   font-size: 4.8rem;
}
h3 {
   font-size: 3.6rem;
}
.col-centered {
   margin: 0 auto;
   float: none;
}
.wrapper {
   width: 100%;
   float: left;
}
.wrapper > .container {
   position: relative;
}
.icon a:before {
   font-family: FontAwesome;
   content: "";
   margin-right: 10px;
   font-size: 16px;
}
.blackgrad {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0)));
   background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0);
   /* IE6-9 */
}
body.fixed-nav {
   padding-top: 120px;
}
body.fixed-nav .upper-account-bar-wrapper {
   display: none !important;
}
.navbar-fixed-top {
   border-bottom: 4px solid #002D4F;
}
.card {
   background-color: transparent;
}
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
   position: relative;
   min-height: 1px;
   padding-right: 10px;
   padding-left: 10px;
}
.col-xs-5ths {
   width: 20%;
   float: left;
}
@media (min-width: 768px) {
   .col-sm-5ths {
     width: 20%;
     float: left;
  }
}
@media (min-width: 992px) {
   .col-md-5ths {
     width: 20%;
     float: left;
  }
}
@media (min-width: 1200px) {
   .col-lg-5ths {
     width: 20%;
     float: left;
  }
}
h2.associate-style-header {
   font-family: "Kanit", sans-serif;
}
.container.container-pushout {
   padding-left: 0;
   padding-right: 0;
}
.mobile-logo {
   float: left;
   margin: 8px 0 10px 0;
   display: block;
}
.mobile-header-image {
   background-image: url("../images/upper-background.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   min-height: 120px;
   margin-top: 1px;
}
.form-control {
   border-radius: 0;
   height: 40px;
}
@media (max-width: 767px) {
   .hl-row {
     padding-top: 15px;
  }
}
.site-upper {
   background-size: cover;
   background-position: center center;
   position: relative;
   height: 100vh;
}
@media (max-width: 767px) {
   .site-upper {
     height: 60vh;
  }
}
.site-upper:before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-size: 3px 3px;
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 1px, transparent 1px);
   background-color: rgba(0, 0, 0, 0.4);
   content: "\00a0";
}
.section-heading {
   font-size: 5.6rem;
   font-weight: 300;
   color: #40627B;
   font-family: "Kanit", sans-serif;
   margin: 0;
   padding: 4rem 0 0 0;
   margin-bottom: 3rem;
   text-align: center;
}
.section-heading h2 {
   font-size: 4rem;
   font-weight: 300;
   margin-bottom: 2rem;
}
@media (max-width: 767px) {
   .section-heading h2 {
     font-size: 2.4rem;
  }
}
.section-heading p {
   margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
   .navbar-collapse.collapse {
     display: none !important;
  }
.navbar-collapse.collapse.in {
     display: block !important;
  }
.navbar-header .collapse, .navbar-toggle {
     display: block !important;
  }
.navbar-header {
     float: none;
  }
}
.login a {
   background-color: #2E9FB7;
}
.navbar .login a {
   background-color: #002D4F;
}
.login a:hover, .login a:focus {
   color: #EEE !important;
   opacity: 0.8;
}
.register a {
   background-color: #002D4F;
}
.register a:hover, .register a:focus {
   color: #EEE !important;
   opacity: 0.8;
}
.quick a {
   background-color: #4B356F;
}
.quick a:hover, .quick a:focus {
   color: #EEE !important;
   opacity: 0.8;
}
 /* .login a i {
  color: #000;
} */ .btn.btn-default, .btn.btn-primary {
   border-radius: 0;
   padding: 1rem 3rem;
   font-weight: 400;
   font-size: 16px;
   text-align: center;
   border-width: 2px;
   border-style: solid;
   border-color: #666;
   background-color: transparent;
   color: #666;
   display: block;
   margin: 2rem 0;
   overflow: hidden;
   position: relative;
   cursor: pointer;
   outline: none;
   z-index: 1;
   -webkit-box-shadow: none;
   box-shadow: none;
}
@media (min-width: 992px) {
   .btn.btn-default, .btn.btn-primary {
     -webkit-transition: all 0.2s 0s cubic-bezier(0.4, 0, 0.2, 1);
     transition: all 0.2s 0s cubic-bezier(0.4, 0, 0.2, 1);
  }
.btn.btn-default:after, .btn.btn-primary:after {
     content: "\00a0";
     display: block;
     position: absolute;
     width: 0;
     height: 100%;
     top: 0;
     right: 0;
     z-index: -1;
     overflow: hidden;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: width 0.2s 0s cubic-bezier(0.4, 0, 0.2, 1);
     transition: width 0.2s 0s cubic-bezier(0.4, 0, 0.2, 1);
     pointer-events: none;
  }
}
@media (min-width: 992px) and (max-width: 991px) {
   .btn.btn-default:after, .btn.btn-primary:after {
     -webkit-transition: none;
     transition: none;
  }
}
@media (min-width: 992px) {
   .btn.btn-default:hover, .btn.btn-primary:hover {
     color: #666;
     background-color: transparent;
  }
.btn.btn-default:hover:after, .btn.btn-primary:hover:after {
     width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 991px) {
   .btn.btn-default:hover, .btn.btn-primary:hover {
     text-decoration: inherit !important;
  }
}
@media (min-width: 992px) {
   .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-primary:focus, .btn.btn-primary:active {
     border-color: #666;
     background-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
     outline: none;
  }
}
@media (min-width: 992px) and (max-width: 991px) {
   .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-primary:focus, .btn.btn-primary:active {
     text-decoration: inherit !important;
  }
}
.btn.btn-default.btn-full-width, .btn.btn-primary.btn-full-width {
   width: 100%;
}
@media (max-width: 991px) {
   .btn.btn-default, .btn.btn-primary {
     margin-left: auto;
     margin-right: auto;
     display: inline-flex;
  }
}
.btn.btn-fullwidth {
   width: 100%;
}
.btn.btn-dark {
   border-color: #666;
   color: #666;
   pointer-events: all;
}
@media (min-width: 992px) {
   .btn.btn-dark {
     -webkit-transition: all .2s linear;
     transition: all .2s linear;
  }
.btn.btn-dark:after {
     background-color: #666;
  }
.btn.btn-dark:focus, .btn.btn-dark:active {
     color: #666;
     border-color: #666;
  }
.btn.btn-dark:hover {
     color: #FFF;
  }
.btn.btn-dark:focus:hover, .btn.btn-dark:active:hover {
     color: #FFF;
  }
.btn.btn-dark:disabled, .btn.btn-dark[disabled] {
     border-color: rgba(170, 170, 170, 0.6);
     color: rgba(170, 170, 170, 0.6);
     cursor: default;
     pointer-events: none;
  }
.btn.btn-dark:disabled:after, .btn.btn-dark[disabled]:after {
     background-color: rgba(170, 170, 170, 0.6);
  }
.btn.btn-dark:disabled:disabled:hover, .btn.btn-dark[disabled]:disabled:hover {
     color: rgba(170, 170, 170, 0.6);
  }
.btn.btn-dark:disabled:disabled:hover:after, .btn.btn-dark[disabled]:disabled:hover:after {
     background-color: rgba(170, 170, 170, 0.6);
  }
}
.btn.btn-dark:disabled, .btn.btn-dark[disabled] {
   border-color: rgba(170, 170, 170, 0.6);
   color: rgba(170, 170, 170, 0.6);
   cursor: default;
   pointer-events: none;
}
.btn.btn-blue {
   color: #FFF;
   background-color: #002D4F;
   background-image: linear-gradient(to right, #6E879A, #002D4F);
   pointer-events: all;
   -webkit-transition: all .25s;
   transition: all .25s;
   border: 1px solid #002D4F;
   position: relative;
   top: 0;
   border-radius: 20px;
}
.btn.btn-blue:hover {
   color: #FFF;
   background-color: #290012;
}
.btn.btn-with-icon {
   padding-left: 3rem;
}
.btn.btn-with-icon i {
   position: relative;
   top: 2px;
   margin-right: 1rem;
}
.btn.btn-icon-as-btn {
   padding: 0.8rem 1.5rem;
   display: inline-block;
}
.btn.btn-icon-as-btn i {
   font-size: 1.5em;
   position: relative;
}
.navbar-toggle {
   display: block !important;
   padding: 0;
   margin: 0 2rem 0 0;
}
.navbar-toggle .icon-bar {
   background-color: #AAA;
   width: 3.6rem;
   height: .4rem;
   -webkit-transition: background-color .25s;
   transition: background-color .25s;
}
.navbar-toggle .icon-bar + .icon-bar {
   margin-top: 8px;
}
.navbar-toggle:hover .icon-bar {
   background-color: #2E9FB7;
}
header {
   background-color: #FFF;
   padding: 1rem 0;
   position: relative;
   z-index: 2;
}
.navbar-header {
   float: none;
   padding: 0 0;
   background-color: transparent;
}
@media (max-width: 991px) {
   .navbar-header {
     padding: 0;
  }
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
   border-color: transparent;
}
.navbar-brand.desktop {
   padding: 0;
   float: none;
   height: auto;
}
.navbar-brand.desktop span {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   height: 100%;
}
.navbar-brand.desktop span img {
   min-width: 100px;
   /*max-width: 180px;*/ max-width: 300px
}
@media (max-width: 991px) {
   .navbar-brand.desktop span img {
     min-width: 0;
     max-width: 160px;
  }
}
.hero {
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   position: relative;
   z-index: 1;
}
.hero .hero-content-wrapper {
   background-image: url(img/hero-bg-shape.svg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: auto 100%;
   padding: 3rem 0;
   min-height: 300px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}
.hero .hero-content-wrapper h2 {
   margin: 0;
   padding: 0;
   font-weight: 300;
   color: #FFF;
   line-height: 1.4;
}
@media (max-width: 767px) {
   .hero .hero-content-wrapper h2 {
     font-size: 4rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
   .hero .hero-content-wrapper h2 {
     font-size: 4rem;
  }
}
.hero-search {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   /*  width: 65%;*/ margin-top: 20px;
}
@media (max-width: 991px) {
   /* .hero-search {
        display: none;
    }*/
}
@media (max-width: 767px) {
   .input-group {
     padding: 20px !important;
  }
}
.hero-search .form-control {
   border: 1px solid #BFBFBF;
   height: 44px;
   border-radius: 10px !important;
   /*  border-bottom-right-radius: 20px !important;*/ background-color: #FFF;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.hero-search .form-control::placeholder {
   color: #BFBFBF;
}
@media (max-width: 991px) {
   .hero-search {
     margin-top: 20px;
  }
}
.hero-search__header {
   color: #002D4F;
   font-size: 1.8rem;
   /* text-transform: uppercase; */ font-family: "Kanit", sans-serif;
   font-weight: 500;
   letter-spacing: .2rem;
   padding: 0 0 20px 0;
}
@media (max-width: 767px) {
   .hero-search__header {
     font-size: 1.8rem;
  }
}
.hero-search__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
.hero-search__body .input-group {
   margin-bottom: 0;
}
.hero-search__body .input-group button {
   margin: 0;
   text-transform: uppercase;
   font-weight: 500;
   border-bottom-left-radius: 20px;
   border-top-left-radius: 20px;
}
.introduction {
   position: relative;
   padding: 6rem 0 10rem 0;
   min-height: 625px;
}
.introduction > * {
   font-family: "Kanit", sans-serif;
}
.introduction.inner {
   background-color: #FFF;
}
.introduction h1 {
   font-size: 4.8rem;
   /* text-transform: uppercase; */ color: #BFBFBF;
   margin: 4rem 0 2rem 0;
   font-weight: 300;
}
.introduction h1 span {
   color: #002D4F;
}
@media (min-width: 768px) and (max-width: 991px) {
   .introduction {
     text-align: center;
     padding: 2rem 2rem !important;
  }
.introduction h1 {
     font-size: 4rem !important;
     margin: 0;
  }
}
@media (max-width: 767px) {
   .introduction {
     text-align: center;
     padding: 6rem 2rem !important;
     min-height: 500px;
  }
.introduction h1 {
     font-size: 4.2rem !important;
     margin: 0;
  }
.introduction .form-horizontal h1 {
     font-size: 4.2rem !important;
     margin: 0 0 2rem 0;
  }
.introduction h4 {
     font-size: 1.6rem !important;
  }
}
.introduction h2 {
   font-size: 2.4rem;
   text-transform: uppercase;
   color: #002D4F;
   margin: 4rem 0 2rem 0;
   font-weight: 500;
}
.introduction h2.intro {
   font-family: "Kanit", sans-serif;
   color: #002D4F !important;
   font-weight: 400;
}
.introduction h3 {
   font-size: 2rem;
   text-transform: uppercase;
   color: #002D4F;
   margin: 3rem 0 2rem 0;
   font-weight: 500;
}
.introduction h4 {
   font-size: 2rem;
   color: #002D4F;
   margin: 3rem 0 2rem 0;
   font-weight: 500;
   border-bottom: 1px dotted #002D4F;
   padding-bottom: 1rem;
}
.introduction p {
   font-family: "Kanit", sans-serif;
   line-height: 1.5;
}
.introduction p:first {
   font-weight: 500;
}
@media (max-width: 767px) {
   .introduction img {
     margin-top: 2rem;
  }
}
.introduction blockquote {
   margin: 3rem 0;
   border-left-color: #002D4F;
   background-color: #FAFAFA;
}
.introduction a {
   color: #002D4F;
}
.introduction a:hover {
   text-decoration: underline;
}
.introduction ul {
   list-style: none;
   margin: 0;
   padding: 0;
   margin: 3rem 0 2rem;
}
.introduction ul li {
   line-height: 1.75;
   position: relative;
   padding-left: 40px;
   margin: 0 0 1rem 0;
   color: #002D4F;
   font-weight: 500;
   font-size: 15px;
}
.introduction ul li:before {
   position: absolute;
   left: 0;
   top: 3px;
   font-family: FontAwesome;
   content: "\f111";
   color: #002D4F;
   font-size: 0.9rem;
}
.introduction .welcome-title {
   text-align: center;
   padding: 40px 0;
}
.introduction .welcome-title h1 {
   font-size: 5.6rem;
}
.features {
   background-color: #FAFAFA;
   padding: 6rem 0;
}
.features .feature-card {
   padding-left: 3rem;
   padding-right: 3rem;
   text-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
@media (max-width: 767px) {
   .features .feature-card {
     padding-bottom: 3rem;
  }
}
.features .feature-card__icon {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background-color: #2E9FB7;
   text-align: center;
   border-radius: 50%;
   width: 15rem;
   height: 15rem;
}
.features .feature-card__icon img {
   max-width: 80px;
}
.features .feature-card__content h3 {
   text-align: center;
   text-transform: uppercase;
   color: #666;
   font-size: 1.8rem;
   margin: 2.5rem 0 2rem 0;
}
.features .feature-card__content p {
   line-height: 1.5;
   margin: 0;
   font-family: "Kanit", sans-serif;
}
.call-to-action {
   position: relative;
   background-color: #043047;
}
.call-to-action:before {
   content: "\00a0";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   /* background-color: rgba(133, 191, 237, 0.75); */
}
@media (min-width: 992px) {
   .call-to-action {
     height: 200px;
     min-height: 200px;
  }
}
@media (max-width: 991px) {
   .call-to-action {
     padding: 2rem 0;
  }
}
@media (max-width: 991px) {
   .call-to-action {
     height: 300px;
  }
.btn.btn-default, .btn.btn-primary {
     margin: 0;
  }
}
.call-to-action .container {
   height: 100%;
}
.call-to-action__wrapper {
   position: relative;
   z-index: 1;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   height: 100%;
}
@media (max-width: 991px) {
   .call-to-action__wrapper {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     /* padding: 4rem 0;*/
  }
}
.call-to-action__wrapper h2 {
   font-size: 4rem;
   margin: 0;
   padding: 0;
   font-weight: 300;
   color: white;
   line-height: 1.4;
}
@media (max-width: 991px) {
   .call-to-action__wrapper h2 {
     font-size: 3.2rem;
     text-align: center;
  }
.call-to-action__wrapper h4 {
     text-align: center;
  }
.call-to-action__wrapper .btn.btn-grey {
     padding: 1rem 3rem !important;
  }
}
.call-to-action__wrapper h2 a {
   color: #002D4F;
   font-weight: 500;
   display: block;
   text-transform: uppercase;
}
.call-to-action__wrapper h2 a:hover {
   color: #43001e !important;
   text-decoration: underline;
}
.call-to-action__wrapper h4 {
   color: white;
   font-weight: 300;
}
.call-to-action__wrapper .btn.btn-grey {
   min-width: 200px;
   text-transform: uppercase;
   background-color: #2E9FB7;
   font-weight: 300;
   color: #fff;
   border: 0;
   border-radius: 40px;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   font-size: 2.5rem;
   -webkit-transition: all .25s;
   transition: all .25s;
}
.latest-vacancies {
   /* background-color: #EAEAEA;
  padding: 6rem 0;
  position: relative; */
}
@media (max-width: 991px) {
   .latest-vacancies {
     padding: 0;
  }
}
.latest-vacancies .section-heading h2 {
   color: #002D4F;
   text-transform: uppercase;
   font-weight: 400;
   letter-spacing: 0.3rem;
}
.latest-vacancies .section-heading p {
   color: #002D4F;
   font-family: "Kanit", sans-serif;
   font-weight: 300;
}
.latest-vacancies .carousel:hover .vacancy-item.card.first, .latest-vacancies .carousel:hover .vacancy-item.card.last {
   opacity: 1;
}
.latest-vacancies .carousel-controls {
   position: relative;
   margin: 0 auto;
   width: 50%;
}
@media (max-width: 991px) {
   .latest-vacancies .carousel-controls {
     float: left;
     width: 100%;
  }
}
.latest-vacancies .carousel-controls .carousel-control {
   top: 0;
   /* width: 40px;
  height: 40px; */ /* border-radius:40px; */ /* background-color: #AEA3C5; */ color: #AEA3C5;
   padding: 0;
   font-size: 38px;
   -webkit-transition: all .25s;
   transition: all .25s;
   opacity: 1;
}
.latest-vacancies .carousel-controls .carousel-control:hover {
   color: #AEA3C5;
}
.latest-vacancies .carousel-controls .carousel-control.left {
   background-image: none;
   text-shadow: none;
}
.latest-vacancies .carousel-controls .carousel-control.right {
   background-image: none;
   text-shadow: none;
   padding: 0 0 0 3px;
}
.latest-vacancies .carousel-controls .carousel-indicators {
   position: relative;
   height: 55px;
   bottom: 0;
   margin-bottom: 0;
   padding: 2rem 0 0 0;
}
.latest-vacancies .carousel-controls .carousel-indicators li {
   border: 0;
   background-color: #BFBFBF;
   width: 17px;
   height: 17px;
   margin: 0 3rem 0 0;
   /* border-radius: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); */
}
.latest-vacancies .carousel-controls .carousel-indicators li:last-child {
   margin-right: 0;
}
.latest-vacancies .carousel-controls .carousel-indicators li.active {
   background-color: #4B356F;
}
.latest-vacancies .vi-wrapper {
   margin-bottom: 2rem;
}
.latest-vacancies .vi-wrapper .vacancy-item.card {
   border-radius: 20px;
   position: relative;
   padding: 3rem 4rem;
   background-color: #2E9FB7;
   font-family: "Kanit", sans-serif;
   border: 0;
   /* border-bottom: 10px solid rgba(0, 0, 0, 0.4); */ -webkit-transition: opacity .25s;
   transition: opacity .25s;
   color: #FFF !important;
   padding: 4rem 2rem;
   min-height: 315px;
   box-shadow: rgba(0, 0, 0, 0.15) 10px 4px 14px, rgba(0, 0, 0, 0.12) 0px 6px 15px
}
.latest-vacancies .vi-wrapper .vacancy-item.card .vacancy-item-content {
   min-height:208px;
   padding: 5px;
}
.latest-vacancies .vi-wrapper .vacancy-item.card:hover .vacancy-item--content__header {
   background-color: #CBE6FB;
}
.latest-vacancies .vi-wrapper .vacancy-item.card .vacancy-item--content {
   padding: 0;
}
.latest-vacancies .vi-wrapper .vacancy-item.card .cover {
   text-align: center;
   position: relative;
   bottom: -15px;
}
.latest-vacancies .vi-wrapper .vacancy-item.card .vacancy-item--content__header {
   background-color: #CBE6FB;
   -webkit-transition: all .25s;
   transition: all .25s;
}
.latest-vacancies .vi-wrapper .vacancy-item.card .vacancy-item--content__header h4 {
   font-weight: 500;
   padding: 0;
}
.latest-vacancies .vi-wrapper .vacancy-item.card .vacancy-item--content__header h4 a {
   display: block;
   padding: 2.5rem 2rem;
   line-height: 24px;
   color: #2E9FB7;
}
.latest-vacancies .vi-wrapper .vacancy-item.card .vacancy-item--content__body {
   padding: 3rem 2rem;
}
.latest-vacancies .vi-wrapper .vacancy-item.card .vacancy-item--footer {
   border-top: 1px solid #E5E5E5;
   font-family: "Kanit", sans-serif;
}
.latest-vacancies .vi-wrapper .vacancy-item.card .vacancy-item--footer a {
   background-color: #002D4F;
   display: block;
   text-align: center;
   padding: 2rem 0;
   text-transform: uppercase;
   font-weight: 500;
   letter-spacing: 1px;
   -webkit-transition: all .25s;
   transition: all .25s;
   color: #FFF;
}
.latest-vacancies .vi-wrapper .vacancy-item.card .vacancy-item--footer a:hover {
   background-color: #43001e;
   color: #FFF;
}
.latest-vacancies .vi-wrapper .vacancy-item.card h4 {
   margin: 0;
   padding: 0 0 1.5rem 0;
   font-weight: 500;
   font-family: "Kanit", sans-serif;
   color: #FFF;
   font-size: 2rem;
}
.latest-vacancies .vi-wrapper .vacancy-item.card p {
   line-height: 1.5;
}
.latest-vacancies .vi-wrapper .vacancy-item.card ul {
   list-style: none;
   margin: 0;
   padding: 0;
   /*margin-top: 3rem;*/
}
.latest-vacancies .vi-wrapper .vacancy-item.card ul li {
   padding-left: 3rem;
   position: relative;
   /*margin: 2rem 0 1rem 0;*/ margin: 0rem -1rem 1rem 0;
}
.latest-vacancies .vi-wrapper .vacancy-item.card ul li .vi-label {
   color: white;
   display: inline-block;
   width: 35%;
   vertical-align: top;
}
.latest-vacancies .vi-wrapper .vacancy-item.card ul li .vi-value {
   color: #FFF;
   display: inline-block;
   width: 65%;
}
.latest-vacancies .vi-wrapper .vacancy-item.card ul li i {
   position: absolute;
   left: 0;
   top: 4px;
   color: #FFF;
}
.modal .modal-content {
   border-radius: 0;
}
.modal .modal-content .modal-header {
   background-color: #2E9FB7;
   font-family: "Kanit", sans-serif;
}
.modal .modal-content .modal-header h4 {
   padding: 1rem 0 0 0;
}
.modal .modal-content .modal-header ul {
   list-style: none;
   margin: 0;
   padding: 0;
   margin-top: 1rem;
}
.modal .modal-content .modal-header ul li {
   padding-left: 3rem;
   position: relative;
   margin: 0 0 1rem 0;
}
.modal .modal-content .modal-header ul li i {
   position: absolute;
   left: 0;
   top: 4px;
   color: #002D4F;
}
.modal .modal-content .modal-body {
   padding: 2rem 1.5rem;
   font-family: "Kanit", sans-serif;
}
.modal .modal-content .modal-footer .btn {
   margin: 0;
}
.testimonials {
   display: flex;
   margin: 10rem 0 4rem 0;
}
@media (max-width: 991px) {
   .testimonials {
     height: 550px;
  }
}
.testimonials .testimonial-block {
   position: relative;
   background-color: #2E9FB7;
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px;
   max-height: 525px;
}
@media (max-width: 991px) {
   .testimonials .testimonial-block {
     border-radius: 20px;
  }
.testimonials .testimonial-item-wrapper {
     max-height: 620px !important;
     height: 620px !important;
  }
.testimonials .testimonial-block {
     max-height: 600px !important;
  }
}
@media (max-width: 376px) {
   .testimonials .testimonial-block {
     max-height: 600px;
  }
.testimonials .testimonial-item-wrapper {
     max-height: 640px !important;
     height: 640px !important;
  }
}
.testimonials .testimonial-item-wrapper {
   position: relative;
   height: 660px;
}
@media (max-width: 991px) {
   .testimonials .testimonial-item-wrapper {
     height: 550px;
  }
}
.testimonials .testimonial-item-wrapper .carousel {
   height: 100%;
   position: relative;
}
.testimonials .testimonial-item-wrapper .carousel .carousel-inner {
   height: 100%;
   width: 100%;
}
.testimonials .testimonial-item-wrapper .carousel .item {
   text-align: center;
   height: 100%;
}
.testimonials .testimonial-item-wrapper .carousel .item img {
   border-radius: 50%;
   display: inline-block;
   overflow: hidden;
   margin: 0 0 3rem 0;
   background-color: #FFF;
   border: 2px solid #FFF;
}
@media (max-width: 991px) {
   .testimonials .testimonial-item-wrapper .carousel .item img {
     width: 90px;
  }
.testimonials .testimonial-item-wrapper .carousel .carousel-inner {
     height: 100%;
     width: 100% !important;
  }
}
.testimonials .testimonial-item-wrapper .carousel .item .carousel-caption {
   height: 100%;
   position: relative;
   left: 0;
   right: 0;
   padding-bottom: 0;
   color: #FFF;
   text-shadow: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}
.testimonials .testimonial-item-wrapper .carousel .item .carousel-caption h5 {
   font-family: "Kanit", sans-serif;
   font-size: 1.6rem;
   font-weight: 500;
   color: #FFF;
   margin: 0 0 2rem 0;
   text-transform: uppercase;
}
.testimonials .testimonial-item-wrapper .carousel .item .carousel-caption p {
   line-height: 3.5rem;
   font-size: 4rem;
   font-weight: 500;
   color: #FFF;
   margin-bottom: 3rem;
}
@media (max-width: 991px) {
   .testimonials .testimonial-item-wrapper .carousel .item .carousel-caption p {
     font-size: 2.4rem;
     line-height: 3rem;
  }
}
.footer {
   background-color: #EAEAEA;
   position: relative;
   padding: 8rem 0;
   font-family: "Kanit", sans-serif;
   font-size: 14px;
}
@media (max-width: 767px) {
   .footer {
     padding: 4rem 0;
  }
}
.footer .footer-col {
   margin-bottom: 2rem;
   color: #002D4F;
}
.footer .footer-col p {
   color: #002D4F;
}
.footer .footer-col p:not(.fl-location), .footer .footer-col p:not(.fl-phone), .footer .footer-col p:not(.fl-email) {
   margin-left: 1.5em;
}
.footer .footer-col p.fl-location, .footer .footer-col p.fl-phone, .footer .footer-col p.fl-email {
   font-weight: 500;
   margin: 0 0 1.5rem 0;
}
.footer .footer-col p.fl-location a, .footer .footer-col p.fl-phone a, .footer .footer-col p.fl-email a {
   color: #002D4F;
}
.footer .footer-col p.fl-location a:hover, .footer .footer-col p.fl-location a:visited:hover, .footer .footer-col p.fl-phone a:hover, .footer .footer-col p.fl-phone a:visited:hover, .footer .footer-col p.fl-email a:hover, .footer .footer-col p.fl-email a:visited:hover {
   color: #002D4F;
}
.footer .footer-col p.fl-location i, .footer .footer-col p.fl-phone i, .footer .footer-col p.fl-email i {
   color: #002D4F;
   margin-right: 1.25rem;
}
.footer .footer-col p.fl-phone i, .footer .footer-col p.fl-email i {
   color: #002D4F;
}
.footer .footer-col h4 {
   margin: 0 0 1.5rem 0;
   padding: 0;
   color: #002D4F;
   font-weight: 700;
   text-transform: uppercase;
}
.footer .footer-col ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.footer .footer-col ul li {
   color: #002D4F;
   margin-bottom: 1.5rem;
}
.footer .footer-col ul li a {
   color: #002D4F;
}
.footer .footer-col ul li a:hover, .footer .footer-col ul li a:visited:hover {
   color: #002D4F;
}
.footer .footer-col ul.social-links li {
   position: relative;
}
.footer .footer-col ul.social-links li a {
   position: relative;
   display: block;
   padding-left: 40px;
}
.footer .footer-col ul.social-links li a i {
   left: 0;
   font-size: 2.4rem;
   color: #002D4F;
   margin-right: 1rem;
   position: absolute;
}
.footer.hl-footer {
   background-color: #000;
   padding: 15px 0;
   float: left;
   width: 100%;
}
.footer.hl-footer:before {
   display: none;
}
.footer.hl-footer p {
   color: #FFF;
   font-size: 13px;
   font-weight: 400;
   margin: 0;
   padding: 0;
}
.footer.hl-footer p a {
   color: #FFF;
}
.footer.hl-footer p a:hover {
   color: #002D4F;
   text-decoration: underline;
}
.footer.hl-footer .social {
   float: right;
   margin: 0 0 0 10px;
   padding: 0;
}
.footer.hl-footer .social li {
   list-style: none;
   margin: 0;
   padding: 0;
}
.footer.hl-footer .social li a {
   display: inline-block;
   position: relative;
}
.footer.hl-footer .social li a span {
   display: none;
}
.footer.hl-footer .social li a .fa, .footer.hl-footer .social li a i {
   color: #002D4F;
   font-size: 30px;
   position: relative;
   top: -2px;
}
.half-width-columns {
   background-color: #FFF;
   padding: 5rem 0;
}
@media (min-width: 992px) {
   .half-width-columns {
     padding: 0;
     /*overflow-x: hidden;*/
  }
}
@media (max-width: 767px) {
   .half-width-columns {
     padding: 0;
  }
}
.half-width-columns .content-box {
   position: relative;
   width: 100%;
   margin: 0 0 3rem 0;
   min-height: 350px;
}
@media (min-width: 992px) {
   .half-width-columns .content-box {
     margin: 0 0 4rem 0;
  }
.half-width-columns .content-box.last {
     margin-bottom: 0;
  }
}
@media (max-width: 991px) {
   .half-width-columns .content-box {
     min-height: auto;
  }
}
.half-width-columns .content-box > * {
   color: #2E9FB7;
}
@media (min-width: 992px) {
   .half-width-columns .content-box .text-col.right {
     padding-left: 80px;
  }
.half-width-columns .content-box .text-col.left {
     padding-right: 50px;
  }
.half-width-columns .content-box .text-col.first {
     position: relative;
  }
.half-width-columns .content-box .text-col.first:before {
     content: "\00a0";
     /* background-image: url(../images/stables-icon-logo.png); */ position: absolute;
     top: -10px;
     left: -75px;
     width: 54px;
     height: 58px;
  }
}
.half-width-columns .content-box h2 {
   color: #2E9FB7;
   margin: 0 0 2rem 0;
}
.half-width-columns .content-box p {
   line-height: 2.5rem;
   color: black;
   margin-bottom: 15px;
}
.half-width-columns .content-box p:last-child {
   margin-bottom: 0;
}
.half-width-columns .content-box .img-box {
   position: relative;
   top: 0;
   bottom: 0;
   width: calc( 50vw - 15px);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 0 0;
}
@media (max-width: 991px) {
   .half-width-columns .content-box .img-box {
     min-height: 450px !important;
     background-position: center center !important;
  }
}
@media (min-width: 992px) {
   .half-width-columns .content-box .img-box {
     position: absolute;
  }
.half-width-columns .content-box .img-box:before {
     content: "\00a0";
     background-repeat: no-repeat;
     background-size: contain;
     position: absolute;
     top: -22px;
     height: 80px;
  }
}
.half-width-columns .content-box .img-box.right {
   left: 0;
   top: -110px;
   background-position: center center;
}
@media (max-width: 991px) {
   .half-width-columns .content-box .img-box.right {
     background-position: 0 center !important;
  }
}
.half-width-columns .content-box .img-box.left {
   right: 0;
   background-position: center center;
}
@media (max-width: 991px) {
   .half-width-columns .content-box .img-box.left {
     background-position: 0 center !important;
  }
}
@media only screen and (max-width: 768px) {
   .half-width-columns .content-box .img-box {
     top: 0px;
     left: 0px;
     right: 0px;
     bottom: 0px;
     width: 100%;
  }
}
.page-wrapper {
   position: relative;
   -webkit-transition: -webkit-transform .25s ease-in-out;
   transition: -webkit-transform .25s ease-in-out;
   transition: transform .25s ease-in-out;
   transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}
.menu-open--cover {
   position: fixed;
   z-index: 100;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: rgba(33, 33, 33, 0.5);
   pointer-events: none;
   opacity: 0;
   -webkit-transition: all .25s ease-in-out;
   transition: all .25s ease-in-out;
}
.menu-open .menu-open--cover {
   opacity: 1;
   pointer-events: all;
   right: 25vw;
}
@media (max-width: 991px) {
   .menu-open .menu-open--cover {
     right: 90vw;
  }
}
.menu-open .offscreen-navbar {
   right: 0;
   border-radius: 0;
   /* -webkit-box-shadow: 0 0 40px #2E9FB7;
          box-shadow: 0 0 40px #2E9FB7; */
}
@media (max-width: 991px) {
   .menu-open .offscreen-navbar {
     left: 10vw;
  }
}
.menu-open .offscreen-navbar ul.nav li {
   text-transform: uppercase;
}
.menu-open .offscreen-navbar ul.nav li.menu-sep {
   border-bottom: 1px solid rgba(255, 255, 255, 0.5);
   padding: 1rem 0 0 0;
   margin: 0 0 1rem 0;
}
.menu-open .offscreen-navbar ul.nav li.selected a {
   font-weight: bold;
}
.menu-open .offscreen-navbar ul.nav li a {
   color: #FFF;
   padding-left: 0;
   padding-right: 0;
   border-bottom: 1px solid transparent;
}
.menu-open .offscreen-navbar ul.nav li a:hover {
   background-color: transparent;
   border-bottom: 1px solid #002D4F;
   color: lightgrey;
}
.menu-open .offscreen-navbar ul.nav li a:focus, .menu-open .offscreen-navbar ul.nav li a:active {
   background-color: transparent;
   outline: none;
}
.offscreen-navbar {
   background-color: #002D4F;
   padding: 4rem 0 4rem 4rem;
   position: fixed;
   right: -25vw;
   -webkit-box-shadow: 0 0 10px transparent;
   box-shadow: 0 0 10px transparent;
   height: 100%;
   top: 0;
   width: 25vw;
   -webkit-transition: all .25s ease-in-out;
   transition: all .25s ease-in-out;
   z-index: 101;
}
@media (max-width: 991px) {
   .offscreen-navbar {
     left: 100%;
     right: -90vw;
     width: 100%;
  }
}
.offscreen-navbar .close-menu {
   display: block;
   color: #FFF;
   position: relative;
   height: 30px;
   width: 30px;
   margin-left: 15px;
   margin-bottom: 20px;
}
.offscreen-navbar a.close-menu:hover {
   color: #fff;
}
.offscreen-navbar .close-menu:hover:after, .offscreen-navbar .close-menu:hover:before {
   /*background-color: #002D4F;*/ color: #FFF;
}
.offscreen-navbar .close-menu:before {
   content: "\00a0";
   width: 4px;
   height: 30px;
   border-radius: 25px;
   background-color: #FFF;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   display: inline-block;
   position: absolute;
   top: 0;
   left: 0;
}
.offscreen-navbar .close-menu:after {
   content: "\00a0";
   width: 4px;
   height: 30px;
   border-radius: 25px;
   background-color: #FFF;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   display: inline-block;
   position: absolute;
   top: 0;
   left: 0;
}
.testimonials .testimonial-item-wrapper {
   position: relative;
   /* border-radius: 20px;
    background-color: #2E9FB7;*/ max-height: 560px;
   /* padding-top: 2rem;*/
}
@media (min-width: 768px) and ( max-width: 991px) {
   .testimonials .testimonial-item-wrapper {
     height: 500px;
  }
}
@media ( max-width: 767px) {
   /*.testimonials .testimonial-item-wrapper {
            height: 800px;
        }*/ .testimonials .testimonial-item-wrapper .carousel .item .carousel-caption h5 {
     font-size: 2rem !important;
  }
.testimonials .testimonial-item-wrapper .carousel .item .carousel-caption {
     padding: 0 8rem;
  }
}
.testimonials .testimonial-item-wrapper:after {
   content: "\00a0";
   /* background-image: url(../images/testimonial-inner-bottom.png);*/ background-repeat: repeat-x;
   background-position: 0 bottom;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 100px;
   z-index: 1;
}
@media (max-width: 991px) {
}
.testimonials .testimonial-item-wrapper .carousel {
   height: 100%;
   position: relative;
   /* padding-bottom: 160px;*/
}
.testimonials .testimonial-item-wrapper .carousel h2 {
   text-align: center;
   color: #A9D52A;
}
.testimonials .testimonial-item-wrapper .carousel-inner {
   /* padding-top: 20px !important;*/
}
.testimonials .testimonial-item-wrapper .carousel .item {
   text-align: center;
}
.testimonials .testimonial-item-wrapper .carousel .item img {
   border-radius: 50%;
   display: inline-block;
   overflow: hidden;
   margin: 0 0 3rem 0;
   background-color: #FFF;
   border: 2px solid #FFF;
}
@media (max-width: 991px) {
   .testimonials .testimonial-item-wrapper .carousel .item img {
     width: 90px;
  }
}
.testimonials .testimonial-item-wrapper .carousel .item .carousel-caption {
   position: relative;
   left: 0;
   right: 0;
   padding: 0 2rem;
   color: #FFF;
   text-shadow: none;
}
.testimonials .testimonial-item-wrapper .carousel .item .carousel-caption h4 {
   font-family: 'Lato', sans-serif;
   text-transform: uppercase;
   color: #FFF;
   font-size: 3.2rem;
   letter-spacing: 3px;
}
.testimonials .testimonial-item-wrapper .carousel .item .carousel-caption h5 {
   font-family: 'Lato', sans-serif;
   font-size: 3rem;
   font-weight: 400;
   color: #FFF;
   margin: 0 0 2rem 0;
}
.testimonials .testimonial-item-wrapper .carousel .item .carousel-caption h5 span {
   font-family: 'Lato', sans-serif;
   font-size: 2rem;
   font-weight: 400;
   color: #FFF;
   margin: 0 0 2rem 0;
}
.testimonials .testimonial-item-wrapper .carousel .item .carousel-caption p {
   font-family: 'Lato', sans-serif;
   font-size: 1.8rem;
   font-weight: 300;
   color: #FFF;
}
.testimonials .testimonial-item-wrapper .carousel-controls {
   float: left;
   position: absolute;
   z-index: 10;
   bottom: 96px;
   width: 100%;
   text-align: center;
   margin: 0 -15px;
}
@media (max-width: 991px) {
   .testimonials .testimonial-item-wrapper .carousel-controls {
     bottom: 60px;
  }
}
.testimonials .testimonial-item-wrapper .carousel-controls .carousel-control {
   top: 0;
   width: 40px;
   height: 40px;
   background-color: lightgrey;
   color: #FFF;
   padding: 0;
   font-size: 38px;
   display: inline-block;
   -webkit-transition: all .25s;
   transition: all .25s;
   opacity: 1;
   border-radius: 40px;
}
.testimonials .testimonial-item-wrapper .carousel-controls .carousel-control:hover {
   background-color: grey;
}
.testimonials .testimonial-item-wrapper .carousel-controls .carousel-control.left {
   background-image: none;
   text-shadow: none;
   position: relative;
   margin: 0 6px
}
.testimonials .testimonial-item-wrapper .carousel-controls .carousel-control.right {
   background-image: none;
   text-shadow: none;
   padding: 0 0 0 3px;
   position: relative;
   margin: 0 6px
}
.carousel-inner .carousel-caption:before {
   background-image: url(../images/top-left-speech.png);
   background-repeat: no-repeat;
   background-position-x: 50px;
   text-align: start;
   top: 0;
   left: -70px;
   position: relative;
   min-height: 25px;
   background-size: 25px 25px;
   content: "";
}
.carousel-inner .carousel-caption:after {
   background-image: url(../images/bottom-right-speech.png);
   background-repeat: no-repeat;
   background-position-x: right;
   text-align: end;
   top: -100px;
   right: -24px;
   position: relative;
   min-height: 50px;
   background-size: 25px 25px;
   content: "";
}
.vacancy-item .vi-fd {
   background-color: #FFF;
   color: #4B356F !important;
   border-radius: 20px;
   padding: 6px 20px;
   box-shadow: rgba(0, 0, 0, 0.15) 10px 4px 14px, rgba(0, 0, 0, 0.12) 0px 6px 15px;
}
 /*-------------QUICK LINKS BUTTON--------------*/ .quick a {
   background-color: #4B356F;
}
.quick a:hover, .quick a:focus {
   color: #EEE !important;
   opacity: 0.8;
}
 /* Dropdown Button */ .dropbtn {
   background-color: #4B356F;
   padding: 16px;
   font-size: 16px;
   border: none;
   display: block;
   margin: 0 2rem 0 0;
   color: #FFF;
   padding: 0.5rem 0.5rem 0.5rem 1rem;
   border-radius: 20px;
   text-transform: uppercase;
}
.dropbtn:hover, .dropbtn:focus {
   color: #EEE !important;
   opacity: 0.8;
}
 /* The container <div> - needed to position the dropdown content */ .dropdown {
   position: relative;
   display: inline-block;
}
 /* Dropdown Content (Hidden by Default) */ .dropdown-content {
   display: none;
   position: absolute;
   background-color: rgba(241,241,241, 0.5);
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   top: 35px;
   /*padding-top: 20px;*/ /*border-top-right-radius: 20px;*/ z-index: 1;
}
 /* Links inside the dropdown */ .dropdown-content a {
   color: #002D4F;
   padding: 12px 16px;
   text-decoration: none;
   display: block;
}
 /* Change color of dropdown links on hover */ .dropdown-content a:hover {
   background-color: #ddd;
}
 /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content {
   display: inline-block;
}
 /* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown:hover .dropbtn {
   background-color: #4B356F;
}
.dropdown .fa-angle-right {
   font-size: 20px;
   margin-left: 10px;
   border: 2px #FFF solid;
   border-radius: 20px;
   padding: 2px 8px;
}
.panel-title a {
   background-color: #2E9FB7 !important;
}
.panel-default {
   background-color: rgba(240, 240, 240,.2) !important;
}
.panel-title a.collapsed {
   background-color: rgba(200, 200, 200, .1);
}
.panel-title a:hover {
    background-color: #2E9FB7 !important;
    color: #eee !important;
}
.cv-upload-col .btn-default {
   margin: 0 !important;
   padding: 10px 20px !important;
   display: inline-flex;
   margin-left: auto;
   margin-right: auto;
   display: inline-flex;
}
.info-section {
   background-color: rgb(250, 250, 250);
   padding-bottom: 4rem;
}
.job-section {
   background-color: rgb(250, 250, 250);
   padding-bottom: 6rem;
}
.testimonial-item {
   border-bottom: 1px dotted lightgrey;
   padding-top: 15px;
}
.testimonials .carousel-control .fa-angle-left {
   position: absolute;
   top: 0;
   left: 12px;
}
.testimonials .carousel-control .fa-angle-right {
   position: absolute;
   top: 0;
   right: 12px;
}
.animated {
   animation-duration: 1.5s;
}
.to-be-animated {
   opacity: 0;
}
 /*.animated-zoomInRight {
    opacity: 0;
}*/ .animated-2 {
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}
.animated-3 {
   -webkit-animation-duration: 5s;
   animation-duration: 5s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}
.animated-4 {
   -webkit-animation-duration: 5s;
   animation-duration: 5s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}
@media (max-width: 767px) {
   .vacancy-list-item {
     min-height: 300px !important;
  }
.form-page-direction-buttons {
     display: flex !important;
  }
}
.hero-logo-image {
   width: 100%;
}
.hero-logo-image img {
   display: flex;
   margin-right: auto;
   margin-left: auto;
   padding-bottom: 20px;
   width: 54%;
}
@media (max-width: 991px) {
   .hero-logo-image img {
     width: 42%;
  }
.hero-search {
     margin-top: 0px;
  }
}
@media (max-width: 767px) {
   .hero-logo-image img {
     width: 42%;
  }
.hero-search {
     margin-top: 0px;
  }
}
.hero-content-search {
   background-color: rgba(200, 200, 200, .8);
   border-radius: 10px;
   text-align: center;
   padding: 20px 0;
}
.search-bar {
   display: contents !important;
}
.hero-search__body .input-group-btn {
   display: inline-table !important;
}
/*.introduction:before {
   content: "";
   position: absolute;
   left: 0;
   top: -1px;
   width: 100%;
   height: 20%;
   z-index: 0;
   background-image: url("../images/cont-top.svg");
   background-position: top left;
   background-repeat: no-repeat;
   background-size: 100% auto;
}*/
/*.introduction:after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 20%;*/
   /*  z-index: 1;*/ /*background-image: url("../images/cont-btm-grey.svg");
   background-position: bottom left;
   background-repeat: no-repeat;
   background-size: 100% auto;
}*/
.standard-pages .job-section:before {
   content: "";
   position: absolute;
   left: 0;
   /* top: -1px;*/ width: 100%;
   height: 50%;
   /* z-index: 1;*/ background-image: url("../images/cont-top-blue.svg");
   background-position: top left;
   background-repeat: no-repeat;
   background-size: 100% auto;
}
.standard-pages .job-section:after {
   content: "";
   position: absolute;
   left: 0;
   /* bottom: 0; */ width: 100%;
   height: 2%;
   /* z-index: 1;*/ background-image: url(../images/cont-btm.svg);
   background-position: bottom left;
   background-repeat: no-repeat;
   background-size: 100% auto;
}
.inner-pages .job-section:before {
   content: "";
   position: absolute;
   left: 0;
   /* top: -1px;*/ width: 100%;
   height: 50%;
   /* z-index: 1;*/ background-image: url("../images/cont-top-blue.svg");
   background-position: top left;
   background-repeat: no-repeat;
   background-size: 100% auto;
}
.inner-pages .job-section:after {
   content: "";
   position: absolute;
   left: 0;
   /* bottom: 0; */ width: 100%;
   height: 9%;
   z-index: 1;
   background-image: url(../images/cont-btm.svg);
   background-position: bottom left;
   background-repeat: no-repeat;
   background-size: 100% auto;
}
.info-section:before {
   content: "";
   position: absolute;
   left: 0;
   /* top: -1px;*/ width: 100%;
   height: 8%;
   /* z-index: 1;*/ background-image: url("../images/cont-top.svg");
   background-position: top left;
   background-repeat: no-repeat;
   background-size: 100% auto;
}
.standard-pages .info-section:after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 5%;
   z-index: 2;
   background-image: url("../images/cont-btm.svg");
   background-position: bottom left;
   background-repeat: no-repeat;
   background-size: 100% auto;
}
.info-section {
   background-color: white;
}
.job-section {
   background-color: #9CD4E0;
}
.dark-blue-text {
   color: #4B356F !important;
}
.light-blue-text {
   color: #2E9FB7 !important;
}
.carousel-img img {
   width: 100%;
   margin-left: 15px;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
}
.fa-home {
   margin-top: -15px;
   background-color: #002D4F;
   font-size: 24px;
   border-radius: 24px;
   padding: 10px;
}
.contact-link a {
   display: flex;
   align-items: center;
   gap: 5px;
   text-decoration: none;
}
.contact-link i {
   font-size: 28px;
   line-height: 1;
}
.contact-link span {
   font-size: 18px;
   font-weight: 600;
}
.contact-link h4 {
   border:unset !important;
}
.fab.fa-whatsapp {
   color: #25D366;
}
.contact-link a:link:hover, .contact-link a:link:visited:hover, .contact-link a:visited:hover, .contact-link a:visited:visited:hover {
   color: #666 !important;
   text-decoration: none !important;
}
 /* Shared functional page styles for the Pro Social main stylesheet. */ /* Shared functional pages use Bootstrap 3 inside the new Pro Social shell. */ .footer.hl-footer {
   background: #000;
   color: #fff;
   padding: 15px 0;
}
.footer.hl-footer p {
   font-size: 13px;
   font-weight: 400;
   margin: 0;
}
.footer.hl-footer p.hidden-xs,
.footer.hl-footer p.hidden-sm.hidden-md.hidden-lg {
   display: none !important;
}
.footer.hl-footer a {
   color: #fff;
}
.footer.hl-footer a:hover {
   color: var(--teal);
}
.footer.hl-footer img {
   max-width: 100%;
   height: auto;
}
.footer.hl-footer .social {
   float: right;
   margin: 0 0 0 10px;
   padding: 0;
   list-style: none;
}
.footer.hl-footer .social i {
   font-size: 30px;
}
@media (max-width: 991px) {
   .footer.hl-footer .hl-row {
     padding-top: 15px;
     text-align: left;
  }
.footer.hl-footer .social {
     float: none;
     display: inline-block;
     margin: 0 15px 0 0;
     vertical-align: middle;
  }
}
.ps-inner-page {
   padding: 64px 0;
   min-height: 55vh;
   background: var(--paper);
}
.ps-inner-page .container {
   width: 100%;
   max-width: 1160px;
}
.ps-inner-page .container .container {
   width: 100%;
   padding-left: 0;
   padding-right: 0;
}
.ps-inner-page h1 {
   font-size: 48px;
   line-height: 1.1;
   color: var(--navy);
   margin: 0 0 28px;
}
.ps-inner-page .main-header {
   padding: 0;
   margin: 0;
}
.ps-inner-page .ps-contact-page {
   min-height: 0;
   padding: 0;
   background: transparent;
}
.ps-inner-page .ps-contact-page .container.content {
   padding-right: 28px;
   padding-left: 28px;
}
.ps-inner-page .ps-contact-page h1 {
   margin: 0 0 28px;
}
.ps-contact-founder {
   display: flex;
   align-items: center;
   gap: 14px;
   margin: 0 0 24px;
}
.ps-contact-founder img {
   width: 72px;
   height: 72px;
   object-fit: cover;
   border-radius: 50%;
   border: 2px solid var(--teal);
}
.ps-contact-founder strong,
.ps-contact-founder span {
   display: block;
}
.ps-contact-founder strong {
   color: var(--ink);
   font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
   font-size: 25px;
   font-weight: 700;
   line-height: 1.1;
}
.ps-contact-founder span {
   margin-top: 3px;
   color: var(--teal-dk);
   font-size: 14px;
   font-weight: 700;
   letter-spacing: .08em;
   text-transform: uppercase;
}
.ps-inner-page .main-header h1, .ps-inner-page .ps-contact-page h1 {
   font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
   font-weight: 700;
}
.ps-inner-page h2 {
   margin-top: 28px;
}
.ps-inner-page h3 {
   color: var(--navy);
   font-size: 26px;
   margin-bottom: 16px;
}
.ps-inner-page p {
   line-height: 1.6 !important;
}
.ps-inner-page .btn {
   border-radius: 6px;
}
.ps-inner-page .btn-default, .ps-inner-page .btn-primary, .ps-inner-page .btn-success, .ps-inner-page input[type="submit"] {
   background: var(--navy);
   border-color: var(--navy);
   color: #fff;
}
.ps-inner-page .btn:hover {
   background: var(--teal-dk);
   border-color: var(--teal-dk);
   color: #fff;
}
.ps-inner-page .form-control {
   border: 1px solid var(--line);
   border-radius: 6px;
   box-shadow: none;
   font-family: inherit;
}
.ps-inner-page .form-control:focus {
   border-color: var(--teal-dk);
}
.ps-inner-page .panel, .ps-inner-page .well {
   background: var(--paper2);
   border-color: var(--line);
   border-radius: 12px;
   box-shadow: none;
}
.ps-inner-page .panel-heading {
   background: var(--navy);
   color: #fff;
   border-color: var(--navy);
}
.ps-inner-page .contactus-form {
   padding: 24px;
   background: var(--paper2);
   border: 1px solid var(--line);
   border-radius: 12px;
   margin-top: 20px;
}
.ps-inner-page .contactus-form .form-control {
   min-height: 46px;
}
.ps-inner-page .job-section, .ps-inner-page .info-section {
   padding: 48px 0 0;
}
.ps-inner-page .vacancy-list-item {
   padding: 24px;
   margin-bottom: 20px;
   border: 1px solid var(--line);
   border-radius: 12px;
   background: var(--paper2);
}
.ps-vacancy-screen {
   display: flex;
   flex-wrap: wrap;
   margin-right: -11px;
   margin-left: -11px;
}
.ps-vacancy-card {
   min-height: 0 !important;
   margin-bottom: 22px;
   padding: 24px 40px;
 /*  border: 1px solid var(--line);*/
   border-radius: 16px;
   background: var(--paper2);
   box-shadow: none;
}
.ps-vacancy-card h3 {
   position: relative;
   margin: 0 0 10px;
   padding-left: 0;
   color: var(--navy);
   font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
   font-size: 20px;
   font-weight: 700;
   line-height: 1.35;
}
.ps-vacancy-card h3::before {
   position: absolute;
   top: 0;
   bottom: 0;
   left: -12px;
   width: 3px;
   background: var(--teal);
   content: "";
   opacity:.55;
}
.ps-vacancy-card h3 a {
   color: inherit;
   text-decoration: none;
}

.ps-vacancy-card .ps-vacancy-meta {
   margin: 0 0 24px;
   color: var(--slate);
   font-size: 15px;
   line-height: 1.55;
}
.ps-vacancy-card .ps-vacancy-location,
.ps-vacancy-card .ps-vacancy-salary {
   display: block;
}
.ps-vacancy-card .ps-vacancy-link {
   color: var(--teal-dk);
   font-size: 14px;
   font-weight: 700;
   text-decoration: none;
}
.ps-vacancy-card .ps-vacancy-link:hover, .ps-vacancy-card .ps-vacancy-link:focus {
   color: var(--navy);
   text-decoration: underline;
}
.ps-vacancies-page .paging-row {
   display: flex;
   justify-content: flex-end;
}
.ps-vacancies-page .form-inline.paging-container {
   display: inline-flex;
   flex-wrap: nowrap;
   align-items: center;
   gap: 8px;
   margin: 6px 0;
}
.ps-vacancies-page .paging-container .paging-item {
   display: inline-flex;
}
.ps-vacancies-page .paging-container .form-control,
.ps-vacancies-page .paging-container .paging-prev-button,
.ps-vacancies-page .paging-container .paging-next-button {
   height: 36px;
   margin: 0;
   border-radius: 6px;
   font-size: 14px;
}
.ps-vacancies-page .paging-container .form-control {
   width: auto;
   min-width: 100px;
   padding: 0 16px 0 16px;
   border: 1px solid var(--line);
   background-color: var(--paper);
   color: var(--slate);
}
.ps-vacancies-page .paging-container .paging-prev-button,
.ps-vacancies-page .paging-container .paging-next-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 40px;
   padding: 0 16px;
   border: 0;
   background: var(--navy);
   color: #fff;
   line-height: 1;
}
.ps-vacancies-page .paging-container .paging-prev-button:hover,
.ps-vacancies-page .paging-container .paging-prev-button:focus,
.ps-vacancies-page .paging-container .paging-next-button:hover,
.ps-vacancies-page .paging-container .paging-next-button:focus {
   background: var(--teal-dk);
   color: #fff;
}
@media (max-width: 767px) {
   .ps-vacancies-page .paging-row {
      justify-content: flex-start;
   }
   .ps-vacancies-page .form-inline.paging-container {
      max-width: 100%;
   }
   .ps-vacancies-page .paging-container .form-control {
      min-width: 0;
      max-width: 42vw;
   }
   .ps-vacancies-page .paging-container .paging-prev-button,
   .ps-vacancies-page .paging-container .paging-next-button {
      min-width: 46px;
      padding-right: 12px;
      padding-left: 12px;
   }
}
@media (min-width: 768px) {
   .ps-vacancy-card {
      width: calc(50% - 22px);
      margin-right: 11px;
      margin-left: 11px;
   }
}
@media (min-width: 992px) {
   .ps-vacancy-card {
      width: calc(33.333333% - 22px);
   }
}
.ps-inner-page .vacancy-item, .ps-inner-page .testimonial-item-wrapper {
   padding: 24px;
   margin-bottom: 22px;
   border: 1px solid var(--line);
   border-radius: 12px;
   background: var(--paper2);
}
.ps-inner-page .vacancy-item ul {
   padding-left: 0;
   list-style: none;
}
.ps-inner-page .vacancy-item .cover {
   margin-top: 18px;
}
.ps-inner-page .testimonial-block {
   height: auto !important;
}
.ps-inner-page .testimonials .carousel-inner {
   width: 100%;
   float: none;
}
.ps-inner-page .testimonials .carousel-caption {
   position: static;
   padding: 0;
   color: var(--ink);
   text-shadow: none;
   text-align: left;
}
.ps-testimonials-list .testimonial-item {
   position: relative;
   display: flex;
   flex-direction: column;
   margin: 0 0 22px;
   padding: 34px 40px;
   border: 1px solid var(--line);
   border-radius: 16px;
   background: var(--paper);
}
.ps-testimonials-list .quote {
   position: relative;
   margin: 0;
}
.ps-testimonials-list .quote::before {
   position: absolute;
   color: var(--teal);
   font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
   font-size: 68px;
   line-height: 1;
   opacity: .55;
}
.ps-testimonials-list .quote::before {
   content: "\201C";
   top: -12px;
   left: 0;
}
.ps-testimonials-list [id^="testimonial-text-"] {
   max-height: 150px;
   margin: 42px 0 0;
   color: var(--ink);
   font-size: 18px;
   line-height: 1.6;
   overflow: hidden;
   transition: max-height .3s ease-in-out;
}
.ps-testimonials-list .read-more-btn {
    align-self: flex-start;
    display: inline-block;
    margin: 6px 0 0;
    padding: 0 6px;
    border: 0;
    background: transparent;
    color: var(--teal-dk);
    font: inherit;
    font-weight: 500;
    text-align: left;
    border-radius: 5px;
    background-color: var(--paper2);
    border: 1px solid var(--line);
}
.ps-testimonials-list .read-more-btn:hover, .ps-testimonials-list .read-more-btn:focus {
   color: var(--teal);
   background-color: var(--navy);
}
.ps-testimonials-list .quote-source {
   margin: 26px 0 0;
   color: var(--ink);
}
.ps-testimonials-list .quote-source p {
   margin: 0;
   font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
   font-size: 24px;
   font-weight: 700;
   line-height: 1.25;
}
.ps-testimonials-list .quote-source span {
   color: var(--slate);
   font-family: Lato, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 1.55;
}
.ps-testimonials-page {
   background: var(--paper2);
}
.ps-inner-page .contact-link {
   margin: 8px 0 28px;
}
.ps-inner-page .contact-link a {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   color: var(--navy);
   text-decoration: none;
}
.ps-vacancy-employer-cta {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin-top: 28px;
}
.ps-vacancy-detail-page .vacancy-detail .apply-row {
   display: none;
}
.ps-vacancy-employer-cta .btn {
   min-width: 0;
   padding: 1rem 3rem;
   border: 2px solid #666;
   border-radius: 0;
   background: var(--navy);
   color: #fff;
   font-size: 16px;
   font-weight: 400;
   line-height: 1.2;
   text-align: center;
}
.ps-vacancy-employer-cta .btn:hover,
.ps-vacancy-employer-cta .btn:focus {
   background: var(--teal-dk);
   color: #fff;
   text-decoration: none;
}
.ps-vacancy-page .btn:hover {
   background: var(--teal-dk);
   color: #fff;
}
.ps-vacancy-page .ps-vacancy-employer-button:hover,
.ps-vacancy-page .ps-vacancy-employer-button:focus,
.ps-vacancy-page .viewvaclist.btn.btn-default:hover,
.ps-vacancy-page .viewvaclist.btn.btn-default:focus {
   background: var(--teal-dk) !important;
   color: #fff !important;
}
.ps-vacancy-page .viewvaclist.btn.btn-default:hover::after,
.ps-vacancy-page .viewvaclist.btn.btn-default:focus::after {
   content: none;
}
.ps-vacancy-employer-cta .disabled {
   cursor: not-allowed;
   opacity: .65;
}
.ps-inner-page .contact-link h4 {
   margin: 0;
   border: 0 !important;
   color: var(--teal);
   font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
   font-size: 30px;
   font-weight: 800;
}
.ps-inner-page .contact-link .fa-whatsapp {
   color: #25d366;
   font-size: 44px;
   line-height: 1;
}
.ps-inner-page .contact-link a:hover, .ps-inner-page .contact-link a:focus {
   color: var(--navy);
   text-decoration: none;
}
.call-to-action {
   background: var(--navy);
   color: #fff;
   padding: 56px 28px;
}
.call-to-action .container {
   width: 100%;
   max-width: 1104px;
}
.call-to-action h2, .call-to-action h4 {
   color: #fff;
}
.call-to-action .btn {
   background: #fff;
   color: var(--navy);
   margin-top: 20px;
}
@media (max-width: 767px) {
   .ps-inner-page {
     padding: 36px 0;
  }
.ps-inner-page h1 {
     font-size: 36px;
  }
.ps-inner-page .contactus-form {
     padding: 16px;
  }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .ps-inner-page h1,:root:not([data-theme="light"]) .ps-inner-page h3 {
     color: #fff;
  }
}


/* Homepage styles merged from homepage.css. */
:root{
  --navy:#0a1c40;
  --navy2:#112647;
  --teal:#4db8cc;
  --teal-dk:#2b8fa3;
  --light:#e3e9f2;
  --slate:#5b6b82;
  --ink:#182033;
  --paper:#ffffff;
  --paper2:#f5f7fb;
  --line:#dde3ec;
  --gold:#c9a96a
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0e1522;
    --paper2:#141c2b;
    --ink:#e9eef6;
    --slate:#a9b5c8;
    --line:#26314a
  }
}
:root[data-theme="dark"]{
  --paper:#0e1522;
  --paper2:#141c2b;
  --ink:#e9eef6;
  --slate:#a9b5c8;
  --line:#26314a
}
*{
  box-sizing:border-box
}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Lato,Arial,Helvetica,sans-serif;
  font-size:17px;
  line-height:1.6
}
h1,h2,h3,.serif{
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-weight:700;
  margin:0;
  text-wrap:balance;
  letter-spacing:-.005em
}
.note{
  background:#fff6dc;
  color:#5a4400;
  padding:10px 20px;
  font-size:14px;
  text-align:center;
  border-bottom:1px solid #f0d78a
}
.wrap{
  max-width:1160px;
  margin:0 auto;
  padding:0 28px
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:26px;
  font-weight:700
}
.brand b{
  color:#fff;
  font-weight:700
}
.brand span{
  color:var(--teal);
  font-weight:600
}
.mark{
  width:38px;
  height:42px;
  display:inline-block;
  object-fit:contain;
  background-color:unset !important;
}

footer .brand .mark {
  width: auto;
  height: 66px;
}
.hero{
  background:var(--navy);
  color:#fff;
  position:relative;
  overflow:hidden
}
.hero:before{
  content:"";
  position:absolute;
  right:-8%;
  top:-30%;
  width:55%;
  height:160%;
  background:linear-gradient(160deg,var(--teal),#1f6f86);
  transform:skewX(-12deg);
  opacity:.95
}
.hero .wrap{
  position:relative;
  padding:88px 28px
}
.hero .eyebrow{
  color:var(--teal)
}
.hero h1{
  font-size:58px;
  line-height:1.02
}
.hero p{
  font-size:20px;
  color:var(--light);
  max-width:54ch;
  margin:22px 0 32px
}
.btns{
  display:flex;
  gap:14px;
  flex-wrap:wrap
}
.btn{
  display:inline-block;
  padding:15px 24px;
  border-radius:6px;
  font-weight:700;
  text-decoration:none;
  font-size:16px
}
.btn.pri{
  background:#fff;
  color:var(--navy)
}
.btn.sec{
  border:2px solid rgba(255,255,255,.7);
  color:#fff
}
.portrait{
  aspect-ratio:4/5;
  border-radius:14px;
  overflow:hidden;
  background:#3b4250;
  box-shadow:0 30px 60px rgba(0,0,0,.35);
  position:relative
}
.portrait img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}
.portrait .cap{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(transparent,rgba(10,28,64,.9));
  color:#fff;
  padding:60px 22px 20px;
  font-size:15px
}
.portrait .cap b{
  display:block;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:22px
}
.portrait .ph{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#cfd6e2;
  text-align:center;
  padding:30px;
  font-size:15px
}
.proof{
  background:var(--paper2);
  border-bottom:1px solid var(--line)
}
.proof .wrap{
  padding:34px 28px
}
.proof div b{
  display:block;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:40px;
  line-height:1;
  color:var(--navy);
  margin-bottom:6px
}
.proof div span{
  color:var(--slate);
  font-size:15px
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .proof div b,:root:not([data-theme="light"]) .q b,:root:not([data-theme="light"]) h2{
    color:#fff
  }
}
section.block .wrap{
  padding:84px 28px
}
.two p{
  max-width:60ch;
  margin:0 0 16px
}
.eyebrow{
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--teal-dk);
  font-weight:700;
  margin-bottom:14px
}
h2{
  font-size:42px;
  line-height:1.1;
  margin-bottom:22px;
  color:var(--navy)
}
.lead{
  font-size:19px;
  color:var(--slate)
}
.q{
  background:var(--paper);
  border:1px solid var(--line);
  padding:28px;
  border-radius:12px;
  position:relative
}
.q:before{
  content:"\201C";
  position:absolute;
  top:8px;
  left:20px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:80px;
  line-height:1;
  color:var(--teal);
  opacity:.5
}
.q p{
  margin:26px 0 16px;
  font-size:16px
}
.q b{
  display:block;
  color:var(--navy);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:20px
}
.q span{
  color:var(--slate);
  font-size:14px
}
.step{
  border-top:3px solid var(--teal);
  padding:22px 0 0
}
.step .n{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:42px;
  color:var(--teal);
  line-height:1
}
.step h3{
  font-size:22px;
  margin:8px 0 8px;
  color:var(--navy)
}
.step p{
  margin:0;
  color:var(--slate);
  font-size:15px
}
.team .portrait{
  aspect-ratio:4/5;
  box-shadow:0 24px 50px rgba(10,28,64,.18)
}
.team h2{
  margin-bottom:6px
}
.team .role{
  color:var(--teal-dk);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:13px;
  margin-bottom:22px;
  display:block
}
.team p{
  margin:0 0 16px;
  max-width:60ch
}
.team .links a{
  color:var(--navy);
  font-weight:700;
  text-decoration:none;
  margin-right:22px;
  border-bottom:2px solid var(--teal)
}
.cta{
  background:var(--navy);
  color:#fff
}
.cta .wrap{
  padding:80px 28px
}
.cta h2{
  color:#fff
}
.cta p{
  color:var(--light);
  font-size:18px
}
#permanent-role-form{
  background:#fff;
  border-radius:12px;
  padding:26px;
  color:#182033;
  box-shadow:0 30px 60px rgba(0,0,0,.3)
}
#permanent-role-form input,#permanent-role-form textarea{
  width:100%;
  padding:12px 13px;
  border:1px solid #cbd5e1;
  border-radius:6px;
  font:inherit;
  background:#fff;
  color:#182033
}
#permanent-role-form button{
  padding:14px;
  border:0;
  border-radius:6px;
  background:var(--navy);
  color:#fff;
  font-weight:700;
  font-size:16px
}
#permanent-role-form small{
  color:#5b6b82
}
.job{
  border:1px solid var(--line);
  border-radius:12px;
  padding:22px
}
.job b{
  display:block;
  font-size:18px;
  margin-bottom:6px;
  font-family:"Cormorant Garamond",Georgia,serif;
  color:var(--navy)
}
.job span{
  display:block;
  color:var(--slate);
  font-size:15px
}
.job a{
  color:var(--teal-dk);
  font-weight:700;
  text-decoration:none;
  font-size:14px;
  display:inline-block;
  margin-top:12px
}
.news{
  display:flex;
  gap:22px;
  align-items:center;
  background:var(--paper2);
  border:1px solid var(--line);
  border-radius:12px;
  padding:22px 26px;
  margin-top:44px
}
.news .tile{
  width:76px;
  height:76px;
  border-radius:12px;
  background:var(--navy);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:14px;
  text-align:center;
  flex:none;
  line-height:1.1
}
.news b{
  display:block;
  font-size:18px
}
.news span{
  color:var(--slate);
  font-size:15px
}
footer{
  background:var(--navy2);
  color:var(--light);
  font-size:14px
}
footer .wrap{
  padding:48px 28px
}
footer a{
  color:#fff;
  text-decoration:none;
  display:block;
  margin-bottom:8px
}
footer h4{
  margin:0 0 12px;
  color:#fff;
  font-size:13px;
  letter-spacing:.1em;
  text-transform:uppercase
}
 /* Integration: keep the mockup's copy and layout, with usable narrow-screen navigation. */ html {
   scroll-padding-top: 0;
   overflow-y: scroll;
   scrollbar-gutter: stable;
}
[hidden], .portrait [hidden] {
   display: none !important;
}
.brand {
   text-decoration: none;
   white-space: nowrap;
}
.mark {
   flex-shrink: 0;
}
.two > *, .team > *, .hero .wrap > *, .cta .wrap > * {
   min-width: 0;
}
footer a, .team .links a {
   overflow-wrap: anywhere;
}
.ps-utility {
   background: var(--navy2);
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 12px 24px;
   padding: 20px 28px;
}
.ps-utility a {
   color: white;
   font-size: 14px;
}
button:focus-visible, input:focus-visible, textarea:focus-visible {
   outline: 3px solid var(--teal);
   outline-offset: 4px;
}
button {
   cursor: pointer;
}
button:disabled {
   cursor: wait;
   opacity: .65;
}
#role-form-status:empty {
   display: none;
}
#role-form-status {
   color: #9f2525;
   font-size: 14px;
}
.cookie-consent-banner {
   display: none;
   position: fixed;
   bottom: 16px;
   left: 16px;
   z-index: 1000;
   width: min(440px, calc(100% - 32px));
   max-height: 85vh;
   overflow-y: auto;
   background: #fff;
   color: #182033;
   padding: 24px;
   border: 1px solid #dde3ec;
   border-radius: 12px;
   box-shadow: 0 10px 40px #000;
   font-size: 14px;
}
.cookie-consent-banner h3 {
   font-size: 24px;
}
.cookie-consent-banner a {
   color: #0a1c40;
}
.cookie-consent-button {
   background: #0a1c40;
   color: #fff;
   border: 0;
   border-radius: 5px;
   padding: 10px 14px;
   margin: 4px;
}
.cookie-consent-options {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
   margin-top: 14px;
}
.cookie-consent-banner .hidden {
   display: none;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .step h3,:root:not([data-theme="light"]) .job b,:root:not([data-theme="light"]) .team .links a {
     color: #fff;
  }
}
:root[data-theme="dark"] h2,:root[data-theme="dark"] .proof div b,:root[data-theme="dark"] .q b,:root[data-theme="dark"] .step h3,:root[data-theme="dark"] .job b,:root[data-theme="dark"] .team .links a {
   color: #fff;
}
@media (max-width: 600px) {
   .wrap {
     padding-left: 20px;
     padding-right: 20px;
  }
.hero .wrap, section.block .wrap, .cta .wrap {
     padding: 48px 20px;
  }
.proof .wrap {
     padding: 28px 20px;
  }
.proof div b {
     font-size: 32px;
  }
.news {
     flex-wrap: wrap;
     padding: 20px;
  }
.news > div:not(.tile) {
     flex: 1;
     min-width: 160px;
  }
.news .btn {
     margin-left: 0 !important;
  }
footer .wrap {
     padding: 36px 20px;
  }
}
@media (max-width: 380px) {
   .steps > .col-xs-6 {
     width: 100%;
  }
}
 /* Bootstrap 3 grid, with the mockup's original container and gutters. */ .container.wrap {
   width: 100%;
   max-width: 1160px;
}
.hero-row, .cta-row {
   margin-left: -28px;
   margin-right: -28px;
}
.hero-row > [class*="col-"], .cta-row > [class*="col-"] {
   padding-left: 28px;
   padding-right: 28px;
}
.two, .team {
   margin-left: 0;
   margin-right: 0;
}
.two > [class*="col-"], .team > [class*="col-"] {
   padding-left: 0;
   padding-right: 0;
}
.proof-row {
   margin-left: -14px;
   margin-right: -14px;
}
.proof-row > [class*="col-"] {
   padding-left: 14px;
   padding-right: 14px;
}
.wall, .steps, .jobs-row {
   margin-left: -11px;
   margin-right: -11px;
}
.wall > [class*="col-"], .steps > [class*="col-"], .jobs-row > [class*="col-"] {
   padding-left: 11px;
   padding-right: 11px;
   margin-bottom: 22px;
}
.wall > .col-md-4:nth-child(3), .steps > .col-xs-6:nth-child(odd) {
   clear: left;
}
.q {
   height: 100%;
   display: flex;
   flex-direction: column;
   padding: 34px 40px;
   border-radius: 16px;
}
.q:before {
   top: 20px;
   left: 30px;
   font-size: 68px;
   opacity: .55;
}
.q p {
   margin: 50px 0 24px;
   color: var(--ink);
   line-height: 1.6;
}
.q b {
   margin-top: auto;
   font-weight: 700;
}
.q span {
   display: block;
   margin-top: 8px;
   font-size: 16px;
   line-height: 1.55;
}
.results-more {
   margin-top: 28px;
   text-align: center;
}
.results-more-btn:hover, .results-more-btn:focus {
   background: var(--navy2) !important;
   color: #fff !important;
}
.ps-navbar .navbar-header .brand {
   display: inline-flex;
}
#permanent-role-form .form-control {
   height: auto;
   margin-bottom: 10px;
   box-shadow: none;
}
#permanent-role-form small, #role-form-status {
   display: block;
   margin-top: 10px;
}
.btn {
   white-space: normal;
   line-height: 1.6;
}
a:hover, a:focus {
   color: var(--teal-dk);
}
.brand:hover, .brand:focus {
   text-decoration: none;
}
.footer-row > [class*="col-"] {
   margin-bottom: 22px;
}
.column-footer-action a {
    background-color: var(--teal);
}
.image-box span {
    background-color: rgba(77, 184, 204, 0.5) !important;
}

 /* Exactly reproduce the template's 1.25:.9, .9:1.3, 1.1:1 and 2:1:1:1 splits.
   The pixel correction accounts for Bootstrap's negative row margins and gutters. */ @media (min-width: 992px) {
   .two > [class*="col-"]:first-child, .team > .team-image {
     padding-right: 32px;
  }
.two > [class*="col-"]:last-child, .team > .team-copy {
     padding-left: 32px;
  }
.wall, .jobs-row {
     display: flex;
     flex-wrap: wrap;
  }
.wall:before, .wall:after, .jobs-row:before, .jobs-row:after {
     display: none;
  }
.wall > [class*="col-"], .jobs-row > [class*="col-"] {
     display: flex;
  }
.q, .job {
     width: 100%;
  }
.hero-row, .team, .cta-row {
     display: flex;
     align-items: center;
  }
.hero-row:before, .hero-row:after, .team:before, .team:after, .cta-row:before, .cta-row:after {
     display: none;
  }
.hero-copy {
     width: calc(58.139535% - 9.116279px);
  }
.hero-image {
     width: calc(41.860465% + 9.116279px);
  }
.team-image {
     width: calc(40.909091% + 5.818182px);
  }
.team-copy {
     width: calc(59.090909% - 5.818182px);
  }
.cta-copy {
     width: calc(52.380952% - 2.666667px);
  }
.cta-form {
     width: calc(47.619048% + 2.666667px);
  }
.footer-brand {
     width: calc(40% - 18px);
  }
.footer-links {
     width: calc(20% + 6px);
  }
}
@media (max-width: 991px) {
   .hero-row, .cta-row {
     margin-left: -15px;
     margin-right: -15px;
  }
.hero-row > [class*="col-"], .cta-row > [class*="col-"] {
     padding-left: 15px;
     padding-right: 15px;
  }
.hero-copy, .two > [class*="col-"]:first-child, .team-image, .cta-copy {
     margin-bottom: 32px;
  }
.hero h1 {
     font-size: 40px;
  }
h2 {
     font-size: 34px;
  }
.hero:before {
     display: none;
  }
.proof-row > .col-xs-6 {
     margin-bottom: 22px;
  }
.proof-row > .col-xs-6:nth-child(odd) {
     clear: left;
  }
.footer-row > .col-sm-6:nth-child(odd) {
     clear: left;
  }
}
 /* Desktop Bootstrap navigation; mobile uses the original-style right drawer. */ .ps-navbar {
   background: var(--navy);
   color: #fff;
   position: sticky;
   top: 0;
   z-index: 100;
   margin: 0;
   border: 0;
   border-radius: 0;
}
.ps-navbar .wrap {
   padding-top: 14px;
   padding-bottom: 14px;
}
.ps-navbar .brand {
   min-height: 48px;
   font-size: 26px;
   gap: 12px;
}
.ps-navbar .brand .mark {
   width: auto;
   height: 54px;
}
.ps-navbar .navbar-collapse {
   padding: 0;
   border: 0;
   box-shadow: none;
}
.ps-navbar .navbar-nav {
   display: flex;
   gap: 28px;
   margin: 0;
   font-size: 15px;
   letter-spacing: .01em;
}
.ps-navbar .navbar-nav > li > a {
   color: #fff;
   padding: 12px 0;
   font-family: Lato,Arial,Helvetica,sans-serif;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.6;
   text-transform: none;
}
.ps-navbar .navbar-nav > li > a:hover, .ps-navbar .navbar-nav > li > a:focus {
   background: var(--navy2);
   color: var(--teal);
}
.ps-navbar .navbar-nav > li > a:focus {
   outline: 0;
}
.ps-navbar .aux {
   font-size: 15px;
   letter-spacing: .01em;
}
.ps-navbar .aux a {
   color: var(--light);
   display: inline-block;
   margin-left: 16px;
   padding: 12px 0;
   font-family: Lato,Arial,Helvetica,sans-serif;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.6;
}
.ps-navbar .navbar-toggle {
  /* border: 1px solid var(--teal);*/
   margin: 6px 10px;
}
.ps-navbar .icon-bar {
   background: #fff;
}
@media (min-width: 991px) {
   .ps-navbar .navbar-header {
     float: left;
  }
.ps-navbar .navbar-toggle {
     display: none !important;
  }
.ps-navbar .navbar-collapse.collapse {
     display: block !important;
     height: auto !important;
     overflow: visible !important;
  }
.ps-navbar .navbar-collapse {
     clear: both;
  }
.ps-navbar .navbar-nav {
     float: left;
  }
.ps-navbar .navbar-nav > li {
     float: left;
  }
.ps-navbar .navbar-right {
     float: right !important;
     margin-right: 0;
  }
}
@media (min-width: 1200px) {
   .ps-navbar .navbar-collapse {
     clear: none;
     margin-left: 280px;
  }
}
@media (max-width: 990.98px) {
   .ps-navbar .navbar-header {
     float: none;
  }
.ps-navbar .navbar-toggle {
     display: block;
  }
.ps-navbar .navbar-collapse {
     clear: both;
  }
.ps-navbar .navbar-collapse.collapse {
     display: none !important;
  }
.ps-navbar .navbar-nav, .ps-navbar .navbar-nav > li, .ps-navbar .navbar-right {
     float: none !important;
  }
.ps-navbar .navbar-nav > li > a {
     padding: 10px 0;
  }
.ps-navbar .aux {
     border-top: 1px solid #ffffff33;
     margin: 8px 0 0;
  }
.ps-navbar .aux a {
     margin-right: 16px;
  }
}
body.ps-menu-open {
   overflow: hidden;
}
.ps-offscreen-menu {
   position: fixed;
   inset: 0 0 0 auto;
   margin: 0;
   border: 0;
   width: min(90vw, 670px);
   max-width: none;
   height: 100%;
   max-height: none;
   padding: 48px 40px 48px 64px;
   overflow-y: auto;
   overscroll-behavior: contain;
   background: var(--navy);
   color: #fff;
}
.ps-offscreen-menu[open] {
   animation: ps-menu-enter .25s ease-out;
}
.ps-offscreen-menu::backdrop {
   background: rgba(0, 0, 0, .25);
}
.ps-menu-close {
   display: block;
   padding: 0;
   margin: 0 0 28px;
   border: 0;
   width: 44px;
   height: 44px;
   background: transparent;
   color: #fff;
   font: 64px/36px Arial, sans-serif;
   text-align: center;
}
.ps-offscreen-menu .nav > li > a {
   padding: 18px 0;
   color: #fff;
   font-family: Lato,Arial,Helvetica,sans-serif;
   font-size: 15px;
   font-weight: 400;
   letter-spacing: .01em;
   line-height: 1.6;
   text-transform: none;
   white-space: normal;
}
.ps-offscreen-menu .nav > li > a:hover, .ps-offscreen-menu .nav > li > a:focus {
   background: transparent;
   color: var(--teal);
}
.ps-offscreen-menu .selected > a {
   color: var(--teal);
}
.ps-menu-account {
   margin-top: 18px;
   padding-top: 18px;
   border-top: 1px solid rgba(255,255,255,.5);
}

.vacancies-content-col {
    padding-top: 0 !important;
    padding-bottom: 0;
}


@keyframes ps-menu-enter {
   from {
     transform: translateX(100%);
  }
to {
     transform: translateX(0);
  }
}
@media (max-width: 480px) {
   .ps-offscreen-menu {
     padding: 28px;
  }
.ps-offscreen-menu .nav > li > a {
     padding: 14px 0;
  }
}
@media (prefers-reduced-motion: reduce) {
   .ps-offscreen-menu[open] {
     animation: none;
  }
}