body {
    margin: 0px;
}


.container-block .blog-container > h1 {
    color: #000000;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0.36px;
}

.blog-description {
    color: #808080;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.18px;
}

.blogs-block {
    margin-top: 70px;
    width: 100%;
}

.blog-count {
    position: relative;
}
.blog-count h2 {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 300;
    letter-spacing: 0.24px;
}
.view-opt {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 16px;
}

#thumbnail-view {
    position: relative;
    background: #cdced3;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    margin-right: 3px;
}
#thumbnail-view:before {
    position: absolute;
    content: "";
    border: 1px solid transparent;
    width: 16px;
    top: 7px;
    z-index: 9;
    left: 0px;
    background: #fff;
}
#thumbnail-view:after {
    position: absolute;
    content: "";
    border: 1px solid transparent;
    width: 1px;
    height: 100%;
    left: 7px;
    z-index: 9;
    top: 0;
    background: #fff;
}
#row-view {
    position: relative;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
}
#row-view:before, #row-view:after {
    content: "";
    position: absolute;
    border-top: 7px solid #cdced3;
    width: 16px;
    left: 0;
    top: 0px;
}
#thumbnail-view.active, 
#thumbnail-view:hover {
    background: #000;
}
#row-view:before {
    top: 9px;
}
#row-view.active, 
#row-view:hover, 
#row-view:hover:after, 
#row-view:hover:before, 
#row-view.active:after, 
#row-view.active:before {
    border-color: #000;
}    
.thumbnail-view .description *,
.related-posts-container .description * {
    font-size: 14px !important;
    margin: 0 !important;
    color: #444444 !important;
    letter-spacing: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    background: none;
}
.thumbnail-view .description img,
.related-posts-container .description img {
    display: none;
}
.blog-filters {
    display: flex;
}

.filter {
    position: relative;
    color: #1e1e1e;
    font-size: 16px;
    line-height: 30px;
    height: 51px;
    padding: 10px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #eaeaea;
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.filter:after {
    content: "";
    position: absolute;
    background: url(/static/images/icon-down-arrow.png) no-repeat;
    background-position: right 9px center;
    padding: 10px;
    cursor: pointer;
    background-size: 16px;
    width: 30px;
    height: 8px;
    right: 0;
    top: 15px;
}
.filter.active:after {
    transform: rotate(180deg);
}
.blog-filters .dropdown-block {
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.07);
    margin-top: 0px;
    padding: 15px;
    position: absolute;
    z-index: 1;
    background: #fff;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
}
.dropdown-block p {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 0;
}
.all-tags.dropdown-block li {
    display: inline-block;
    background-color: #eaeaea;
    border-radius: 18px;
    padding: 11px 13px;
    margin-right: 5px;
    margin-top: 10px;
    cursor: pointer;
    font-weight: 700;
}
.all-tags.dropdown-block li:focus {
    background-color: #ddd;
}
.all-tags.dropdown-block li.selected {
    background-color: #1278cc;
    color: #fff;
}

.filter .tag-filter {
    background: url(/static/images/blog/tag.png) no-repeat;
    background-size: 17px;
    height: 19px;
    width: 30px;
}

.tag-filter-block {
    width: 45%;
    margin-right: 25px;
    position: relative;
}

.filter .author-filter {
    background: url(/static/images/blog/author.png) no-repeat;
    background-size: 17px;
    height: 19px;
    width: 30px;
}

.author-filter-block {
    width: 30%;
    margin-right: 24px;
    position: relative;
}
.all-authors li {
    display: flex;
    align-items: center;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}
.all-authors li .checkbox-item {
    width: 18px;
    height: 18px;
    border: 2px solid #ccc;
    display: inline-block;
    border-radius: 2px;
    margin-right: 10px;
    position: relative;
}
.all-authors li.selected .checkbox-item:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 8px;
    border: 3px solid #099d09;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    text-align: center;
    align-items: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 1px;
}
.filter .date-filter {
    background: url(/static/images/blog/date.png) no-repeat;
    background-size: 17px;
    height: 30px;
    width: 30px;
    margin-top: 5px;
}

.date-filter-block {
    width: 25%;
}

.filter .filter-names {
    font-size: 16px;
    font-weight: 600;
    margin-right: 16px;
}

#content-list-column .card-container , #content-list-row .row-view-card  {
    display: none;
}

.blog-list-column {
    margin-top: 16px;
    border: 0;
}

.card-container {
    margin-top: 25px;
    height: 499px;
}
/* Row view starts here */
#content-list-column.row-view .card-container {
    width: 100%;
}
#content-list-column.row-view .card-container {
    height: auto;
}
#content-list-column.row-view .card-container .blog-card .card-image {
    height: 555px;
}
.row-view .block-desc .description {
    height: auto;
    margin-top: 50px;
}
.thumbnail-view .row-full-blog-btn {
    display: none;
}
.row-view .block-desc .description p {
    display: none;
}
.row-view .block-desc .description p:nth-child(-n+7) {
    display: block;
}
.row-view .blog-card .tag-block {
    margin: 36px 69px 0px 69px;
    height: auto;
    overflow: visible;
}
.row-view .blog-card .block-desc {
    margin: 37px 69px 0px 69px;
}
.row-view .blog-card .tag-text {
    font-size: 18px;
    margin-right: 24px;
}
.row-view .blog-card .block-desc .heading {
    font-size: 36px !important;
    font-weight: 300;
    height: auto;
    line-height: normal !important;
    overflow: visible;
    margin-bottom: 18px !important;
}
.row-view .description img {
    max-width: 100%;
}
/* Row view ends here */

.blog-card {
    box-shadow: 0 1px 25px 4px rgba(0, 0, 0, 0.07);
    background-color: #ffffff;
    height: 100%;
    overflow: hidden;
}

.blog-card .card-image {
    height: 175px;
    object-fit: cover;
    width: 100%;
    object-position: top;
}

.blog-card .tag-block {
    margin: 22px 26px 23px 26px;
}
.tag-block {
    margin-top: 62px;
    color: #1e1e1e;
    font-size: 18px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}
.no-tags {
    color: red;
    text-align: center;
}
.filter .default-dd-title, 
.filter .selected-tags,
.filter .selected-authors {
    margin: 0;
    color: #444;
}
.filter .selected-tags, .filter .selected-authors {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.selected-tags, .selected-authors {
    display: none;
}
.selected-authors-list {
    width: calc(100% - 120px);
}
.selected-tag-list {
    width: calc(100% - 100px);
}
.blog-card .tag-text{
    margin-right: 11px;
    color: #0076ce;
    font-size: 12px;
    font-weight: 500;
}

.related-tag-text {
    color: #0076ce;
    font-size: 18px;
    font-weight: 500;
    margin-left: 22px;
}

.blog-card .block-desc {
    margin: 0px 26px;
}

.blog-card .block-desc .heading {
    color: #000000;
    font-size: 24px !important;
    font-weight: 400;
    line-height: 26px !important;
    height: 78px;
    margin-top: 0;
    overflow: hidden;
    margin-bottom: 28px !important;
}

.blog-card .block-desc .author-info {
    margin-bottom: 10px;
    line-height: 10px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.related-posts-container .blog-card .author-info .profile-icon {
    width: 24px;
    height: 24px;
}

.blog-card .block-desc .author-info .profile-icon:not(:first-child) {
    margin-left: -13px;
}

.blog-card .block-desc .author-info .author-name {
    font-size: 12px;
    font-weight: 500;
}

.blog-card .block-desc .author-info .author-name:not(:last-child):after {
    content: ',';
}

.blog-card .blog-desc .description {
    color: #444444;
    font-size: 14px;
    font-weight: 400;
}

.blog-list-row {
    margin-top: 43px;
}

.row-view-card {
    box-shadow: 0 1px 25px 4px rgba(0, 0, 0, 0.07);
    background-color: #ffffff; 
    padding-bottom: 9px;
    margin-bottom: 45px;
}

.row-view-card .card-image {
    width: 100%;
    height: 400px;
}

.row-view-card .desc-container{
    margin: 35px 40px;
    padding-bottom: 9px;
}

.row-view-card .tag-block {
    margin-top: 20px;
    margin-left: 20px
}

.row-view-card .tag-text {
    color: #0076ce;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 4px;
}

.row-view-card .block-desc {
    margin: 34px 20px;
}

.row-view-card .block-desc .heading {
    color: #000000;
    font-size: 36px;
    font-weight: 300;
    line-height: 40px;
}
.block-desc .description {
    margin-top: 12px;
    height: 80px;
    overflow: hidden;
    color: #444444;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.block-desc .date-info p{
    color: #444;
    font-size: 11px !important;
    margin: 0 !important;
    display: inline-block;
    font-weight: 500;
    line-height: normal !important;
    letter-spacing: normal;
}
#post-container p.date-container {
    display: inline-block;
    color: #444444 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    line-height: normal !important;
}
.related-posts-container.row {
    margin-bottom: 60px;
}
.row-view .read-link {
    color: #1278cb;
    cursor: pointer;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 56px 0;
    font-weight: 300;
}
.row-view .read-link:hover {
    color: #3195e5;
}
.post-link-tag {
    position: absolute;
    width: calc(100% - 30px);
    height: 175px;
}
.block-desc .post-link-tag {
    height: 80px;
}
.row-view .post-link-tag {
    display: none;
}
.date-info {
    color: #444444;
    font-size: 11px;
    font-weight: 500;
}
.date-info-container .date-info {
    display: inline-block;
}
.button-block {
    text-align: center;
    margin-top: 63px;
}

.btn-load-more {
    border: 1.5px solid #007db8;
    background-color: #ffffff;
    border-radius: none;
    color: #444444;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    width: 165px;
    height: 39px;
}
.btn-load-more:hover {
    background-color: #007db8;
    color: #fff;
}
.btn-default:hover {
    background-color: #ffffff;
    border: 1.5px solid #007db8;
}


.banner-details {
    position: relative;
    width: 100%;
    bottom: 0;
}

.close-button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #f3f3f3;
    display: block;
    position: absolute;
    left: 25px;
    top: 20px;
    cursor: pointer;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: transform 0.2s ease-in-out;
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
}
.close-button:hover {
    background-color: #f3f3f3;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.close-button:before {
    position: absolute;
    content: '';
    background: url(/static/images/blog/sprite.png) no-repeat;
    background-position: -28px 2px;
    background-size: 41px;
    width: 14px;
    height: 16px;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

#post-container .social-sharing {
    height: auto;
    width: auto;
    position: absolute;
    display: block;
    margin-left: 20px;
    color: #a4a4a4;
    right: auto;
    left: 0;
    top: 0;
    margin-bottom: 20px;
}
.social-share-icons {
    position: relative;
}

#post-container .social-sharing li{
    margin-top: 16px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px !important;
    padding: 14px;
    line-height: normal !important;
    cursor: pointer;
    width: 45px;
    height: 45px;
    float: none;
}
#post-container .social-sharing li:hover {
    color: #fff;
    border-radius: 50%;
    line-height: normal !important;
}
.fa-google-plus {
    margin-left: 8px;
}

.banner-image {
    width: 100%;
    object-fit: cover;
    height: 450px;
    object-position: top;
}

.default-image {
    width: 100%;
    object-fit: cover;
    height: 450px;
    object-position: center;
}

.slide-content {
    padding: 35px;
    position: relative;
    top: -90px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: white;
}

.breadcrum {
    font-size: 12px;
    font-weight: 500;
    color: #c8c9c7;
    line-height: 14px;
}

#post-container .breadcrum a {
    color: #c8c9c7;
    text-decoration: none;
}

#post-container .slide-content h1.blog-heading {
    color: #05143b;
    font-size: 36px;
    font-weight: 400;
    margin-top: 15px;
}

.date-info-container {
    margin-top: 32px;
}

.profile-info {
    display: inline-block;
    margin-left: 40px;
    vertical-align: middle;
}

.author-name {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 3px;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
    color: #444444;
}

.content-slide-wrap {
    margin-top : 82px;
    color: #80889b;
}
.related-blog-block h1 {
    color: #1e1e1e;
    font-size: 36px;
    font-weight: 300;
}
.related-blog-block.container {
    padding: 0 35px;
}
.content-slide-wrap ol, .content-slide-wrap ul {
    font-size: 14px;
    line-height: inherit;
}

.overlay.image-popup-active {
    visibility: visible;
    opacity: 1;
    display: table;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.overlay {
    position: fixed;
    z-index: 12;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, .75);
    -webkit-transition: all .5s ease-in-out .1s;
    transition: all .5s ease-in-out .1s;
    display: block;
}

.overlay .image-popup-wrap {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    margin: 0px auto;
    width: 100%;
    text-align: center;
}
.overlay .image-popup-header {
    width: 100%;
    height: 75px;
    position: absolute;
    top: 0;
    z-index: 1;
    background-image: linear-gradient(rgba(1,1,1,0.5), rgba(255,255,255,0));
}
.image-popup-wrap .image-popup-close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 40px;
    top: 25px;
    cursor: pointer;
    background: url(/static/images/author/close.png) no-repeat;
    background-size: 100%;
    z-index: 9;
}

.overlay .image-popup-wrap .popup-box {
    position: relative;
    width: auto;
    min-height: 100px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    margin: 0px auto;
    max-height: calc(100% - 80px);
    text-align: center;
    display: inline-block;
}

.image-popup-wrap .popup-wrap {
    overflow-y: auto;
}

.overlay .image-popup-wrap .popup-box .scroll-zoom {
    width: 100%;
    max-width: 700px;
}

.overlay .image-popup-wrap .popup-box .zoom-btn {
    width: fit-content;
    margin: 0 auto;
    background: #1e1e1e;
    padding: 5px;
    border-radius: 5px;
}

.overlay .image-popup-wrap .popup-box .zoom-btn .zoom-in {
    background-position: 1px 0px;
    background-size: cover;
}

.overlay .image-popup-wrap .popup-box .zoom-btn button {
    border: none;
    cursor: pointer;
    background: url(/static/images/zoom-icon.png) no-repeat;
    width: 34px;
    padding: 15px;
}

.overlay .image-popup-wrap .popup-box .zoom-btn .reset-zoom {
    background-position: -41px 0px;
    background-size: cover;
}

.overlay .image-popup-wrap .popup-box .zoom-btn .zoom-out {
    background-position: -80px 0px;
    background-size: cover;
}

.content-overflow {
    overflow: hidden;
}

#popup-box {
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    overflow: hidden;
}

#scroll-zoom {
    position: relative;
    height: 100%;
}

#scroll-zoom img {
    cursor: pointer;
}

.iviewer_button {
    cursor: pointer;
    position: fixed;
}

.iviewer_zoom_in {
    background: url(/static/images/add-icon.svg) no-repeat center;
    background-size: 30px;
    width: 45px;
    height: 43px;
    bottom: 64px;
    left: 50%;
    background-color: #1e1e1e;
    border-radius: 0px 5px 5px 0px;
}

.iviewer_zoom_out {
    background: url(/static/images/minus-icon.svg) no-repeat center;
    background-size: 30px;
    width: 45px;
    height: 43px;
    bottom: 64px;
    left: 44%;
    background-color: #1e1e1e;
    border-radius: 5px 0px 0px 5px;
}

.iviewer_zoom_fit {
    background: url(/static/images/zoom_reset.svg) no-repeat center;
    background-size: 28px;
    width: 45px;
    height: 43px;
    bottom: 64px;
    left: 47%;
    background-color: #1e1e1e;
}

.iviewer_zoom_status {
    display: none;
} 

.fr-element iframe.fr-iframe {
    margin-left: 0px;
    width: 100%!important;
}

@media (max-width: 1316px) {
    .slide-content {
        margin: 0 70px;
        width: auto;
    }
    .iviewer_zoom_in {
        left: 48%;
    }
    .iviewer_zoom_out {
        left: 37%;
        margin-left: 36px;
    }
    .iviewer_zoom_fit {
        left: 44%;
    }
}
@media only screen and (max-width: 767px) {
    /* For mobile phones: */
    .blog-filters {
        display: block;
    }
    .tag-filter-block, .author-filter-block {
        width: 100%;
    }
    .row-view .blog-card .block-desc {
        margin: 0px 26px;
    }
    .row-view .blog-card .tag-block {
        margin: 22px 26px 23px 26px;
    }
    #content-list-column.row-view .card-container .blog-card .card-image {
        height: 175px;
    }
    #post-container .social-sharing {
        position: relative;
        margin-left: 0px;
        float: none;
        display: flex;
    }
    #post-container .social-sharing li {
        margin-top: 0;
    }
    .slide-content {
        margin: 0 15px;
        width: auto;
        padding: 0;
        top: 0;
    }
    .profile-info {
        display: block;
        margin-left: 0;
        margin-top: 15px;
    }
    .related-blog-block.container {
        padding: 0 15px;
        margin-top: 50px;
    }
    .blogs-block {
        margin-top: 70px;
    }
    .blog-card .block-desc .heading,
    .card-container,
    .tag-block,
    .thumbnail-view .block-desc .description {
        height: auto;
    }
    .thumbnail-view .block-desc .description {
        max-height: 80px;
    }
    .thumbnail-view .blog-card,
    .related-posts-container .blog-card {
        padding-bottom: 25px;
    }
    .banner-image {
        max-height: 450px;
        height: auto;
    }
    .iviewer_zoom_in {
        left: 52%;
    }
    .iviewer_zoom_out {
        left: 25%;
        margin-left: 47px;
    }
    .iviewer_zoom_fit {
        left: 44%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .filter .default-dd-title {
        font-size: 14px;
    }
    .banner-image {
        max-height: 450px;
        height: auto;
    }
    .iviewer_zoom_in {
        left: 45%;
        margin-left: 35px;
    }
    .iviewer_zoom_out {
        left: 33%;
        margin-left: 61px;
    }
    .iviewer_zoom_fit {
        left: 44%;
    }
}
@media only screen and (min-width: 500px) and (max-width: 991px) and (orientation: landscape) {
    .thumbnail-view .card-container {
        width: 50%;
        float: left;
        height: 499px;
    }
    .iviewer_zoom_in {
        left: 49%;
    }
    .iviewer_zoom_out {
        left: 40%;
        margin-left: -3px;
    }
    .iviewer_zoom_fit {
        left: 44%;
    }
}