/* recent blog post module */
.recentblog_section { width:100%; float:left; }
.recentblog_section .blogrecent_cover { width:100%; float:left; padding: 50px 0; border-top: 4px solid #E3E6E9;  background: #F7F7F7; }
.recentblog_section .blogrecent_cover h5 { max-width:1080px; width:100%; float:none; margin:0 auto;. color:#AA1F36; font-size:18px; line-height:24px; text-transform:uppercase; padding-bottom:10px; }
.recentblog_section .recentblog_item { margin:0 15px ; float:left; background: #fff;  transition:all .6s ease; box-shadow: 0 0px 7px 1px #999B9E; -webkit-box-shadow: 0 0px 7px 1px #999B9E; -moz-box-shadow: 0 0px 7px 1px #999B9E; }
.recentblog_section .post-image { width:100%; float:left; height:265px; position:relative; background-size:cover !important; }  
.recentblog_section .post-image:before { position:absolute; content:""; width:100%; height:110px; left:0; bottom:0;  transform: rotate(180deg); -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg); }
.recentblog_section .post-image:before { background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );}
.recentblog_section .recentblog_item .recentpost_text { width:100%; float:left; padding:20px 18px; }
.recentblog_section .recentblog_item .author_deital { width:100%; float:left;display: flex; align-items: center; padding:15px; position:absolute; z-index:9;     bottom: 0;    left: 0; }
.recentblog_section .recentblog_item .author_deital .author-avatar { width:40px; height:40px; background-size:cover !important; border-radius:50%; border:2px solid #fff; float:left; }
.recentblog_section .recentblog_item .author_deital .author-link { width:auto; float:left; padding-left:15px; font-size:16px; line-height:20px; font-weight:bold; color:#fff; }
.recentblog_section .recentblog_item .post-content { width:100%; float:left; color:#5D5D5D; font-size:15px; line-height:22px; font-weight:300; padding:10px 0; }
.recentblog_section .recentblog_item .post_topics { width:100%; float:left; padding-bottom:20px; }
.recentblog_section .recentblog_item .post-title {  width:100%; float:left; display: flex; flex-flow: row wrap; align-items: center;}
.recentblog_section .recentblog_item .post-title a { color:#5A5C5C; font-size:20px; line-height:26px; width:100%; float:left; font-weight:400; padding-bottom:10px; }
.recentblog_section .recentblog_item .topic-link { width:auto; float:left; color:#0066B2; font-size:13px; line-height:20px; font-weight:bold; text-transform:capitalize;}
.recentblog_section .recentblog_item .post_date { float:right; width:atuo; color:#AA1F36; font-size:11px; line-height:20px;  text-transform:uppercase;margin-top: 13px;font-weight: 500;}
.recentblog_section .recentblog_item .more_btn { background:#0066B2; font-size:14px; color:#fff; line-height:20px; font-weight:400; padding:10px 20px;  border-radius:6px;  float:left; width:atuo; }
.recentblog_section .recentblog_item .more_btn:hover { background:#AA1F36;   transition:all .6s ease;}
.recentblog_section .recentblog_item:hover  { box-shadow: 0 0px 10px 2px #999B9E; -webkit-box-shadow: 0 0px 10px 2px #999B9E; -moz-box-shadow: 0 0px 10px 2px #999B9E; transition:all .6s ease;  }
.recentblog_section .recentblog_item:hover .more_btn { background:#AA1F36; transition:all .6s ease; }
.recentblog_section .recentblog_item:hover .post-title a { color:#AA1F36; transition:all .6s ease; }
.recentblog_section .slick-arrow { position: absolute;  top: 50%;  visibility: visible;  opacity: 1;  display: block;  font-size: 0;  min-width: auto;  width: 40px;  height: 52px;  line-height: 40px;  border: none;  outline: none;  background: transparent;   -moz-transform: translateY(-50%);-webkit-transform: translateY(-50%); -o-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  z-index: 2;  color: #2b2975; }
.recentblog_section .slick-arrow:before { font-family: 'FontAwesome'; content: ""; font-size: 0;  height: 100%;  width: 100%;  background-size: 100% 100% !important; }
.recentblog_section .slick-prev { left:-15px; }
.recentblog_section .slick-next { right:-15px; }
.recentblog_section .slick-prev:before{ background: url(https://cdn2.hubspot.net/hubfs/4609208/Brothers_Service_Company_2018/images/prev_btn-1.png?t=1523601944666) no-repeat center center;  left: 0;  position: relative;  top: 0;}
.recentblog_section .slick-next:before{ background: url('https://cdn2.hubspot.net/hubfs/4609208/Brothers_Service_Company_2018/images/next-btn-1.png?t=1523601944666') no-repeat center center;  right: 0;  position: relative;  top: 0;}
.recentblog_section .slick-list { padding:10px 0 !important; }
.recentblog_section .recentpost_height { width:100%; float:left; }
@media (min-width: 992px) and (max-width: 1200px){
	.recentblog_section .row-fluid .wrapper {  width:960px; }	
  .recentblog_section .blogrecent_subscribe h3 { font-size: 26px; line-height: 30px; }
  .recentblog_section .blogrecent_cover h5 { max-width: 960px; padding:0 28px 20px 28px; } 
  .recentblog_section .slick-list { padding:10px 0 !important; }
   .recentblog_section .email_subscribe form { max-width: 650px; }
}
@media (min-width: 768px) and (max-width: 991px){
	.recentblog_section .row-fluid .wrapper {  width:750px; }	
  .recentblog_section .blogrecent_subscribe h3 { font-size: 26px; line-height: 30px; }
  .recentblog_section .slick-list { padding:10px 0 !important; }
  .recentblog_section .post-image { height:200px; }
  .recentblog_section .blogrecent_cover h5 { max-width: 750px; padding:0 28px 10px 28px; }
  .recentblog_section .email_subscribe form { max-width: 660px; }
  .recentblog_section .recentblog_item .more_btn {  padding:6px 20px; }
}
@media (min-width: 30px) and (max-width: 767px){
  .recentblog_section .slick-next{right: 36px;top:30%; background: rgba(174, 32, 54, 0.59);}
  .recentblog_section .slick-prev{left: 36px;top:30%; background: rgba(174, 32, 54, 0.59);}
  .recentblog_section .slick-arrow:hover{background: rgba(6, 6, 6, 0.71) !important; }
  .recentblog_section .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; }	
  .recentblog_section .recentblog_item {width:100%;  margin:0 12px; }
  .recentblog_section .slick-list { padding:10px 0 !important; }
  .recentblog_section .blogrecent_subscribe h3 { font-size: 24px; line-height: 32px; }  
  .recentblog_section .email_subscribe form .hs-input {  border-radius: 5px;}
  .recentblog_section .email_subscribe form .hs_email { width:100%;  } 
  .recentblog_section .email_subscribe form .hs_submit { float:none; display:inline-block;margin-top:20px;  }
  .recentblog_section .email_subscribe form .hs-button { border-radius: 5px; }
  .recentblog_section .blogrecent_cover h5 { text-align:center; }
  .recentblog_section .recentpost_height { width:100%; float:left; height:auto !important; }
}




.recentblog_section,.recentblog_section .blogrecent_cover {
    float: left;
    width: 100%
}

.recentblog_section .blogrecent_cover h5 {
    .color:#aa1f36;float: none;
    font-size: 18px;
    line-height: 24px;
    margin: 0 auto;
    max-width: 1080px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%
}

.recentblog_section .recentblog_item {
    background: #fff;
    box-shadow: 0 0 7px 1px #999b9e;
    -webkit-box-shadow: 0 0 7px 1px #999b9e;
    -moz-box-shadow: 0 0 7px 1px #999b9e;
    float: left;
    margin: 0 15px;
    transition: all .6s ease
}

.recentblog_section .post-image {
    background-size: cover!important;
    float: left;
    height: 265px;
    position: relative;
    width: 100%
}

.recentblog_section .post-image:before {
    background: -moz-linear-gradient(top,rgba(0,0,0,.65) 0,transparent 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.65),transparent);
    background: linear-gradient(180deg,rgba(0,0,0,.65) 0,transparent);
    bottom: 0;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000",endColorstr="#00000000",GradientType=0);
    height: 110px;
    left: 0;
    position: absolute;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    width: 100%
}

.recentblog_section .recentblog_item .recentpost_text {
    float: left;
    padding: 20px 18px;
    width: 100%
}

.recentblog_section .recentblog_item .author_deital {
    align-items: center;
    bottom: 0;
    display: flex;
    float: left;
    left: 0;
    padding: 15px;
    position: absolute;
    width: 100%;
    z-index: 9
}

.recentblog_section .recentblog_item .author_deital .author-avatar {
    background-size: cover!important;
    border: 2px solid #fff;
    border-radius: 50%;
    float: left;
    height: 40px;
    width: 40px
}

.recentblog_section .recentblog_item .author_deital .author-link {
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding-left: 15px;
    width: auto
}

.recentblog_section .recentblog_item .post-content {
    color: #5d5d5d;
    float: left;
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    padding: 10px 0;
    width: 100%
}

.recentblog_section .recentblog_item .post_topics {
    float: left;
    padding-bottom: 20px;
    width: 100%
}

.recentblog_section .recentblog_item .post-title {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    float: left;
    width: 100%
}

.recentblog_section .recentblog_item .post-title a {
    color: #5a5c5c;
    float: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 10px;
    width: 100%
}

.recentblog_section .recentblog_item .topic-link {
    color: #1c3a6a;
    float: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    text-transform: capitalize;
    width: auto
}

.recentblog_section .recentblog_item .post_date {
    color: #337599;
    float: right;
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 13px;
    text-transform: uppercase;
    width: atuo
}

.recentblog_section .recentblog_item .more_btn {
    background: #ef6727;
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 20px;
    width: atuo
}

.recentblog_section .recentblog_item .more_btn:hover {
    background: #aa1f36;
    transition: all .6s ease
}

.recentblog_section .recentblog_item:hover {
    box-shadow: 0 0 10px 2px #999b9e;
    -webkit-box-shadow: 0 0 10px 2px #999b9e;
    -moz-box-shadow: 0 0 10px 2px #999b9e;
    transition: all .6s ease
}

.recentblog_section .recentblog_item:hover .more_btn {
    background: #337599;
    transition: all .6s ease
}

.recentblog_section .recentblog_item:hover .post-title a {
    color: #337599;
    transition: all .6s ease
}

.recentblog_section .slick-arrow {
    background: transparent;
    border: none;
    color: #2b2975;
    display: block;
    font-size: 0;
    height: 52px;
    line-height: 40px;
    min-width: auto;
    opacity: 1;
    outline: none;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: visible;
    width: 40px;
    z-index: 2
}

.recentblog_section .slick-arrow:before {
    background-size: 100% 100%!important;
    border: none;
    content: "";
    font-size: 0;
    height: 100%;
    padding: 15px;
    width: 100%
}

.recentblog_section .slick-prev {
    left: -25px
}

.recentblog_section .slick-next {
    right: -25px
}

.recentblog_section .slick-prev:before {
    background: url(https://385545.fs1.hubspotusercontent-na1.net/hubfs/385545/Brothers_Service_Company_2018/images/prev_btn.png?t=1523601944666) no-repeat 50%;
    left: 0;
    position: relative;
    top: 0
}

.recentblog_section .slick-next:before {
    background: url(https://385545.fs1.hubspotusercontent-na1.net/hubfs/385545/Brothers_Service_Company_2018/images/next-btn.png?t=1523601944666) no-repeat 50%;
    position: relative;
    right: 0;
    top: 0
}

.recentblog_section .slick-list {
    padding: 10px 0!important
}

.recentblog_section .recentpost_height {
    float: left;
    width: 100%
}

@media (min-width: 992px) and (max-width:1200px) {
    .recentblog_section .row-fluid .wrapper {
        width:960px
    }

    .recentblog_section .blogrecent_subscribe h3 {
        font-size: 26px;
        line-height: 30px
    }

    .recentblog_section .blogrecent_cover h5 {
        max-width: 960px;
        padding: 0 28px 20px
    }

    .recentblog_section .slick-list {
        padding: 10px 0!important
    }

    .recentblog_section .email_subscribe form {
        max-width: 650px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .recentblog_section .row-fluid .wrapper {
        width:750px
    }

    .recentblog_section .blogrecent_subscribe h3 {
        font-size: 26px;
        line-height: 30px
    }

    .recentblog_section .slick-list {
        padding: 10px 0!important
    }

    .recentblog_section .post-image {
        height: 200px
    }

    .recentblog_section .blogrecent_cover h5 {
        max-width: 750px;
        padding: 0 28px 10px
    }

    .recentblog_section .email_subscribe form {
        max-width: 660px
    }

    .recentblog_section .recentblog_item .more_btn {
        padding: 6px 20px
    }
}

@media (min-width: 30px) and (max-width:767px) {
    .recentblog_section .slick-next {
        background:rgba(174,32,54,.59);
        right: 36px;
        top: 30%
    }

    .recentblog_section .slick-prev {
        background: rgba(174,32,54,.59);
        left: 36px;
        top: 30%
    }

    .recentblog_section .slick-arrow:hover {
        background: rgba(6,6,6,.71)!important
    }

    .recentblog_section .row-fluid .wrapper {
        float: left!important;
        padding: 0 20px;
        width: 100%
    }

    .recentblog_section .recentblog_item {
        margin: 0 12px;
        width: 100%
    }

    .recentblog_section .slick-list {
        padding: 10px 0!important
    }

    .recentblog_section .blogrecent_subscribe h3 {
        font-size: 24px;
        line-height: 32px
    }

    .recentblog_section .email_subscribe form .hs-input {
        border-radius: 5px
    }

    .recentblog_section .email_subscribe form .hs_email {
        width: 100%
    }

    .recentblog_section .email_subscribe form .hs_submit {
        display: inline-block;
        float: none;
        margin-top: 20px
    }

    .recentblog_section .email_subscribe form .hs-button {
        border-radius: 5px
    }

    .recentblog_section .blogrecent_cover h5 {
        text-align: center
    }

    .recentblog_section .recentpost_height {
        float: left;
        height: auto!important;
        width: 100%
    }
}