/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


.kl-footer__social a span {
margin: 8px 12px !important ;
}

.dnd_area-row-0-background-color {
background-color: rgba(255, 255, 255, 1) !important;
}

@font-face { 
  font-family: 'Coolvetica-Bold';  
  src: url('https://25554189.fs1.hubspotusercontent-eu1.net/hubfs/25554189/assets/fonts/Coolvetica-Bold.woff2') format('woff2');
}

body, p {
  font-family: Roboto !important ;
}


h1, h2, h3, h4 , h5 , h5 {
  font-family: 'Coolvetica-Bold' !important ;
}

.button, .button.button--secondary,.hs-cta-wrapper .cta_button, form, form .hs-button, {
  font-family: Roboto !important ; 
}
 
}
.button, .button.button--secondary,.hs-cta-wrapper .cta_button, form .hs-button, {
  -webkit-font-smoothing: subpixel-antialiased !important ;
  -moz-osx-font-smoothing: auto !important ;
  /*display: inline-block !important ;*/
  width: auto !important ;
  height: auto !important ;
  padding: 11px 26px !important ;
  background: rgb(227,184,43) !important ;
  color: rgb(255,255,255) !important ;
  border-radius: 3px !important ;
  border-width: 0px !important ;
  font-family: Roboto !important ; 
  font-weight: bold !important ;
  font-weight: 700 !important ;
  font-style: normal !important ;
  font-size: 15px !important ;
  line-height: 1.5em !important ;
  text-transform: uppercase !important ;
  letter-spacing: .03em !important ;
  text-align: center !important ;
  text-decoration: none !important ;
  text-shadow: none !important ;
  -moz-transition: all .4s ease !important ;
  -webkit-transition: all .4s ease !important ;
  -o-transition: all .4s ease !important ;
  transition: all .4s ease !important ;
}
.hs-button, .hs-button:focus, .hs-button:active, .hs-button:active:not(.inactive):not(.link) { {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .03em;
  text-transform: uppercase !important;
  border-radius: 3px;
  transition: all .4s ease;
  padding: 11px 26px;
  background: rgb(227,184,43);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
  .hs-button:hover, .hs-button:hover:not(.inactive) { {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .03em;
  text-transform: uppercase !important;
  border-radius: 3px;
  transition: all .4s ease;
  padding: 11px 26px;
  background: rgb(233,198,93);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.sh-button:hover {
background: rgb(233,198,93) !important;
}