@font-face {
    font-family: 'M PLUS Rounded 1c';
    src: url('https://6186115.fs1.hubspotusercontent-eu1.net/hubfs/6186115/DNS_NET_2024/Fonts/MPLUSRounded1c-ExtraBold.ttf') format("truetype");
}

/* ************************************************************************* */
/* ****************************  1. Variables   **************************** */
/* ************************************************************************* */

/* 1a. Containers */





/* 1b. Breakpoints */






/* 1c. Colors */

















/* 1d. Typography */












/* 1e. Border */



/* 1f. Corner Radius */



/* 1g. Lists */






/* 1h. Horizontal Rule */



/* 1i. Blockquote */




/* 1j. Buttons */







































/* 1k. Forms */














































/* 1l. Tables */











/* 1m. Site Header */












/* 1n. Site Footer */












/* ************************************************************************* */
/* *****************   2. Containers / Grid / DnD Areas   ****************** */
/* ************************************************************************* */

.content-wrapper,
.container,
.dnd-section > .row-fluid,
.system-container {
  max-width: 1216px;
}

@media screen and (min-width: 1200px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section {
  padding: 00px;
  background: linear-gradient(180deg, #F9F9F9 0%, #FFF 100%);
}

html.modal-open {
  overflow: hidden;
}


/* ************************************************************************ */
/* **************************    2b Colors      *************************** */
/* ************************************************************************ */

.bg-primary-color { background: #C65200 }
.bg-primary-dark { background: #C65200 }
.bg-secondary-color { background: #003D58 }
.bg-lighter-gray { background: #F2F6F8 }
.bg-light-gray  { background: #F9F9F9 }
.bg-gray { background: #E8E8E8 }
.bg-dark-gray { background: #A4A4A4 }
.bg-success { background: #7DB30C }
.bg-error { background: #E80606 }
.bg-white { background: #FFFFFF }
.bg-blue { background: #009EE1 }
.bg-yellow { background: #FFCF0D }
.bg-orange { background: #F7A600 }
.bg-dark-green { background: #54A639 }

.txt-primary-color { color: #C65200 }
.txt-primary-dark { color: #C65200 }
.txt-secondary-color { color: #003D58 }
.txt-lighter-gray { color: #F2F6F8 }
.txt-light-gray  { color: #F9F9F9 }
.txt-gray { color: #E8E8E8 }
.txt-dark-gray { color: #A4A4A4 }
.txt-success { color: #7DB30C }
.txt-error { color: #E80606 }
.txt-white { color: #FFFFFF }
.txt-blue { color: #009EE1 }
.txt-yellow { color: #FFCF0D }
.txt-orange { color: #F7A600 }
.txt-dark-green { color: #54A639 }


/* ************************************************************************* */
/* **************************   3. Typography   **************************** */
/* ************************************************************************* */

html {
  font-size: 16px;
  overflow: auto;
}

html * {
  letter-spacing: 0 !important;
}

body {
  font-family: Titillium Web, san-serif !important;
  background-color: #FFFFFF;
  color: #003D58;
  font-size: 16px;
}

.msrounded {
 font-family: 'M PLUS Rounded 1c' !important;
}

.bg-dark {
  background: #003D58;
}

/* Paragraphs */
p, h2, h3, h4, h5, h6 {max-width: 900px;}

p {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #003D58;
  font-size: 16px;
  margin-bottom: 0;
  line-height: 24px;
}

p.lead,
p.intro {
  font-size: 18px;
  line-height: 26px;
}

strong, b {
  font-weight: bold !important;
}

/* Anchors */

a {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #C65200;
  font-weight: 600;
}

a.sec-color {
  color: #003D58;
}

a.arrow {
  display: inline-flex;
  margin-top: 16px;
}

a.arrow:hover::after {
  content: url('https://www.dns-net.de/hubfs/DNS_NET_2024/Icons/03_icon_arrow_right_blue.svg');
}

a.arrow::after {
  content: url('https://www.dns-net.de/hubfs/DNS_NET_2024/Icons/02_icon_arrow_right_orange.svg');
  margin-left: 16px;
  position: relative;
  top: 1px;
  height: 16px;
}

a.arrow.sec-color::after {
  content: url('https://www.dns-net.de/hubfs/DNS_NET_2024/Icons/03_icon_arrow_right_blue.svg');
}

a.icon-item,
a.icon-item:hover {
  text-decoration: none;
} 

a:hover, a:focus {
  font-weight: normal; text-decoration: underline; font-family: 'Titillium Web', sans-serif; font-style: normal;
  color: #003D58;
  font-weight: 600;
}

a.sec-color:hover {
  color: #003D58;
}

a:active {
  font-weight: normal; text-decoration: underline; font-family: 'Titillium Web', sans-serif; font-style: normal;
  color: #508da8;
}

a.button:disabled {
  background-color: #F9F9F9;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #003D58;
  text-transform: none;
}

h1 {
  margin-left: -2px;
  font-size: 48px;
  line-height: 58px;  
  font-weight: 700;
}

h2 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
}

h3 {
  line-height: 40px;
  font-size: 32px;
  font-weight: 700;
}

h4 {
  line-height: 32px;
  font-size: 24px;
  font-weight: 700;
}

h5 {
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
}

h6 {
  line-height: 26px;
  font-size: 18px;
  font-weight: 700;
}



  h1 {
    font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    color: #003D58;
    font-size: 48px;
    letter-spacing: 0px;
    text-transform: none;
    line-height: 56px;
  }

  h2 {
    ;
    color: #003D58;
    font-size: 40px;
    letter-spacing: 0px;
    text-transform: none;
    line-height: 48px;
  }

  h3 {
    font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    color: #003D58;
    font-size: 32px;
    letter-spacing: 0px;
    text-transform: none;
    line-height: 40px;
  }

  h4 {
    font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    color: #003D58;
    font-size: 24px;
    letter-spacing: 0px;
    text-transform: none;
     line-height: 32px;
  }

  h5 {
    ;
    color: ;
    font-size: ;
    letter-spacing: 0px;
    text-transform: none;
  }

  h6 {
    font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    color: #003d58;
    font-size: 18px;
    letter-spacing: 0px;
    text-transform: none;
  }



.text-center {
  text-align: center;
}
/* Lists */

ul,
ol {
  margin: 0;
  padding-left: 0;
  text-align: left;
}

ul li,
ol li {
  margin: 16px 0;
  padding-left: 0px;
}

ul {
  list-style: none;
}

ul li::marker { 
  content: '';
}

ul li::before {
  content: url('https://www.dns-net.de/hubfs/DNS_NET_2024/Icons/icon_check_orange.svg');
  margin-right: 16px;
  position: relative;
  top: 2px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ol {
  margin-left: 16px;
}

section ul li {
  position: relative;
  padding-left: 32px;
}

section ul li::before {
  position: absolute;
  left: 0;
}

/* Blockquote */

blockquote {
  border-left: 7px solid #C65200;
  padding-left: 0.9375rem;
}

/* Horizontal Rules */

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

/* ************************************************************************* */
/* ***************************   4. Buttons   ****************************** */
/* ************************************************************************* */

/* Primary Button */

button,
.button,
.hs-button.primary  {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(198, 82, 0, 1.0)

;
  border-radius: 50px;
  color: #FFFFFF;
  fill: #FFFFFF;
  font-size: 16px;
  padding-top: 8px;
padding-right: 24px;
padding-bottom: 8px;
padding-left: 24px;
margin-top: 16px;
margin-bottom: 16px;
;
  text-transform: none;
  margin-right: 16px;
  height: 56px;
  width: fit-content;
  word-break: keep-all;
}

.bg-dark .button,
.bg-dark button {
  color: 

  
  
    
  


  rgba(198, 82, 0, 1.0)

;
  background: #FFFFFF;
}

.button.icon::after {
  position: relative;
  top: 4px;
  margin-left: 16px;
}

.button.icon.inverted::after {
  margin-right: 0;
}

.button.icon.inverted::before {
  position: relative;
  top: 0px;
  margin-right: 16px;
  transform: rotate(180deg);
}

.button.icon::after {
  content: url('https://www.dns-net.de/hubfs/DNS_NET_2024/Icons/04_icon_arrow_right_white.svg');
}

.button.icon.inverted::after {
  content: '';
}

.bg-dark .button.icon::after {
  content: url('') !important;
}

.bg-dark .button.icon.inverted::before {
  content: url('https://www.dns-net.de/hubfs/DNS_NET_2024/Icons/02_icon_arrow_right_orange.svg') !important;
}

.bg-dark .button.icon.inverted::after {
  content: '' !important;
}

button:hover, .button:hover {
  text-decoration: none !important;
  cursor: pointer;
}

button:hover,
.button:hover {
  background: #003D58 !important;
  color: #FFFFFF  !important;
  border: none !important;
}

a.button {
  font-weight: normal;
}

button.icon:hover::after,
.button.icon:hover::after {
  content: url('https://www.dns-net.de/hubfs/DNS_NET_2024/Icons/04_icon_arrow_right_white.svg') !important;
}

.button.icon {
  padding-top: 6.5px;
  padding-bottom: 6.5px;
}

.button.icon.inverted::before {
  content: url('https://www.dns-net.de/hubfs/DNS_NET_2024/Icons/04_icon_arrow_right_white.svg');
}

button,
.button.sec-color {
  background-color: #003D58;
  border: #003D58;
  color: #FFFFFF;
}

button:active,
.button:active {
  background-color: 

  
  
    
  


  rgba(198, 82, 0, 1.0)

;
  border: 1px solid #003D58;
  border-color: #FFFFFF;
} 

button.indicator-button:active,
button.indicator-button:focus,
button.slider-button:active;
button.slider-button:focus {
  background-color: 

  
  
    
  


  rgba(198, 82, 0, 1.0)

;
} 

/* Secondary Buttons */

.button.button--secondary.icon {
  padding-top: 8px;
  padding-bottom: 8px;
}

.button.button--secondary.prim-color {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border: 1px solid #C65200;
  border-radius: 50px;
  color: #C65200;
}

.button.button--secondary.prim-color:hover,
.button.button--secondary.prim-color:focus {
  color: #003D58 !important;
  border: 1px solid #003D58 !important;
  background: #FFFFFF !important;
}

.button.button--secondary.sec-color {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: #FFFFFF;
  border: 1px solid #C65200;
  border-color: #003D58;
  color: #003D58;
}

.button.button--secondary.prim-color.icon::after {
  content: url('https://www.dns-net.de/hubfs/DNS_NET_2024/Icons/02_icon_arrow_right_orange.svg');
}

.button.button--secondary.sec-color.icon::after {
  content: url('https://www.dns-net.de/hubfs/DNS_NET_2024/Icons/03_icon_arrow_right_blue.svg');
}

.button.button--secondary.prim-color.icon:hover::after,
.button.button--secondary.prim-color.icon:focus::after {
  content: url('https://www.dns-net.de/hubfs/DNS_NET_2024/Icons/03_icon_arrow_right_blue.svg') !important;
}

.bg-dark .button.button--secondary.sec-color {
  color: #003D58 !important;
}

.bg-dark .button.button--secondary.sec-color:disabled {
  color: #003D58 !important;
}

.bg-dark .button.button--secondary.sec-color.icon::after {
  content: url('https://www.dns-net.de/hubfs/DNS_NET_2024/Icons/03_icon_arrow_right_blue.svg');
}
 
.bg-dark .button.button--secondary.sec-color.icon.inverted::before {
  content: '' !important;
}

.bg-dark .button.button--secondary.sec-color.icon.inverted::after {
  content: url('https://www.dns-net.de/hubfs/DNS_NET_2024/Icons/03_icon_arrow_right_blue.svg');
}
  


/* Simple Button */

.button.button--simple {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #C65200;
  fill: #C65200;
  text-transform: none;
}



  .button.button--simple:after {
    content: none;
  }



.button.button--simple:hover,
.button.button--simple:focus {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #003D58;
  fill: #003D58;
}



  .button.button--simple:hover:after,
  .button.button--simple:focus:after,
  .button.button--simple:active:after {
    content: none;
  }



.button.button--simple:active {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #508da8;
  fill: #508da8;
}

/* Button Sizing */

.button.button--small {
  font-size: ;
  padding: ;
}

.button.button--large {
  font-size: ;
  padding: ;
}

.button:disabled {
  opacity: 30%;
  cursor: unset;
}

button:disabled,
button:disabled:hover,
.button:disabled,
.button:disabled:hover,
.hs-button.primary:disabled {
  background-color: 

  
  
    
  


  rgba(198, 82, 0, 1.0)

 !important;
  color: #FFFFFF !important;
}



/* ************************************************************************* */
/* *****************************   5. Forms   ****************************** */
/* ************************************************************************* */

.hs_cos_wrapper {
  width: 100%;
}

form,
form.hs-form {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border: 1px none #D0D0D0;
  border-radius: 0px;
  padding: 24px 0px 24px 0px;
  padding: 0;
}


form fieldset.form-columns-1,
form fieldset.form-columns-2,
form fieldset.form-columns-3 {
  max-width: 100% !important;
}

form .hs-form-field {
  position: relative;
}

.hs_message {
  margin-top: -10px;
}

fieldset {
  margin-bottom: 16px !important;
}


form fieldset:first-child {
  margin-top: -16px;
}

/* Form Title */

h3.form-title {
  font-weight: 900; font-family: 'M PLUS Rounded 1c';
  background-color: 

  
  
    
  


  rgba(0, 61, 88, 1.0)

;
  
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #FFFFFF;
  font-size: 30px;
  padding: px px;
  text-transform: capitalize;
}

/* Labels */

.hs-form-field > label,
.hs-form-field > label span {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #33475b;
  font-size: 16px;
}



form fieldset.form-columns-3 .hs-form-field {
  width: 33.3% !important;
}

/* Help Text - Legends */

.hs-form-field legend {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #003D58;
  font-size: 14px;
}

/* Inputs */

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='file'],
select,
textarea {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px solid #767676;
  border-radius: 4px;
  color: #003D58;
  font-size: 16px;
  padding: 8px 16px 8px 16px;
  height: 60px;
}

textarea {
  min-height: 200px;
}

input[type=text]:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='number']:focus,
input[type='file']:focus,
select:focus,
textarea:focus,
input[type=text]:hover,
input[type='email']:hover,
input[type='password']:hover,
input[type='tel']:hover,
input[type='number']:hover,
input[type='file']:hover,
select:hover,
textarea:hover{
  border-color: #C65200;
  cursor: pointer;
}

::-webkit-input-placeholder {
  color: 

  
  
    
  


  rgba(208, 208, 208, 1)

;
}

::-moz-placeholder {
  color: 

  
  
    
  


  rgba(208, 208, 208, 1)

;
}

:-ms-input-placeholder {
  color: 

  
  
    
  


  rgba(208, 208, 208, 1)

;
}

::placeholder {
  color: 

  
  
    
  


  rgba(208, 208, 208, 1)

;
}

form .in-focus select {
  color: #003D58;
}

/* Inputs - Checkbox/Radio */
form .inputs-list li::before {
  display: none;
}

form .inputs-list:not(.no-list) label,
form .inputs-list:not(.no-list) label > span,
form .inputs-list:not(.no-list) label > span p {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #003D58;
  font-size: 14px;
}

form ul.inputs-list li input + span:before {
  border: 1px solid #E8E8E8;
  border-radius: 4px;
}

form .input ul.invalid.error > li input + span:before {
  border-color: #C65200;
}

/* Inputs - Select */

.hs-fieldtype-select .input:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #C65200;
}

/* Inputs - Datepicker */

.hs-datepicker button.pika-button:hover {
  background-color: #C65200 !important;
}

.hs-datepicker .is-selected button.pika-button {
  background-color: #a83400 !important;
}

.hs-datepicker .is-today button.pika-button {
  color: #a83400;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #FFFFFF;
  background-image: url('https://6186115.fs1.hubspotusercontent-eu1.net/hubfs/6186115/DNS_NET_2024/Icons/icon_chevron_down.svg');
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 50%;
  padding-left: 16px;
}
/* Form Rich 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: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #003D58;
}

form input[type=checkbox], 
form input[type=radio] {
  width: 16px !important;
  height: 16px !important;
}

/* GDPR Text */


.legal-consent-container,
.legal-consent-container .hs-richtext,
.legal-consent-container .hs-richtext p {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #003D58;
  font-size: 16px;
}

/* Validation */

.hs-input.invalid.error {
  border-color: #E80606;
}

.hs-error-msgs li,
.hs-error-msgs li label {
  color: #E80606 !important;
}

.hs-error-msgs li a {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Submit */



  form input[type='submit'],
  form .hs-button {
    font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(198, 82, 0, 1.0)

;
    border: 1px solid #C65200;
    border-radius: 50px;
    color: #FFFFFF;
    fill: #FFFFFF;
    padding: {margin={bottom={units=px, value=16}, top={units=px, value=16}}, padding={bottom={units=px, value=8}, left={units=px, value=24}, right={units=px, value=24}, top={units=px, value=8}}, css=padding-top: 8px;
padding-right: 24px;
padding-bottom: 8px;
padding-left: 24px;
margin-top: 16px;
margin-bottom: 16px;
};
    text-transform: none;
  }

  form input[type='submit']:hover,
  form input[type='submit']:focus,
  form .hs-button:hover,
  form .hs-button:focus {
    font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(0, 61, 88, 1.0)

;
    border: 1px solid #003D58;
    color: #FFFFFF;
  }

  form input[type='submit']:active,
  form .hs-button:active {
    font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    background-color: rgba(80, 141, 168, 100);
    border: 1px solid #003D58;
    border-color: #508da8;
  }





  form input[type='submit'],
  form .hs-button {
    font-size: 16px;
  }





/* Inline thank you message */

.submitted-message {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border: 1px none #D0D0D0;
  border-radius: 0px;
  padding: 24px 0px 24px 0px;
}

@media only screen and (max-width: 480px) {
  form .form-columns-3,
  .form-columns-3 .hs-form-field,
  .form-columns-2 .hs-form-field .hs-input,
  .form-columns-3 .hs-form-field .hs-input {
    width: 100% !important;
    max-width: 100%;
  }
}

/* ************************************************************************* */
/* ****************************   6. Tables   ****************************** */
/* ************************************************************************* */

table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px solid #D0D0D0;
}

th,
td {
  border: 1px solid #D0D0D0;
  color: 

  
  
    
  


  rgba(0, 61, 88, 1)

;
  padding: 10px 10px;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-bottom: 2px solid #D0D0D0;
  color: 

  
  
    
  


  rgba(0, 61, 88, 1)

;
}

tbody + tbody {
  border-top: 2px solid #D0D0D0;
}

/* ************************************************************************* */
/* **************************   7. Site Header   *************************** */
/* ************************************************************************* */

.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-bottom: 1px solid #C65200;
}

.header__container {
  max-width: 1216px;
}

/* Header content */

.header p,
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.header a:not(.button),
.header span,
.header div,
.header li,
.header blockquote {
  color: #051F46;
}

/* Header modules */

.header .card-subtitle,
.header .card-body li,
.header .testimonial__module__author__text--subtitle,
.header .testimonial__module__text p,
.header .card__text div,
.header .card__title div,
.header .entry__summary p,
.header #blog-filter__label {
  color: #003D58;
}

.header .card__button div,
.header .cards__card a,
.header .news_listing__content a,
.header .entry__summary a {
  color: #C65200;
}

.header a:hover .card__button div,
.header a:focus .card__button div,
.header .cards__card a:hover,
.header .cards__card a:focus,
.header .news_listing__content a:hover,
.header .news_listing__content a:focus,
.header .entry__summary a:hover,
.header .entry__summary a:focus {
  color: #003D58;
}

.header a:active .card__button div,
.header .cards__card a:active,
.header .news_listing__content a:active,
.header .entry__summary a:active {
  color: #508da8;
}

.header .entry__summary h1 {
  color: #003D58;
}

.header .card-heading,
.header .entry__summary h2 {
  color: #003D58;
}

.header .card__title h3,
.news_listing__content h3,
.header .entry__summary h3 {
  color: #003D58;
}

.header h3.form-title {
  color: #FFFFFF;
}

.header .entry__summary h4 {
  color: #003D58;
}

.header .testimonial__module__author__text--author h5,
.header .entry__summary h5 {
  color: #003D58;
}

.header .entry__summary h6 {
  color: #003d58;
}

/* Search Bar */

  .header__language-switcher.open,

.header__search.open {
  background-color: #003D58;
}

/* Site Navigation */

.header__navigation:before {
  background-color: rgba(198, 82, 0, 0.95);
}

.header__language-switcher .lang_list_class {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #003D58;
}

.header__language-switcher .lang_list_class li a {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #003D58;
  text-transform: none;
}

.header .navigation-primary .submenu.level-1 > li.menu-item > a,
.header .navigation-primary .submenu.level-2 > li.menu-item > a.menu-link,
.header .navigation-primary .submenu.level-3 > li.menu-item > a.menu-link,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #003D58;
  font-size: 16px;
  text-transform: none;
}

.header .navigation-primary .submenu.level-1 > li.menu-item:hover > a.menu-link,
.header .navigation-primary .submenu.level-1 > li.menu-item > a.menu-link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li a:hover,
.header__language-switcher .lang_list_class li a:focus {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(198, 82, 0, 0.0);
  color: #C65200;
  font-size: 16px;
  opacity: 1;
}

.header .navigation-primary .submenu.level-1 > .has-submenu > .menu-arrow,
.header__language-switcher-label-current:after {
  border-top-color: #C65200;
}

.header .navigation-primary .submenu.level-1 > .has-submenu > .menu-arrow:before,
.header__language-switcher-label-current:before {
  border-top-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header .navigation-primary .submenu.level-1 > .has-submenu:hover > .menu-arrow,
.header__language-switcher:hover .header__language-switcher-label-current:after {
  border-bottom-color: #C65200;
}

.header .navigation-primary .submenu.level-1 > .has-submenu:hover > .menu-arrow:before,
.header__language-switcher:hover .header__language-switcher-label-current:before {
  border-bottom-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header .navigation-primary .submenu.level-1 > li.menu-item > a.menu-link.active-branch,
.header .navigation-primary .submenu.level-1 > li.menu-item > a.menu-link.active-item {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(198, 82, 0, 0.0);
  color: #C65200;
  font-size: 16px;
}

.header .navigation-primary .submenu.level-1 > li > a.active-item:after,
.header .navigation-primary .submenu.level-1 > li > a.active-branch:after {
  background-color: #C65200;
}

/* Child menu */

.header .navigation-primary .submenu.level-2,
body .submenu.level-2 > li,
.header .navigation-primary .submenu.level-3,
.header ul.lang_list_class {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-top-color: #C65200;
}

.header .navigation-primary .submenu.level-2 > li.menu-item > a.menu-link,
.header .navigation-primary .submenu.level-3 > li.menu-item > a.menu-link,
.header__language-switcher:hover ul.lang_list_class {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  text-transform: none;
}

.header .navigation-primary .submenu.level-2 > li.menu-item:hover > a.menu-link,
.header .navigation-primary .submenu.level-3 > li.menu-item:hover > a.menu-link {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(198, 82, 0, 0.0);
  color: #C65200;
}

.header .navigation-primary .submenu.level-2 > .menu-item:hover > a.menu-link:before,
.header .navigation-primary .submenu.level-3 > .menu-item:hover > a.menu-link:before {
  border-left-color: #C65200;
}

.header .navigation-primary .submenu.level-2 > .menu-item:hover > a.menu-link:after,
.header .navigation-primary .submenu.level-3 > .menu-item:hover > a.menu-link:after {
  border-left-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Mobile */
@media screen and (max-width: 767px) {

  /* Icon */
  body .header .header__navigation-toggle {
    background-color: #003D58;
  }

  body .header .navigation-primary .submenu > .has-submenu input[type='checkbox'] ~ .menu-arrow,
  body .header .navigation-primary .submenu > .has-submenu:hover input[type='checkbox'] ~ .menu-arrow {
    border-top-color: #003D58;
  }

  body .header .header__mobile-menu-icon,
  body .header .header__mobile-menu-icon:after,
  body .header .header__mobile-menu-icon:before {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .header .navigation-primary .submenu.level-1 {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .header .navigation-primary .submenu > .has-submenu input[type='checkbox'] ~ .menu-arrow:before,
  .header .navigation-primary .submenu > .has-submenu:hover input[type='checkbox'] ~ .menu-arrow:before,
  .header .navigation-primary .submenu > .has-submenu input[type='checkbox'] ~ .menu-arrow:before,
  .header .navigation-primary .submenu > .has-submenu:hover input[type='checkbox'] ~ .menu-arrow:before {
    border-top-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

 !important;
  }
  
    
  h1 { font-size: 40px; line-height: 48px;}
  h2 { font-size: 32px; line-height: 34px;}
  h3 { font-size: 26px; line-height: 30px;}
}

@media only screen and (max-width: 480px) {
  h1 {
    word-break: normal;
  }
}



/* ************************************************************************* */
/* **************************   8. Site Footer   *************************** */
/* ************************************************************************* */

.footer {
  background-color: 

  
  
    
  


  rgba(242, 244, 246, 1.0)

;
}

.footer__container--static,
.footer__container--dnd .dnd-section {
  max-width: 1216px;
}

/* Footer content */

.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 {
  color: #051F46;
}

/* Footer modules */

.footer .card-subtitle,
.footer .card-body li,
.footer .testimonial__module__author__text--subtitle,
.footer .testimonial__module__text p,
.footer .card__text div,
.footer .card__title div,
.footer .entry__summary p,
.footer #blog-filter__label {
  color: #003D58;
}

.footer .card__button div,
.footer .cards__card a,
.footer .news_listing__content a,
.footer .entry__summary a {
  color: #C65200;
}

.footer a:hover .card__button div,
.footer a:focus .card__button div,
.footer .cards__card a:hover,
.footer .cards__card a:focus,
.footer .news_listing__content a:hover,
.footer .news_listing__content a:focus,
.footer .entry__summary a:hover,
.footer .entry__summary a:focus {
  color: #003D58;
}

.footer a:active .card__button div,
.footer .cards__card a:active,
.footer .news_listing__content a:active,
.footer .entry__summary a:active {
  color: #508da8;
}

.footer .entry__summary h1 {
  color: #003D58;
}

.footer .card-heading,
.footer .entry__summary h2 {
  color: #003D58;
}

.footer .card__title h3,
.news_listing__content h3,
.footer .entry__summary h3 {
  color: #003D58;
}

.footer h3.form-title {
  color: #FFFFFF;
}

.footer .entry__summary h4 {
  color: #003D58;
}

.footer .testimonial__module__author__text--author h5,
.footer .entry__summary h5 {
  color: #003D58;
}

.footer .entry__summary h6 {
  color: #003d58;
}

.footer__row--info {
  border-top: 2px solid #d3d3d3;
}

.footer__site-map__section h4 {
  font-family: Titillium Web, sans-serif;
}

.footer .hs-menu-wrapper ul {
  margin: 0;
}

.footer .hs-menu-wrapper a {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #003D58;
  text-transform: none;
}

.footer .hs-menu-wrapper a:hover,
.footer .hs-menu-wrapper a:focus {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(242, 244, 246, 0.0)

;
  color: #C65200;
}

.footer .hs-menu-wrapper a:active {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(198, 82, 0, 0.0)

;
  color: #003D58;
}

.footer__right {
  background-color: #F2F6F8;
  border-left: 1px solid #E8E8E8;
  border-right: 1px solid #E8E8E8;
}

.footer__copyright-bar {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border-top: 1px solid #E8E8E8;
  color: #A4A4A4;
}

.footer__copyright-bar__secondary-links a:not(:last-of-type) {
  border-right: 1px solid #A4A4A4;
}

@media screen and (min-width: 768px) {
  .footer .hs-menu-wrapper a {
    font-size: 16px;
  }
}

@media screen and (min-width: 1024px) {
  .footer__site-map__section ul {
    flex-direction: row;
  }
}

@media screen and (min-width: 1200px) {
  .footer__left {
    flex: 1 1 auto;
    padding: 0;
  }

  .footer__site-map__section li:not(:last-of-type) a {
    margin-right: 25px;
  }

  .footer__site-map__section {
    padding-right: 25px;
  }

  .footer__copyright-bar {
    padding: 20px 0;
  }
}

/* ************************************************************************* */
/* *****************************   9. Blog   ******************************* */
/* ************************************************************************* */

/* Tags */

.blog-tag {
  font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-weight: 400;
  color: #003D58;
}

.blog-tag:hover {
  font-weight: 400;
}

/* Blog Listing */

.blog-navigation .blog-navigation__text {
  font-weight: 900; font-family: 'M PLUS Rounded 1c';
  color: #003D58;
}

/* Blog Pagination */



/* Blog Post */


  .blog-post__title {
    font-family: 'Titillium Web', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    color: #003D58;
    font-size: 48px;
    letter-spacing: 0px;
    text-transform: none;
  }


.blog-post__body h1,
.blog-post__body h2,
.blog-post__body h3,
.blog-post__body h4,
.blog-post__body h5,
.blog-post__body h6 {
  color: #003D58;
  font-family: Titillium Web, sans-serif;
  font-weight: 700;
}

/* ************************************************************************* */
/* *************************   10. System Pages   ************************** */
/* ************************************************************************* */

/* Error Pages - Global */

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

/* System Pages - Global */


/* Forms in System Pages */

#email-prefs-form h3 {
  font-size: 24px;
}

/* Password Prompt */

.password-prompt input[type='password'] {
  margin-bottom: 16px;
}

/* Backup Unsubscribe */

.backup-unsubscribe input[type='email'] {
  margin-bottom: 16px;
  padding: 8px 16px 8px 16px !important;
}

/* ************************************************************************* */
/* ***************************   Spacing  ****************************** */
/* ************************************************************************* */

.p-s { padding: 16px;}
.p-m { padding: 32px;}
.p-l { padding: 80px;}
.p-xl { padding: 120px;}

.pt-s { padding-top: 16px;}
.pt-m { padding-top: 32px;}
.pt-l { padding-top: 80px;}
.pt-xl { padding-top: 120px;}

.pb-s { padding-bottom: 16px;}
.pb-m { padding-bottom: 32px;}
.pb-l { padding-bottom: 80px;}
.pb-xl { padding-bottom: 120px;}

.mt-s { margin-top: 24px;}
.mt-m { margin-top: 80px;}
.mt-l { margin-top: 120px;}
.mt-xl { margin-top: 200px;}

.mb-s { margin-bottom: 24px;}
.mb-m { margin-bottom: 80px;}
.mb-l { margin-bottom: 120px;}
.mb-xl { margin-bottom: 200px;}

.gap-s { gap: 16px;}
.gap-m { gap: 32px;}
.gap-l { gap: 80px;}
.gap-xl { gap: 120px;}

@media only screen and (max-width: 1216px) {
  .p-horizontal {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (max-width: 580px) {
  .p-s { padding: 8px;}
  .p-m { padding: 16px;}
  .p-l { padding: 40px;}
  .p-xl { padding: 80px;}

  .pt-s { padding-top: 8px;}
  .pt-m { padding-top: 16px;}
  .pt-l { padding-top: 40px;}
  .pt-xl { padding-top: 80px;}
  
  .pb-s { padding-bottom: 8px;}
  .pb-m { padding-bottom: 16px;}
  .pb-l { padding-bottom: 40px;}
  .pb-xl { padding-bottom: 80px;}

  .mt-s { margin-top: 40px;}
  .mt-m { margin-top: 64px;}
  .mt-l { margin-top: 96px;}
  .mt-xl { margin-top: 120px;}

  .mb-s { margin-bottom: 40px;}
  .mb-m { margin-bottom: 64px;}
  .mb-l { margin-bottom: 96px;}
  .mb-xl { margin-bottom: 120px;}

  .gap-s { gap: 8px;}
  .gap-m { gap: 16px;}
  .gap-l { gap: 40px;}
  .gap-xl { gap: 80px;}
}

/* ************************************************************************* */
/* ***************************   11. Modules  ****************************** */
/* ************************************************************************* */

/* Icon */

body .icon svg {
  fill: #C65200;
  width: 16px;
}

/* Social Follow */

.blog-post__social-sharing .social-links__icon,
body .social-links__icon {
  background-color: #FFFFFF;
}

.blog-post__social-sharing .social-links__icon svg,
body .social-links__icon svg {
  fill: #C65200;
}

body .social-links__icon:hover,
body .social-links__icon:focus,
body .social-links__icon:active {
  background-color: #C65200;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg,
body .social-links__icon:active svg {
  fill: #FFFFFF;
}

/* Statistic */

body .statistic__circle {
  background-color: #FFFFFF;
}

body .statistic__bar,
body .statistic__fill {
  border-color: #C65200;
}

body .statistic__info {
  color: #C65200;
}

/* Testimonial slider */

body .tns-nav button {
  background-color: #FFFFFF;
}

body .tns-nav .tns-nav-active {
  background-color: #C65200;
}

.testimonial__module {
  border-top-color: #C65200 !important;
}

.testimonial__module__text:before {
  background-color: #C65200 !important;
}

/* Card section */

.cards__card.card,
.card.pricing-card {
  border-top-color: #C65200;
}

.card-section__wrapper .tns-nav .tns-nav-active {
  background-color: #C65200 !important;
}

/* Latest posts */

.news_listing__featured_image-wrapper {
  border-bottom-color: #C65200 !important;
}

.news_listing__wrapper .tns-nav .tns-nav-active {
  background-color: #C65200 !important;
}

/* Pricing card */

.card-body svg {
  fill: #003D58;
}