.postHeaderBlock p {
    display: inline-block !important
}

.preLoader, p.post-reading-time-estimate__paragraph {
    display: none
}

.blogRight {
    flex: 3
}

.blogLeft {
    flex: .7
}

.postBlocks {
    box-shadow: 0 5px 30px -20px #000;
    padding: 0 20px 50px;
    position: relative;
    width: 100%
}

.postThumbnail {
    position: relative;
    margin-bottom: 10px;
    margin-left: -20px;
    margin-right: -20px
}

.preLoader {
    text-align: center;
    font-size: 48px;
    color: #cf2030
}

.blogSidebar {
    width: 80%;
    position: relative
}

.blogSidebar::after {
    content: "";
    position: absolute;
    right: -45px;
    top: 0;
    height: calc(100% - 50px);
    border-right: 1px solid #c8c8c8
}

.sortBlock h2 {
    display: none
}

.categorySidebar h2 {
    font-size: 20px;
    margin: 0 0 20px;
    position: relative;
    padding-bottom: 18px
}

.categorySidebar h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20%;
    height: 4px;
    background: #cf2030
}

.categorySidebar ul {
    width: 100%
}

.categorySidebar li {
    padding: 10px 0;
    border-bottom: 1px solid #c8c8c8;
    font-weight: 400;
    transition: all .3s ease-in
}

.categorySidebar li a {
    color: #64666a;
    text-decoration: none;
    font-weight: 400;
    transition: all .3s ease-in
}

.categorySidebar li.current-cat a, .categorySidebar li:hover a {
    color: #cf2030;
    font-weight: 800
}

.sortBlock {
    margin-top: 40px
}

#sortOrderForm {
    position: relative;
    display: flex;
    align-items: center
}

span.postCatName a {
    text-decoration: none;
    color: #cf2030
}

span.postCatName a:hover {
    color: #64666a
}

.authorSection a {
    text-decoration: none;
    color: #64666a
}

.authorSection a:hover {
    color: #cf2030
}

section#categories-4 select#cat, select#sortOrderPost {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 200px;
    border-radius: 0;
    font-size: 16px;
    padding: 5px;
    padding: 10px;
    color: #64666a;
    border: 1px solid #c8c8c8;
    margin-bottom: 0;
    position: relative;
    background: 0 0;
    cursor: pointer
}

#sortOrderForm::after, section#categories-4 form::after {
    content: "\f078";
    font-family: fontawesome;
    position: absolute;
    margin-top: 1px;
    right: 10px;
    color: #64666a;
    z-index: -1;
    font-weight: 800
}

.mainHeroNavSection {
    position: relative
}

.mainHeroNavSection .container-fluid {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    display: flex
}

div#carouselCategory {
    height: 100%;
    display: flex;
    align-items: center
}

.categoryBlogBlocks {
    padding-right: 20px
}

#carouselCategory .carousel-item .carousel_content_section {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.categoryBlogBlocks a {
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
    text-decoration: none;
    border: 2px solid transparent;
    transition: all .5s ease
}

.categoryBlogBlocks a i.far {
    font-weight: 800;
    font-size: 22px;
    margin-left: 20px;
    transition: all .5s ease
}

.categoryBlogBlocks a:hover {
    background: #cf2030;
    border-color: #fff;
    color: #fff;
    margin-left: 10px
}

.categoryBlogBlocks a:hover > i {
    color: #fff
}

#carouselCategory .carousel-indicators {
    width: 40%;
    bottom: 50px;
    justify-content: space-evenly
}

#carouselCategory .carousel-indicators li {
    background-color: #c8c8c8;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid transparent
}

#carouselCategory .carousel-indicators li.active, #carouselCategory .carousel-indicators li:focus, #carouselCategory .carousel-indicators li:hover {
    box-shadow: inset 0 0 0 3px #cf2030;
    background: #fff;
    border: 1px solid #fff
}

span.postCatName.cherry {
    font-size: 16px;
    display: block;
    margin-bottom: 10px
}

h5.postTitle {
    color: #64666a;
    margin: 0 0 10px
}

p.authorSection {
    font-size: 13px !important;
    line-height: 18px;
    display: flex;
    align-items: flex-start;
    color: #64666a;
    margin-bottom: 10px;
    justify-content: flex-start;
    flex-direction: column;
}

p.authorSection span {
    display: block;
}

p.authorSection i.fas {
    font-size: 6px;
    color: #cf2030;
    margin: 0 5px 0 0;
}

p.postContent {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px
}

a.postHyperlink {
    text-decoration: none;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    color: #cf2030;
    position: absolute;
    bottom: 20px;
    left: 10px;
    padding: 5px 10px;
    border-radius: 10px;
    transition: all .3s ease-in
}

a.postHyperlink i {
    font-size: 16px;
    font-weight: 800;
    margin-left: 15px
}

a.postHyperlink:hover {
    color: #fff;
    left: 20px;
    background: #cf2030
}

.bni_loadmore {
    background-color: #ddd;
    border-radius: 2px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 800;
    letter-spacing: 1px;
    cursor: pointer;
    text-transform: uppercase;
    padding: 10px 0;
    transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .3s ease-in-out
}

.bni_loadmore:hover {
    background-color: #767676;
    color: #fff
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.preLoader i {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.mainHeroNavSection .container-fluid {
    width: 36%
}

div#carouselCategory {
    width: 65%
}

p.categoryDateBlock {
    font-size: 20px
}

.categoryBlogBlocks h5 {
    font-size: 38px;
    line-height: 46px
}

.leadershipContent {
    margin-bottom: 40px !important
}

.postThumbnail img {
    width: 100%;
    height: auto
}

.categoryTopFilter section#categories-2, .singlePostRecentPost section#categories-2, section#recent-posts-2 {
    display: none
}

.singlePostRecentPost section#recent-posts-2 {
    display: block !important
}

@media only screen and (min-width: 2000px) {
    div#carouselCategory {
        width: 44%
    }
}

@media only screen and (min-width: 1600px) {
    p.categoryDateBlock {
        font-size: 24px
    }

    .categoryBlogBlocks h5 {
        font-size: 38px;
        line-height: 48px;
    }

    .categoryBlogBlocks a {
        padding: 10px;
        font-size: 20px;
        margin-top: 30px
    }
}

@media only screen and (max-width: 1440px) {
    .mainHeroNavSection .container-fluid {
        width: 32%
    }

    .postThumbnail {
        margin-left: -10px;
        margin-right: -10px
    }

    .postBlocks {
        padding: 0 10px 50px
    }
}

@media only screen and (max-width: 1200px) {
    .mainHeroNavSection .container-fluid {
        width: 30%
    }

    .mainHeroNavSection .container-fluid {
        width: 30%
    }

    .categoryBlogBlocks h5 {
        font-size: 26px;
        line-height: 30px
    }

    #carouselCategory .carousel-indicators {
        width: 100%;
        bottom: 50px;
        justify-content: center;
        left: 0
    }

    .categoryBlogBlocks a {
        font-size: 16px
    }

    #carouselCategory .carousel-item .carousel_content_section {
        align-items: center
    }

    .categoryBlogBlocks {
        padding-right: 0
    }

    .categoryBlogBlocks a i.far {
        font-size: 16px
    }

    div#carouselCategory {
        width: 100%;
        text-align: center
    }

    span.postCatName.cherry {
        font-size: 14px;
        line-height: 18px
    }

    p.authorSection {
        font-size: 10px !important
    }

    h5.postTitle {
        color: #64666a;
        margin: 0 0 10px;
        font-size: 18px
    }
}

@media only screen and (max-width: 992px) {
    .categoryBlogBlocks {
        padding-right: 0
    }

    .categoryBlogBlocks h5 {
        font-size: 22px;
        line-height: 26px
    }

    .categoryBlogBlocks a {
        padding: 3px 5px;
        font-size: 16px;
        margin-top: 10px
    }

    .categoryBlogBlocks a i.far {
        font-size: 16px
    }

    #carouselCategory .carousel-indicators {
        bottom: 25px
    }

    section#categories-4 h2, section#categories-4 label {
        display: none
    }

    section#categories-4 form {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center
    }

    p.authorSection {
        font-size: 12px !important
    }

    .postThumbnail {
        margin-left: -20px;
        margin-right: -20px
    }

    .postBlocks {
        padding: 0 20px 50px
    }
}

@media only screen and (max-width: 767px) {
    .mainHeroNavSection .topPostCarousel {
        display: none !important
    }
}

@media only screen and (max-width: 576px) {
    section#categories-4 {
        margin-bottom: 25px
    }

    #sortOrderForm, section#categories-4, section#categories-4 select#cat, select#sortOrderPost {
        width: 100%
    }
}