/*
Purpose: a style sheet that matches the CSS output from theme-overrides.css for use if a developer doesn't want to provide theme settings.

Instructions for developers who use theme settings in their theme:
1. Delete fallback.css

Instructions for developers who don't use theme settings in their theme:
1. Remove the theme settings from fields.json
2. Delete theme-overrides.css and remove the reference to theme-overrides.css from base.html
3a. Add a reference to fallback.css in base.html
-or-
3b. Copy the CSS from the different sections fallback.css and paste the code into the relevant style sheet in the CSS folder (e.g. the CSS from the typography section can be copy and pasted into the typography.css file).
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/*****************************************/
/***** Containers / Grid / DnD Areas *****/
/*****************************************/


.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 20px;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}

/*****************************************/
/************** Typography ***************/
/*****************************************/

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  color: #003F5D;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  margin: 0;
  background: #001B27;
}

p{
  color: #fff;
  line-height: 1.3;
  font-weight: 300;
}

a {
  color: #0270E0;
}

a:hover,
a:focus {
  color: #0048B8;
}

a:active {
  color: #2A98FF;
}

a.disabled{
  pointer-events: none;
  cursor: default;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #003F5D;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
}

h1 {
  font-family: 'Lato', sans-serif;
  font-size: clamp(1.7rem, 1.2rem - -2.9487vw, 4.375rem);
  font-weight: 200;
}
@media (max-width: 600px){
  h1 {
    font-weight: 300;
  }
}

h2{
  font-weight: 900;
  font-size: 1.5rem;
  color: #4096C6;
}

h3 {
  font-size: 1.1rem;
}

h4 {
  font-size: 24px;
  font-weight: normal;
}

h5 {
  color: #000;
  font-size: 16px;
  font-weight: normal;
}

h6 {
  font-size: 14px;
  font-weight: normal;
}

blockquote {
  border-left-color: #F8FAFC;
}

/*****************************************/
/*************** Buttons *****************/
/*****************************************/

button,
.button,
.hs-button{
  border: none;
  color: #FFF;
  width: auto !important;
  padding: 15px 40px;
  border-radius: 50px;
  background-color: #4096C6;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.3s;
  white-space: nowrap;
  font-size: 0.8rem;
  letter-spacing: 1.1px;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus{
  background-color: #003F5D;
  color: #fff;
  text-decoration: none;
}

button:active,
.button:active,
.hs-button:active{
  background-color: #003F5D;
  color: #fff;
  text-decoration: none;
}

/*****************************************/
/**************** Forms ******************/
/*****************************************/

form,
.submitted-message {
  font-family: 'Muli', sans-serif;
}

.form-title {
  background-color: #494A52;
  color: #F8FAFC;
}

form label {
  color: #494A52;
}

form legend {
  color: #494A52;
}

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border-color: transparent;
  color: #494A52;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: #494A52;
}

::-webkit-input-placeholder {
  color: #494A52;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #494A52;
}

.fn-date-picker td.is-selected .pika-button {
  background: #494A52;
}

.fn-date-picker td .pika-button:hover {
  background-color: #494A52 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #494A52;
}

form input[type=submit],
form .hs-button {
  border: none;
  color: #FFF;
  width: auto !important;
  padding: 15px 50px;
  border-radius: 50px;
  background-color: #4096C6;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.3s;
  white-space: nowrap;
  font-size: 0.8rem;
  letter-spacing: 1.1px;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: #003F5D;
  color: #fff;
  text-decoration: none;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: #003F5D;
  color: #fff;
  text-decoration: none;
}

/*CONTACT FORM****/
form fieldset{
  max-width: 100% !important;
  margin-bottom: 30px !important;
}
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea{
  border: none;
  border-bottom: 2px solid #003F5D;
  border-radius: 0;
  color: #4096C6;
  width: 100% !important;
  font-family: 'Muli', sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  letter-spacing: 1.1px;
  padding: 8px 0;
  background-color: transparent;
}
form input::placeholder,
form textarea::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #4096C6;
  opacity: 1; /* Firefox */
  font-family: 'Muli', sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
  color: #4096C6;
  font-family: 'Muli', sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

form input::-ms-input-placeholder,
form textarea::-ms-input-placeholder{ /* Microsoft Edge */
  color: #4096C6;
  font-family: 'Muli', sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
form textarea{
  height: 145px;
}
form .hs-error-msgs{
  list-style: none;
  margin: 3px 0 3px 0;
  padding: 0;
}
form .hs-error-msg,
form .hs-error-msgs .hs-main-font-element{
  font-family: 'Muli', sans-serif;
  font-weight: 600;
  font-size: 0.5rem;
  color: #8a2d00;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
form .hs-form-field{
  margin-bottom: 0;
}
@media (max-width: 480px){
  form .form-columns-2 > div:last-child{
    margin-top: 30px;
  }
}

/*****************************************/
/**************** Tables *****************/
/*****************************************/

table {
  background-color: #FFF;
  border-color: #494A52;
}

th,
td {
  border-color: #494A52;
  color: #494A52;
}

thead th,
thead td {
  background-color: #494A52;
  border-bottom-color: #494A52;
  color: #FFF;
}

tfoot td {
  background-color: #FFF;
  color: #494A52;
}

tbody + tbody {
  border-top-color: #494A52;
}

/*****************************************/
/**************** Header *****************/
/*****************************************/

header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 4.5% 0 8%;
  z-index: 2;
  position: absolute; top: 0; left: 0; right: 0;
}
header.internal{
  position: static;
}
.hamburger{
  width: 50px;
  height: 50px;
  display:none;
  flex-flow: row wrap;
  align-items: center;
  align-content: space-between;
  transform: scale(0.75);
}
.hamburger-slice{
  width: 100%;
  height: 3px;
  background-color: #fff;
}
header.internal .hamburger-slice{
  background-color: #fff;
}
.hamburger .top{
  margin-top: 6px;
}
.hamburger .top-anim{
  animation: top-k 0.2s;
  animation-fill-mode: forwards;
}
.hamburger .top-anim-r{
  animation: top-k-r 0.2s;
  animation-fill-mode: forwards;
}
.hamburger .mid-anim{
  animation: mid-k 0.2s;
  animation-fill-mode: forwards;
}
.hamburger .mid-anim-r{
  animation: mid-k-r 0.2s;
  animation-fill-mode: forwards;
}
.hamburger .bot-anim{
  animation: bot-k 0.2s;
  animation-fill-mode: forwards;
}
.hamburger .bot-anim-r{
  animation: bot-k-r 0.2s;
  animation-fill-mode: forwards;
}
.hamburger .bot{
  margin-bottom: 6px;
}
@keyframes top-k{
  from{
    transform:rotate(0deg) translate(0,0);
  }
  to{
    transform:rotate(45deg) translate(12px,12px);
  }
}
@keyframes top-k-r{
  from{
    transform:rotate(45deg) translate(12px,12px);
  }
  to{
    transform:rotate(0deg) translate(0,0);
  }
}
@keyframes mid-k{
  from{opacity:1;}
  to{opacity:0;}
}
@keyframes mid-k-r{
  from{opacity:0;}
  to{opacity:1;}
}
@keyframes bot-k{
  from{
    transform:rotate(0deg) translate(0,0);
  }
  to{
    transform:rotate(-45deg) translate(12px,-12px);
  }
}
@keyframes bot-k-r{
  from{
    transform:rotate(-45deg) translate(12px,-12px);
  }
  to{
    transform:rotate(0deg) translate(0,0);
  }
}
@media (max-width: 1183px){
  .hamburger{
    display: flex;
  }
}

/**NAV***/

/* HEADER NAV */
/* Controls the styling of the list element that holds individual menu items */
header nav .hs-menu-wrapper > ul{
  padding: 0;
  float: right;
  display: grid;
  grid-template-columns: repeat(5, 200px);
  column-gap: 0px;
  text-align: center;
  height: 140px;
  align-items: center;
  list-style: none;
}
/* Controls the font styling of individual menu items */
nav .hs-menu-wrapper ul .hs-menu-item a{
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 0.875rem;
  letter-spacing: 1.1px;
}
header nav .hs-menu-wrapper > ul > .hs-menu-item{
  height: 100%;
  display: grid;
  place-content: center;
  transition: 0.3s;
  cursor: pointer;
}
header.internal nav .hs-menu-wrapper ul .hs-menu-item a,
header:not(.internal) nav .hs-menu-wrapper ul.hs-menu-children-wrapper > .hs-menu-item > a{
  color: #ffffff;
}
header nav .hs-menu-wrapper > ul > .hs-menu-item:hover{
  background-color: #ffffff33;
}
header.internal nav .hs-menu-wrapper > ul > .hs-menu-item:hover,
header.internal nav .hs-menu-wrapper > ul > .hs-menu-item.active-branch{
  background-color: ##ffffff33;
  /*   -webkit-box-shadow: 0px 0px 10px 5px rgb(0 63 92 / 20%);
  box-shadow: 0px 0px 10px 5px rgb(0 63 92 / 20%); */
}
header.internal nav .hs-menu-wrapper > ul > .hs-menu-item:hover > a,
header.internal nav .hs-menu-wrapper > ul > .hs-menu-item.active-branch > a{
  color: #ffffff;
  font-weight: 600;
}
header nav .hs-menu-wrapper ul.hs-menu-children-wrapper{
  background-color: #ffffff55;
  width: 100%;
  text-align: left;
  z-index: 2;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  -webkit-box-shadow: 0px 0px 12px 2px rgb(0 63 92 / 20%), inset 0px 8px 15px -10px rgb(0 63 92 / 39%);
  box-shadow: 0px 0px 12px 2px rgb(0 63 92 / 20%), inset 0px 8px 15px -10px rgb(0 63 92 / 39%);
  -webkit-clip-path: inset(0px -25px -25px -25px);
  clip-path: inset(0px -25px -25px -25px);
}
@-moz-document url-prefix() {
  header nav .hs-menu-wrapper ul.hs-menu-children-wrapper{
    background-color: #ffffff;
  }
}
header.internal nav .hs-menu-wrapper ul.hs-menu-children-wrapper{
  background-color: #E5EFF5;
}
header nav .hs-menu-wrapper ul.hs-menu-children-wrapper .hs-menu-item{
  padding: 12px 25px;
  transition: 0.3s;
  width: 100%;
  background-color: #B9BEC099;
}
header.internal nav .hs-menu-wrapper ul.hs-menu-children-wrapper .hs-menu-item{
  background-color: #B9BEC0;
}
header nav .hs-menu-wrapper ul.hs-menu-children-wrapper .hs-menu-item a{
  font-weight: 600;
  white-space: normal;
  font-size: .75rem;
}
header nav .hs-menu-wrapper ul.hs-menu-children-wrapper .hs-menu-item:hover{
  background-color: #fff;
}
header.internal nav .hs-menu-wrapper ul.hs-menu-children-wrapper .hs-menu-item:hover{
  background-color: #ffffff;
}
header nav .hs-menu-wrapper ul.hs-menu-children-wrapper .hs-menu-item:hover a{
  color: #003F5D;
}
header.internal nav .hs-menu-wrapper ul.hs-menu-children-wrapper .hs-menu-item:hover a{
  color: #003f5d;
}
/* Font styling of the last menu items */
nav .hs-menu-wrapper > ul > .hs-menu-item:last-child > a{
  font-weight: 700;
}
/* Hover styling of homepage menu items 111*/
header:not(.internal) nav > span > .hs-menu-wrapper > ul > .hs-menu-item > a:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  transition: 0.3s;
}
header:not(.internal) nav > span > .hs-menu-wrapper > ul > .hs-menu-item:hover > a:after{
  width: 100%;
}
@media (min-width: 1184px){
  header nav {
    display: block !important;
  }
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item > .hs-menu-children-wrapper{
    display: block;
  }
  header img{
    margin: 0 20px 0 0;
  }
}
@media (max-width: 1183px){
  header .hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
    position: static;
    opacity: 1;
  }
  header:not(.internal) nav > span > .hs-menu-wrapper > ul > .hs-menu-item:hover > a:after{
    width: 0;
  }
  header img{
    margin: 15px 0;
  }
  header nav {
    position: absolute;
    top: 125px;
    left: 0;
    right: 0;
    display: none;
    z-index: 2;
  }
  header nav > span > .hs-menu-wrapper > ul{
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    float: none;
    column-gap: 0px;
    padding-left: 0;
  }
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item{
    text-align: center;
    width: 100%;
    padding: 10px 0;
    background-color: #ffffff88;
    position: relative;
    transition: 0.3s;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
  @-moz-document url-prefix() {
    header nav > span > .hs-menu-wrapper > ul > .hs-menu-item{
      background-color: #ffffff;
    }
  }
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item:hover,
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item.hs-item-has-children.active,
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item.hs-item-has-children > ul > li:hover{
    background-color: #003f5d88;
  }
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item:hover > a,
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item.hs-item-has-children.active > a{
    color: #fff;
    font-weight: unset;
  }
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0; right: 0;
    height: 1px;
    background-color: #003f5d;
  }
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item > a{
    color: #003f5d;
    transition: 0.3s;
  }
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item:hover > a{
    color: #fff;
  }
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item:hover > a:after{
    width: 0;
  }
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item > .hs-menu-children-wrapper{
    display: none;
    margin-top: 10px;
    margin-bottom: -9px;
  }
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item.hs-item-has-children > a{
    pointer-events: none;
  }
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item.hs-item-has-children{
    position: relative;
  }
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item.hs-item-has-children:before{
    position: absolute;
    right: 0;
    top: 0;
    height: 39px;
    width: 39px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
  }
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item.hs-item-has-children:hover:before{
    color: #fff;
  }
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item.hs-item-has-children.active:before{
    color: #fff;
    transform: rotate(180deg);
  }
  header nav .hs-menu-wrapper > ul > .hs-menu-item,
  header.internal nav .hs-menu-wrapper > ul > .hs-menu-item {
    display: block;
    place-content: center;
  }
  header nav > span > .hs-menu-wrapper > ul > .hs-menu-item.hs-item-has-children > ul > li > a {
    text-align: center;
  }
  header:not(.internal) nav > span > .hs-menu-wrapper > ul > .hs-menu-item.hs-item-has-children > ul > li:hover > a {
    color: #fff;
  }
}

/* FOOTER NAV */
footer nav > span > .hs-menu-wrapper > ul{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: auto;
  column-gap: 28px;
  width: 100%
}
footer nav > span > .hs-menu-wrapper > ul > li:first-child,
footer nav > span > .hs-menu-wrapper > ul > li:nth-child(2){
  grid-row: 1 / 4;
  margin: 0;
}
footer nav > span > .hs-menu-wrapper > ul > li:first-child > a,
footer nav > span > .hs-menu-wrapper > ul > li:nth-child(2) > a{
  text-decoration: underline;
  cursor: default;
}
footer nav > span > .hs-menu-wrapper > ul > li:nth-child(3),
footer nav > span > .hs-menu-wrapper > ul > li:nth-child(4),
footer nav > span > .hs-menu-wrapper > ul > li:nth-child(5){
  grid-column: 3;
}
footer nav .hs-menu-wrapper ul .hs-menu-item{
  margin-bottom: 10px;
  padding-right: 15px;
}
footer nav .hs-menu-wrapper.flyouts .hs-menu-children-wrapper{
  position: static;
  display: grid !important;
  grid-auto-rows: auto;
  opacity: 1;
  margin-top: 10px;
}
footer nav .hs-menu-wrapper.flyouts .hs-menu-item:first-child .hs-menu-children-wrapper{
  grid-template-columns: 1fr 1fr 1fr;
}
footer nav .hs-menu-wrapper.flyouts .hs-menu-item:nth-child(2) .hs-menu-children-wrapper{
  grid-template-columns: 1fr;
}
footer nav .hs-menu-wrapper.flyouts .hs-menu-children-wrapper > li > a{
  font-size: 0.6rem;
}
footer nav > span > .hs-menu-wrapper > ul > li:nth-child(3) > a:hover,
footer nav > span > .hs-menu-wrapper > ul > li:nth-child(4) > a:hover,
footer nav > span > .hs-menu-wrapper > ul > li:nth-child(5) > a:hover,
footer nav .hs-menu-wrapper.flyouts .hs-menu-item .hs-menu-children-wrapper > li > a:hover{
  color: #4096C6;
}
@media (max-width: 1400px){
  footer nav > span > .hs-menu-wrapper > ul{
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 20px;
  }
  footer nav > span > .hs-menu-wrapper > ul > li:first-child,
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(2){
    grid-row: unset;
  }
  footer nav > span > .hs-menu-wrapper > ul > li:first-child{
    grid-column: 1 / 3;
  }
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(2){
    grid-column: 4;
  }
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(3),
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(4),
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(5){
    margin-top: 20px;
    grid-column: unset;
  }
}
@media (max-width: 1200px){
  footer nav > span > .hs-menu-wrapper > ul{
    grid-template-columns: 1fr 1fr 1fr;
  }
  footer nav > span > .hs-menu-wrapper > ul > li:first-child{
    grid-column: 1 / 4;
    grid-row: 1;
    padding-bottom: 20px;
  }
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(2){
    grid-column: 1;
    grid-row: 2 / 5;
  }
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(3),
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(4),
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(5){
    grid-column: 2;
    margin-top: 0;
  }
}
@media (max-width: 860px){
  footer nav > span > .hs-menu-wrapper > ul{
    grid-template-columns: 1fr 1fr;
  }
  footer nav > span > .hs-menu-wrapper > ul > li:first-child{
    grid-column: 1 / 3;
    padding-bottom: 20px;
  }
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(2){
    grid-column: 1;
    grid-row: 2 / 5;
  }
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(3),
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(4),
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(5){
    grid-column: 2;
    margin-top: 0;
  }
  footer nav .hs-menu-wrapper.flyouts .hs-menu-item:first-child .hs-menu-children-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px){
  footer nav .hs-menu-wrapper ul{
    flex-flow: column;
    float: none;
    padding: 0;
  }
  footer nav > span > .hs-menu-wrapper > ul > .hs-menu-item{
    width: 100%;
  }
}
@media (max-width: 501px){
  footer nav > span > .hs-menu-wrapper > ul > .hs-menu-item{
    text-align: center;
  }
  footer nav .hs-menu-wrapper.flyouts .hs-menu-item:first-child .hs-menu-children-wrapper {
    grid-template-columns: 1fr;
  }
  footer nav > span > .hs-menu-wrapper > ul{
    grid-template-columns: 1fr;
    column-gap: 0;
  }
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(2){
    padding-bottom: 20px;
  }
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(3),
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(4),
  footer nav > span > .hs-menu-wrapper > ul > li:nth-child(5){
    grid-column: 1;
  }
  footer nav .hs-menu-wrapper ul .hs-menu-item{
    padding-right: 0;
  }
}

/*****************************************/
/**************** Footer *****************/
/*****************************************/

.footer {
  background-color: #F8FAFC;
}

.footer #hs_cos_wrapper_footer-module-3_ > div{
  letter-spacing: 1.1px;
  font-size: 0.6rem !important;
  font-weight: 600;
}

.footer .content-wrapper{
  padding: 0;
}

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #494A52;
}

@media (max-width: 768px){
  .footer .logo{
    text-align: center;
  }
  .footer #hs_cos_wrapper_footer-module-3_ > div{
    text-align: center !important;
  }
}

/*****************************************/
/***************** Blog ******************/
/*****************************************/

.blog-index,
.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

.blog-pagination,
.blog-comments {
  margin-bottom: 80px;
}

.blog-post__date {
  border-color: #494A52;
}

.blog-post__tag-link {
  color: #494A52;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #21222A;
}

.blog-post__tag-link:active {
  color: #71727A;
}

.blog-pagination__link {
  color: #494A52;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #494A52;
}

.blog-post__author {
  background-color: #F8FAFC;
}

#comments-listing .comment-reply-to {
  color: #0270E0;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #0048B8;
}

#comments-listing .comment-reply-to:active {
  color: #2A98FF;
}

/*****************************************/
/*************** HR Styles ***************/
/*****************************************/
hr {
  width: 50px;
  height: 3px;
  border: none;
  margin: 25px auto 25px 0;
  background-color: #E5EFF5;
}
hr.blue {
  background-color: #0076AE;
}
hr.white {
  background-color: #FFFFFF;
}
hr.right {
  margin-left: auto;
  margin-right: 0;
}

/*****************************************/
/************ BOOTSTRAP GRID *************/
/*****************************************/

/* CONTAINER */
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

/* ROW */
.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 30px;
}

/* COLUMNS */

.col-xs-1{
  grid-column: span 1;
}

.col-xs-2{
  grid-column: span 2;
}

.col-xs-3{
  grid-column: span 3;
}

.col-xs-4{
  grid-column: span 4;
}

.col-xs-5{
  grid-column: span 5;
}

.col-xs-6{
  grid-column: span 6;
}

.col-xs-7{
  grid-column: span 7;
}

.col-xs-8{
  grid-column: span 8;
}

.col-xs-9{
  grid-column: span 9;
}

.col-xs-10{
  grid-column: span 10;
}

.col-xs-11{
  grid-column: span 11;
}

.col-xs-12{
  grid-column: span 12;
}

@media (min-width: 768px) {
  
  .col-sm-1{
    grid-column: span 1;
  }
  
  .col-sm-2{
    grid-column: span 2;
  }
  
  .col-sm-3{
    grid-column: span 3;
  }
  
  .col-sm-4{
    grid-column: span 4;
  }
  
  .col-sm-5{
    grid-column: span 5;
  }
  
  .col-sm-6{
    grid-column: span 6;
  }
  
  .col-sm-7{
    grid-column: span 7;
  }
  
  .col-sm-8{
    grid-column: span 8;
  }
  
  .col-sm-9{
    grid-column: span 9;
  }
  
  .col-sm-10{
    grid-column: span 10;
  }
  
  .col-sm-11{
    grid-column: span 11;
  }
  
  .col-sm-12{
    grid-column: span 12;
  }
  
}
@media (min-width: 992px) {
  
  .col-md-1{
    grid-column: span 1;
  }
  
  .col-md-2{
    grid-column: span 2;
  }
  
  .col-md-3{
    grid-column: span 3;
  }
  
  .col-md-4{
    grid-column: span 4;
  }
  
  .col-md-5{
    grid-column: span 5;
  }
  
  .col-md-6{
    grid-column: span 6;
  }
  
  .col-md-7{
    grid-column: span 7;
  }
  
  .col-md-8{
    grid-column: span 8;
  }
  
  .col-md-9{
    grid-column: span 9;
  }
  
  .col-md-10{
    grid-column: span 10;
  }
  
  .col-md-11{
    grid-column: span 11;
  }
  
  .col-md-12{
    grid-column: span 12;
  }
  
}
@media (min-width: 1200px) {
  
  .col-lg-1{
    grid-column: span 1;
  }
  
  .col-lg-2{
    grid-column: span 2;
  }
  
  .col-lg-3{
    grid-column: span 3;
  }
  
  .col-lg-4{
    grid-column: span 4;
  }
  
  .col-lg-5{
    grid-column: span 5;
  }
  
  .col-lg-6{
    grid-column: span 6;
  }
  
  .col-lg-7{
    grid-column: span 7;
  }
  
  .col-lg-8{
    grid-column: span 8;
  }
  
  .col-lg-9{
    grid-column: span 9;
  }
  
  .col-lg-10{
    grid-column: span 10;
  }
  
  .col-lg-11{
    grid-column: span 11;
  }
  
  .col-lg-12{
    grid-column: span 12;
  }
  
}

/*****************************************/
/*************** Modules *****************/
/*****************************************/

/*CARDS****/
.card{
  margin: 30px 1vw;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  height: 350px !important;
  -webkit-box-shadow: 0px 5px 25px #003F5D00;
  box-shadow: 0px 5px 25px #003F5D00;
  will-change: box-shadow;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  padding: 20px;
  cursor: pointer;
}
.card:hover{
  -webkit-box-shadow: 0px 5px 25px #4096C660;
  box-shadow: 0px 5px 25px #4096C660;
}
.card:before {
  content: '';
  background-color: #001C27;
  opacity: 0.9;
  position: absolute;
  bottom: -65px;
  left: 0;
  right: 0;
  height: 65px;
  transition: 0.3s;
  z-index: 1;
}
.card:hover:before,
.card:focus:before {
  bottom: 0;
}
.card .card-bg {
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.3s;
  will-change: opacity;
  border-radius: 10px;
  background-repeat: no-repeat;
}
.card:hover .card-bg {
  opacity: .3;
}
.card a {
  display: grid;
  place-content: center;
  text-decoration: none;
  height: 100%;
}
.card a h3 {
  text-align: center;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  text-shadow: 0px 0px 9px rgba(0, 63, 93, 0.95);
  transition: 0.3s;
  will-change: transform;
  letter-spacing: 1.5px;
  z-index: 2;
}
.card:hover a h3,
.card:focus a h3 {
  transform: scale(1.03) translateY(140px);
  text-shadow: 0px 0px 9px rgba(0, 63, 93, 0.25);
  letter-spacing: 1.75px;
}
.card a h3 .fas{
  padding-left: 15px;
  display: none;
}
@media (max-width: 768px){
  .card{
    margin: 20px 0;
    height: 100px !important;
  }
  .card:before{
    opacity: 0.5;
    bottom: 0;
    top: 0;
    height: 100%;
    border-radius: 10px;
  }
  .card:hover a h3{
    color: #FFF;
    transform: none;
  }
  .card a h3 .fas{
    display: inline-block;
  }
}

/*HALF HALF****/
.half-half-section > .row-fluid-wrapper > .row-fluid > .span12 > .row-fluid-wrapper > .row-fluid > .span6{
  margin: 0 !important;
  width: 50%;
  position: relative;
  overflow: hidden;
}
.half-half-section > .row-fluid-wrapper > .row-fluid > .span12 > .row-fluid-wrapper > .row-fluid > .span6 > div > span > img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100% !important;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 768px){
  .half-half-section > .row-fluid-wrapper > .row-fluid > .span12 > .row-fluid-wrapper > .row-fluid > .span6{
    width: 100%;
    overflow: visible;
  }
  .half-half-section > .row-fluid-wrapper > .row-fluid > .span12 > .row-fluid-wrapper > .row-fluid > .span6 > div > span > img{
    position: static;
    height: 300px !important;
  }
  .half-half-section .hh-text-image > .row-fluid{
    display: flex;
    flex-direction: column-reverse;
  }
}

/*CONTACT****/
.contact-hero form input[type=text],
.contact-hero form input[type=email],
.contact-hero form input[type=password],
.contact-hero form input[type=tel],
.contact-hero form input[type=number],
.contact-hero form input[type=file],
.contact-hero form select,
.contact-hero form textarea{
  border-bottom: 2px solid #fff;
  color: #fff;
}
.contact-hero form input::placeholder,
.contact-hero form textarea::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
}
.contact-hero form input:-ms-input-placeholder,
.contact-hero form textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
  color: #fff;
}
.contact-hero form input::-ms-input-placeholder,
.contact-hero form textarea::-ms-input-placeholder{ /* Microsoft Edge */
  color: #fff;
}
.contact-hero .hs-button{
  border: 2px solid #fff;
  background-color: transparent;
}
.contact-hero .hs-button:hover,
.contact-hero .hs-button:focus{
  background-color: #fff;
  color: #4096C6;
  text-decoration: none;
}
.contact-hero .hs-button:active{
  background-color: #fff;
  color: #4096C6;
  text-decoration: none;
}


/* Modules */

.body-dark #our-process .content-wrap .right-content .process h3{
  color: #FFFFFF;
}
.body-dark section#homepage-hero .sub-section{
  background-color: #001B27;
}

.body-dark section#homepage-hero .sub-section .title h2{
  color: #4096C6;
}
.body-dark .carousel .right-content:after{
  background: transparent linear-gradient(90deg,#001b27 0%,#001B2700 30%) 0% 0% no-repeat padding-box
}
.body-dark .about-hero .hero-heading *{
  color: #ffffff;
}

.body-dark .about-hero .sub-section .accent-bar{
  background-color: #003958;
}
.body-dark .about-hero .sub-section .content-wrap{
  background: #003F5D 0% 0% no-repeat padding-box;
}
.body-dark .internal-hero .sub-section .accent-bar{
  background-color: #001B27 !important;
}
.body-dark .internal-hero .sub-section .content-wrap{
  background: #041e2a 0% 0% no-repeat padding-box;
  opacity: 0.92;
}
.body-dark .internal-hero.reverse .sub-section .content-wrap{
  background: #041e2a 0% 0% no-repeat padding-box;
  opacity: 0.92;
}

.body-dark .internal-hero:before{
  background: #fff;
  opacity: 0;
}
.body-dark section.contact-hero .sub-section .accent-bar{
  background-color: #003958;
  opacity: 1;
}
.body-dark section.contact-hero .sub-section .content-wrap{
  background: #003F5D 0% 0% no-repeat padding-box;
}
.body-dark .contact-hero .hero-heading *{
  color:#ffffff;
}
.body-dark .partner-slider .text-column h2{
  color:#ffffff;
}
.body-dark .partner-slider{
  background-color:#003F5D;
}

.body-dark .partner-slider .partner-column:before {
  background: transparent linear-gradient(90deg, #003F5D 0%, #003F5D00 100%) 0% 0% no-repeat padding-box;
}
.body-dark .feature-scroll{
  background-color: #003F5D;
}
.body-dark .feature-scroll:before{
  background: linear-gradient(90deg, rgba(0,63,93,1) 0%, rgba(0,63,93,0) 25%, rgba(0,63,93,0) 50%, rgba(0,63,93,0) 75%, rgba(0,63,93,1) 100%);
}
.body-dark .feature-scroll .feature-list-wrap .feature-list .feature{
  color: #FFFFFF;
}

.body-dark .accordion .accordion-item .title-bar h3{
  color: #FFFFFF;
}

.footer-row-0-background-color {
  background: #001B27 !important;
}

.body-dark .accordion .accordion-item.active .title-bar h3{
  color: #4096C6;
}

@media (min-width: 768px){
  .body-dark .process-module .process-item{
    margin-bottom: 0 !important;
  }
  .body-dark .process-module .content-wrap{
    padding-bottom: 0 !important;
    padding-left: 110px !important;
  }
  .body-dark .process-module .content-wrap p{
    margin-bottom: 0 !important;
  }
}
.body-dark .process-module .process-list .process-item .icon-wrap{
  border-radius: 0%; */
  -webkit-box-shadow: 0px 0px 0px #003f5d00;;
  box-shadow: 0px 0px 0px #003f5d00;;
  background-color: #001B2700;  
}
.body-dark .process-module .icon-wrap:before{
  display: none;
}
.body-dark .process-module .icon-wrap .number{
  display: none;
}
.body-dark .process-module .process-item .arrow img{
  display: none;
}

.body-dark .process-module .process-item .content-wrap{
  background-color: #001B27;  
  box-shadow: 0px 0px 0px #003f5d00;
}
.body-dark .process-module .icon-wrap img{
  filter: brightness(1) invert(0);
}

.body-dark .card .card-bg{
  opacity: .5 !important;
}
.body-dark .card:hover .card-bg{
  opacity: 1 !important;
}

[data-aos="focus"] {
  opacity: 0.1;
  transition-property: transform, opacity;
}

[data-aos="focus"].aos-animate {
  opacity: 1;
}