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



  



  




























  












































/* 1e. Forms */































.dnd-section {
  padding: 100px 36px;
}

.blog-post-section {
  padding: 100px 0;
}

.dnd-section > .row-fluid,
.content-wrapper,
.header__wrapper {
  max-width: 1234px;
}
.content-wrapper-full{
  max-width: 1306px;
  margin: 0 auto;
}

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

*, html {
  scroll-behavior: smooth !important;
}

body {
  
  
  font-weight: 400;
  font-family: "Roboto";
  color: #000;
  font-size: 17px;
  text-transform: none;
  line-height: 1.5;
  
  scroll-behavior: smooth;
}

p {
  
  
  font-weight: 400;
  font-family: "Roboto";
}

a {
  
  
  font-weight: 700;
  font-family: "Roboto";
  color: #000;
}

a:hover,
a:focus {
  
  
  font-weight: 700;
  font-family: "Roboto";
  color: #000;
}

a:active {
  
  
  font-weight: 700;
  font-family: "Roboto";
  color: #000;
}

h1 {
  

  font-weight: 300;
  font-family: "Roboto";
  color: #000;
  font-size: 68px;
  text-transform: none;
  line-height: 1.125;
}

h2 {
  
  
  font-weight: 300;
  font-family: "Roboto";
  color: #000;
  font-size: 58px;
  text-transform: none;
  line-height: 1.125;
}

h3 {
  
  
  font-weight: 300;
  font-family: "Roboto";
  color: #000;
  font-size: 40px;
  text-transform: none;
  line-height: 1.125;
}

h4 {
  
  
  font-weight: 300;
  font-family: "Roboto";
  color: #000;
  font-size: 36px;
  text-transform: none;
  line-height: 1.125;
}

h5 {
  
  
  font-weight: 300;
  font-family: "Roboto";
  color: #000;
  font-size: 28px;
  text-transform: none;
  line-height: 1.125;
}

h6 {
  
  
  font-weight: 300;
  font-family: "Roboto";
  color: #000;
  font-size: 24px;
  text-transform: none;
  line-height: 1.125;
}

@media (max-width: 767px) {

  html {
    
    
    font-size: 16px;
  }

  body {
    

    font-size: 16px;
  }

  p {
    
  }

  a {
    
  }

  a:hover,
  a:focus {
    
  }

  a:active {
    
    
    font-weight: 400;
    font-family: "Roboto";
    color: #000;
  }

  h1 {
    

    font-size: 52px;
  }

  h2 {
    
    
    font-size: 40px;
  }

  h3 {
    
    
    font-size: 36px;
  }

  h4 {
    
    
    font-size: 28px;
  }

  h5 {
    
    
    font-size: 24px;
  }

  h6 {
    
    
    font-size: 20px;
  }

}


.intro{
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px; /* 140% */
}





/* Form */

form {
  border: 1px none #007AC9;

  padding: 0px;

  background-color: {color=#007AC9, opacity=0, rgba=rgba(0, 122, 201, 0), rgb=rgb(0, 122, 201), hex=#007AC9, css=rgba(0, 122, 201, 0%)};
  border-radius: 0px;
}

/* Form title */

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

  padding: 0px;

  font-family: Roboto, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  font-family: "Roboto";
  background-color: {color=#161617, opacity=100, rgba=rgba(22, 22, 23, 1), rgb=rgb(22, 22, 23), hex=#161617, css=#161617};
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #ffffff;
  font-size: 36px;
  text-transform: ;
}

/* Labels */

form label {
  padding-top: 6px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0px;

  
  
  font-family: "Roboto";
  font-weight: 400;
  color: #000000;
  font-size: 17px;
}

/* Help text */

form legend {
  
  
  font-family: "Roboto";
  font-weight: 400;
  color: #000000;
  font-size: 16px;
}

/* Form fields */

form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form input[type='search'],
form select,
form textarea {
  
  
  border: 1px none #000;
  padding: 16px;
  font-weight: 400;
  font-family: "Roboto";
  background-color: rgba(255, 255, 255, 0%);
  border-radius: 4px;
  color: #BBBBBB;
  font-size: 17px;
}
form textarea {
  height: 150px;
}
.legal-consent-container .hs-form-booleancheckbox-display input{
  margin-top:5px;
}
/* Form fields - placeholders */

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

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

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

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

::placeholder {
  
  
  color: #BBBBBB;
}

/* Form fields - date picker */

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

form .pika-table thead th {
  background-color: ;
  color: ;
}

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

form .is-selected .pika-button {
  background-color: #007AC6;
  color: ;
}

form .pika-button:hover {
  background-color: #161617 !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: "Roboto";
  font-weight: 400;
  color: #000000;
}

form .hs-richtext a {
  
  
  font-family: "Roboto";
  font-weight: 400;
  color: #000000;
}

/* GDPR */

form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  
  
  font-family: "Roboto";
  font-weight: 400;
  color: #000000;
  font-size: 14px;
}

/* Submit button */



  form input[type='submit'],
  form .hs-button {
    
    
    border: 1px solid #F47725;
    font-family: "Roboto";
    font-weight: 400;
    background-color: #F47725;
    border-radius: 4px;
    color: #000000;
    font-size: 17px;
    padding: 16px 48px;
  }

  form input[type='submit']:hover,
  form input[type='submit']:focus,
  form .hs-button:hover,
  form .hs-button:focus {
    
    
    border: 1px solid #F47725;
    font-family: "Roboto";
    font-weight: 400;
    background-color: transparent;
    color: #F47725;
  }

  form input[type='submit']:active,
  form .hs-button:active {
    
    
    border: 1px solid #F47725;
    font-family: "Roboto";
    font-weight: 400;
    background-color: transparent;
    color: #F47725;
}





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



/* Inline thank you message */

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

  padding: 0px;

  background-color: {color=#007AC9, opacity=0, rgba=rgba(0, 122, 201, 0), rgb=rgb(0, 122, 201), hex=#007AC9, css=rgba(0, 122, 201, 0%)};
  border-radius: 0px;
}