/* CSS Document */
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  min-height: -webkit-fill-available; }

body {
  background-color: #3F4E62; }

* {
  box-sizing: border-box; }

.underline {
  text-decoration: underline !important; }

video::-webkit-media-controls-start-playback-button {
  display: none !important; }

.custom-video-controls {
  z-index: 2147483647; }

footer svg {
  transition: opacity 500ms ease-in-out; }

footer svg:hover,
footer svg:active {
  opacity: 60%; }

.float_left {
  float: left; }

.float_right {
  float: right; }

.wrapper {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  overflow: hidden; }

.wrapper_inner {
  width: 1200px;
  display: block;
  margin: 0 auto;
  position: relative; }

.wrapper_header {
  width: 100%;
  height: 100vh;
  height: 100svh;
  display: block;
  float: left;
  position: relative; }

.wrapper_header2 {
  width: 100%;
  height: calc(100vh - 166px);
  height: calc(100svh - 166px);
  display: block;
  float: left;
  position: relative; }

.header_bg {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  background-color: rgba(55, 91, 107, 0.51); }

.wrapper_header_nav_single {
  width: 100%;
  height: 166px;
  display: block;
  float: left;
  position: relative; }

.generic_bg {
  width: 100%;
  display: block;
  float: left;
  background-image: url("../images/home-banner-2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }

.hero_bg {
  width: 100%;
  display: block;
  float: left;
  background-image: url("../images/home-banner-3.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }

.contact_bg {
  width: 100%;
  display: block;
  float: left;
  background-image: url("../images/contact-hero-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }

.about_bg {
  width: 100%;
  display: block;
  float: left;
  background-image: url("../images/about-hero-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }

.team_bg {
  width: 100%;
  display: block;
  float: left;
  background-image: url("../images/team-hero.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }

.logo_wrapper {
  text-align: left;
  position: absolute;
  height: 132px;
  left: 0;
  z-index: 1000; }

.logo_wrapper img {
  width: 321px !important;
  position: absolute;
  bottom: 0; }

.video_wrapper {
  width: 100%;
  height: calc(100vh - 166px);
  height: calc(100svh - 166px);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1; }

video {
  width: 100%;
  height: calc(100vh - 166px);
  height: calc(100svh - 166px);
  display: block;
  float: left;
  object-fit: cover;
  object-position: center top;
  position: relative; }

.video_hero_wrapper {
  width: 100vw;
  height: calc(100vh - 166px);
  height: calc(100svh - 166px);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2; }

.snav {
  display: block; }

.mnav {
  display: none; }

.mnav a {
  cursor: pointer; }

.mobile {
  display: none; }

.burger_nav {
  width: 40px; }

nav {
  width: auto;
  top: 105px;
  right: 0;
  position: absolute;
  z-index: 99999; }

nav ul {
  float: right;
  position: relative;
  clear: both;
  z-index: 6666; }

nav ul li {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 140%;
  float: right;
  display: block;
  position: relative;
  white-space: nowrap;
  text-align: right; }

nav ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  margin: 0 0 0 30px;
  padding-bottom: 4px; }

nav ul li a:hover {
  border-bottom: 3px solid #fff; }

.underline_nav {
  border-bottom: 3px solid #fff; }

.social_wrapper {
  width: auto;
  text-align: right;
  position: absolute;
  top: 37px;
  right: 0;
  z-index: 100; }

.social_wrapper :nth-child(n+2) {
  padding-left: 24px; }

.share_toggle {
  display: none; }

.share_action {
  cursor: pointer; }

.hero_content {
  width: 100%;
  text-align: center;
  padding: 0 0 0 0;
  position: absolute;
  top: 28vh;
  left: 0; }

.hero_content h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 490%;
  color: #fff;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 0 50px 0;
  line-height: 130%; }

.hero_content p {
  font-family: 'Poppins', sans-serif;
  font-size: 170%;
  color: #fff;
  letter-spacing: 0;
  font-weight: 400;
  padding-bottom: 0px; }

.hero_content p a {
  color: #fff;
  text-decoration: none; }

.hero_arrow {
  width: 100%;
  text-align: center;
  bottom: 39px;
  left: 0;
  position: absolute;
  animation: animateArrow 5s linear infinite; }

@keyframes animateArrow {
  50% {
    opacity: 0.2; } }
.brand_wrapper {
  padding: 120px 0 53px 0;
  width: auto;
  display: block;
  text-align: left;
  position: relative; }

.brand_wrapper img {
  width: 84px; }

.home_bcc_bg {
  width: 100%;
  display: block;
  float: left;
  background-color: #8fd4d6;
  /*background-image: url("../images/home-bcc-bg.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;*/
  position: relative; }

.home_bcc_wrapper {
  width: 100%;
  display: block;
  float: left;
  position: relative; }

.home_bcc_wrapper h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 340%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 0 50px 0;
  line-height: 130%; }

.home_bcc_wrapper p {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #303a47;
  letter-spacing: 0;
  font-weight: 400;
  margin: 10px 0 20px 0;
  line-height: 130%; }

.home_bcc_left_col {
  width: 40%;
  isplay: block;
  float: left;
  position: relative; }

.home_bcc_wrapper .home_bcc_left_col h2 {
  margin-right: 20px !important; }

.home_bcc_right_col {
  width: 60%;
  isplay: block;
  float: left;
  position: relative; }

.info_blocks:nth-of-type(odd) {
  font-family: 'Poppins', sans-serif;
  font-size: 145%;
  color: #303a47;
  font-weight: 600;
  margin: 26px 0 0px 0;
  padding: 10px 20px 5px 20px;
  line-height: 150%;
  position: relative;
  float: left;
  background-color: #fff;
  width: 381px;
  text-align: left; }

.info_blocks:nth-of-type(even) {
  font-family: 'Poppins', sans-serif;
  font-size: 145%;
  color: #303a47;
  font-weight: 600;
  margin: 26px 26px 0px 0;
  padding: 10px 20px 5px 20px;
  line-height: 150%;
  position: relative;
  float: left;
  background-color: #fff;
  width: 381px;
  text-align: left; }

.home_logo {
  width: 80%;
  display: block;
  float: left;
  background-color: #e8f6f7;
  position: relative; }

.home_logo h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 400%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 100px 0 50px 0;
  line-height: 130%; }

.add_100px_top {
  margin-top: 100px !important; }

.home_www_bg {
  width: 100%;
  display: block;
  float: left;
  background-color: #3c4b57;
  position: relative; }

.home_www_wrapper {
  width: 100%;
  display: block;
  float: left;
  position: relative; }

.home_www_wrapper h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 360%;
  color: #8fd4d6;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 0 10px 0;
  line-height: 130%; }

.home_www_wrapper p {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #fff;
  letter-spacing: 0;
  font-weight: 400;
  margin: 10px 160px 70px 0;
  line-height: 130%; }

.home_cpd_bg {
  width: 100%;
  display: block;
  float: left;
  background-color: #bbe5e7;
  position: relative; }

.home_cpd_wrapper {
  width: 100%;
  display: block;
  float: left;
  position: relative; }

.cpd_col {
  width: calc(100% / 3);
  float: left;
  position: relative; }

.home_cpd_wrapper h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 320%;
  color: #3c4b57;
  letter-spacing: -1px;
  font-weight: 600;
  margin: 0 0 60px 0;
  line-height: 130%; }

.col_header1,
.col_header2,
.col_header3 {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  min-height: 80px;
  margin-bottom: 25px; }

.col_header_content {
  position: absolute;
  bottom: 0;
  left: 0; }

.col_header_content h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 240%;
  color: #3c4b57;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0px 0 0px 0;
  line-height: 130%;
  float: left; }

.col_header1 img {
  width: 75px;
  float: left;
  margin: -25px 20px 0 0; }

.col_header2 img {
  width: 58px;
  float: left;
  margin: -25px 20px 0 0; }

.col_header3 img {
  width: 45px;
  float: left;
  margin: -25px 20px 0 0; }

.home_cpd_wrapper ul {
  font-family: 'Poppins', sans-serif;
  font-size: 120%;
  color: #3c4b57;
  letter-spacing: 0;
  font-weight: 400;
  margin: 10px 0 0 0;
  line-height: 130%;
  list-style-type: none;
  display: block; }

.home_cpd_wrapper li {
  padding: 0 100px 20px 0; }

.desktop_home_work {
  width: 100%;
  display: block;
  float: left;
  position: relative; }

.mobile_home_work {
  width: 100%;
  display: none;
  float: left;
  position: relative; }

.wh_wide_col {
  width: 65.66666666666667%;
  float: left; }

.wh_narrow_col {
  width: 32.83333333333333%;
  float: left; }

.wph_full_col {
  width: 100%;
  float: left; }

.wh_col_spacer {
  width: 1.5%;
  height: 10px;
  float: left; }

.wh_wide_col img,
.wh_narrow_col img,
.wh_full_col img,
.wh_col_spacer img {
  margin-bottom: 16px;
  width: 100%; }

.info_blocks_curl {
  font-family: 'Poppins', sans-serif;
  font-size: 130%;
  color: #fff;
  font-weight: 600;
  margin: 26px 26px 0px 0;
  padding: 10px 47px 10px 20px;
  line-height: 150%;
  background: #8dd4d8;
  text-align: left;
  text-decoration: none;
  position: relative;
  display: inline-block; }

.fold {
  background: linear-gradient(to left top, transparent 50%, #3f4e62 0) no-repeat 100% 100%/26px 26px, linear-gradient(-45deg, transparent 18px, #8dd4d8 0); }

.info_blocks_curl_rev {
  font-family: 'Poppins', sans-serif;
  font-size: 130%;
  color: #fff;
  font-weight: 600;
  margin: 26px 26px 0px 0;
  padding: 10px 47px 10px 20px;
  line-height: 150%;
  background: #3f4e62;
  text-align: left;
  text-decoration: none;
  position: relative;
  display: inline-block; }

.fold_aqua {
  background: linear-gradient(to left top, transparent 50%, #c6eaeb 0) no-repeat 100% 100%/26px 26px, linear-gradient(-45deg, transparent 19px, #3f4e62 0); }

.fold_rev {
  background: linear-gradient(to left top, transparent 50%, #8dd4d8 0) no-repeat 100% 100%/26px 26px, linear-gradient(-45deg, transparent 19px, #3f4e62 0); }

.info_blocks_curl_submit {
  font-family: 'Poppins', sans-serif;
  font-size: 130%;
  color: #fff;
  font-weight: 600;
  margin: 0 0 40px 0;
  padding: 10px 47px 10px 20px;
  line-height: 150%;
  background: #3f4e62;
  text-align: left;
  text-decoration: none;
  position: relative;
  display: inline-block;
  cursor: pointer; }

.fold_submit {
  background: linear-gradient(to left top, transparent 50%, #fff 0) no-repeat 100% 100%/26px 26px, linear-gradient(-45deg, transparent 18px, #3f4e62 0); }

.text_align_centre_wrapper {
  width: 100%;
  display: block;
  float: left;
  text-align: center !important;
  position: relative; }

.home_insights_bg {
  width: 100%;
  display: block;
  float: left;
  background-color: #fff;
  position: relative; }

.home_insights_wrapper {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  padding-bottom: 128px; }

.home_insights_wrapper h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 400%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 0 50px 0;
  line-height: 130%; }

.home_insights_case {
  width: 32%;
  float: left;
  overflow: hidden;
  position: relative; }

.home_insights_space {
  width: 2%;
  float: left;
  position: relative;
  height: 1px; }

.home_insights_img {
  height: 338px; }

.home_insights_img img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.home_insights_case p {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #303a47;
  letter-spacing: 0;
  font-weight: 400;
  margin: 33px 0 0 0;
  line-height: 130%; }

.hello_block_bg {
  background-color: #242b34; }

.wrapper_hello {
  width: 100%;
  display: block;
  float: left;
  position: relative; }

.wrapper_hello img {
  float: left;
  margin: 25px 47px 15px 0; }

.wrapper_hello p {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 155%;
  line-height: 150%;
  color: #8dd4d8;
  padding: 65px 0;
  transition: color 500ms ease-in-out; }

.wrapper_hello p a {
  text-decoration: underline;
  color: #fff; }

.contact_form_bg {
  width: 100%;
  display: block;
  float: left;
  background-color: #8dd3d7;
  position: relative; }

.contact_form {
  width: 59.44444444444444%;
  float: left;
  position: relative; }

.contact_form_info {
  width: 100%;
  display: block;
  float: left;
  position: relative; }

.contact_form h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 400%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 9.027777777777778% 50px 0;
  line-height: 130%; }

.contact_form p {
  font-family: 'Poppins', sans-serif;
  font-size: 170%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 400;
  padding-bottom: 40px;
  line-height: 130%; }

.contact_form_data {
  width: 69.44444444444444%;
  float: left;
  position: relative; }

.contact_form_data form {
  width: 80%;
  float: left;
  position: relative;
  margin-top: 18px; }

.contact_field_text {
  width: 47%;
  background-color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #303a47;
  letter-spacing: 0;
  font-weight: 400;
  padding: 18px 18px;
  margin: 0 0 40px 0;
  line-height: 130%;
  box-sizing: border-box; }

.contact_form_textfield {
  width: 100%;
  background-color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #303a47;
  letter-spacing: 0;
  font-weight: 400;
  padding: 18px 18px;
  margin: 0 0 40px 0;
  line-height: 130%;
  float: left;
  clear: both; }

.contact_submit {
  float: right;
  margin: 0 0 40px 0; }

.contact_form_addr {
  width: 30.55555555555556%;
  float: left;
  position: relative; }

.contact_form_addr p {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #303a47;
  letter-spacing: 0;
  font-weight: 400;
  padding: 18px 18px;
  line-height: 130%; }

.contact_form_addr a {
  font-weight: 600;
  text-decoration: none;
  color: #303a47; }

.form_error_highlight {
  border-left: 6px solid #FF0004 !important; }

.about_bg_1 {
  width: 100%;
  display: block;
  float: left;
  background-color: #8dd4d8;
  background-image: url("../images/about-bg-1.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }

.about_bg_2 {
  width: 100%;
  display: block;
  float: left;
  background-color: #fff;
  position: relative; }

.about_bg_3 {
  width: 100%;
  display: block;
  float: left;
  background-color: #e8f6f7;
  position: relative; }

.about_left_col {
  width: 70%;
  float: left;
  position: relative; }

.about_left_col_special {
  width: 70%;
  float: left;
  position: relative; }

.about_wrapper {
  width: 100%;
  display: block;
  float: left;
  position: relative; }

.about_left_col h2,
.about_left_col_special h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 400%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 9% 150px 0;
  line-height: 130%; }

.about_left_col p {
  font-family: 'Poppins', sans-serif;
  font-size: 170%;
  color: #76808a;
  letter-spacing: 0;
  font-weight: 400;
  padding-bottom: 40px;
  margin-right: 9%;
  line-height: 130%; }

.about_left_col_special p {
  font-family: 'Poppins', sans-serif;
  font-size: 170%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 400;
  padding-bottom: 40px;
  margin-right: 9%;
  line-height: 130%; }

.about_right_col {
  width: 30%;
  float: left;
  position: relative;
  margin-top: 0px; }

.about_right_col_border {
  width: 100%;
  float: left;
  border-left: 1px solid #fff;
  padding-left: 10px;
  padding: -18px 0; }

.about_right_col p {
  font-family: 'Poppins', sans-serif;
  font-size: 130%;
  color: #303a47;
  letter-spacing: 0;
  font-weight: 400;
  padding: 0 18px;
  line-height: 130%; }

.about_right_col p:first-child {
  padding-bottom: 28px; }

.about_right_col p em {
  font-weight: 500;
  font-size: 110%;
  line-height: 150%; }

.about_right_col p strong {
  font-weight: 600; }

.wrapper .logo_images {
  text-align: center; }

.client_logo {
  width: 24%; }

.client_logo_wrapper {
  width: 25%;
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center; }

.client_logo_wrapper img {
  width: 90% !important; }

.about_3col_wrapper {
  overflow: hidden;
  width: 100%;
  margin: 15px 0 45px 0; }

.about_3col_case {
  float: left;
  width: 31.33333333333333%;
  padding-bottom: 500em;
  margin-bottom: -500em;
  background-color: #e2f4f5; }

.about_3col_case h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 170%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 0 0 0;
  line-height: 130%;
  padding: 25px 25px 20px 25px;
  width: 100%;
  background-color: #8dd4d8; }

.about_3col_case p {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #76808a;
  letter-spacing: 0;
  font-weight: 400;
  padding: 40px 20px;
  line-height: 130%; }

.about_3col_case ul {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #76808a;
  font-weight: 500;
  line-height: 130%;
  list-style-type: disc;
  margin: 0 0 40px 40px; }

.about_3col_case li {
  padding: 10px 0; }

.about_3col_spacer {
  float: left;
  width: 3%; }

.about_3col_spacer_even {
  float: left;
  width: 3%; }

.home_pc_wrapper {
  width: 860px;
  display: block;
  float: left;
  position: relative; }

.home_pc_wrapper h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 400%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 0 50px 0;
  line-height: 130%; }

.home_pc_wrapper p {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #303a47;
  letter-spacing: 0;
  font-weight: 400;
  margin: 40px 0 40px 0;
  line-height: 130%; }

.general_content {
  width: 100%;
  display: block;
  float: left;
  position: relative; }

.general_content h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 400%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 9.027777777777778% 50px 0;
  line-height: 130%; }

.general_content p {
  font-family: 'Poppins', sans-serif;
  font-size: 170%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 400;
  padding: 20px 0;
  line-height: 130%; }

.general_content p a {
  color: #3f4e62;
  font-weight: 600; }

.general_content ol {
  font-family: 'Poppins', sans-serif;
  font-size: 170%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 140%;
  list-style-type: decimal;
  margin: 25px 0 20px 25px; }

.general_content li {
  padding: 0 0 10px 10px; }

.general_content ul {
  font-family: 'Poppins', sans-serif;
  font-size: 170%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 140%;
  list-style-type: disc;
  margin: 25px 0 20px 18px; }

.team_bg_1 {
  width: 100%;
  display: block;
  float: left;
  background-color: #8dd4d8;
  background-image: url("../images/team-bg-1.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }

.team_bg_2 {
  width: 100%;
  display: block;
  float: left;
  background-color: #fff;
  position: relative; }

.team_wrapper {
  width: 860px;
  display: block;
  float: left;
  position: relative; }

.team_wrapper h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 400%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 0 50px 0;
  line-height: 130%; }

.team_wrapper p {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #303a47;
  letter-spacing: 0;
  font-weight: 400;
  margin: 40px 0 40px 0;
  line-height: 130%; }

.team_wrapper p a {
  color: #303a47;
  transition: color 500ms ease-in-out; }

.team_wrapper p a:hover,
.team_wrapper p a:focus {
  color: #8DD4D8; }

.team_bg_2 {
  width: 100%;
  display: block;
  float: left;
  background-color: #fff;
  position: relative; }

.team_3col_wrapper {
  overflow: hidden;
  width: 100%;
  margin: 0 0 40px 0; }

.team_3col_case {
  float: left;
  width: 31.33333333333333%;
  padding-bottom: 500em;
  margin-bottom: -500em;
  background-color: #fff; }

.team_3col_case img {
  width: 100%; }

.team_3col_case p {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 400;
  padding: 30px 0px 20px 0px;
  line-height: 130%; }

.team_3col_case p a {
  float: right;
  width: 27px; }

.team_3col_case p strong {
  font-weight: 600; }

.team_3col_spacer {
  float: left;
  width: 3%; }

.insights_bg_1 {
  width: 100%;
  display: block;
  float: left;
  background-color: #8dd4d8;
  background-image: url("../images/insight-hero-bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }

.insights_bg_2 {
  width: 100%;
  display: block;
  float: left;
  background-color: #fff;
  position: relative; }

.insights_wrapper {
  width: 880px;
  display: block;
  float: left;
  position: relative; }

.insights_wrapper h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 400%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 0 50px 0;
  line-height: 130%; }

.insights_intro_bg {
  width: 100%;
  display: block;
  float: left;
  background-color: #c6e9eb;
  position: relative; }

.insights_intro {
  width: 100%;
  display: block;
  float: left;
  position: relative; }

.insights_intro h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 200%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 75px 0;
  line-height: 150%;
  width: 62.5%; }

.insights_hero_social {
  width: 100%;
  text-align: center;
  bottom: 69px;
  left: 0;
  position: absolute; }

.insights_hero_social a {
  margin: 0 8px; }

.insights_content_bg {
  width: 100%;
  display: block;
  float: left;
  background-color: #fff;
  position: relative; }

.insights_content_left {
  width: 62.5%;
  float: left;
  position: relative;
  padding: 40px 100px 0 0;
  box-sizing: border-box; }

.insights_content_left h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #303A47;
  letter-spacing: 0;
  font-weight: 500;
  padding: 20px 0px 20px 0px;
  line-height: 130%; }

.insights_content_left h3 a {
  color: #303A47; }

.insights_content_left h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 130%;
  color: #303A47;
  letter-spacing: 0;
  font-weight: 500;
  padding: 20px 0px 20px 0px;
  line-height: 130%; }

.insights_content_left h4 a {
  color: #303A47; }

.insights_content_left p {
  font-family: 'Poppins', sans-serif;
  font-size: 140%;
  color: #76808a;
  letter-spacing: 0;
  font-weight: 400;
  padding: 20px 0px 20px 0px;
  line-height: 130%; }

.insights_content_left p a {
  color: #303A47; }

.insights_content_left p strong {
  color: #303A47;
  font-weight: 500; }

.insight_date {
  font-size: 115% !important;
  color: #98a0aa !important; }

.insights_content_left ul {
  font-family: 'Poppins', sans-serif;
  font-size: 140%;
  letter-spacing: 0;
  font-weight: 400;
  padding: 20px 0;
  margin-left: 20px;
  list-style: disc;
  line-height: 130%; }

.insights_content_left li {
  color: #76808a; }

.insights_content_left li a {
  color: #303A47; }

.insights_content_right {
  width: 37.5%;
  float: left;
  position: relative;
  margin: 60px 0 0 0;
  padding-bottom: 15px;
  background-color: #aadfe2; }

.insights_content_right img {
  width: 100%;
  display: block;
  margin-bottom: 20px; }

.insights_content_right p {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #303A47;
  letter-spacing: 0;
  font-weight: 500;
  padding: 10px 27px;
  line-height: 130%; }

.insights_content_right ul {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #303A47;
  letter-spacing: 0;
  font-weight: 400;
  padding: 0 0 0 20px;
  margin-left: 30px;
  list-style: disc; }

.insights_content_right li {
  margin: 14px 0;
  line-height: 130%; }

.next_prev_wrapper {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  margin: 55px 0 0 0;
  clear: both; }

.back_to_top {
  width: 165px;
  position: absolute;
  right: 0;
  bottom: 0px;
  margin-bottom: 30px; }

.back_to_top_single {
  width: 165px;
  position: absolute;
  right: 0;
  bottom: 0px;
  margin-bottom: 30px; }

.back_to_top svg,
.back_to_top_single svg {
  float: left; }

.btt_text {
  font-family: 'Poppins', sans-serif;
  font-size: 120%;
  color: #303A47;
  letter-spacing: 0;
  font-weight: 400;
  padding: 10px 0 0 0;
  line-height: 130%;
  text-decoration: none;
  float: right; }

.back_to_top a {
  color: #303A47;
  text-decoration: none; }

.work_bg_1 {
  width: 100%;
  display: block;
  float: left;
  background-color: #8dd4d8;
  background-image: url("../images/work-hero-bg.jpg");
  background-position: center  bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }

.work_bg_2 {
  width: 100%;
  display: block;
  float: left;
  background-color: #fff;
  position: relative; }

.work_wrapper {
  width: 1180px;
  display: block;
  float: left;
  position: relative; }

.work_wrapper h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 400%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 0 50px 0;
  line-height: 130%; }

.work_wrapper p {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #76808a;
  letter-spacing: 0;
  font-weight: 400;
  margin: 40px 0 40px 0;
  line-height: 130%; }

.work_buttons_spacing {
  margin: 0 0 80px 0; }

.work_buttons {
  font-family: 'Poppins', sans-serif;
  font-size: 120%;
  color: #303a47;
  letter-spacing: 0;
  font-weight: 600;
  margin: 40px 18px 0 0;
  padding: 13px 22px 10px 22px;
  line-height: 130%;
  background-color: #8dd4d8;
  text-decoration: none;
  float: left;
  transition: color 500ms ease-in-out, background-color 500ms ease-in-out; }

.work_buttons:last-child {
  margin: 40px 0 0 0; }

.work_buttons:hover,
.work_buttons_up {
  color: #8dd4d8;
  background-color: #303a47; }

.work_intro_bg {
  width: 100%;
  display: block;
  float: left;
  background-color: #8dd4d8;
  position: relative; }

.work_intro_bg {
  width: 100%;
  display: block;
  float: left;
  position: relative; }

.work_intro {
  width: calc(100% - 150px);
  float: left; }

.work_intro h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 200%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 75px 0;
  line-height: 150%; }

.work_intro_social {
  width: 150px;
  margin: 90px 0 0 0;
  float: left;
  text-align: right; }

.work_intro_social a {
  margin: 0 0 0 8px; }

.work_content_bg {
  width: 100%;
  display: block;
  float: left;
  background-color: #fff;
  position: relative; }

.work_content_wrapper {
  width: 100%;
  display: block;
  float: left;
  position: relative; }

.work_content_block {
  width: 60%;
  float: left;
  margin: 70px 0;
  position: relative; }

.work_content_block p {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #76808a;
  letter-spacing: 0;
  font-weight: 400;
  margin: 25px 50px 25px 0;
  line-height: 130%; }

.work_content_block p a,
.work_content_block h2 a,
.work_content_block h3 a,
.work_content_block h4 a,
.work_content_block li a {
  color: #303a47; }

.work_content_block h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 400;
  margin: 40px 50px 40px 0;
  line-height: 130%; }

.work_content_block ul {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #76808a;
  letter-spacing: 0;
  font-weight: 400;
  margin: 25px 50px 25px 18px;
  line-height: 130%;
  list-style-type: disc; }

.work_content_video_wrapper {
  width: 40%;
  margin-top: 110px;
  float: left; }

.work_extra_full_img {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  margin: 0 0 -3px 0 !important;
  overflow: hidden; }

.work_extra_full_img img {
  width: 100%; }

.extra_work_content {
  width: 60%;
  float: left;
  margin: 50px 0;
  position: relative; }

.extra_work_content p {
  font-family: 'Poppins', sans-serif;
  font-size: 140%;
  color: #76808a;
  letter-spacing: 0;
  font-weight: 400;
  margin: 40px 80px 40px 0;
  line-height: 130%; }

.extra_work_content p a {
  color: #303a47; }

.extra_work_content ul {
  font-family: 'Poppins', sans-serif;
  font-size: 140%;
  color: #76808a;
  letter-spacing: 0;
  font-weight: 400;
  margin: 0px 80px 25px 25px;
  line-height: 130%;
  list-style-type: disc; }

.extra_work_content li {
  margin: 15px 0; }

.extra_work_content ul a {
  color: #303a47; }

.extra_work_content h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 40px 80px 40px 0;
  line-height: 130%; }

.extra_work_content h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 120%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 500;
  margin: 40px 80px 40px 0;
  line-height: 130%; }

.extra_work_content h3 a,
.extra_work_content h4 a {
  color: #3f4e62; }

.extra_work_content_img {
  width: 41.25%;
  position: absolute;
  right: 0;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%; }

.masonry_wrapper {
  width: 100%;
  display: block;
  float: left; }

.grid-item {
  text-align: left;
  float: left;
  margin: 0 0 20px 0;
  width: calc(50% - 40px);
  position: relative; }

.grid-item:nth-of-type(odd) {
  margin-right: 40px; }

.grid-item .img {
  display: block;
  width: 100%;
  height: auto; }

.grid-item a {
  text-decoration: none; }

.grid-item p {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #303a47;
  letter-spacing: 0;
  font-weight: 400;
  margin: 25px 0 0px 0;
  line-height: 130%; }

.hb_40 {
  width: 100%;
  display: block;
  float: left;
  height: 40px; }

.hb_100 {
  width: 100%;
  display: block;
  float: left;
  height: 100px; }

.hb_160 {
  width: 100%;
  display: block;
  float: left;
  height: 160px; }

.hb_500 {
  width: 100%;
  display: block;
  float: left;
  height: 500px; }

.rmb_50 {
  margin-bottom: 0px !important; }

.footer_bg {
  background-color: #3F4E62; }

footer {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  min-height: 299px; }

footer .left_col {
  width: 60%;
  position: absolute;
  left: 0;
  bottom: 50px; }

footer .left_col p {
  font-family: 'Poppins', sans-serif;
  font-size: 120%;
  color: #fff;
  letter-spacing: 0;
  line-height: 183.333%;
  font-weight: 300;
  padding: 0 0 0 0; }

footer .left_col p strong {
  color: #8DD4D8;
  font-weight: 600; }

footer .left_col p a {
  text-decoration: none;
  color: #fff;
  transition: color 500ms ease-in-out; }

footer .left_col p a:hover {
  color: #8DD4D8; }

.keep_together {
  white-space: nowrap; }

.footer_spacer {
  padding-left: 5px;
  padding-right: 5px; }

footer .right_col {
  width: 40%;
  position: absolute;
  right: 0;
  bottom: 50px;
  text-align: right;
  padding: 0 0px 28px 0; }

footer .right_col svg {
  margin-left: 24px; }

.no_margin {
  margin: 0 !important; }

.admin_wrapper_header {
  width: 100%;
  height: 166px;
  display: block;
  float: left;
  position: relative; }

.admin_bg {
  width: 100%;
  display: block;
  float: left;
  /*background-image: url("../images/home-banner-2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;*/
  position: relative;
  background-color: #335868; }

.admin_blank_bg {
  width: 100%;
  display: block;
  float: left;
  background-color: #fff;
  position: relative; }

.admin_wrapper {
  width: 100%;
  display: block;
  float: left;
  position: relative; }

.admin_header_content {
  width: 100%;
  text-align: center;
  padding: 0 0 0 0;
  position: absolute;
  top: 46vh;
  left: 0; }

.admin_header_content h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 490%;
  color: #fff;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 0 50px 0; }

.admin_instruction {
  width: 100%;
  display: block;
  float: left;
  position: relative; }

.admin_instruction h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 300%;
  color: #3f4e62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 54px 0 50px 0;
  line-height: 130%; }

.admin_instruction p {
  font-family: 'Poppins', sans-serif;
  font-size: 130%;
  color: #303a47;
  letter-spacing: 0;
  font-weight: 400;
  margin: 40px 0 40px 0;
  line-height: 130%; }

.admin_instruction ul {
  font-family: 'Poppins', sans-serif;
  font-size: 120%;
  font-weight: 400;
  list-style-type: disc;
  margin: 0 0 0 20px; }

.admin_instruction li {
  line-height: 170%; }

.admin_instruction li a {
  color: #303a47;
  text-decoration: none;
  transition: color 500ms ease-in-out; }

.admin_instruction li a:hover {
  color: #8dd4d8; }

.admin_instruction h2 a,
.admin_instruction p a {
  color: #303a47; }

.admin_underline_full {
  width: 90%;
  display: block;
  margin: 20px 0;
  background-color: #909090;
  height: 4px; }

.admin_video {
  width: 60%;
  height: 60%;
  float: left; }

.form_wrapper_col {
  width: 33.33333333333333%;
  float: left; }

.form_wrapper_col p {
  line-height: 130%; }

.form_wrapper_col2 {
  width: 60%;
  float: left;
  margin: 20px 0; }

.form_wrapper_col2 p {
  line-height: 130%; }

.form_field_row {
  width: 100%;
  display: block;
  float: left;
  margin: 10px 0 0 0;
  color: #000; }

.form_field_row_ck {
  width: 100%;
  display: block;
  float: left;
  margin: 10px 0 0 0; }

.form_field_row h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 120%;
  color: #3f4e62;
  border-bottom: 1px solid #3f4e62;
  width: 90%;
  padding: 15px 0 10px 0;
  margin-bottom: 20px; }

.form_field_row label {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 85%;
  color: #000;
  float: left;
  margin-top: 10px; }

.form_field_row p,
.form_field_row_ck p {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  line-height: 140%;
  font-size: 85%;
  margin: 10px 35px 10px 0;
  line-height: 130%; }

.form_field_row ul {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  line-height: 140%;
  font-size: 85%;
  margin: 10px 35px 10px 0;
  line-height: 130%; }

.input_field {
  font-family: 'Poppins', sans-serif;
  font-size: 110%;
  color: #303a47;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0px 0 0 0;
  padding: 10px 15px;
  line-height: 130%;
  background-color: #A7A7A7;
  width: 90%; }

.input_field_sml {
  font-family: 'Poppins', sans-serif;
  font-size: 110%;
  color: #303a47;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0px 0 0 0;
  padding: 10px 15px;
  line-height: 130%;
  background-color: #A7A7A7;
  width: 50%; }

.input_button {
  font-family: 'Poppins', sans-serif;
  font-size: 110%;
  color: #fff;
  letter-spacing: 0;
  font-weight: 600;
  margin: 20px 28px 0 0;
  padding: 10px 32px;
  line-height: 130%;
  background-color: #303a47;
  text-decoration: none;
  cursor: pointer;
  float: left;
  transition: color 500ms ease-in-out, background-color 500ms ease-in-out; }

.input_button:hover {
  background-color: #8dd4d8; }

.list_wrapper {
  width: 100%;
  display: block;
  float: left;
  margin: 20px 0 40px 0;
  position: relative; }

.multiRow {
  width: 100%;
  display: block;
  float: left;
  border-bottom: 1px solid #4A4A4A;
  transition: background-color 500ms ease-in-out; }

.multiRow:hover {
  background-color: #C9C9C9; }

.multiRow .large_row {
  width: 68%;
  float: left; }

.multiRow .small_row {
  width: 8%;
  float: left; }

.multiRow .medium_large_row {
  width: 50%;
  float: left; }

.multiRow .medium_row {
  width: 20%;
  float: left; }

.multiRow p {
  font-family: 'Poppins', sans-serif;
  line-height: 140%;
  font-size: 85%;
  margin: 10px 35px 10px 0;
  line-height: 130%; }

.multiRow p a {
  color: #303a47;
  transition: color 500ms ease-in-out; }

.multiRow p a:hover {
  color: #0DACB5; }

.list_header {
  font-weight: 600; }

.img_50_percent_less {
  width: 50%; }

.admin_brand_wrapper {
  padding: 53px 0 53px 0;
  width: auto;
  display: block;
  text-align: left;
  position: relative; }

.admin_brand_wrapper img {
  width: 64px; }

.form_message {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  margin: -20px 0 10px 0;
  padding-left: 25px;
  border-left: 5px solid red; }

.form_message h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  font-weight: 600;
  margin: 10px 0 10px 0;
  color: red; }

.form_message ul {
  font-family: 'Poppins', sans-serif;
  font-size: 110%;
  list-style-type: disc;
  margin: 0 0 0 13px; }

.form_message li {
  color: #303a47;
  font-weight: 400;
  margin: 10px 0 10px 0;
  line-height: 130%;
  text-decoration: none;
  transition: color 500ms ease-in-out; }

.global_save_wrapper {
  width: 100%;
  height: 100vh;
  height: 100svh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.73);
  z-index: 1;
  text-align: center;
  display: none; }

.global_save_inner {
  width: 100vw;
  height: 100vh;
  height: 1000svh;
  display: table-cell;
  vertical-align: middle;
  z-index: 2; }

.global_save_wrapper p {
  font-family: 'Poppins', sans-serif;
  font-size: 350%;
  font-weight: 600;
  color: #fff;
  animation: animateSaving 3s linear infinite; }

@keyframes animateSaving {
  50% {
    opacity: 0.2; } }
