/*=================Blog Listing==============*/

/*-----------Last Banner Section-------------*/
.blog-banner-sec{
  padding-top:123px;
  padding-bottom:103px;
  background:#f2f2f0;
}
.blog-banner-sec h3{
  font-size:36px;
  font-weight:bold;
  color:#1a1a1a;
}
.blog-banner-sec p{
  font-size:16px;
  color:#808080;
  font-family:Avenir Next Demi;
  max-width:795px;
  margin:0 auto;
}
.blog-banner-sec .widget-type-cta{
  margin-top:32px;
}
.row-fluid .blog-banner-sec a.cta_button{
  background:#f0c85b;
  font-size:12px;
  color:#000000;
  border-radius:5px;
  font-family:Avenir Next Demi;
  padding:18px 40px;
}
/*---------End Last banner Section------------*/



/*-----------BLog Section One-------------------*/
.blog-sec-one{
  padding-top:89px;
}
.blog-sec-one .left-col .blog-search{
  max-width:450px;
  margin:0 auto;
}
/*-----------End BLog Section One--------------*/

/*============subscribe Section===================*/
body .widget-type-blog_subscribe form{
  position:relative;
  width:100%;
}
body .widget-type-blog_subscribe form input[type="email"]{
  width:70%;
   border-radius: 5px 0px 0px 5px;
  border:1px solid #000;
}
body .container-fluid .row-fluid .widget-type-blog_subscribe form input[type="submit"]{
  width:30%;
  position:absolute;
  border-radius: 0px 5px 5px 0px;
  height:54px;
  border:1px solid #000;
  font-size:12px;
  color:#fff;
  font-family:Avenir Next Demi;
  font-weight:600;
}
body .container-fluid .row-fluid .widget-type-blog_subscribe form .hs-error-msgs li{
  top:4px;
}
body .container-fluid .row-fluid .widget-type-blog_subscribe form .hs-email label{
  display:none;
}
body .widget-type-blog_subscribe form input[type="email"]{
  color:#000000;
  height:54px;
}
body .widget-type-blog_subscribe ::-webkit-input-placeholder{
  text-transform:uppercase;
  color:#999999;
  font-weight:500;
}
body .widget-type-blog_subscribe::-webkit-input-placeholder {
  text-transform:uppercase;
  color:#999999;
  font-weight:500;
}

body .widget-type-blog_subscribe:-moz-placeholder {
  text-transform:uppercase;
  color:#999999;
  font-weight:500;
}

body .widget-type-blog_subscribe::-moz-placeholder {  
  text-transform:uppercase;
  color:#999999;
  font-weight:500;
}

body .widget-type-blog_subscribe:-ms-input-placeholder {  
  text-transform:uppercase;
  color:#999999;
  font-weight:500;
}

select::-ms-expand {
    display: none;
}
/*===========End Subscribe Section===============*/

/*--------------topic item---------------*/
body .container-fluid .row-fluid .filter-items select {
    border: 1px solid #000000;
    height: 54px;
    border-radius: 5px;
    line-height: 20px;
    padding: 10px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #363c3a;
    margin-bottom: 20px;
    background: #fff url(//cdn2.hubspot.net/hubfs/206008/Assets%20March-17/drop-down-arrow.png?t=1528357702289) no-repeat;
    background-position: 95% center;
    position: relative;
    background-size: 13px;
    margin: 0;
    width: 100%;
    max-width: 268px;
    font-size: 14px;
    letter-spacing: .5px;
    font-weight: 500;
    color: #4a4a4a;
    text-transform: capitalize;
}
body .container-fluid .row-fluid .filter-items select:focus{
  outline:none;
}
.section-filter select option, body .container-fluid .row-fluid .section-filter input {
    font-size: 14px;
    height: 46px;
    border: 1px solid #d3d3d3;
    background-color: #fff;
}

/*-------End Topic Item------------------*/

/*------------Blog Section---------------------*/
.hs-blog-post .blog-section{
padding-top:18px;
padding-bottom:15px;
}
.hs-blog-listing .blog-section{
  padding-bottom:35px;
  padding-top:20px;
}

.hs-blog-listing .hs-featured-image-wrapper{
  position:relative;
}
.hs-blog-listing .hs-featured-image-wrapper:before{
  position:absolute;
  content:"";
   border-radius: 15px;
  background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.45098) 0%, rgba(0,0,0,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.45098) 0%, rgba(0,0,0,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.45098) 0%, rgba(0,0,0,0) 100%);
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}
/*-------------End BLog Section---------------*/
.anchor-bg {
    display: block;
    overflow: hidden;
}
.hs-featured-image-wrapper {
    transition: all 5s cubic-bezier(0.5,0.51,1,1);
    -webkit-transition: all 10s cubic-bezier(0.5,0.51,1,1);
    position: relative;
    height: 233px;
    border-radius:15px;
}
.hs-blog-listing .post-topic{
  padding-bottom:16px;
}
.hs-blog-listing .post-topic a.topic-link{
  font-size:13px;
  font-weight:bold;
  color:#111111;
  text-transform:uppercase;
}
.hs-blog-listing .post-header h2{
  font-size:25px;
  font-weight:bold;
  color:#111111;
  margin-bottom:0px;
}
.hs-blog-listing .post-body-content{
  padding:30px 0;
}

/*===========BLog Pagination================*/
.hs-blog-listing .blog-pagination{
  padding-top:30px;
}
.hs-blog-listing .blog-pagination{
  text-align:center;
}
.hs-blog-listing .blog-pagination .next-posts-link,.hs-blog-listing .blog-pagination .previous-posts-link{
  text-transform:uppercase;
  font-size:13px;
  font-weight:500;
  padding:16px 40px;
  border:1px solid #000;
  border-radius:5px;
  margin:0 8px;
  position:relative;
}
.hs-blog-listing .blog-pagination .next-posts-link span img, .hs-blog-listing .blog-pagination span img .previous-posts-link {
    position: absolute;
    top: 17px;
}
.hs-blog-listing .blog-pagination .previous-posts-link span img {
    position: absolute;
    top: 17px;
    left: 0px;
}
.next-posts-link span img,.previous-posts-link span img{
  max-width:14px;
  padding:0 10px;
}
.previous-posts-link span img{
   transform: rotate(180deg);
}
/*===========End BLog Pagination============*/

@media(min-width:768px){
  .post-listing {
    margin: 0 -2.5% 0 0;
    padding: 0;
    //overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
  .post-item {
    float: left;
    width: 30.833%;
    display: block;
    box-sizing: border-box;
    margin: 0 2.5% 55px 0;
    list-style: none;
    padding-bottom: 0;
    display: block;
    box-sizing: border-box;
    align-self: stretch;
    transition: all ease-in-out .4s;
    border-bottom:3px solid #111111;
 }
  body .row-fluid .vertical-bottom{
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}


/*================End BLog Listing===========*/


/*========================Blog Post =================*/

.row-fluid [class*="span"].blog-post-wrapper, .row-fluid .blog-post-wrapper {
    width: 100%;
    max-width: 1015px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    padding-left: 15px;
    padding-right: 15px;
}
.row-fluid [class*="span"].post-body-wrapper, .row-fluid .post-body-wrapper {
    width: 100%;
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    padding-left: 15px;
    padding-right: 15px;
}

.blog-post-hero-section{
  padding-top:100px;
  padding-bottom:100px;
  background:#f2f2f0;
}
.blog-post-bg .post-feature-image{
  margin-top:-80px;
}
.blog-post-bg .post-feature-image img{
  width:100%;
}
.hs-blog-post .section.post-body>span>img{
  display:none;
}
.hs-blog-post .section.post-body{
  padding-top:40px;
}
.hs-blog-post .section.post-body p{
  color:#808080;
  font-weight:600;
  font-family:Avenir next Demi;
}
.hs-blog-post .section.post-body ul{
  padding-left:16px;
}
.hs-blog-post .section.post-body ul li{
    color:#808080;
  font-weight:600;
  font-family:Avenir next Demi;
  margin-left:0px;
}

.blog-recent-post{
  padding-bottom:50px;
}
.blog-recent-post h3{
  font-size:20px;
  font-weight:bold;
  color:#000000;
}
.blog-recent-post ul li a{
  color:#f0c85b;
  font-size:20px;
  font-weight:bold;
}



/*======================End BLog Post=================*/

.blog-comment-section{
  padding-top:50px;
  padding-bottom:50px;
  background:#f2f2f0;
}

.blog-comment-section .section.post-footer form:before {
    content: "Leave us a comment below";
    color: #000;
    font-size: 20px;
    font-weight: bold;
}
.blog-comment-section .section.post-footer .new-comments.show-me:before{
    content: "Recent Comments";
    color: #000;
    font-size: 20px;
    font-weight: bold;
}
.blog-comment-section .section.post-footer .new-comments.show-me{
  display:block;
  padding-top:100px;
}
.hs-blog-post .blog-comment-section .new-comments{
  padding-top:50px;
  
}
.hs-blog-post .blog-comment-section .section.post-footer {
    display: flex;
    flex-direction: column-reverse;
}

.hs-blog-post .blog-comment-section .new-comments .comment.depth-0{
  border-top: 2px solid #777777;
  margin-top:10px;
}

.hs-blog-post .blog-comment-section .post-footer{
   background: none;
  border: none;
}
.hs-blog-post .blog-comment-section .post-footer form{
  max-width:522px;
}

body .row-fluid .blog-comment-section .section.post-footer form input{
  background:#fff;
  border:1px solid #fff;
  color:#808080;
}
body .row-fluid .blog-comment-section .section.post-footer form textarea{
  border-radius:5px;
  height:150px;
  resize:none;
  border:1px solid #fff;
}
body .row-fluid .blog-comment-section .section.post-footer form .hs_submit .actions{
  text-align:left;
}
body .row-fluid .blog-comment-section .section.post-footer form .hs-button{
  position:initial;
  background:#f0c85b;
  color:#000000;
  border:1px solid #f0c85b;
  margin-top:30px;
  border-radius:5px;
}

/*==================BLog Author Section================*/
.blog-author-sec{
  padding-top:10px;
  padding-bottom:40px;

}
.blog-author-sec .author-border{
  padding-top:30px;
  padding-bottom:30px;
  border-bottom:2px solid #777777;
  border-top:2px solid #777777;
}


@media (min-width: 768px){
.hs-blog-listing .small-cta-one {
    float: left;
    width: 30.833%;
    display: block;
    box-sizing: border-box;
    margin: 0 2.5% 55px 0;
    list-style: none;
    padding-bottom: 0;
    display: block;
    box-sizing: border-box;
    align-self: stretch;
    transition: all ease-in-out .4s;
}
  .hs-blog-listing .bigger-cta-one {
    float: left;
    width: 63.833%;
    display: block;
    box-sizing: border-box;
    margin: 0 2.5% 55px 0;
    list-style: none;
    padding-bottom: 0;
    display: block;
    box-sizing: border-box;
    align-self: stretch;
    transition: all ease-in-out .4s;
}
}

@media(max-width:767px){
  .blog-listing-item-container {
    padding:85px 20px 90px 20px;
}
  .blog-listing-item-container{
    text-align:center;
  }
  .hs-blog-listing .blog-post-title{
     font-size:27px;
    margin: 0 auto;
  }
  .hs-blog-listing .filter-items{
    margin-bottom:20px;
  }
  .hs-blog-listing .blog-sec-one .left-col{
    text-align:center;
  }
  .hs-blog-listing .blog-sec-one {
    padding-top: 55px;
   }
  .hs-blog-listing .blog-sec-one .right-col{
    padding-top:32px;
  }
  .hs-blog-listing .post-item{
    margin-bottom:30px;
  }
  .hs-blog-listing .post-item {
    margin-bottom: 30px;
    max-width: 350px;
    margin: 0 auto 40px;
    border-bottom: 2px solid #000;
  }
  .hs-blog-listing .post-header h2 {
    font-size: 20px;
  }
  .hs-blog-listing .post-topic a.topic-link {
    font-size: 11px;
  }
  .hs-blog-listing .post-body-content {
    padding: 10px 0 20px;
}
  .hs-blog-listing .post-topic {
    padding-bottom: 10px;
}
  .hs-blog-listing .post-topic{
    text-align:center;
  }
  .hs-blog-listing .post-header{
    text-align:center;
  }
  .hs-blog-listing .blog-banner-sec {
    padding-top: 55px;
    padding-bottom: 60px;
  }
  .blog-banner-sec h3 {
    font-size: 26px;
  }
  .hs-blog-listing .widget-type-blog_subscribe {
    max-width: 450px;
    margin: 0 auto;
 }
  .hs-blog-listing .hs-search-field {
    position: relative;
    max-width: 450px;
    margin: 0 auto;
}
}

/*===========responisve blog post==============*/
@media(max-width:767px){
  .hs-blog-post .blog-post-hero-section .section.post-header h1{
    font-size:27px;
  }
  .blog-post-hero-section{
    padding-top:60px;
    padding-bottom:30px;
  }
  .blog-post-bg .post-feature-image {
    margin-top: 0px;
    padding-top:50px;
  }
  .hs-blog-post .section.post-body{
    padding-top:0px;
  }
  .hs-blog-post .blog-section{
    padding-top:5px;
  }
  .hs-blog-post .about-author-sec .span2{
    margin:0 auto 15px;
    padding-bottom:10px;
  }
  .hs-blog-post .about-author-sec h3{
    text-align:center;
  }
  .blog-recent-post ul li a {
    font-size:16px;
  }
  .blog-comment-section {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  body .row-fluid .blog-comment-section .section.post-footer form .hs_submit .actions {
    text-align: center;
   }
  .hs-blog-post .blog-recent-post ul li{
    margin-left:20px;
  }
  .hs-search-results{
    text-align:center;
  }
  .row-fluid .search-result-sec {
    padding-top: 47px;
    padding-bottom: 43px;
  }
  .search-result-sec .header-text{
    margin-bottom:20px;
  }
  .row-fluid .hs-search-results__listing li a {
    font-size: 18px;
  }
}
@media(min-width:768px){
  .hs-blog-listing .hs-search-field__bar form{
    width: 350px;
    float: right;
  }
}

@media(min-width:400px) and (max-width:520px){
  .hs-blog-listing .blog-pagination .next-posts-link, .hs-blog-listing .blog-pagination .previous-posts-link{
        padding: 16px 30px;
       font-size:11px;
      margin: 0 3px;
  }
  .next-posts-link span img, .previous-posts-link span img {
    max-width: 12px;
    padding: 0 10px;
}
  
.hs-blog-listing .blog-pagination .previous-posts-link span img {
    position: absolute;
    top: 16px;
    left: 0px;
}
  .hs-blog-listing .blog-pagination .next-posts-link span img{
    position: absolute;
    top: 17px;
 }
}
@media(min-width:320px) and (max-width:480px){
  .hs-blog-listing .blog-pagination .next-posts-link, .hs-blog-listing .blog-pagination .previous-posts-link{
    display:block;
    margin-bottom:20px;
    padding:15px 16px;
  }
  .hs-blog-listing .blog-pagination .previous-posts-link span img {
    left: 45px;
}
  .hs-blog-listing .blog-pagination {
    padding-top: 20px;
}
  .hs-blog-listing .blog-pagination .previous-posts-link span img {
    top: 16px;
  }
  

.hs-blog-listing .blog-pagination .next-posts-link span img, .hs-blog-listing .blog-pagination span img .previous-posts-link {
    top: 16px;
}
  .hs-blog-listing .blog-section {
    padding-bottom: 15px;
  }
  
  .hs-blog-post .blog-comment-section .post-footer{
    padding:30px 0;
  }
}

.hs-blog-post .section.post-body p>strong{
  font-size:18px;
  color:#111111;
  font-weight:bold;
}
.hs-blog-post .section.post-body a{
  color:#f0c85b;
}

@media(min-width:320px) and (max-width:480px){
  .row-fluid [class*="span"].post-body-wrapper, .row-fluid .post-body-wrapper{
    padding:0px;
  }
  .body-container-wrapper li {
    margin-left: 10px;
}
}

 .hs_cos_wrapper_type_blog_subscribe .submitted-message {
    color: #000;
    font-size: 18px;
    text-align: center;
}


/*=============Search Result page==============*/
.search-hero-sec{
  padding-top:150px;
  padding-bottom:150px;
} 
.search-hero-sec .search-header-text{
  font-size:30px;
  color:#fff;
  font-weight:bold;
}
.search-result-sec{
  padding-top:80px;
  padding-bottom:80px;
  background:#f2f2f0;
}
.search-result-sec .header-text{
  font-size:30px;
  color:#000;
  font-weight:600;
  font-family:Avenir Next Demi;
  text-align:center;
}
.hs-search-results__pagination{
  padding-top:30px;
}
.hs-search-results__pagination a{
  color:#43c395;
  font-weight:bold;
}
.hs-search-results__listing li a{
  font-size:20px;
  font-weight:bold;
}
.hs-search-results__listing li{
  margin-bottom:25px;
}
@media(min-width:768px){
.search-result-sec ul li{
    margin-left:0px;
  }
}

@media(min-width:768px) and (max-width:1024px){
  .hs-blog-listing .post-header h2 {
    font-size: 20px;
 }
}

.row-fluid .hs-author-listing-header {
    margin: 50px 0px 20px;
    width: 100%;
}