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

.cf:before,.cf:after { content:""; display: table }
.cf:after { clear: both; }
.cf { *zoom:1;}
.clearfix { display: block; }
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.blog-new-left { margin-top:65px; }

.blog-post .bg_pattern { background-size:70% auto; background-position:top center; background-repeat:no-repeat; background-image:url('https://www.bench.com/hubfs/Benchmark-Dec-2020/Images/Background-pattern.png'); }
.row-fluid .blog-new { padding:50px 0; }

.hs-blog-listing .blog-new-left .row-fluid .post-listing{ flex-wrap:wrap; display:flex; justify-content:flex-start; column-gap: 2%; }
.row-fluid .post-box-inner{ width:32%; text-align:left; border:1px solid #082136; }
.row-fluid .blog-postbg { height:auto; padding-bottom:40%; box-shadow: 1px 2px 8.1px 0.9px rgba(22, 35, 46, 0.6); -webkit-box-shadow: 1px 2px 8.1px 0.9px rgba(22, 35, 46, 0.6); -moz-box-shadow: 1px 2px 8.1px 0.9px rgba(22, 35, 46, 0.6); background-size: cover; background-repeat: no-repeat; background-position: center center;} }

.row-fluid .blog-inner-title h2 a { font-weight: 700; }
.row-fluid .post-box-inner .blog_date{ font-weight: 400; color:#082136; font-size:13px; line-height:1.4; }
.row-fluid .blog-inner-text{ padding:0 20px; }
.row-fluid .blog-inner-text .blog_listing_content h2,
.row-fluid .blog-inner-text .blog_listing_content h3,
.row-fluid .blog-inner-text .blog_listing_content h4,
.row-fluid .blog-inner-text .blog_listing_content h5,
.row-fluid .blog-inner-text .blog_listing_content h6,
.row-fluid .blog-inner-text .blog_listing_content p{ text-transform: inherit; display:inline; font-size:16px; line-height:24px; font-weight: 400; }
.row-fluid .blog-inner-text .blog_listing_content a.more_link{ display:inline; color:#4ac1e0; font-weight: 700; }
.row-fluid .blog-inner-text .blog_listing_content a.more_link:hover { color: #00659f; }
.row-fluid a.topic-link{ margin:10px 3px 0; font-weight:700; background-color: #4ac1e0; border:1px solid #4ac1e0; }
.row-fluid a.topic-link:hover{ border-color:#4ac1e0; color:#4ac1e0 !important; background-color:transparent; border-radius:0; }
.row-fluid .blog_listing_content{  }

.pagination-block ul.pagination li a{ margin:3px 5px; font-weight:700; padding: 13px 16.5px; font-size:13px; line-height:1.4; background-color:#00345c; border:none; border-radius:0; background-image:url('https://www.bench.com/hubfs/Benchmark-Dec-2020/Images/Btn-Bg-Border.png'); background-size:100% 100%; background-repeat:no-repeat; }
.pagination-block ul.pagination li:first-child a{ margin-left:0; }
.pagination-block ul.pagination li a:hover, ul.pagination li.active a{ background-color:transparent; color:#4ac1e0; background-image:url('https://www.bench.com/hubfs/Benchmark-Dec-2020/Images/Btn-Bg-Border.png'); }
.pagination-block ul.pagination li.onlyArrow a:hover, 
.pagination-block ul.pagination li.onlyArrow.active a,
.pagination-block ul.pagination li.onlyArrow a{ background-color:transparent; background-image:none; padding: 7px 8px; }

.blog_catogories{ margin-bottom:40px; }
.blog_catogories .block{ padding:0 30px; }
.blog_catogories h3{ cursor:pointer; font-size:14px; line-height: 1.2; display: block; border-bottom: 1px solid #000; font-weight:700; text-transform: uppercase;
  font-weight: 700; position: relative; }
.blog_catogories h3:before{ transition:all ease .2s; -webkit-transition:all ease .2s; -moz-transition:all ease .2s; content: '';width: 20px;height: 12px;position: absolute;right: 0;top: 4px;background-size: 100% auto;background-repeat: no-repeat;background-image: url('https://www.bench.com/hubfs/Benchmark-Dec-2020/Images/down-arrow.png');}
.blog_catogories h3.active:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); }
.blog_catogories .widget-module{ display:none; }
.blog_catogories .widget-module ul{ list-style:none; margin:10px 0; padding: 10px 20px 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 8px;
    width: 100%;
    background: #4ac1e0;
    align-items: center;
 }
.blog_catogories .widget-module ul li { flex: 1 1 calc(23.5% - 10px); min-width: calc(23.5% - 10px); max-width: calc(23.5% - 10px);} 
.blog_catogories .widget-module ul li { margin-top:5px; }
.blog_catogories .widget-module ul li a{ font-size: 13px; line-height:1.5; font-weight:400; font-weight: 500; color: #fff;}
.blog_catogories .widget-module ul li a:hover {text-decoration:underline;}

.row-fluid .blog-right-form ::-webkit-input-placeholder { opacity:1; color:#082136; font-weight:400; }
.row-fluid .blog-right-form ::-moz-placeholder {  opacity:1; color:#082136; font-weight:400; }
.row-fluid .blog-right-form :-ms-input-placeholder { opacity:1; color:#082136; font-weight:400; }
.row-fluid .blog-right-form :-moz-placeholder { opacity:1; color:#082136; font-weight:400; }

.row-fluid .blog-post-right{ padding:30px; background-color:#082136; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; }
.row-fluid .title-heading-right h3, 
.row-fluid .blog-recent-slider h3{ text-align:left; padding:0; font-weight:400; line-height:1.235294117647059; background-color:transparent; color:#46c0e0; font-size:34px;  }
.row-fluid .title-heading-right h3:after, .row-fluid .blog-recent-slider h3:after{ display:none; }
.row-fluid .blog-right-form { padding:0px; border:none; }
.row-fluid .blog_form_box .hs_cos_wrapper_type_header h3:after{ position:relative; border:none; content:''; width:6px; height:70px; display:block; background-size:100% auto; background-position:center center; background-repeat:no-repeat; background-image:url('https://www.bench.com/hubfs/Benchmark-Dec-2020/Images/dots-title.png'); }
.row-fluid .blog-right-form .hs-input{ height: 45px; padding:10px; color:#082136; font-weight:400; }
.row-fluid .blog-right-form input[type=submit],
.row-fluid .blog-right-form form button,
.row-fluid .blog-right-form .hs-button{ background-color:transparent; text-transform:uppercase; color:#4ac1e0; background-position:center center; background-size:auto 100%; background-image: url('https://www.bench.com/hubfs/Benchmark-Dec-2020/Images/Btn-Bg-Border-2.png'); 
  -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.0s ease-in-out; transition: all 0.0s ease-in-out; 
  padding: 5px; height: 45px; }
.row-fluid .blog-right-form input[type=submit]:hover,
.row-fluid .blog-right-form form button:hover,
.row-fluid .blog-right-form .hs-button:hover{ background-color:#4ac1e0; border-color:#4ac1e0; color:#fff; }

.row-fluid .blog-right-form form { position:relative; padding-right:100px; }
.row-fluid .blog-right-form form .hs_submit{ position:absolute; right:0; top:0; }

.row-fluid .social-sharing{ margin-top:25px; display: flex; flex-wrap:wrap; }
.row-fluid .social-sharing span{ color:#4ac1e0; font-weight:700; font-size:13px; }
.row-fluid .social-sharing ul.share-buttons li{ padding:0; margin:0 10px; }
.row-fluid .social-sharing ul.share-buttons li:nth-child(1) a:after { content:"\f09a"; }
.row-fluid .social-sharing ul.share-buttons li:nth-child(2) a:after { content:"\f0e1";}
.row-fluid .social-sharing ul.share-buttons li:nth-child(3) a:after { content:"\f099"; }
.row-fluid .social-sharing ul.share-buttons li a:after{ color:#fff; font-size:24px; display:inline-block; font-family: 'FontAwesome'; }

.row-fluid .popular-box{ display:block; margin-top:0;  }
.row-fluid .popular-box:not(:first-child){ margin-top:15px; }
.row-fluid .popular-text{ width:100%; float:none; padding-left:0;}
.row-fluid .popular-box .post-title a{ color: #fff; font-weight:400; font-size: 17px; text-transform: uppercase; display: inline-block; }
.row-fluid .popular-date{ font-style:normal; font-weight:300; color:#fff; }

body.hs-blog-listing .listingHide{ display:none !important; } 
body.hs-blog-post .postHide{ display:none !important; } 

body.hs-blog-post .blog-new { overflow:hidden; }
body.hs-blog-post .blog-new-left .blog-new1{ padding:25px 0; box-shadow:none; position:relative; border-top:1px solid rgba(3,3,3,.39); border-right:1px solid rgba(3,3,3,.39); border-bottom:1px solid rgba(3,3,3,.39); }
body.hs-blog-post .blog-new-left .blog-new1:before,
body.hs-blog-post .blog-new-left .blog-new1:after{ content:''; top:-1px; right:100%; height:1px; width:100%; position:absolute; border-top:1px solid rgba(3,3,3,.39); }
body.hs-blog-post .blog-new-left .blog-new1:after{ top:100%; }

body.hs-blog-post .blog-new-left .blog-new1:before{ height:100%; background-color:#fff; }

.row-fluid .post-header h1{ color:#00548d;font-weight: 300; font-size: 48px;  line-height: 50px; text-transform: none;}
/* .row-fluid .post-header h1{ font-size:42px; line-height:1.1; font-weight: 400;  } */
.hs-blog-post .blog-block .post-header { text-align:left; padding-right:20px; }
.hs-blog-post .hubspot-editable{ margin:10px 0 20px; }
.hs-blog-post .hubspot-editable a,
.hs-blog-post .hubspot-editable,
.hs-blog-post .hubspot-editable .hs-author-label{ font-weight: 400; color:#00335b; font-size:13px; }
body.hs-blog-post .blog-new-left .blog-new1 .post-body a:hover,
.hs-blog-post .hubspot-editable a:hover{ color:#4ac1e0; }
.hs-blog-post .blog-block .hs-featured-image-wrapper{ box-shadow: 1px 2px 8.1px 0.9px rgba(22, 35, 46, 0.6); -webkit-box-shadow: 1px 2px 8.1px 0.9px rgba(22, 35, 46, 0.6); -moz-box-shadow: 1px 2px 8.1px 0.9px rgba(22, 35, 46, 0.6); }
body.hs-blog-post .blog-new-left .blog-new1 .post-body ul li,
body.hs-blog-post .blog-new-left .blog-new1 .post-body ol li,
body.hs-blog-post .blog-new-left .blog-new1 .post-body q,
/*body.hs-blog-post .blog-new-left .blog-new1 .post-body a,*/
body.hs-blog-post .blog-new-left .blog-new1 .post-body p{  font-weight: 400; font-size:16px; line-height:24px; }
body.hs-blog-post .blog-new-left .blog-new1 .post-body blockquote p {color: #999999;}
body.hs-blog-post .blog-new-left .blog-new1 .post-body a {color: #4ac1e0; }
body.hs-blog-post .blog-new-left .blog-new1 .post-body a:hover {text-decoration:underline;transition: all 1s;}
/* body.hs-blog-post .blog-new-left .blog-new1 .post-body h2,
body.hs-blog-post .blog-new-left .blog-new1 .post-body h3,
body.hs-blog-post .blog-new-left .blog-new1 .post-body h4,
body.hs-blog-post .blog-new-left .blog-new1 .post-body h5,
body.hs-blog-post .blog-new-left .blog-new1 .post-body h6{ color:#00335b; text-transform:uppercase;font-weight:700; } */
body.hs-blog-post .blog-new-left .blog-new1 .post-body{ float:left; width:100%; padding-right:20px; }

.hs-blog-post .blog-about-author{ box-shadow:none; margin-top:25px; padding:0; }
.hs-blog-post .blog-about-author h6{ padding-bottom: 0; text-transform: uppercase; color: #46c0e0; font-weight: 700; font-size: 13px; line-height: 2; }
/* .hs-blog-post .blog-about-author h3{ padding:0; color: #00335b; text-transform: uppercase; font-size: 42px; line-height: 1.2; font-weight: 400; } */
.hs-blog-post .blog-about-author h3:after{ margin-top: 10px; margin-left:28px; z-index:4; margin-bottom:-35px; position: relative; border: 0; content: ''; width: 6px; height: 70px; display: block; background-size: 100% auto;
  background-position: center center; background-repeat: no-repeat; background-image: url(https://www.bench.com/hubfs/Benchmark-Dec-2020/Images/dots-title.png); }
.row-fluid .blog-author-text { position:relative; padding:45px 28px; color:#fff; font-weight: 400; font-style:italic; background-color:#082136; }
.row-fluid .blog-author-text:before{ content:''; width:100%; height:100%; position:absolute; top:0; right:100%; background-color:#082136; z-index:-1; }
.row-fluid .blog-author-text p{ padding:0; font-weight: 400; font-style:italic; }

.row-fluid .popular-box .post-title a:hover{ color:#4ac1e0; }

body.hs-blog-listing .blog-new-left{ padding-top:65px; position:relative; margin-top:0; }
body.hs-blog-listing .blog_list_main{ font-size: 16px; position:absolute; top:0; left:0; line-height: 18px; display: block; color: #082136; font-weight: 400; padding: 0; margin:5px 0 44px; }

.hs-blog-listing .return-link {
  margin-bottom: 40px;
}


@media (min-width: 768px) and (max-width: 1200px) {
  .blog-list .row-fluid .wrapper { padding: 0 15px; }
}


@media (max-width: 1440px){

}

@media (max-width: 1280px){
  
  .row-fluid .post-header h1{ font-size:38px; }
  .row-fluid .blog-new { padding:40px 0; }
  .hs-blog-post .blog-about-author h3,
  .row-fluid .title-heading-right h3, .row-fluid .blog-recent-slider h3{ font-size:32px; }
  .blog_catogories .block { padding: 0 25px; }
  .row-fluid .blog-post-right { padding:25px; }
}

@media (max-width: 1200px) {
  .hs-blog-listing .blog-new-left { width: 100%; }
  .row-fluid .post-box-inner{ width:48%;}
    .blog_catogories .widget-module ul li { flex: 1 1 calc(33.3% - 10px); min-width: calc(33.3% - 10px); max-width: calc(33.3% - 10px); }
}

@media (min-width: 1025px){
  .blog_catogories h3 {width: 35%;}
}


@media (max-width: 1024px){ 
  .row-fluid .post-header h1{ font-size:32px; }
  .row-fluid .blog-new { padding:35px 0; }
  .blog_catogories .block { padding: 0 20px; }
  .row-fluid .blog-post-right { padding:20px; }
  .hs-blog-post .blog-about-author h3,
  .row-fluid .title-heading-right h3, .row-fluid .blog-recent-slider h3{ font-size:28px; }
  .blog_catogories,
  .row-fluid .post-box-inner { margin-bottom: 30px; }
  
  body.hs-blog-listing .blog_list_main{ margin-bottom:30px; }

}

@media (max-width: 991px) and (min-width: 768px){
  .row-fluid .blog-new-right{ width:70%; margin-left:15%; margin-right:15%; }

}



@media (max-width: 767px){
  .row-fluid .post-header h1{ font-size:28px; }
  .blog-new-left { margin-top:0px; }
  .row-fluid .blog-new { padding:30px 0; }
  .hs-blog-post .blog-about-author h3,
  .row-fluid .title-heading-right h3, .row-fluid .blog-recent-slider h3{ font-size:26px; }
  .row-fluid .post-box-inner{ width:100%; }
  .blog_catogories,
  .row-fluid .post-box-inner { margin-bottom:20px; }
  .row-fluid .post-box-inner:last-child{ margin-bottom:0; }
  .hs-blog-post .blog-about-author h3:after { margin-left:20px; }
  .row-fluid .blog-author-text { position:relative; padding:45px 20px; }
    .blog_catogories .widget-module ul li { flex: 1 1 calc(50% - 10px); min-width: calc(50% - 10px); max-width: calc(50% - 10px); }
}

@media (max-width: 640px){
  .blog_catogories .widget-module ul li { flex: 1 1 100%;min-width: 100%; max-width: 100%; }
}

@media (max-width: 767px) and (min-width: 30px){
  .hs-blog-post .about-author-sec { text-align: left;  }
}