/* @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    */
/*****************************************/
/* h3#hs_cos_wrapper_module_14128851332208862_title {
    display: none;
} */
input.hs-button.primary.large {
    font-size: 20px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300 !important;
}

.hs_recaptcha.hs-recaptcha.field.hs-form-field {
    display: none !important;
}

div#hs_cos_wrapper_module_17132093728977 {
    width: 730px;
    max-width: 100% !important;
    margin: 0 auto;
}

form#hsForm_3b39e507-dd18-497a-97c7-b705dc7f4242_8058 input.hs-button.primary.large {
    margin-top: 20px !important;
}

fieldset {
    max-width: 100% !important;
}

.hs-form-field {
  margin-bottom: 0 !important;
}
 
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'Roboto', Arial, sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #b3b3b3;
}
::-moz-placeholder { /* Firefox 19+ */
    font-family: 'Roboto', Arial, sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #b3b3b3;
}
:-ms-input-placeholder { /* IE 10+ */
    font-family: 'Roboto', Arial, sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #b3b3b3;
}
:-moz-placeholder { /* Firefox 18- */
    font-family: 'Roboto', Arial, sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #b3b3b3;
}

#hs_cos_wrapper_dnd_area-module-5 input[type="text"], #hs_cos_wrapper_dnd_area-module-5 input[type="email"], #hs_cos_wrapper_dnd_area-module-5 input[type="tel"], #hs_cos_wrapper_dnd_area-module-5 input[type="number"] {
    font-family: 'Roboto', Arial, sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #b3b3b3 !important;
}

#hs_cos_wrapper_dnd_area-module-5 .hs-richtext p {
  font-family: 'Roboto', Arial, sans-serif !important;
 }

div#hs_cos_wrapper_module_161906664776753 span#hs_cos_wrapper_module_161906664776753_ img, div#hs_cos_wrapper_module_161906665086957 span#hs_cos_wrapper_module_161906665086957_ img {
    width: 250px;
  max-width: 100% !important;
    margin: 0 auto !important;
}

span#hs_cos_wrapper_social_sharing {
    display: none !important;
}

.page-center {
    max-width: 100% !important;
    width: 1400px;
}
.full-width-header-pattern-image {
    background-image: none !important;
}
label span {
    color: #5a5a5a !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

p#demo {
    font-size: 3em;
    margin: 0;
    text-align: center;
    color: #e37639;
}

span#hs_cos_wrapper_module_14369920122386648 h3 {
    padding: 0 20px;
}

span#hs_cos_wrapper_module_14369920122386648 h3 {
    color: #5a5a5a !important;
    font-weight: bold !important;
    margin-bottom: 0 !important;
}

.span12.widget-span.widget-type-social_sharing.social-sharing {
    display: none !important;
}
  
div#hs_cos_wrapper_module_161906664776753, div#hs_cos_wrapper_module_161906665086957 {
    text-align: center !important;
}
  
  a#hs-link-module_14671282789254 img {
    width: 250px !important;
    height: auto !important;
    max-width: 90% !important;
    margin-top: 40px !important;
  }

.full-width-header-pattern-image {
padding: 5px 0 !important;
}
  
span#hs_cos_wrapper_module_1516647075317137 h1 {
    margin-top: 50px !important;
    margin-bottom: 0 !important;
    font-weight: 500 !important;
    color: #5a5a5a !important;
  font-size: 2.5em !important;
}
  
  label#label-firstname-084c318a-89a7-4b34-bfc0-d0789243b0f0_5217, label#label-lastname-084c318a-89a7-4b34-bfc0-d0789243b0f0_5217, label#label-email-084c318a-89a7-4b34-bfc0-d0789243b0f0_5217, label#label-company-084c318a-89a7-4b34-bfc0-d0789243b0f0_5217, label#label-jobtitle-084c318a-89a7-4b34-bfc0-d0789243b0f0_5217 {
      border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  }
  
/* HIDE RADIO */
[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type=radio] + img, [type=radio] + span {
  cursor: pointer;
}

[type=radio] + span {
  width: 150px !important;
  height: 150px !important;
  display: block !important;
  text-align: center;
    margin: 0 auto;
}

/* CHECKED STYLES */
[type=radio]:checked + img, [type=radio]:checked + span {
  outline: 10px solid #a3caa0;
}

li.hs-form-radio {
    width: 49% !important;
    display: inline-block !important;
}

.hs-fieldtype-text label, .hs-fieldtype-phonenumber label, .hs-fieldtype-number label, .hs-fieldtype-textarea label {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

i.icon-list__item-icon.fa.fa-check {
    display: none !important;
}

div#hs_cos_wrapper_dnd_area-module-5, div#hs_cos_wrapper_module_16903858526359 {
    padding: 40px !important;
    background: #ffffff !important;
}
.hs-form-7a894a50-a705-4525-87f2-f085a663f98c_3241c49e-68a0-46b4-b7ee-a49b8ddbc075 fieldset {
  max-width: 100% !important;
}

.form--style-1 form {
  padding: 0 !important;
}

.drop-shadow {
    box-shadow: 0 3px 15px rgba(69,69,69,.1) !important;
}


div.hs_raffle_choice label {
    text-align: center !important;
    font-size: 16px !important;
    color: #5a5a5a !important; 
    font-family: 'Barlow' !important;
      margin-bottom: 20px !important;
}

form input[type=submit] {
  text-align: center !important;
  width: calc(100% - 8px); !important;
  display: block !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

footer.footer {
    display: none !important;
}

/* .body-container .dnd-section:nth-child(odd) {
    background-color: #ffffff !important;
} */

.feature-block__image-wrapper img {
    width: 100px !important;
    height: auto !important;
}

.feature-block__text {
    font-size: 18px !important;
}

h4.feature-block__headline {
    margin-top: 10px !important;
  font-weight: 600 !important;
}


span.fa-li {
  background: url('https://3456756.fs1.hubspotusercontent-na1.net/hubfs/3456756/Symplast-favicon-1.png') no-repeat !important;
  display: inline-block;
  width: 25px !important;
  height: 25px !important;
  background-size: cover !important;
}



.span12.widget-span.widget-type-rich_text.main-content ul {
    list-style: none !important;
    padding-left: 0 !important;
}
.span12.widget-span.widget-type-rich_text.main-content ul li {
    position: relative !important;
    padding-left: 40px !important;
}
.content-text ul li:before {
    content: '' !important;
    width: 25px !important;
    height: 25px !important;
    position: absolute !important;
    background-image: url('https://3456756.fs1.hubspotusercontent-na1.net/hubfs/3456756/Symplast-favicon-1.png') !important;
    background-size: cover !important;
    background-position: center !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

ul.inputs-list {
    list-style: none !important;
    padding-inline-start: 20px !important;
}

li.hs-form-checkbox {
    display: inline-block;
    margin-right: 10px;
}
h3#hs_cos_wrapper_module_14128851332208862_title {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.float-form {
/*   background: linear-gradient(180deg, #C9E0E0, #E1E1CF, #FAE2BE) !important; */
  background: #f2f3f4 !important;
}

.footer-bg {
  background: #5a5a5a !important;
}

.span12.widget-span.widget-type-cell.header-color-overlay.prelude-gradient-overlay {
  background: linear-gradient(180deg, #C9E0E0, #E1E1CF) !important;
}
input.hs-button.primary.large {
    border-radius: 5px;
}

span#hs_cos_wrapper_module_161906671467599_ h2, span#hs_cos_wrapper_module_161906666334661_ h2 {
    color: #e37639 !important;
    font-weight: bold;
    margin-bottom: 0;
}

span#hs_cos_wrapper_module_161906671467599_ h3, span#hs_cos_wrapper_module_161906666334661_ h3 {
    margin-top: 10px !important;
    font-size: 1.5em;
}

body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select {
    width: 100%;
    background-color: #fff;
    border: 1px solid #dfdfdf !important;
    display: block;
    font-size: 20px;
    line-height: 30px;
    padding: 10px 10px;
    font-family: 'Montserrat' !important;
    font-size: 15px;
    font-weight: 400 !important;
    color: #5a5a5a;
    margin: 4px 0 20px;
    height: 50px;
    letter-spacing: .5px;
    line-height: 18px;
    border-radius: 5px;
}
/* MODERN BROWSER */
input::placeholder {
  color: #808080 !important;
}

span#hs_cos_wrapper_module_144250017802411668 {
    display: none !important;
}

.bottom-section {
    padding: 50px 0 !important;
}

/* WebKit, Edge */
::-webkit-input-placeholder {
  color: #808080 !important;
}
/* Firefox 4-18 */
:-moz-placeholder {
  color: #808080 !important;
  opacity: 1;
}
/* Firefox 19+ */
::-moz-placeholder {
  color: #808080 !important;
  opacity: 1;
}
/* IE 10-11 */
:-ms-input-placeholder {
  color: #808080 !important;
}
/* Edge */
::-ms-input-placeholder {
  color: #808080 !important;
}
/* MODERN BROWSER */
::placeholder {
  color: #808080 !important;
}


@media (min-width: 1150px) {
    .form--style-1 {
        margin-left: 0px
    }
}

@media (max-width: 1149px) {
    .field.hs-form-field {
      width: 100% !important;
  }
}

@media (min-width: 768px) {
  .dnd_area-column-1-vertical-alignment {
     justify-content: flex-start !important;
    padding-top: 30px !important;
  }
}


.hs-richtext.hs-main-font-element p {
    font-size: 1.05rem !important;
    line-height: 1.5 !important;
}


h2.winbig, h1.winbig {
    line-height: 1.5 !important;
}


@media (max-width: 768px) {
  .hideonmobile, .row-fluid-wrapper.row-depth-1.row-number-3.dnd-row, div#hs_cos_wrapper_module_16903858526357, .span6.widget-span.widget-type-cell.cell_16903858526352-vertical-alignment.dnd-column.cell_16903858526352-hidden {
    display: none !important;
  }
  
  .cell_16903862524983-hidden {
    display: flex !important;
    justify-content: center !important;
}
  
  div#hs_cos_wrapper_dnd_area-module-5, div#hs_cos_wrapper_module_16903858526359 {
    padding: 15px !important;
  }
  
  h2.winbig, h1.winbig {
    font-size: 20px !important; 
    text-align: center !important;
    margin-bottom: 20px !important;
    line-height: 1.5 !important;
  }
  
  div#hs_cos_wrapper_dnd_area-module-5 {
    padding: 15px !important;
  }
  
  form#hsForm_7a894a50-a705-4525-87f2-f085a663f98c_4881 fieldset {max-width: 100% !important;}
  
  .dnd_area-row-0-background-image {background-image: unset !important;}
  
    .drop-shadow {
      box-shadow: none !important;
  }
  
    .hs-richtext.hs-main-font-element {
      font-size: 16px !important;
  }
}

div.aboutwebinar {
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 2;
  font-weight: 500;
}

ul.aboutwebinar li {
  font-size: 20px;
  line-height: 2;
  font-weight: 500;
}

@media all and (max-width: 520px) {
  .sub-header {
      margin-top: 0 !important;
  }
  
  div#hs_cos_wrapper_module_161906665086957 {
      margin-top: 30px;
  }
  
  p#demo {
      font-size: 2em;
      margin: 0;
      text-align: center;
      color: #e37639;
  }
  
  #hs_cos_wrapper_module_14369920122386648 h3 {
      display: block !important;
      font-size: 1.25rem !important;
      margin-bottom: 0px !important;
      padding: 0 50px !important;
  }
  

  div.aboutwebinar {
    margin-bottom: 40px;
    font-size: 17px !important;
    line-height: 1.8 !important;
    font-weight: 500;
  }
  
  

  ul.aboutwebinar li {
    font-size: 17px !important;
    line-height: 1.8 !important;
    font-weight: 500;
  }
}