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

/* PRESS ROOM
 *******************************************/

.press-room .post-image {
  height: 140px !important;
  margin-top: 0px;
  background-repeat: no-repeat;
  background-position: center;
}
.press-room .press-list { border-bottom: 1px solid #d7d7d7; }
.press-room .blog-pagination { padding-top: 50px; }
.press-room .blog-pagination a {
  text-align: center;
  color: #34a81d;
  background-color: rgba(248,248,248,1.0);
  border-color: rgba(248,248,248,1.0);
  border-radius: 100%;
  height: 40px;
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.press-room .blog-pagination a.active {
  color: #fff !important;
  background-color: rgba(52,168,29,1.0);
  border-color: rgba(52,168,29,1.0);
}
.press-room .blog-pagination-center {
  text-align: center;
}
.press-room h3.text-left{ font-size: 20px; border-bottom: 1px solid #d7d7d7; padding-bottom: 30px; padding-top: 30px; }
.title-section{ width:100%; }

/* PRESS ROOM
 *******************************************/

.pad0 {padding-left:0 !important;padding-right:0 !important;}
.padtop0{padding-top:0px !important;}
.padtop1{padding-top:10px !important;}
.padtop2{padding-top:20px !important;}
.padtop3 {padding-top:30px !important;}
.padtop4 {padding-top:40px !important;}
.padtop5 {padding-top:50px !important;}
.padbottom0{padding-bottom:0px !important;}
.padbottom1{padding-bottom:10px !important;}
.padbottom2{padding-bottom:20px !important;}
.padbottom3{padding-bottom:30px !important;}
.padbottom4{padding-bottom:40px !important;}
.padbottom5{padding-bottom:50px !important;}
.padleft0{padding-left:0px !important;}
.padright0{padding-left:0px !important;}
.bottom0 {margin-bottom:0px!important;}
.bottom1 {margin-bottom:10px!important;}
.bottom2 {margin-bottom:20px!important;}
.bottom3 {margin-bottom:30px!important;}
.bottom4 {margin-bottom:40px!important;}
.bottom5 {margin-bottom:50px!important;}
.bottom6 {margin-bottom:60px!important;}
.bottom7 {margin-bottom:70px!important;}
.bottom8 {margin-bottom:80px!important;}
.bottom9 {margin-bottom:90px!important;}
.top0 {margin-top:0px!important;}
.top1 {margin-top:10px!important;}
.top2 {margin-top:20px!important;}
.top3 {margin-top:30px!important;}
.top4 {margin-top:40px!important;}
.top5 {margin-top:50px!important;}
.text-center {text-align:center!important;}

.text-green {color:#34a81d!important;}

.containerwrap {
  padding-top:70px;
  padding-bottom:70px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.containerwrap-2 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.containerwrap-2:empty { display: none }

#NewTempMayBanner2021.banner.container:empty { display: none }

.cta-button {
  color: #fff !important;
  background-color: rgba(52,168,29,1.0);
  border-color: rgba(52,168,29,1.0) !important;
  display: inline-block;
  border: 1px solid;
  border-radius: 5px;
  padding: .5555555555555556rem 1.6666666666666667rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.cta-button:hover {
  color: #fff !important;
  background-color: rgba(52,168,29,0.9)!important;
  border-color: rgba(52,168,29,0.9)!important;
  text-decoration:none!important;
}

.stories,
.stories>div {position:relative;}
.stories>div{z-index:1;}
.stories svg.rg.rg2{top:15%;}
.stories svg.lg.lg1{top:60%;}
.stories .col-lg-4{margin:1rem 0;}
.team-card {
  background:#fff;
  -webkit-box-shadow: 0px 10px 25px rgba(34,34,34,0.1);
  box-shadow: 0px 10px 25px rgba(34,34,34,0.1);
  border-radius:15px;height:100%;
  -webkit-transition:all .2s ease;
  -o-transition:all .2s ease;transition:all .2s ease;
}
.team-text {
  font-size:.9rem;
  line-height:1.75;
}

.team-logo {padding:1rem 1rem 0 1rem;}
.team-title{
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:28px;
  letter-spacing:-0.4000000059604645px;
  text-align:left;
  color:#111;
  opacity:.76;
}
.team-info{padding:30px;}
.team-link a{opacity:.3;}
.team-card:hover{transform:scale(1.05);}
.team-card a{color:inherit;}
.team-card a:hover{text-decoration:none;}

.imaged-listing {
  position: relative;
  padding: 0!important;
  list-style: none;
}
.imaged-listing.inline li {
  display:inline-block;
  margin-right: 25px;
}
.imaged-listing li {
  position:relative;
  padding-left: 25px;
  margin-bottom: 20px;
}
.imaged-listing li .icon {
  position: absolute;
  left: 0;
  top: 8px;
}


#NewTempMay2021 .containerwrap h1,
#NewTempMay2021 .containerwrap h2,
#NewTempMay2021 .containerwrap h3,
#NewTempMay2021 .containerwrap h4,
#NewTempMay2021 .containerwrap h5,
#NewTempMay2021 .containerwrap h6,
#NewTempMay2021 .banner h1,
#NewTempMay2021 .banner h2,
#NewTempMay2021 .banner h3,
#NewTempMay2021 .banner h4,
#NewTempMay2021 .banner h5,
#NewTempMay2021 .banner h6 {margin-bottom:20px;}

#NewTempMay2021 .containerwrap h1,
#NewTempMay2021 .containerwrap h2,
#NewTempMay2021 .containerwrap h3,
#NewTempMay2021 .banner h1,
#NewTempMay2021 .banner h2,
#NewTempMay2021 .banner h3 {font-weight: 500!important;}

#NewTempMay2021 .containerwrap h2, #NewTempMay2021 .banner h2 {font-size:42px!important;}
#NewTempMay2021 .containerwrap h3, #NewTempMay2021 .banner h3 {font-size:28px!important; line-height: 33px!important}
#NewTempMay2021 .containerwrap h6, #NewTempMay2021 .banner h6 {font-size:22px!important;font-weight:700!important;}

#NewTempMay2021 .containerwrap p, #NewTempMay2021 .banner p {line-height:1.6;margin-bottom:20px;}
#NewTempMay2021 .containerwrap strong, #NewTempMay2021 .banner strong {font-weight: 700!important;}

#NewTempMayTestimonials {
  background-image: url ("https://f.hubspotusercontent30.net/hubfs/6996786/Asset2021/section-bg-2.png");
  padding-top:160px;
  background-position: bottom;
}

#NewTempMayCTABlock {
  background-image: url ("https://f.hubspotusercontent30.net/hubfs/6996786/Asset2021/section-bg-1.png");
  padding-bottom:155px;
  background-position: bottom;
}

#NewTempMayCTABlock2 {
  background-image: url ("https://f.hubspotusercontent30.net/hubfs/6996786/Knowledge%20Base%20Assets/Header_Knowledgebase.jpg");
  background-position: bottom;
  min-height: 430px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  position: relative;
}
#NewTempMayCTABlock2 h2{
  color:#fff !important;
}

#NewTempMayCTABlock2 .green-line {
  border-top: 4px solid #34a81d;
  border-right: 4px solid #34a81d;
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;}

@media (max-width: 767px) {
  #NewTempMayCTABlock2 .green-line {top: 15px;bottom: 15px;left: 15px;right: 15px;}
  #NewTempMayCTABlock2 p {
  line-height: 24px !important}  
  #NewTempMay2021 .containerwrap h2, #NewTempMay2021 .banner h2 {font-size:30px!important; line-height: 35px}
  }

#NewTempMayCTABlock2 p {
  color: #ffffff !important;
  margin: auto;
  max-width: 950px; 
  padding: 0 25px;
}

#hs-cta-wrapper-7d4bb2ee-8e5b-4a77-aea7-7fe9e37ec6d6 a.cta_button {
  color: #ffffff !important;
  background: #34a81d;
  padding: 15px 30px;
  border-radius: 5px;
  transition: transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#hs-cta-wrapper-7d4bb2ee-8e5b-4a77-aea7-7fe9e37ec6d6 a.cta_button:hover {
  color: #ffffff !important;
  text-decoration: none !important;
  background: #3eb721;
  padding: 15px 30px;
  border-radius: 5px;
}


.btn-none-wrapper a {
  padding: .25rem 1rem !important;
}
.hs-content-id-4056546610 .btn-none-wrapper a:before {
  display: none !important;
}
.hs-content-id-40565466100 .btn-wrapper a.cta-button:before,
.hs-content-id-40565466100 .btn-wrapper a.cta-button:after {
  display: none;
}

.hs-content-id-40565466100 .btn-wrapper a.cta-button {
  padding: .25rem 1rem !important;
  text-align: center !important;
}
.f-col-card img { max-height: 60px; margin-bottom: 1.4rem !important; }

.lp-simple-v1 .footer-container {padding:0;}
.lp-simple-v1 #LPSimpleFooterV1 {
  background: #f1f2f2;
  margin-bottom: 0px;
  padding-top: 24px;
  padding-bottom: 15px;
  text-align: center;
  align-items: center;
  padding-right: 40px;
  padding-left: 40px;
  position:relative;
}

.lp-simple-v1 #LPSimpleFooterV1:before {
    content: "";
    width: 1140px;
    max-width: 100%;
    height: 1px;
    background: #e2e2e2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.navbar .btn-wrapper.btn-wrapper-sm.btn-none-wrapper:before {display:none!important;}

@media only screen and (min-width: 992px) {
  #hs_cos_wrapper_module_banner_left_content {
    display: block;
    padding-right: 30px;
  }
  .new-blog-post-layout.july2021 .title-section,
  .new-blog-post-layout.july2021 .blog-section {
    padding-right: 60px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .new-blog-post-layout.july2021 .post-title { font-size: 40px; line-height: 50px; }
}

@media only screen and (min-width: 768px) {
  
  .f-col-card.d-md-flex {
    display: block !important; 
  }

}

@media only screen and (max-width: 767px) {
  .new-blog-post-layout.july2021 .post-title { font-size: 36px; line-height: 46px; }
  .new-blog-post-layout.july2021 .blog-section { margin-bottom: 30px; }  
  .blog-listing-wrapper .post-image { height: 250px !important; }
  .blog-post-sidebar .post-custom-social-container.july2021 { display: none; }
  .blog-section .post-custom-social-container.july2021 { display: block !important; margin-bottom: 30px; }
  .xs-hide {display: none!important;}
  .aligncenter-767 {float:none;display:block;margin:auto;margin-bottom: 30px;text-align: center;}
  .text-center-767 {text-align:center!important;}
  .sm-pt-0 { padding-top: 0px !important; }
  .xs-bottom2 {margin-bottom:20px!important;}
  .xs-bottom3 {margin-bottom:30px!important;}
  #NewTempMayBanner2021 .banner {padding-bottom: 50px ;}
  #NewTempMayBanner2021:empty { display: none; padding-bottom: 0px!important }
  #relatedBlogPosts .col-lg-4 {padding: 15px !important;}
  #relatedBlogPosts .post-listing .team-text h5 {
  font-size: 18px !important;
  line-height: 27px !important;
  letter-spacing: 0px;}
}

@media only screen and (max-width: 640px) {
  #NewTempMayBanner2021 {
    padding-bottom: ;
  }
}

#NewTempMayBanner2021 {
  position: relative;
  height: 100%;
}
#NewTempMayBanner2021:before,
#NewTempMayBanner2021:after {
  content: '';
  display: block;
  width: 100%;
}
/*#NewTempMayBanner2021:before {
height: 100%;
position: absolute;
top: 0; left: 0;
background: rgba(37,37,37,.95);
}*/
#NewTempMayBanner2021:after {
  z-index: 3;
  height: 100px;
  position: absolute;
  bottom: -1px; left: 0;
  background: url(https://6996786.fs1.hubspotusercontent-na1.net/hubfs/6996786/Asset2021/banner-bottombg-2.svg) no-repeat center;
  background-size: 100%;
  background-position: bottom;
}
#NewTempMayBanner2021 h2,
#NewTempMayBanner2021 p,
#NewTempMayBanner2021 li { color: #ffffff; }
.link-arrow {
  margin: 15px 0;
  display: block;
  font-weight: 900;
}
.subscribe-form {
  padding: 50px 25px;
  background: #f1f2f2;
  color: #ffffff;
  margin-bottom: 50px;
  border-radius: 15px;
}
.subscribe-form h4 {
  color: #000;
  margin-bottom: 30px;
  font-size: 1.4rem;
}
.subscribe-form h6 span {
  color: #34a81d;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500 !important;
  font-size: 0.89rem!important;
  letter-spacing: .5px;
}

.blog-listing-wrapper .post-item { padding: 0 !important; }
.post-image { height: 270px !important; }
.blog-listing-wrapper .post-image { height: 180px !important; }
.post-listing .hs_cos_wrapper_type_related_blog_posts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.post-listing .team-img {
  width: 100%; height: 190px;
  border-radius: 20px 20px 0px 0px;
  background-size: cover !important;
}

#relatedBlogPosts .post-listing .team-text h1,
#relatedBlogPosts .post-listing .team-text h2,
#relatedBlogPosts .post-listing .team-text h3,
#relatedBlogPosts .post-listing .team-text h4,
#relatedBlogPosts .post-listing .team-text p {
  font-size: 18px !important;
  line-height: 27px !important;
  letter-spacing: 0px;
  font-weight: normal !important;
  color: #515151;
}
.blog-featured.banner-listing {
  padding: 160px 0 !important;
}
.new-blog-post-layout.july2021 .post-fimage img {
  width: 100%;
  border-radius: 15px;
}
.new-blog-post-layout.july2021 .hs-author-profile {
  align-items: center;
  position: relative;
  padding-left: 100px;
}
.new-blog-post-layout.july2021 .hs-author-profile:before {
  content: '';
  display: block;
  clear: both; z-index: 1;
  width: 70px; height: 70px;
  background: url(https://6996786.fs1.hubspotusercontent-na1.net/hubfs/6996786/default-author-photo.png) no-repeat center;
  position: absolute;
  top: 1em; left: 0;
  border-radius: 50%;
  background-size: contain;
}
.new-blog-post-layout.july2021 .hs-author-profile:after {
  content: '';
  display: block;
  clear: both;
}
.new-blog-post-layout.july2021 .hs-author-avatar {
  max-width: 70px;
  min-height: 70px;
  border-radius: 50%;
  float: left;
  margin-left: -100px;
  margin-top: -.5em;
  z-index: 2;
  position: relative;
}
.new-blog-post-layout.july2021 .hs-author-profile img {
  border-radius: 50%;
}
.new-blog-post-layout.july2021 .hs-author-profile h5 {
  color: #34a81d;
}
.new-blog-post-layout.july2021 .hbspt-form form {  }
.subscribe-form .hbspt-form .hs-input {
  display: inline-block;
  width: 90%;
  max-width: 500px;
  height: 40px;
  padding: 0 15px !important;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  color: #33475b;
  border: 1px solid #cbd6e2;
  box-sizing: border-box;
  border-radius: 4px !important;
}
.subscribe-form .hbspt-form .hs_email label {
  display: none;
}
.subscribe-form .hbspt-form .no-list {
  margin-bottom: 0px;
}
.subscribe-form .hbspt-form .no-list li label {
  color: red;
  margin: .5rem;
  font-size: 14px;
  line-height: 1;
  font-family: arial;
  letter-spacing: 0;
}
.subscribe-form .hbspt-form .hs-button {
  background: #34a81d;
  border-color: #34a81d;
  color: #ffffff;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  padding: 12px 24px;
  width: 100%;
  border: 0;
  border-radius: 4px;
}