/* @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    */
/*****************************************/

p {font-size:18px}

.header-red {
   background-image:url('https://6119662.fs1.hubspotusercontent-na1.net/hubfs/6119662/pasabi-lp-header21_1.png'); 
  background-repeat:no-repeat;
  background-size: 100%;
    height: 150px;
    margin-top: -40px;
    padding-top: 20px;
    background-position: 100% 65%;
    padding-bottom: 37px;
  color:#fff!important
}

.header-green {
   background-image:url('https://6119662.fs1.hubspotusercontent-na1.net/hubfs/6119662/pasabi-cm-header.png'); 
  background-repeat:no-repeat;
  background-size: 100%;
    height: 150px;
    margin-top: -40px;
    padding-top: 20px;
    background-position: 100% 65%;
    padding-bottom: 37px;
  color:#fff!important
}

.header-red h1, .header-red h2, .header-red h3, .header-red h4, .header-red h5, .header-red h6, .header-red p {color:#fff}
.header-green h1, .header-green h2, .header-greend h3, .header-green h4, .header-green h5, .header-green h6, .header-green p {color:#fff}
.header-cd h1, .header-cd h2, .header-cd h3, .header-cd h4, .header-cd h5, .header-cd h6, .header-cd p {color:#fff}
.header-sm h1, .header-sm h2, .header-sm h3, .header-sm h4, .header-sm h5, .header-sm h6, .header-sm p {color:#fff}
.header-cm h1, .header-cm h2, .header-cm h3, .header-cm h4, .header-cm h5, .header-cm h6, .header-cm p {color:#fff}
.header-frd h1, .header-frd h2, .header-frd h3, .header-frd h4, .header-frd h5, .header-frd h6, .header-frd p {color:#fff}

  .header-pink.short {
    height:145px;
   background-image:url('https://6119662.fs1.hubspotusercontent-na1.net/hubfs/6119662/pasabi-lp-header21_1.png');
    background-color:#fc3e5f;
  background-repeat:no-repeat;
  background-size:cover;
  margin-top:-40px;
  padding-top:20px;
  background-position: 50% 65%;

}
  
  .header-cm.short {
    height:145px;
   background-image:url('https://6119662.fs1.hubspotusercontent-na1.net/hubfs/6119662/pasabi-cm-header.png');
    background-color:00af8b;
  background-repeat:no-repeat;
  background-size:cover;
  margin-top:-40px;
  padding-top:20px;
  background-position: 50% 65%;

}

 .header-cd.short {
    height:145px;
   background-image:url('https://6119662.fs1.hubspotusercontent-na1.net/hubfs/6119662/pasabi-cd-header.png');
   background-color:#126fac;
  background-repeat:no-repeat;
  background-size:cover;
  margin-top:-40px;
  padding-top:20px;
  background-position: 50% 65%;

}

@media (min-width:991px){
  
    .header-pink.short,.header-cd.short,.header-cm.short   {
      height:100px!important;
  }
.header-red {
   background-image:url('https://6119662.fs1.hubspotusercontent-na1.net/hubfs/6119662/pasabi-lp-header21_1.png');
  background-repeat:no-repeat;
  background-size:cover;
  height:350px;
  margin-top:-40px;
  padding-top:20px;
  background-position: 50% 100%;
}
  
  .header-green {
   background-image:url('https://6119662.fs1.hubspotusercontent-na1.net/hubfs/6119662/pasabi-cm-header.png');
  background-repeat:no-repeat;
  background-size:cover;
  height:350px;
  margin-top:-40px;
  padding-top:20px;
  background-position: 50% 100%;
}
  
 
  
   .ty-page .header-red, {
   background-position: 50% 400%;
     height:310px
  }
  
  .ty-page .header-green {
  background-position: 50% 160%;
     height:310px
  }
  
  .ty-page  .top-content  {margin-top:-120px}
  
    .ty-page  .top-content .text-header  {margin-top:-120px}
  
  .header-red h1, .header-cd h1, .header-sm h1, .header-cm h1, .header-frd h1 {margin-top:60px}
  
  
  .header-cd {
   background-image:url('https://6119662.fs1.hubspotusercontent-na1.net/hubfs/6119662/pasabi-cd-header.png');
  background-repeat:no-repeat;
  background-size:cover;
  height:400px;
  margin-top:-40px;
  padding-top:20px;
  background-position: 50% 165%;
}
  
  .header-sm {
   background-image:url('https://6119662.fs1.hubspotusercontent-na1.net/hubfs/6119662/pasabi-sm-header.png');
  background-repeat:no-repeat;
  background-size:cover;
  height:400px;
  margin-top:-40px;
  padding-top:20px;
  background-position: 50% 165%;
}
  
  .header-cm {
   background-image:url('https://6119662.fs1.hubspotusercontent-na1.net/hubfs/6119662/pasabi-cm-header.png');
  background-repeat:no-repeat;
  background-size:cover;
  height:400px;
  margin-top:-40px;
  padding-top:20px;
  background-position: 50% 65%;
}
  
  .header-cm.short {height:100px}
  
  .header-frd {
   background-image:url('https://6119662.fs1.hubspotusercontent-na1.net/hubfs/6119662/pasabi-frd-header.png');
  background-repeat:no-repeat;
  background-size:cover;
  height:400px;
  margin-top:-40px;
  padding-top:20px;
  background-position: 50% 100%;
}
  
 .ty-page .header-red {
   background-position: 50% 400%;
  }
  
  .ty-page .top-content {
    position:relative;
      z-index: 9999;
  }
  
  
}

@media (min-width:1444px){
   .ty-page .header-red {
   background-position: 50% 165%;
  }
   .ty-page .top-content {
    margin-top:-120px; 
  }
  
    .ty-page  .top-content .text-header  {margin-top:-120px!important}
}


.header-container-wrapper{
 position:relative !important;
}

.body-container-wrapper {margin-top:20px!important}

.white-wrapper {margin-top:40px!important; }
.white-wrapper-last {margin-top:40px!important; margin-bottom:40px!important}

ul.inputs-list.multi-container {
    padding-left: 0;
}

label.hs-form-radio-display input[type="radio"] {
    margin-right: 10px;
}

.hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input {
  height:auto!important}

label.hs-form-checkbox-display input[type="checkbox"] {height:auto!important; margin-right: 10px;}

li.hs-form-radio, li.hs-form-checkbox  {margin-bottom:10px!important}

.btn-red {background-color: #fd3f5f !important;
border-color: #fd3f5f !important;
border-radius:16px!important;
  color:#fff!important;
  padding:10px 15px!important;
}

.btn-red:hover {background-color:transparent!important; color: #fd3f5f !important;}

.form-offset, .form-lp-container {background-color:#fff; padding:20px;border: 1px solid;}

@media (min-width:767px) {
  .form-offset  {margin-top: -140px; } 
}
}

.hs-button {width:auto!important}

.cta_button {padding:15px}
a.cta_button {font-size:18px}

.date-picker-freemium-cta, .date-picker-section {background-color:grey!important}