/* 1c1. Typography for blog */















































/* 1d. Buttons */

































































/* 1e. Forms */





































/* 1f. Icons */





















/* 1g. Cards */

















/* 1h. Tables */













/* 1i. Website header */


























/* 1j. Website footer */









/* Social Icon */





/* Share Icon Blog post */






/* Background Header Blog post */











:root{
    --maxWidth: 1150px;
    --maximum_content_width: 1150px;
    --primaryColor: #213343;
    --secondaryColor: #000000;
    --bodyBgColor: #ffffff;
    --accentColorOne: #021931;
    --accentColorTwo: #ff5c35;
    --accentColorThree: #f1f7fc;
    --primaryColorRGB: 33, 51, 67;
    --secondaryColorRGB: 0, 0, 0;
    --bodyBgColorRGB: 255, 255, 255;
    --accentColorOneRGB: 2, 25, 49;
    --accentColorTwoRGB: 255, 92, 53;
    --accentColorThreeRGB: 241, 247, 252;
    --darkFontColorRGB : 255, 255, 255;
    --darkBgColorRGB : 0, 0, 0;
    --lightFontColorRGB : 33, 51, 67;
    --lightBgColorRGB : 255, 255, 255;
    --heaaderBackgrounBlog: rgba(248, 248, 253, 1.0)
;
    --relatedBackgrounBlog: rgba(248, 248, 253, 1.0)
;
    --primaryFont: Poppins, Arial, sans-serif;
    --secondaryFont: Merriweather, Arial, serif;
    --HeroH1Font: Merriweather, Arial, serif;
    --h1font: Merriweather, Arial, serif;
    --h2font: Merriweather, Arial, serif;
    --h3font: Merriweather, Arial, serif;
    --h4font: Merriweather, Arial, serif;
    --h5font: Merriweather, Arial, serif;
    --h6font: Merriweather, Arial, serif;
  
    --verticalSpacing: 80px;
  
    --anchorFont: Poppins, Arial, sans-serif;
    --anchorFontHover: Poppins, Arial, sans-serif;
    

    --buttonPrimaryFont : Poppins, Arial, sans-serif;
    --buttonPrimaryFontHover : Poppins, Arial, sans-serif;
    --buttonSecondaryFont : Poppins, Arial, sans-serif;
    --buttonSecondaryFontHover : Poppins, Arial, sans-serif;
    --buttonPrimaryColor: #ffffff;
    --buttonPrimaryFill: #ffffff;
    --buttonSecondaryColor: #213343;
    --buttonSecondaryFill: #213343;
    --buttonPrimaryHoverColor: #ffffff;
    --buttonPrimaryHoverFill: #ffffff;
    --buttonSecondaryHoverColor: #ffffff;
    --buttonSecondaryHoverFill: #ffffff;
    --buttonPrimaryBackground: rgba(255, 92, 53, 1.0)
;
    --buttonPrimaryHoverBackground: rgba(250, 48, 94, 1.0)
;
    
    --formTitleFont: Merriweather, Arial, serif;
    --formInputFont: Poppins, Arial, sans-serif;
    --formLabelFont: Poppins, Arial, sans-serif;
    --formHelpTextFont: Poppins, Arial, sans-serif;
    --formGdprTextFont: Poppins, Arial, sans-serif;
    --formRichTextFont: Poppins, Arial, sans-serif;
  
    --headerMenuFont: Poppins, Arial, sans-serif;
    --headerMenuFontHover: Poppins, Arial, sans-serif;
    --headerMenuFontActive: Poppins, Arial, sans-serif;
    --footerMenuFont: Poppins, Arial, sans-serif;
    --footerMenuFontHover: Poppins, Arial, sans-serif;
    --footerMenuFontActive: Poppins, Arial, sans-serif;
  
    
    --anchorColor: #0C5394;
    
    --anchorHoverColor: #03294f;
    --darkBgColor: rgba(0, 0, 0, 1.0)
;
    --darkBgColorAlt: rgba(34, 34, 34, 1.0)
;
    --darkFontColor: #ffffff;
    --lightBgColor: rgba(255, 255, 255, 1.0)
;
    --lightFontColor: #213343;
    --factorMobile: 1.2;
    --fontSize: 16px;
    --lineHeight:  1.5;
    --letterSpacing:  0px;
    --cornerRadius: 6px;
    --cornerRadiusImage: 6px;
    --buttonCornerPrimary: 8px;
    --fontHeroSizeH1: 65px;
    --lineHeroHeightH1:  1.05;
    --letterHeroSpacingH1:  -0.7px;
    --fontSizeH1: 47px;
    --lineHeightH1:  1.2;
    --letterSpacingH1:  0px;
    --fontSizeH2: 38px;
    --lineHeightH2:  1.19;
    --letterSpacingH2:  -0.35px;
    --fontSizeH3: 30px;
    --lineHeightH3:  1.2;
    --letterSpacingH3:  -0.35px;
    --fontSizeH4: 25px;
    --lineHeightH4:  1.2;
    --letterSpacingH4:  0px;
    --fontSizeH5: 20px;
    --lineHeightH5:  1.2;
    --letterSpacingH5:  0px;
    --fontSizeH6: 16px;
    --lineHeightH6:  1.2;
    --letterSpacingH6:  0px;
    
    
    
    --fontSizeMbH1: 39.16666666666667px;
    
  
    
    
    --fontHeroSizeMbH1: 54.16666666666667px;
    
}  




.body-wrapper > div:first-child{
  display:flex;
}
/* Drag and drop layout styles */
.dnd-section {
  padding: 80px 20px;
  position: relative;
  z-index: 1;
}
.hs-inline-edit .dnd_area-row-0-padding{
  padding:0;
}
header .dnd-section {
  padding:0;
}
.header.no-nav,
.header.landing-global{
  display: flex;
  width: 100%;
  flex-direction: column;
}


/* Padding on blog post sections */

.blog-post-section {
  padding: 80px 0;
}
.blog__back_image:before{
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0)
 0%, rgba(0, 0, 0, 0.0)
 24%, rgba(0, 0, 0, 1.0)
 100%);
}

@media (max-width: 767px){
  .dnd-section {
    padding: 45px 20px;
  }
  .blog-post-section {
    padding: 45px 0;
  }
}
/* .content-wrapper is used for blog post and system templates and .header-wrapper is used for the website header module */

.dnd-section > .row-fluid,
.content-wrapper{
  max-width: 1150px;
}
[class*="full-width-section"] >  .row-fluid{
  max-width: none;
}
.page-center {
  max-width: calc(1150px - 50px);
  padding:0 25px;
  margin:auto;
}





body, html {
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing:grayscale;
   
}
body {
  font-family: var(--primaryFont);
  font-style:normal;
  text-decoration: none;
  font-weight:normal;
  background-color: #ffffff;
  color: #213343;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0px;
  text-rendering: optimizeSpeed;

}
/* Paragraphs */
.p,
p {
  font-family: var(--primaryFont);
  font-style:normal;
  text-decoration: none;
  font-weight:normal;
}

/* Anchors */

a {
  font-family: var(--anchorFont);
  font-style:normal;
  text-decoration: none;
  font-weight:700;
  color: #0C5394;
}

a:hover,
a:focus,
a:active{
  font-family: var(--anchorFontHover);  
  font-style:normal;
  text-decoration: none;
  font-weight:700;
  color: #03294f;
  fill: #03294f;
}

/* Headings */
h1,h2,h3,h4,h5,h6{
  word-break: break-word;
}
.h1,
h1 {
  font-family: var(--h1font);
  font-style:normal;
  text-decoration: none;
  font-weight:700;
  color: #03294f;
  font-size: 47px;
  text-transform: none;
  line-height: 1.2;
  letter-spacing: 0px;
}
.h2,
h2 {
  font-family: var(--h2font);  
  font-style:normal;
  text-decoration: none;
  font-weight:700;
  color: #03294f;
  font-size: 38px;
  text-transform: none;
  line-height: 1.19;
  letter-spacing: -0.35px;
}

.h3,
h3 {
  font-family: var(--h3font);
  font-style:normal;
  text-decoration: none;
  font-weight:700;
  color: #03294f;
  font-size: 30px;
  text-transform: none;
  line-height: 1.2;
  letter-spacing: -0.35px;
}

.h4,
h4 {
  font-family: var(--h4font);
  font-style:normal;
  text-decoration: none;
  font-weight:700;
  color: #03294f;
  font-size: 25px;
  text-transform: none;
  line-height: 1.2;
  letter-spacing: 0px;
}

.h5,
h5 {
  font-family: var(--h5font);
  font-style:normal;
  text-decoration: none;
  font-weight:700;
  color: #03294f;
  font-size: 20px;
  text-transform: none;
  line-height: 1.2;
  letter-spacing: 0px;
}

.h6,
h6 {
  font-family: var(--h6font);
  font-style:normal;
  text-decoration: none;
  font-weight:700;
  color: #03294f;
  font-size: 16px;
  text-transform: none;
  line-height: 1.2;
  letter-spacing: 0px;
}
.h1_hero,
h1.hero__banner__content-title-el,
h1.hero__banner__content-title-el,
h1.hero__angled__content-title-el,
h1.fn__typed__title,
h1.fn__newsletter__text-tit{
  font-family: var(--HeroH1Font);
  font-style:normal;
  text-decoration: none;
  font-weight:700;
  font-size: 65px;
  text-transform: none;
  line-height: 1.05;
  letter-spacing: -0.7px;
}
@media (max-width: 768px) {
  
  
  :root {
    --global-h1-size: clamp(30px, calc(9 / 100 * 100vw), 47px);
    --global-h2-size: clamp(28px, calc(9 / 100 * 100vw), 38px);
    --global-h3-size: clamp(24px, calc(9 / 100 * 100vw), 30px);
    --global-h4-size: clamp(20px, calc(9 / 100 * 100vw), 25px);
    --global-h5-size: clamp(16px, calc(9 / 100 * 100vw), 20px);
    --global-h6-size: clamp(14px, calc(9 / 100 * 100vw), 16px);
  }
  h1 {
    
    
    font-size: 39.16666666666667px;
    
    --font-size: var(--global-h1-size);
    font-size: var(--font-size);
  }
  h2 {
    
    
    font-size: 31.666666666666668px;
    
    --font-size: var(--global-h2-size);
    font-size: var(--font-size);
  }
  h3 {
    
    
    font-size: 25.0px;
    
    --font-size: var(--global-h3-size);
    font-size: var(--font-size);
  }
  h1.hero__banner__content-title-el,
  h1.hero__angled__content-title-el,
  h1.fn__typed__title,
  h1.fn__newsletter__text-tit{
    
    
    font-size: 34.21052631578947px;
    
    --font-size: var(--global-h1-size);
    font-size: var(--font-size);
  }
}
/* Blockquotes */

blockquote,blockquote p {
  font-family: Merriweather, serif; font-style: normal; font-weight: 700; text-decoration: none;
  border-left-color: #000000;
  
  color: #03294f;
  
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: 0px;
}
blockquote p {
  margin:0;
}
blockquote > footer {
  font-size: 16px;
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* List style */
li::marker{
  color: rgba(0, 0, 0, 1.0)

}
li{
  line-height: 1.5;
  letter-spacing: 0px;
}

/*  Styles for blog */


/* Horizontal rules */

hr {
  border-bottom-color: #ff5c35;
}






/* Primary button */
button:not([class]),
.button,
.hs-button,
.ocean_cta a.cta_button,
.ocean_cta a.cta_button:focus,
button:not([class]):focus,
.button:focus,
.hs-button:focus{
  border: 0px solid #ff5c35;

  padding-top: 10px;
padding-right: 45px;
padding-bottom: 10px;
padding-left: 45px;

  font-family: var(--buttonPrimaryFont);  
  font-style:normal;
  text-decoration: none;
  font-weight:600;
  border-radius: 8px;
  color: #ffffff;
  fill: #ffffff;
  font-size: 16px;
  text-transform: none;
  position:relative;
  z-index:0;
  overflow:hidden;
  
  box-shadow:none;
  
}
button:not([class]):before,
.button:before,
.hs-button:before,
.ocean_cta .cta_button:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  
  background-color: rgba(255, 92, 53, 1.0)
;
  
  z-index:-1;
  display:block;
  transition: all .4s ease-in-out;
}



button:not([class]):hover,
.button:hover,
.hs-button:hover,
button:not([class]):active,
.button:active,
.hs-button:active,
.ocean_cta a.cta_button:hover{
  border: 0px solid #ff5c35;

  font-family: var(--buttonPrimaryFontHover);
  font-style:normal;
  text-decoration: none;
  font-weight:600;
  color: #ffffff;
  fill: #ffffff;
  border-radius: 8px;
}

button:not([class]):after,
.button:after,
.hs-button:after,
.ocean_cta a.cta_button:after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0%;
  
  background-color: rgba(250, 48, 94, 1.0)
;
  
  transition: all .4s ease-in-out;
  z-index:-1;
  display:block;
}
button:not([class]):hover:after,
.button:focus:after,
.button:hover:after,
.hs-button:hover:after,
.dnd-module a.cta_button:hover:after{
    height: 100%;
}

/* Secondary button */
.button.button--secondary,
.button.button--secondary:focus{
  border: 1px solid #ff5c35;

  font-family: var(--buttonSecondaryFont);
  font-style:normal;
  text-decoration: none;
  font-weight:600;
  border-radius: 6px;
  background-color:rgba(0, 0, 0, 0.0)
;
  color: #213343;
  fill: #213343;
  text-transform: none;
  overflow:hidden;
}
.button.button--secondary{
  
  box-shadow:none;
  
}
.button.button--secondary:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    
    height: 0;
    background-image:none;
    
    
    background-color: rgba(0, 0, 0, 0.0)
;
    
    transition: 0.3s linear;
    z-index:-1;
}
.secondary--hover:before,
.button.button--secondary:hover:before,
.button.button--secondary:focus:before{
    height: 100%;
}
.button.button--secondary:hover,
.button.button--secondary:active,
.button.button--secondary:focus{
  border: 1px solid #ff5c35;

  font-family: var(--buttonSecondaryFontHover);
  font-style:normal;
  text-decoration: none;
  font-weight:600;
  color: #ffffff;
  fill: #ffffff;
}
.button.button--secondary:after{
  
  background-color: rgba(33, 51, 67, 1.0)
;
  
}
.button.button--secondary:active {
  background-color: rgba(113, 131, 147, 100);
  border: 1px solid #ff5c35;

  border-color: #ffac85;
  color: #ffffff;
  fill: #ffffff;
}


.button.primary--hover:after{
  height:100%;
  
  background-color: rgba(250, 48, 94, 1.0)
;
  
}
.button.primary--hover,
.button.secondary--hover{
    height: 100%;
}
.button.primary--hover:before,
.button.secondary--hover:before{
    height: 100%;
}
.button.secondary--hover{
  border: 1px solid #ff5c35;

  font-family: var(--buttonSecondaryFontHover);
  font-style:normal;
  text-decoration: none;
  font-weight:600;
  color: #ffffff;
  fill: #ffffff;
}
.button.secondary--hover:after{
  height:100%;
  
  background-color: rgba(33, 51, 67, 1.0)
;
  
}

form .hs-form-field button:before,
form .hs-form-field button:after{
  display:none;
}
/* Simple button */

.button.button--simple,
.button.button--simple:focus{
  font-family: var(--anchorFont);
  font-style:normal;
  text-decoration: none;
  font-weight:700;
  color: #0C5394;
  fill: #0C5394;
  box-shadow:none;
  padding:0;
}
.button.button--simple:after,.button.button--simple:before {
  background-color:transparent;
  background-image:none;
}
.button.button--simple:hover,
.button.button--simple:active{
  font-family: var(--anchorFontHover);  
  font-style:normal;
  text-decoration: none;
  font-weight:700;
  color: #03294f;
  fill: #03294f;
  padding:0;
}

/* Button sizing */

.button.button--small {
  padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;

  font-size: 14px;
}
.button.button--small:hover,
.button.button--small:focus{
  padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;

}
.button.button--large {
  padding-top: 15px;
padding-right: 60px;
padding-bottom: 15px;
padding-left: 60px;

  font-size: 18px;
}

@media (max-width: 767px){
  .button.button--large {
    padding:15px 20px;
  }
}

@media (max-width: 767px){
  button,
  .button,
  .hs-button,
  button:hover,
  .button:hover,
  .hs-button:hover,
  button:active,
  .button:active,
  .hs-button:active,
  a.cta_button:hover,
  button:focus,
  .button:focus,
  .hs-button:focus{
    padding:10px 15px;
  }
}




/* Form */

.widget-type-form {
  border: 1px none #ffffff;

  padding: 35px;

  background-color: rgba(255, 255, 255, 1.0)
;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
}

/* Form title */

.form-title {
  border: 1px none #ffffff;

  padding-bottom: 15px;

  font-family: var(--formTitleFont);
  font-style:normal;
  text-decoration: none;
  font-weight:700;
  background-color:rgba(255, 255, 255, 0.0)
;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #000000;
  font-size: 30px;
  text-transform: none;
}
.form-title:empty {
  display:none;
}
/* Labels */

form label {
  padding: 0px;

  font-family: var(--formLabelFont);
  font-style:normal;
  text-decoration: none;
  font-weight:normal;
  color: #213343;
  font-size: 16px;
}

/* Help text */

form legend {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #213343;
  font-size: 14px;
}

/* Form fields */

form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form select,
form textarea {
  border: 1px solid #000000;

  padding: 15px;

  font-family: var(--formInputFont);
  font-style:normal;
  text-decoration: none;
  font-weight:normal;
  background-color: rgba(255, 255, 255, 1.0)
;
  border-radius: 6px;
  color: #213343;
  font-size: 16px;
  width: 100%!important;
}

/* Form fields - placeholders */

::-webkit-input-placeholder {
  color: #000000;
}

::-moz-placeholder {
  color: #000000;
}

:-ms-input-placeholder {
  color: #000000;
}

:-moz-placeholder {
  color: #000000;
}

::placeholder {
  color: #000000;
}

/* Form fields - date picker */

form .hs-dateinput:before {
  right: 15px;
}

form .pika-table thead th {
  background-color: rgba(33, 51, 67, 1.0)
;
  color: #ffffff;
}

form td.is-today .pika-button {
  color: #213343;
}

form .is-selected .pika-button {
  background-color: #000000;
  color: #213343;
}

form .pika-button:hover {
  background-color: #213343 !important;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext *,
form .hs-richtext p,
form .hs-richtext h1,
form .hs-richtext h2,
form .hs-richtext h3,
form .hs-richtext h4,
form .hs-richtext h5,
form .hs-richtext h6 {
  font-family: var(--formRichTextFont);
  font-style:normal;
  text-decoration: none;
  font-weight:normal;
  color: #213343;
}

/* GDPR */

form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  font-family: var(--formGdprTextFont);  
  font-style:normal;
  text-decoration: none;
  font-weight:normal;
  color: #213343;
  font-size: 14px;
}

/* Select */
form select{
    appearance: none;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 12px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4KICA8ZyBpZD0iR3JvdXBfMSIgZGF0YS1uYW1lPSJHcm91cCAxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDY5IC0yNjUpIj4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NjkgMjY1KSIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwKSIvPgogICAgPHBhdGggaWQ9ImNhcmV0LWRvd24tc29saWQiIGQ9Ik0yNC4zNDYsMTk2LjI3NSwxNC40LDIwNi4zYTIuNzYsMi43NiwwLDAsMS0xLjg0LjczNiwyLjUsMi41LDAsMCwxLTEuNzcyLS43MzRMLjgzNCwxOTYuMjc2YTIuNCwyLjQsMCwwLDEtLjYxMy0yLjcyNkEyLjUxNiwyLjUxNiwwLDAsMSwyLjUzNSwxOTJIMjIuNTA3YTIuNTA2LDIuNTA2LDAsMCwxLDIuMzE2LDEuNTQ2QTIuNDczLDIuNDczLDAsMCwxLDI0LjM0NiwxOTYuMjc1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDcxLjk2NyA4MCkiIGZpbGw9IiNjNmM2YzYiLz4KICA8L2c+Cjwvc3ZnPgo=");
}

/* Submit button */


.hs_submit{
  position:relative;
  z-index:0;
  width:fit-content;
  border-radius: 8px;
  overflow:hidden;
}
form input[type='submit'],
form .hs-button {
  position:relative;
  border: 0px solid #ff5c35;

  font-family: var(--buttonPrimaryFont);  
  font-style:normal;
  text-decoration: none;
  font-weight:600;
  background-color:transparent;
  border-radius: 8px;
  color: #ffffff;
  text-transform: none;
  width:fit-content;
}

form input[type='submit']:hover,
form input[type='submit']:focus,
form .hs-button:hover,
form .hs-button:focus {
  border: 0px solid #ff5c35;

  font-family: var(--buttonPrimaryFontHover);
  font-style:normal;
  text-decoration: none;
  font-weight:600;
  background-color:transparent;
  color: #ffffff;
}

.hs_submit:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  
  background-color: rgba(255, 92, 53, 1.0)
;
  
  z-index:-1;
  display:block;
  transition: all .4s ease-in-out;
  overflow:hidden;
}
  .hs_submit:after,
  .hs_submit:focus:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    
    background-color: rgba(250, 48, 94, 1.0)
;
    
    z-index:-1;
    display:block;
    transition: all .4s ease-in-out;
    overflow:hidden;
  }
  .hs_submit:hover:after{
    height: 100%;
    }




  form input[type='submit'],
  form .hs-button {
    padding-top: 10px;
padding-right: 45px;
padding-bottom: 10px;
padding-left: 45px;

    font-size: 16px;
  }




/* Inline thank you message */

.submitted-message {
  border: 1px none #ffffff;

  padding: 35px;

  background-color: rgba(255, 255, 255, 1.0)
;
  border-radius: 6px;
}

/* Ocean Style */
form input[type='checkbox'], form input[type='radio'] {
		 --active: #000000;
     --focus: 2px rgba(0, 0, 0, 0.3)
;
		 --border: #bbc1e1;
		 --border-hover: #000000;
		 --background: #fff;
		 --disabled: #f6f8ff;
		 --disabled-inner: #e1e6f9;
}




/* Default icon (regular/dark) */

.icon {
  padding: 15px;

  background-color: rgba(0, 0, 0, 1.0)
;
  box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.05)
;
}

.icon svg,
.icon img{
  color: #ffffff;
  fill: #ffffff;
  height: 16px;
  width: 16px;
}
.icon .emoji{
  font-size: 16px;
  height: 16px;
  width: 16px;
}
/* Light icon */

.icon--light .icon {
  background-color: rgba(255, 255, 255, 1.0)
;
}

.icon--light svg {
  fill: #213343;
  color: #213343;
}

/* Size */

.icon--small > .icon {
  padding: 10px;

}
.icon--small svg,
.icon--small .emoji{
  height: 12px;
  width: 12px;
}
.icon--small .emoji{
  font-size:12px;
}
.icon--large > .icon {
  padding: 25px;

}
.icon--large svg,
.icon--large .emoji{
  height: 24px;
  width: 24px;
}
.icon--large .emoji{
  font-size: 24px;
}





/* Table */

table {
  border: 1px solid #ff5c35;

  background-color: rgba(255, 255, 255, 1.0)
;
  box-shadow: 0 0.375rem 1.5rem 0 rgb(140 152 164 / 13%);
  border-radius: 6px;
  width: 100%;
  overflow: hidden;
}

/* Table cells */

th,
td {
  border: 1px solid #ff5c35;

  padding: 10px;

  color: #213343;
}

/* Table header */

thead th,
thead td {
  background-color: rgba(33, 51, 67, 1.0)
;
  color: #ffffff;
}

/* Table footer */

tfoot th,
tfoot td {
  background-color: rgba(0, 0, 0, 1.0)
;
  color: #213343;
}





/* Header container */

.header {
  position:relative;
  z-index:999;
  width:100%;
}

/* Header top bar */



/* Language switcher */

.header__container--left .header__language-switcher-current-label>span{
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #213343;
  font-size: 15px;
  text-transform: uppercase;
}

.header__container--left .header__language-switcher:hover .header__language-switcher-current-label > span,
.header__container--left .header__language-switcher:focus .header__language-switcher-current-label > span {
  files: [{file=https://www.mediasource.mx/hubfs/proxima-nova-700.woff, fileId=172781403777, format=woff, id=15071450}, {file=https://www.mediasource.mx/hubfs/proxima-nova-700.ttf, fileId=172781278310, format=truetype, id=15071451}]; name: Bold; style: {"font-weight":700}; svgUrl: https://www.mediasource.mx/hubfs/marketer_assets/fonts/Proxima-nova/Bold-1720743869246.svg;
  color: #666666;
}

.header__language-switcher-child-toggle svg {
  fill: #213343;
}
.header__language-switcher:hover .world svg path{
  fill: #666666;
}


/* Header bottom */
.header__bottom {
  padding:0 20px;
}
.header__bottom_back {
  background-color: rgba(0, 0, 0, 1.0)
;
  
  backdrop-filter: blur(16px) saturate(150%);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  
}
.sticky-trans .header__bottom_back{
  background-color: rgba(255, 255, 255, 0.0)
;
  
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  
}
.sticky-trans.header__bckwhite .header__bottom_back{
  background-color: rgba(0, 0, 0, 1.0)
;
}
.header__bottom_back {
  background-color: rgba(0, 0, 0, 1.0)
;
}
/* Logo */

.header__logo-company-name {
  font-family: Merriweather, serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #03294f;
  font-size: 47px;
  text-transform: none;
}

/* Menu */

@media (max-width: 982px) {
  .header__menu--mobile {
    background-color: rgba(255, 255, 255, 1.0)
;
  }
  .header__bottom {
    padding:0px 12px;
  }
}

/* Menu items */

.header__menu-link,
.header__user-col a .header__user-label,
.inner__menu ul li a{  
  font-family: var(--headerMenuFont);
  font-style:normal;
  text-decoration: none;
  font-weight:600;
  font-size: 15px;
  text-transform: none;
  
}

.search__button:hover svg, .header__user-col:hover svg{
  color: #ff5c35;
  fill: #ff5c35;
}
@media (max-width: 1080px) {
  .header__menu-link,.inner__menu ul li a {  
    font-size:12px;
  }
}
@media (max-width: 990px) {
  .header__menu-link,.inner__menu ul li a {  
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .header__menu-item--depth-1+.header__menu-item--depth-1 {
    border-top: 1px solid #e7e7e7;
  }
}
.header__menu-link svg:not(:root).svg-inline--fa,
.header__menu-link svg{
    display: inline-flex;
    width: auto;
    padding-left: 5px;
}
/* Menu items - top level */

.header__menu-item--depth-1 > .header__menu-link:not(.button),
.header__user-col a .header__user-label{
  color: #213343;
}

.sticky-trans .header__menu-toggle-hamburger span,
.header__menu-toggle-hamburger span{
  background-color: #213343;
}
.header__menu-item--depth-1 > .header__menu-link:hover,
.header__menu-item--depth-1 > .header__menu-link:focus,
.inner__menu ul li a:hover{  
  font-family: var(--headerMenuFontHover);
  font-style:normal;
  text-decoration: none;
  font-weight:600;
  color: #ff5c35;
}
.header__user-col a:hover .header__user-label{
  color: #ff5c35;
}
.header__menu-item--depth-1:hover > .header__menu-child-toggle svg,
.header__menu-item--depth-1:hover > .header__menu-link--toggle,
.header__menu-item--depth-1:focus-within > .header__menu-child-toggle svg,
.header__menu-item--depth-1:focus-within > .header__menu-link--toggle{
  fill:#ff5c35;
  color:#ff5c35;
}
.header__menu-item--depth-1{
  --colorHover:#ff5c35;
}
.header__menu-item--depth-1 > .header__menu-link:active,
.header__menu-item--depth-1 > .header__menu-link--active-link:not(.button) {
  font-family: var(--headerMenuFontActive);  
  font-style:normal;
  text-decoration: none;
  font-weight:600;
  color: #ff5c35;
}

.header__menu-item--depth-1>.header__menu-child-toggle svg {
  fill: #213343;
}
.header__menu-link--active-link ~ .header__menu-child-toggle svg,
.header__menu-link--active-link ~ .header__menu-child-toggle svg path { 
   fill: #ff5c35;
}

.header__menu-item--depth-2 .header__menu-child-toggle svg {
  fill: #000000;
}
@media (min-width: 981px){
  .header__menu-item--depth-2 .header__menu-child-toggle svg {
    transform: rotate(270deg);
  }
}
/* Menu items - submenus */

.header__menu-submenu,
.mega__menu .mega__menu_container {
  background-color: rgba(255, 255, 255, 1.0)
;
  border-color: #ff5c35;
}

.header__menu-submenu .header__menu-link:not(.button),
.inner__menu ul li a,
.submenu__icon-inner a > *{
  color: #000000;
}

.header__menu-item--depth-2:hover svg{
  fill: #ff5c35;
}

.header__menu-submenu .header__menu-item:hover,
.header__menu-submenu .header__menu-item:focus {
  background-color: rgba(255, 255, 255, 1.0)
;
}

.header__menu-submenu .header__menu-link:hover,
.header__menu-submenu .header__menu-link:focus,
.inner__menu ul li a:hover{
  font-family: var(--headerMenuFontHover);
  font-style:normal;
  text-decoration: none;
  font-weight:600;
}
.header__menu-item--depth-2:hover>.header__menu-link,
.header__menu-item--depth-3:hover>.header__menu-link,
.inner__menu ul li a:hover,
.submenu__icon-inner a:hover > *{
  color: #ff5c35;
}

.header__menu-submenu .header__menu-link:active {
  background-color: rgba(255, 255, 255, 1.0)
;
}

.header__menu-submenu .header__menu-link--active-link:not(.button) {
  color: #ff5c35;
  background-color: rgba(255, 255, 255, 1.0)
;
}

/* Menu icons */

.header__menu-toggle svg {
  fill: #213343;
}
.search__button svg,
.header__user-col svg{
  fill: #213343;
  color: #213343;
}
.world svg path{
  fill: #213343;
}

@media (max-width: 982px){
  .header__menu-item--depth-1 > .header__menu-link:not(.button),.inner__menu ul li a{
    color: #000000;
  }
  .header__menu-item--depth-1 .header__menu-child-toggle svg {
    fill: #000000;
    }   
  .header__menu-item--depth-1:hover>.header__menu-child-toggle svg, 
  .header__menu-item--depth-1:hover>.header__menu-link--toggle {
    fill: #ff5c35;
    color: #ff5c35;
  }
}

/* Language switcher - submenu */

.header__language-switcher .lang_list_class {
  /* border-color: #ff5c35; */
}

.header__language-switcher .lang_list_class li {
  background-color: rgba(255, 255, 255, 1.0)
;
}
.header__container--left .header__language-switcher-current-label>span{
}
.header__language-switcher .lang_list_class a:not(.button){
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #000000;
  font-size: 15px;
  text-transform: uppercase;
}

.header__language-switcher .lang_list_class a:hover,
.header__language-switcher .lang_list_class a:focus {
  background-color: rgba(255, 255, 255, 1.0)
;
  color: #666666;
}

.header__language-switcher .lang_list_class a:active {
  background-color: rgba(255, 255, 255, 1.0)
;
}

/* Sticky Menu */

.sticky-trans:not(.header__bckwhite) .header__menu--desktop .header__menu-item--depth-1>.header__menu-link:not(.button):hover,
.sticky-trans:not(.header__bckwhite) .header__menu--desktop .header__menu-item--depth-1:hover>.header__menu-link:not(.button),
.sticky-trans:not(.header__bckwhite) .header__menu--desktop .header__menu-item--depth-1:hover>.header__menu-child-toggle svg,
.sticky-trans:not(.header__bckwhite) .header__language-switcher:hover .world svg path{
  color: #ff5c35;
  fill: #ff5c35;
}
.sticky-trans .header__menu-item--depth-1:hover>.header__menu-link:not(.button){
  fill:#ff5c35;
  color: #ff5c35;
}




/* Footer container */

.footer {
  background-color: rgba(1, 11, 22, 1.0)
;
}

/* Footer content color */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer p,
.footer a:not(.button),
.footer span,
.footer div,
.footer li,
.footer blockquote,
.footer .tabs__tab,
.footer .tabs__tab:hover,
.footer .tabs__tab:focus,
.footer .tabs__tab:active {
  color: #FFFFFF;
}

.footer hr {
  border-bottom-color: #FFFFFF !important;
}

.footer.lp .footer__legal{
  justify-content: center;
}
/* Footer menu */

.footer .hs-menu-wrapper a {  
  font-family: var(--footerMenuFont);
  font-style:normal;
  text-decoration: none;
  font-weight:normal;
  color: #FFFFFF;
  font-size: 14px;
  text-transform: none;
}
.footer .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1>a,
.footer .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1>a{
  display: block;
  padding-bottom: 0;
  text-transform: none;
}

.footer .hs-menu-wrapper a:hover,
.footer .hs-menu-wrapper a:focus {
  font-family: var(--footerMenuFont);
  font-style:normal;
  text-decoration: none;
  font-weight:normal;
  color: #FFFFFF;
}

.footer .hs-menu-wrapper a:active,
.footer .hs-menu-wrapper .active > a {
  font-family: var(--footerMenuFontActive);
  font-style:normal;
  text-decoration: none;
  font-weight:bold;
  color: #FFFFFF;
}

.footer .footer__legal{
    display: flex;
    font-size: 14px;
    margin-top: 45px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}
.footer .footer__legal ul{
  margin:0;
  padding:0;
}
.footer .footer__legal_copy,
.footer__legal .footer__legal_menu li{
  display: inline-block;
  width: auto;
  flex: none;
  margin:0;
  padding:0;
}

.footer .footer__legal .footer__legal_menu li>a{
  font-weight: 400;
  padding: 0;
  text-transform: none;
  display: inline-block;
  font-size: 14px;
}
.footer .footer__legal 
.footer .footer__legal_copy:not(:last-child):after, 
.footer .footer__legal .footer__legal_menu li:not(:last-child):after {
  content: '|';
  padding-right: 15px;
  padding-left: 15px;
}

.footer .social-follow {
    grid-gap: 15px;
}
.footer .social-follow__link svg path {
  fill: rgba(0, 0, 0, 1.0)
;
}
.footer .social-follow__icon{
  background-color: rgba(255, 255, 255, 1.0)
;
}
.footer .social-follow__icon:hover{
  background-color: rgba(255, 255, 255, 1.0)
;
}
.footer .social-follow__link:hover svg,
.footer .social-follow__link:hover svg path{
  fill: rgba(0, 0, 0, 1.0)
;
  color: rgba(0, 0, 0, 1.0)
;
}

.footer .fn__newsletter__text-tit {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    max-width: 100%;
    line-height: 1.5;
}
.footer.f__style_01 .fn__newsletter__wrapper{
  padding: 0 0 !important;
}
.footer.f__style_01 .fn__newsletter__form{
    padding: 0 0 8px;
    width: 100%;
}
@media (max-width: 767px){
  .footer .footer__legal {
    margin-top: 40px;
    flex-direction: column;
  }
  .footer .footer__legal .footer__legal_menu ul {
    flex-direction: row;
    justify-content: center;
    grid-gap: 0;
    text-align: center;
    margin: 15px 0 0;
  }
  .footer__legal .footer__legal_copy:not(:last-child):after{
    display: none;
  }
  .footer .footer__legal_copy, .footer__legal .footer__legal_menu li {
    text-align:center;
  }
  .footer .fn__newsletter__wrapper {
    padding: 25px 10px 0 0 !important;
  }
  .footer .fn__newsletter__form {
    padding: 0 0 15px 0 !important;
    margin: auto!important;
  }
}




/* Dark card */

.card--dark {
  background-color: rgba(0, 0, 0, 1.0)
;
  border-radius: 6px;
  color: #ffffff;
  align-items: center;
}

.card--dark summary,
.card--dark p,
.card--dark h1,
.card--dark h2,
.card--dark h3,
.card--dark h4,
.card--dark h5,
.card--dark h6,
.card--dark a:not(.button),
.card--dark span,
.card--dark div,
.card--dark li,
.card--dark blockquote {
  color: #ffffff;
}
.card--dark h1,
.card--dark h2,
.card--dark h3,
.card--dark h4,
.card--dark h5,
.card--dark h6{
  margin: 0 0 20px 0;
  padding:0;
}

/* Light card */

.card--light {
  border-radius: 6px;
  color: #213343;
}

.card--light summary,
.card--light p,
.card--light h1,
.card--light h2,
.card--light h3,
.card--light h4,
.card--light h5,
.card--light h6,
.card--light a:not(.button),
.card--light span,
.card--light div,
.card--light li,
.card--light blockquote {
  
}
.card--light h1,
.card--light h2,
.card--light h3,
.card--light h4,
.card--light h5,
.card--light h6{
  margin: 0 0 20px 0;
  padding:0;
}





/* Dark card */

.block--dark {
  display:flex;
  background-color: rgba(0, 0, 0, 1.0)
;
  color: #ffffff;
}
.block--light {
  display:flex;
  background-color: rgba(255, 255, 255, 1.0)
;
  color: #213343;
}
@media (max-width: 767px){
  .block--dark {
      display: block;
  } 
}
.block--dark summary,
.block--dark a:not(.button),
.block--dark .button.button--simple,
.block--dark p,
.block--dark h1,
.block--dark h2,
.block--dark h3,
.block--dark h4,
.block--dark h5,
.block--dark h6,
.block--dark a:not(.button),
.block--dark span,
.block--dark div,
.block--dark li,
.block--dark li a,
.block--dark blockquote,
.block--dark strong,
.block--dark form .legal-consent-container .hs-richtext{
  color: #ffffff;
  fill: #ffffff;
}


.block--light summary,
.block--light a:not(.button),
.block--light .button.button--simple,
.block--light p,
.block--light h1,
.block--light h2,
.block--light h3,
.block--light h4,
.block--light h5,
.block--light h6,
.block--light a:not(.button),
.block--light span,
.block--light div,
.block--light li,
.block--light blockquote {
  color: #213343;
  fill: #213343;
}
@media (max-width: 767px){
  .fn__row__wrapper .block--dark .fn__row__text-h{
    font-size:40px;
  }
}





/* Error templates */

.error-page:before {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* System templates */

#email-prefs-form,
#email-prefs-form h1,
#email-prefs-form h2 {
  color: #213343;
}

/* Search template */

.hs-search-results__title {
  font-size: 30px;
}

/* Backup unsubscribe template */

.backup-unsubscribe input[type='email'] {
  font-size: 16px;
  padding: 15px;

}





/* Accordion */

.accordion__summary,
.accordion__summary:before {
  font-family: Merriweather, serif; font-style: normal; font-weight: 700; text-decoration: none;
  font-size: 25px;
}

.card--dark .accordion__summary:before {
  color: #ffffff;
}

.card--light .accordion__summary:before {
  color: #213343;
}

/* Blog listing, recent posts, related posts, and blog post */

.blog-listing__post-title {
  text-transform: none;
}

.blog-listing__post-title-link {
  font-family: var(--h2font);
  font-style:normal;
  text-decoration: none;
  font-weight:700;
  color: #03294f;
}

.blog-listing__post-title-link:hover,
.blog-listing__post-title-link:focus {
  font-family: var(--h2font);
  font-style:normal;
  text-decoration: none;
  font-weight:700;
  color: #000000;
}

.blog-listing__post-title-link:active {
  font-family: var(--h2font);  
  font-style:normal;
  text-decoration: none;
  font-weight:700;
  color: #53799f;
}

.blog-listing__post-tag {
  color: #213343;
}

.blog-listing__post-tag:hover,
.blog-listing__post-tag:focus {
  color: #000000;
}

.blog-listing__post-tag:active {
  color: #718393;
}

.blog-listing__post-author-name,
.blog-post__author-name {
  color: #213343;
}

.blog-listing__post-author-name :hover,
.blog-listing__post-author-name :focus,
.blog-post__author-name:hover,
.blog-post__author-name:focus {
  color: #000000;
}

.blog-listing__post-author-name :active,
.blog-post__author-name:active {
  color: #718393;
}

.blog__post_featured {
  height: 400px;
  display: flex;
}
@media (max-width: 767px){
  .blog__post_featured {
      height: 200px;
  }
}

/* Image gallery */

.image-gallery__close-button-icon:hover,
.image-gallery__close-button-icon:focus {
  background-color: rgba(0, 0, 0, 1.0);
}

.image-gallery__close-button-icon:active {
  background-color: rgba(80, 80, 80, 1.0);
}

.icon--light .image-gallery__close-button-icon:hover,
.icon--light .image-gallery__close-button-icon:focus {
  background-color: rgba(175, 175, 175, 1.0);
}

.icon--light .image-gallery__close-button-icon:active {
  background-color: rgba(255, 255, 255, 1.0);
}

/* Pagination */

.pagination__link-icon svg {
  fill: #0C5394;
  height: 16px;
  width: 16px;
}

.pagination__link:hover .pagination__link-icon svg,
.pagination__link:focus .pagination__link-icon svg {
  fill: #03294f;
}

.pagination__link:active .pagination__link-icon svg {
  fill: #5ca3e4;
}

.pagination__link--active {
  border-color: #ff5c35
}

/* Pricing card */

.pricing-card__heading {
  background-color: #213343;
}

/* Social follow and social sharing */

.social-follow__icon:hover,
.social-follow__icon:focus,
.social-sharing__icon:hover,
.social-sharing__icon:focus {
  background-color: rgba(0, 0, 0, 1.0);
}

.social-follow__icon:active,
.social-sharing__icon:active {
  background-color: rgba(80, 80, 80, 1.0);
}

.icon--light .social-follow__icon:hover,
.icon--light .social-follow__icon:focus,
.icon--light .social-sharing__icon:hover,
.icon--light .social-sharing__icon:focus {
  background-color: rgba(175, 175, 175, 1.0);
}

.icon--light .social-follow__icon:active,
.icon--light .social-sharing__icon:active {
  background-color: rgba(255, 255, 255, 1.0);
}


.blog__post_share .social-sharing__icon svg path {
  fill: rgba(0, 0, 0, 1.0)
;
}
.blog__post_share .social-sharing__icon{
  background-color: rgba(255, 255, 255, 1.0)
;
}
.blog__post_share .social-sharing__icon:hover{
  background-color: rgba(255, 255, 255, 1.0)
;
}
.blog__post_share .social-sharing__icon:hover svg,
.blog__post_share .social-sharing__icon:hover svg path{
  fill: rgba(255, 92, 53, 1.0)
;
  color: rgba(255, 92, 53, 1.0)
;
}

/* Tabs */

.tabs__tab,
.tabs__tab:hover,
.tabs__tab:focus,
.tabs__tab:active {
  border-color: #213343;
  color: #213343;
}

/* End Tabs */

body{
  opacity:1!important;
}


.tippy-box[data-theme~='ocean'] {
    background-color: var(--darkBgColor);
    color: var(--darkFontColor);
}
.hs_cos_wrapper_type_linked_image,
.hs_cos_wrapper_type_linked_image a{
  display:flex;
}