.row-fluid .top-resource .wrapper,
.row-fluid .s-column .wrapper,
.row-fluid .fb-section .wrapper {
 padding-left:39px;
 padding-right:39px
}
.row-fluid .header {
 z-index:9999
}
.row-fluid .top-resource {
 position:relative;
 padding:112px 0 180px;
 overflow:hidden
}
.row-fluid .top-resource:before {
 content:'';
 background-image:url(https://cdn2.hubspot.net/hubfs/1566917/Assets%20-%202019/flower-bg.png);
 background-repeat:no-repeat;
 background-position:center top;
 background-size:contain;
 position:absolute;
 width:626px;
 height:348px;
 left:50%;
 transform:translateX(-50%);
 bottom:-89px;
 margin-left:139px
}
.row-fluid .top-resource .hleft {
 background:0
}
.row-fluid .top-resource .hleft h1 {
 font-size:41.61px
}
.row-fluid .top-resource .hleft h3 {
 font-size:20.83px
}
.row-fluid .s-column {
 padding:0 0 90px;
 margin:-65px 0 0
}
.row-fluid .s-column .fcbox {
 position:relative;
 width:22.155%;
 background:#fff;
 padding:30px 25px 84px;
 font-size:15.63px;
 line-height:20.83px;
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 border-radius:20px
}
.row-fluid .s-column .fcbox>h4 {
 font-size:12.5px;
 font-weight:700;
 line-height:1.4
}
.row-fluid .s-column .fctext {
 padding:30px 0 40px;
 text-align:left
}
.row-fluid .download-link {
 position:absolute;
 bottom:60px;
 width:100%;
 left:0;
 padding:0 25px
}
.row-fluid .download-link a {
 text-transform:uppercase;
 color:#85348c;
 font-size:16.67px;
 font-weight:700;
 line-height:1.4
}
.row-fluid .fb-section {
 overflow:hidden
}
.row-fluid .fb-section .wrapper {
 display:flex;
 flex-flow:row wrap;
 justify-content:center
}
.row-fluid .fb-section>div>div {
 position:relative;
 width:50%;
 margin-left:0
}
.row-fluid .fb-section>div>div h2 a {
 color:#fff
}
.row-fluid .faqleft {
 padding:242px 194px 242px 0
}
.row-fluid .blogright {
 padding:242px 0 242px 194px
}
.row-fluid .fb-section>div>div h2 {
 color:#fff;
 font-size:41.67px
}
.row-fluid .fb-text {
 color:#fff;
 font-size:20.83px
}
.row-fluid .contact-section {
 position:relative;
 overflow:hidden
}
.row-fluid .contact-section .wrapper {
 position:relative;
 display:flex;
 flex-flow:row wrap;
 min-height:100vh
}
.row-fluid .contact-hero {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 width:28.4%;
 float:left;
 padding:220px 0 360px 15px
}
.row-fluid .contact-hero:before {
 content:'';
 position:absolute;
 bottom:-4px;
 left:-120px;
 background:url(https://cdn2.hubspot.net/hubfs/1566917/Assets%20-%202019/flower-bg.png) no-repeat center top/cover;
 width:600px;
 height:217px;
 z-index:11
}
.row-fluid .contact-hero:after {
 content:'';
 position:absolute;
 right:100%;
 top:0;
 width:1000%;
 height:100%;
 background:#85348c;
 background:-moz-linear-gradient(top,#85348c 0%,#fe77b6 100%);
 background:-webkit-linear-gradient(top,#85348c 0%,#fe77b6 100%);
 background:linear-gradient(to bottom,#85348c 0%,#fe77b6 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#85348c',endColorstr='#fe77b6',GradientType=0)
}
.row-fluid .contact-hero>.fullwidth {
 position:relative;
 top:50%;
 transform:translateY(-50%)
}
.row-fluid .contact-hero h1 {
 font-size:45.83px;
 color:#fff
}
.row-fluid .contact-hero h3 {
 font-size:29.17px;
 color:#fff;
 font-weight:500
}
.row-fluid .contact-form {
 width:100%;
 float:left;
 margin-left:28.4%;
 padding:155px 20px 70px 55px;
 position:relative;
 z-index:2
}
.row-fluid .contact-form>.fullwidth {
 position:relative;
 top:50%;
 transform:translateY(-50%)
}
.row-fluid .right-address {
 font-weight:300;
 font-size:16.67px;
 padding-left:30px
}
.row-fluid .right-address h5 {
 font-size:16.67px;
 font-weight:700;
 text-transform:uppercase;
 margin:0 0 25px
}
.row-fluid .right-address hr {
 margin:10px 0 20px 0;
 border:0;
 height:1px;
 background:#ececec;
 max-width:300px;
 width:100%;
 display:inline-block
}
.row-fluid .right-address ul {
 margin:0;
 padding:0;
 list-style:none;
 width:100%;
 float:left
}
.row-fluid .right-address h5+ul li {
 width:50%;
 float:left;
 padding-right:0px;
 margin:0 0 10px
}
.row-fluid .right-address h5+ul li>strong {
 display:block;
 margin:0 0 6px
}
.row-fluid .right-address h5+ul li span {
 line-height:1.3
}
.row-fluid .right-address div>ul li {
 float:left;
 margin:5px 50px 5px 0
}
.row-fluid .right-address div>ul li a {
 color:#85348c
}
.row-fluid .right-address li {
 margin-right:20px
}
.row-fluid .left-form {
 padding:0 38px 0 0
}
.row-fluid .left-form .form-title {
 margin:0
}
.row-fluid .left-form .input {
 margin:0 0 20px
}
.row-fluid .left-form .hs-input {
 margin:0;
 height:50px;
 border:1px solid #484848;
 border-radius:4px
}
.row-fluid .left-form .hs-input::placeholder,
.row-fluid .left-form .hs-input::-webkit-placeholder {
 text-transform:uppercase;
 font-size:16.67px;
 font-weight:700;
 color:#c8c8c8
}
.row-fluid .left-form textarea {
 min-height:227px;
 resize:none
}
.row-fluid .left-form .hs_submit.hs-submit {
 text-align:center;
 padding:31px 0 0
}
.row-fluid .left-form input[type="submit"] {
 border:1px solid transparent;
 padding:8px 44px;
 border:0;
 outline:0;
 border-radius:4px;
 background:#7ca7ad;
 -webkit-appearance:none;
 text-transform:uppercase;
 font-size:12.5px;
 font-weight:700
}
.row-fluid .left-form input[type="submit"]:hover {
 border:1px solid #7ca7ad;
 color:#7ca7ad;
 background:transparent
}
.row-fluid .left-form ul.hs-error-msgs {
 margin:-15px 0 20px
}
.row-fluid .book-demo {
 padding:30px 0;
 font-size:12.5px
}
.row-fluid .book-demo .wrapper {
 display:flex;
 flex-flow:row wrap;
 align-items:center
}
.row-fluid .bottom-left {
 font-weight:700;
 text-align:left
}
.row-fluid .bottom-center {
 font-weight:300;
 text-align:center
}
.row-fluid .bdbtn {
 text-align:right
}
.row-fluid .bdbtn a {
 border-radius:5px;
 border:1px solid #0099a8;
 padding:13px 24px;
 background:#0099a8;
 font-size:12.5px;
 font-weight:700;
 color:#fff;
 text-transform:uppercase;
 text-align:center
}
.row-fluid .bdbtn a:hover {
 background:transparent;
 color:#0099a8
}
@media(max-width:1230px) {
 .row-fluid .faqleft {
  padding-right:140px
 }
 .row-fluid .blogright {
  padding-left:140px
 }
}
@media(max-width:1199px) {
 .row-fluid .contact-hero h1 {
  font-size:30px
 }
 .row-fluid .right-address {
  padding-left:10px
 }
 .row-fluid .contact-form {
  padding-top:140px
 }
}
@media(max-width:991px) {
 .row-fluid .top-resource .wrapper,
 .row-fluid .s-column .wrapper,
 .row-fluid .fb-section .wrapper {
  padding-left:20px;
  padding-right:20px
 }
 .row-fluid .s-column .fcbox {
  width:47%
 }
 .row-fluid .s-column {
  padding:0 0 70px
 }
 .row-fluid .faqleft,
 .row-fluid .blogright {
  padding-top:100px;
  padding-bottom:100px
 }
 .row-fluid .faqleft {
  padding-right:100px
 }
 .row-fluid .blogright {
  padding-left:100px
 }
 .row-fluid .left-form {
  width:100%;
  padding:0
 }
 .row-fluid .right-address {
  width:100%;
  margin:30px 0 0;
  padding:0
 }
 .row-fluid .contact-hero {
  width:36%
 }
 .row-fluid .contact-hero h3 {
  font-size:24px
 }
 .row-fluid .contact-form {
  margin-left:36%;
  padding:70px 30px
 }
 .row-fluid .left-form textarea {
  min-height:120px
 }
 .row-fluid .left-form .hs_submit.hs-submit {
  padding:0
 }
}
@media(max-width:767px) {
 .row-fluid .top-resource {
  padding-top:70px;
  padding-bottom:110px
 }
 .row-fluid .top-resource:before {
  width:488px;
  height:293px
 }
 .row-fluid .s-column {
  padding:0 0 50px
 }
 .row-fluid .fb-section>div>div {
  width:100%;
  padding:30px
 }
 .row-fluid .fb-section>div>div:before {
  display:none
 }
 .row-fluid .contact-section .wrapper {
  padding:0
 }
 .row-fluid .contact-hero>.fullwidth,
 .row-fluid .contact-form>.fullwidth {
  top:0;
  transform:none
 }
 .row-fluid .contact-hero:after {
  display:none
 }
 .row-fluid .contact-hero {
  width:100%;
  position:relative;
  padding:70px 15px
 }
 .row-fluid .contact-form {
  margin-left:0;
  padding:40px 15px
 }
 .row-fluid .contact-hero:before {
  width:388px;
  bottom:-57px;
  left:auto;
  right:0;
  background-size:contain
 }
 .row-fluid .book-demo .wrapper {
  flex-flow:column
 }
 .row-fluid .book-demo .wrapper>div {
  width:100%;
  margin:0 0 20px;
  text-align:center
 }
 .row-fluid .book-demo .wrapper>div:last-child {
  margin-bottom:0
 }
 .row-fluid .contact-section .wrapper {
  min-height:auto
 }
}
@media(max-width:480px) {
 .row-fluid .s-column .fcbox {
  width:100%
 }
 .row-fluid .right-address h5+ul li {
  width:100%
 }
}
