/*=====================================================================================================================================

                                             Post item Section
                                               
=====================================================================================================================================*/




.post-body p{
font-size:16 px!important;
line-height:1.5!important;
margin: 0 0 1.5em 0!important;

}


.post-body img{
display: table;
margin-bottom: 10px;
}




.main-img{position: relative; z-index: 1;height:32vw;}
.blog-section { position: relative; }
.overlay { background: #f7f7f7; position: absolute; height: 269px; top: 0; width: 100%; left: 0; right: 0; z-index: 0; }
.blog-post-title-wrapper.cell-wrapper { background: #f7f7f7;    padding: 9px 0 35px;}
.hs-featured-image-wrapper img { position: relative; z-index: 1; }
.Close-btn {text-align:center;margin-top:60px; margin-bottom:39px;}
.Close-btn a { font-family:"cptv";font-weight:700;color:#49A295; font-size: 47.25px; }
.Close-btn a img { margin-left: 6px; }
.post-listing { margin-top: 53px;  padding: 0 25px 0; position:relative;}
.post-item { margin-bottom: 45px; }
.hs-featured-image-wrapper { text-align: center; }

a.hs-featured-image-link div{transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ;}
.post-header { margin-top: 11px; text-align: center; }

.post-header h2 span{ font-size: 48px; color: #1c1b1b;font-family: 'Open Sans', sans-serif;font-weight:300;line-height:1.2;}
.hubspot-editable { margin-top: 31px;}
.hubspot-editable p { display: inline-block; vertical-align: top;color:#414241;font-size:19px; }
.post-item .post-body.clearfix { font-size: 19px; color: #000; margin-top: 60px;    margin-bottom: 29px; }
.post-body.clearfix strong{font-weight:700;font-size:19px;color:#000; line-height:1.2;   padding: 0; margin: 0 auto 20px;}
.post-body.clearfix p{font-size:19px;color:#000; line-height:1.2;   padding: 0; margin: 0 auto 47px;}
.post-body.clearfix p strong{font-weight:700; }
.post-body.clearfix p strong{font-size:19px;color:#000; line-height:1.2;   padding: 0; margin: 0 auto 20px;}
.post-body.clearfix h1{font-size:40px;color:#000; line-height:1.2;   padding: 0; margin: 0 auto 10px;}
.post-body.clearfix h2{font-size:28px;color:#000; line-height:1.2;   padding: 0; margin: 0 auto 42px;}
.post-body.clearfix h3{font-size:24px;color:#000; line-height:1.2;   padding: 0; margin: 0 auto 10px;}
.post-body.clearfix h4{font-size:22px;color:#000; line-height:1.2;   padding: 0; margin: 0 auto 10px;}
.post-body.clearfix h5{font-size:20px;color:#000; line-height:1.2;   padding: 0; margin: 0 auto 10px;}
.post-body.clearfix h6{font-size:18px;color:#000; line-height:1.2;   padding: 0; margin: 0 auto 10px;}
.post-body.clearfix ul li{font-size:20px;color:#000; line-height:1.2;   padding: 0; margin: 0 auto 20px;list-style:inherit; list-style-position: inside;}

.post-body.clearfix ol li{font-size:20px;color:#000; line-height:1.2;   padding: 0; margin: 0 auto 20px;list-style:inherit list-style-position: inside;}
.post-body.clearfix ul li span{font-size:20px;color:#000; line-height:1.2;   padding: 0; margin: 0 auto 20px;}
.post-body.clearfix ol li span{font-size:20px;color:#000; line-height:1.2;   padding: 0; margin: 0 auto 20px;}
.post-body.clearfix a{font-size:18px; display: inline-block; color: #c49131; font-weight:300;font-style:italic;}
.post-body.clearfix a:hover{opacity:0.7;}

a.more-link { font-size: 21px; margin-top: 26px; display: inline-block; color: #c49131; font-weight: 400; }
a.more-link:hover{opacity:0.7;}
.download-cta a#main-ctas { background: #c49131; font-size: 21px !important; font-weight: 400; border-radius: 0; color: #fff; max-width: 100% !important; display: block; text-align: center; padding: 54px 0 !important; transition: .5s ease-in; -webkit-transition: .5s ease-in; margin: 16px 0 0px 0; margin: 16px -1px 0px; text-transform: uppercase; line-height: 1.3; }
/*=====================================================================================================================================

                                             author
                                               
=====================================================================================================================================*/

/*=====================================================================================================================================

                                             Pagination
                                               
=====================================================================================================================================*/
.main-pagination { background: #f7f7f7; }
.blog-pagination.cf { padding: 87px 0 99px; }
.blog-pagination h3 { font-size: 26px; font-weight: 700; color: #ef8f14; max-width:400px;width:100%; text-transform: capitalize; width: 90%;    line-height: 1.2;}
a.previous-posts-link img { margin-right: 19px; }
a.next-posts-link img { margin-left: 19px; }
.blog-pagination a.next-posts-link,.blog-pagination a.previous-posts-link { color: #414241;margin-bottom: 24px; display: block;font-size:19px; font-family: 'Open Sans', sans-serif;font-weight:400; }

.blog-pagination a:hover{opacity:0.7;}
.pre-div { display: inline-block; vertical-align: middle; width:90%;}
.pre-div.img{ width:9%;}
.next-post.span6 { text-align: right; }

.blog-pagination.cf .span6{width:50% !important;margin:0 auto !important;float:left !important;}


.pre-div a.link-with-img h3,.pre-div a.link-with-img img{display:inline-block;margin-right:5px;vertical-align:top;}

.pre-div a.link-with-img h3,.pre-div a.link-with-img img{display:inline-block;margin-right:5px;}
.next-post.span6 .pre-div a.link-with-img h3,.next-post.span6 .pre-div a.link-with-img img{margin-left:5px;margin-right:0;}


/*=====================================================================================================================================

                                             Responsive CSS
                                             
=====================================================================================================================================*/
@media (max-width: 1600px){
    .main-img{height:50vw;}
}

@media (max-width: 1200px){

.blog-pagination.cf{padding:60px 0;}
 .i-container{padding:0 60px;}
}

@media (max-width: 1024px){
    .post-header{padding:0 20px;}
.post-header h2 span{font-size:30px;}
.Close-btn { text-align: center; margin-top: 20px; margin-bottom: 14px; }
.Close-btn a{font-size:30px;}
.post-item .post-body.clearfix{margin-top:30px;}
a.more-link { font-size: 18px;}
.blog-pagination h3{font-size:20px;}
.post-listings { padding: 0 25px 80px;}
.post-item{  margin-bottom:0; }
.post-body.clearfix strong{font-size:18px;}

.post-body.clearfix p{font-size:18px;margin-bottom:20px;}


.post-body.clearfix p span{font-size:18px;}

.post-body.clearfix p strong{font-size:20px;}
.post-body.clearfix h1{font-size:35px;}
.post-body.clearfix h2{font-size:28px;margin-bottom:20px;}
.post-body.clearfix h3{font-size:20px;}
.post-body.clearfix h4{font-size:18px;}
.post-body.clearfix h5{font-size:16px;}
.post-body.clearfix h6{font-size:16px;}
.post-body.clearfix ul li{font-size:20px;}

.post-body.clearfix ol li{font-size:18px;}
.post-body.clearfix ul li span{font-size:18px;}
.post-body.clearfix ol li span{font-size:18px;}
.post-body.clearfix a{font-size:18px;}

.blog-post-title-wrapper.cell-wrapper {padding:35px 0; }
.blog-pagination h3{    max-width: 300px;}
}


@media (max-width: 970px){

   .blog-pagination h3 {    font-size:18px;}
    .pre-div.img {    width: 8%;}
    .blog-pagination.cf { padding: 20px 0; }
    .body-container-wrapper {    padding-top: 88px;}
.blog-pagination h3 {    max-width: 259px;}
 .i-container{padding:0 20px;}
}

@media (max-width: 767px){
.hubspot-editable { margin-top: 18px; }
.post-body.clearfix p{font-size:16px;}
.blog-post-title-wrapper.cell-wrapper { padding: 35px 0 0px; }

.post-body.clearfix p span{font-size:16px;}

.post-body.clearfix p strong{font-size:16px;}
.post-body.clearfix h1{font-size:28px;}
.post-body.clearfix h2{font-size:24px;}
.post-body.clearfix h3{font-size:20px;}
.post-body.clearfix h4{font-size:18px;}
.post-body.clearfix h5{font-size:16px;}
.post-body.clearfix h6{font-size:16px;}
.post-body.clearfix ul li{font-size:20px;}

.post-body.clearfix ol li{font-size:16px;}
.post-body.clearfix ul li span{font-size:16px;}
.post-body.clearfix ol li span{font-size:16px;}
.post-body.clearfix a{font-size:18px;}
.blog-pagination h3 {    max-width: 230px;}
.post-body.clearfix p:last-child{margin-bottom:0;}
.post-item .post-body.clearfix{margin-top:10px;}
}
@media (max-width: 670px){
    .blog-pagination h3,.blog-pagination img{display:none !important;}  
    .blog-pagination a.next-posts-link, .blog-pagination a.previous-posts-link { margin-bottom: 7px; display: block; margin-top: 6px; font-size:14px;}
    
    
    .blog-pagination a.next-posts-link i{display:inline-block !important;    margin-left: 8px;}
    .blog-pagination a.previous-posts-link i{display:inline-block !important;    margin-right: 8px;}
    
    
    
    
}
@media (max-width: 568px){
 
.post-listing{ padding: 0 0 10px;}
.post-listings { padding: 0 0 30px;}
  .pre-div.img { width: 7%; }
}
@media (max-width: 480px){
.post-header h2 span{font-size:24px;}
    .overlay{height:200px;}
.post-item .post-body.clearfix ,.post-Details.column-2-section{    margin-top: 40px;}
}