.article-navbar {
    padding: 0
}

.article-navbar .nav-link {
    padding: .75rem .25rem .75rem 0;
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
    color: #676767
}

.article-navbar .nav-item .nav-link.active {
    color: #cb2134
}

.article-navbar .nav-item .nav-link.active:hover {
    color: #cb2134
}

.article-navbar .nav-item.active .nav-link,
.article-navbar .nav-item.nav-icon-home .nav-link {
    color: #cb2134
}

.article-navbar .nav-item.active .nav-link:hover,
.article-navbar .nav-item.nav-icon-home .nav-link:hover {
    color: #cb2134
}

.article-navbar .nav-item:hover .nav-link {
    color: #1f2d3d;
    border-bottom-color: #cb2134
}

.article-navbar .dropdown-menu,
.article-navbar .dropdown-menu-mobile {
    padding: .25rem .75rem;
    border: solid 1px #e4e4e4;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .05)
}

.article-navbar .dropdown-menu .dropdown-item,
.article-navbar .dropdown-menu-mobile .dropdown-item {
    padding: 0;
    color: #676767 !important
}

.article-navbar .dropdown-menu .dropdown-item.mark,
.article-navbar .dropdown-menu-mobile .dropdown-item.mark {
    background-color: #cb2134
}

.article-navbar .dropdown-menu .dropdown-item.mark a,
.article-navbar .dropdown-menu-mobile .dropdown-item.mark a {
    color: #fff
}

.article-navbar .dropdown-menu .dropdown-item.mark:hover a,
.article-navbar .dropdown-menu-mobile .dropdown-item.mark:hover a {
    background-color: rgba(203, 33, 52, .9) !important;
    color: #fff
}

.article-navbar .dropdown-menu .dropdown-item.active,
.article-navbar .dropdown-menu .dropdown-item:active,
.article-navbar .dropdown-menu .dropdown-item:hover,
.article-navbar .dropdown-menu-mobile .dropdown-item.active,
.article-navbar .dropdown-menu-mobile .dropdown-item:active,
.article-navbar .dropdown-menu-mobile .dropdown-item:hover {
    color: #676767;
    background-color: #fff
}

.article-navbar .dropdown-menu .dropdown-item.active a,
.article-navbar .dropdown-menu .dropdown-item:active a,
.article-navbar .dropdown-menu .dropdown-item:hover a,
.article-navbar .dropdown-menu-mobile .dropdown-item.active a,
.article-navbar .dropdown-menu-mobile .dropdown-item:active a,
.article-navbar .dropdown-menu-mobile .dropdown-item:hover a {
    background-color: #fff;
    color: #1f2d3d
}

.article-navbar .dropdown-menu .dropdown-item.active a.dropdown-link-icon,
.article-navbar .dropdown-menu .dropdown-item:active a.dropdown-link-icon,
.article-navbar .dropdown-menu .dropdown-item:hover a.dropdown-link-icon,
.article-navbar .dropdown-menu-mobile .dropdown-item.active a.dropdown-link-icon,
.article-navbar .dropdown-menu-mobile .dropdown-item:active a.dropdown-link-icon,
.article-navbar .dropdown-menu-mobile .dropdown-item:hover a.dropdown-link-icon {
    background-color: #fff !important
}

.article-navbar .dropdown-menu .dropdown-item a,
.article-navbar .dropdown-menu-mobile .dropdown-item a {
    display: block;
    padding: .5rem 1rem !important;
    color: #676767;
    text-decoration: none;
    border-bottom: 1px solid #f2f2f2
}

.article-navbar .dropdown-menu .dropdown-item:last-child a,
.article-navbar .dropdown-menu-mobile .dropdown-item:last-child a {
    border-color: transparent
}

.article-navbar .dropdown-menu .dropdown-item a.dropdown-link-icon,
.article-navbar .dropdown-menu-mobile .dropdown-item a.dropdown-link-icon {
    display: flex;
    flex-wrap: wrap;
    padding: .5rem .5rem !important;
    margin: 0 .5rem !important;
    align-items: center;
    color: #676767
}

.article-navbar .dropdown-menu .dropdown-item a.dropdown-link-icon.mark,
.article-navbar .dropdown-menu-mobile .dropdown-item a.dropdown-link-icon.mark {
    background-color: #cb2134;
    color: #fff
}

.article-navbar .dropdown-menu .dropdown-item a.dropdown-link-icon.mark:hover,
.article-navbar .dropdown-menu-mobile .dropdown-item a.dropdown-link-icon.mark:hover {
    background-color: rgba(203, 33, 52, .9) !important
}

.article-navbar .dropdown-menu .dropdown-item a.dropdown-link-icon .dropdown-icon,
.article-navbar .dropdown-menu-mobile .dropdown-item a.dropdown-link-icon .dropdown-icon {
    background-color: #fff;
    color: #cb2134;
    border-radius: 50% !important;
    display: inline-flex;
    justify-content: center;
    padding: .7rem
}

.article-navbar .dropdown-menu .dropdown-item a.dropdown-link-icon .dropdown-icon img,
.article-navbar .dropdown-menu-mobile .dropdown-item a.dropdown-link-icon .dropdown-icon img {
    height: 2rem;
    width: 2rem;
    max-width: 2rem !important
}

.article-navbar .dropdown-menu .dropdown-item a.dropdown-link-icon .dropdown-title,
.article-navbar .dropdown-menu-mobile .dropdown-item a.dropdown-link-icon .dropdown-title {
    display: inline;
    white-space: normal;
    word-break: break-word
}

.article-navbar .dropdown-menu .dropdown-item a.dropdown-link-icon:hover,
.article-navbar .dropdown-menu-mobile .dropdown-item a.dropdown-link-icon:hover {
    color: #273444
}

.article-navbar .dropdown-menu .dropdown-item a.dropdown-link-icon:hover .dropdown-icon,
.article-navbar .dropdown-menu-mobile .dropdown-item a.dropdown-link-icon:hover .dropdown-icon {
    background-color: #cb2134;
    color: #fff
}

.article-navbar .dropdown-menu .dropdown-item a.dropdown-link-icon:hover .dropdown-icon img,
.article-navbar .dropdown-menu-mobile .dropdown-item a.dropdown-link-icon:hover .dropdown-icon img {
    filter: brightness(0) invert(1)
}

.article-navbar .nav-icon-home {
    font-size: 1.5rem;
    line-height: 0
}

.article-navbar .nav-icon-home:hover .nav-link {
    color: #cb2134
}

.article-navbar .dropdown-menu-mobile {
    background-color: transparent !important;
    border-left: 2px solid #d3dce6;
    border-right: 0;
    border-bottom: 0;
    border-top: 0;
    border-radius: 0;
    box-shadow: none
}

.collapse-mobile-menu-article[aria-expanded=true] {
    background-color: #fff
}

.collapse-mobile-menu-article[aria-expanded=true] .point-v {
    display: none
}

.collapse-mobile-menu-article[aria-expanded=true] .point-x {
    display: block
}

.collapse-mobile-menu-article[aria-expanded=false] {
    background-color: transparent
}

.collapse-mobile-menu-article[aria-expanded=false] .point-v {
    display: block
}

.collapse-mobile-menu-article[aria-expanded=false] .point-x {
    display: none
}

.article-item-head {
    position: relative
}

.article-item-head .item-thumbnail {
    height: 360px;
    overflow: hidden
}

.article-item-head .item-thumbnail .bg-overlay {
    background-image: linear-gradient(transparent, #273444);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.article-item-head .item-thumbnail a {
    position: relative;
    display: block;
    height: 100%;
    width: 100%
}

.article-item-head .item-thumbnail img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%
}

.article-item-head .item-body {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.article-item-head .item-body .item-content {
    color: #fff
}

.article-item-head .item-body .item-content .item-category {
    font-weight: bold;
    font-size: .95rem
}

.article-item-head .item-body .item-content .item-info {
    font-size: .85rem
}

.article-item-head .item-body .item-content .item-title {
    font-weight: bold
}

.article-item-head .item-body .item-content a {
    color: #fff;
    text-decoration: none
}

.article-item-head:hover .item-thumbnail img {
    transform: scale(1.2)
}

.article-item {
    position: relative;
    height: 100%;
    width: 100%
}

.article-item .item-thumbnail {
    position: relative;
    height: 192px;
    overflow: hidden
}

.article-item .item-thumbnail a {
    display: block;
    height: 100%;
    width: 100%
}

.article-item .item-thumbnail img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%
}

.article-item .item-category {
    position: absolute;
    bottom: .75rem;
    left: 1rem;
    font-weight: bold;
    font-size: .95rem;
    background-color: #cb2134;
    color: #fff;
    padding: .1rem 1rem;
    border-radius: 4rem
}

.article-item .item-category a {
    color: #fff;
    text-decoration: none
}

.article-item .item-body .item-content {
    height: 50%
}

.article-item .item-body .item-content .item-info {
    font-size: .85rem
}

.article-item .item-body .item-content .item-title {
    font-weight: bold
}

.article-item .item-body .item-content a {
    color: #1f2d3d;
    text-decoration: none
}

.article-item .item-body .item-description {
    font-size: .9rem
}

.article-item:hover .item-thumbnail img {
    transform: scale(1.2)
}

.article-default .article-thumbnail {
    position: relative;
    background-size: cover
}

.article-default .article-thumbnail .overlay {
    background-color: rgba(31, 45, 61, .5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.article-default .article-info {
    color: #fff;
    font-size: .9rem
}

.article-default .article-info a {
    color: #fff;
    text-decoration: none
}

.article-default .article-title {
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
    margin-top: 5rem;
    margin-bottom: 5rem
}

.article-default .article-content {
    padding-top: 2rem;
    line-height: 1.75
}

.article-default .article-content p {
    line-height: 1.75
}

.article-default .article-content h2,
.article-default .article-content h3,
.article-default .article-content h4,
.article-default .article-content h5,
.article-default .article-content h6 {
    margin-bottom: 1rem
}

.article-default .article-content h2 {
    font-size: 1.75rem
}

.article-default .article-content h3 {
    font-size: 1.25rem
}

.article-default .article-content h4 {
    font-size: 1.125rem
}

.article-default .article-content h5 {
    font-size: 1.0625rem
}

.article-default .article-content ol,
.article-default .article-content ul,
.article-default .article-content dl {
    padding-inline-start: 2.25rem
}

.article-default .article-content img {
    max-width: 100% !important;
    height: auto
}

.article-default .title-related {
    font-size: 1.5rem
}

.article-default .title-related i {
    color: #cb2134
}

.article-default .sticky-hot-articles .card {
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important
}

.article-default .sticky-hot-articles .card .card-header {
    background-color: #fff;
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    color: #cb2134;
    font-size: 1.1rem
}

.article-default .sticky-hot-articles .sticky-top {
    z-index: 10;
    top: 80px
}

@media(min-width: 768px) {
    .article-default .sticky-hot-articles {
        height: 100%;
        margin-top: 2rem
    }

    .article-default .sticky-hot-articles .sticky-top {
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        z-index: 10;
        top: 80px
    }
}

.article-item {
    border-radius: 16px;
    background-color: #fff;
}

.article-item .item-body .item-content {
    height: 180px;
    padding: 1rem 1.25rem
}

.article-item .item-thumbnail img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.article-item .item-body .item-content .item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media screen and (max-width:767px) {
    .article-item .item-body .item-content {
        height: 50%;
        padding: 1rem 1.25rem
    }
}

.article-item .item-thumbnail {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: 2px solid #cb2134
}

.article-item .item-body .item-description {
    margin: 0;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -o-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    position: relative
}

.article-item .item-category {
    z-index: 1;
    top: 178px;
    bottom: unset
}

/* Pagination */
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #cb2134;
    background-color: #fff;
    border: 1px solid #e5e9f2
}

.page-link:hover {
    z-index: 2;
    color: #891623;
    text-decoration: none;
    background-color: #eff2f7;
    border-color: #e5e9f2
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(203, 33, 52, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #cb2134;
    border-color: #cb2134
}

.page-item.disabled .page-link {
    color: #c0ccda;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #e5e9f2
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: 0.875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.pagination-article .page-item:first-child .page-link {
    margin-left: 0;
    padding-left: 1rem;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.pagination-article .page-item:last-child .page-link {
    margin-right: 0;
    padding-right: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.pagination-article .page-link {
    padding: .75rem 1rem;
    color: #676767
}

.pagination-article .page-item.active .page-link {
    color: #cb2134;
    background: transparent;
    border: 1px solid #e5e9f2
}

.pagination-article .page-item.active .page-link {
    background: #f8f8f8
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

/* Contact Block  */
.contact-block {
    border: 2px solid #cb2134;
    background-color: #fff;
    color: #676767;
    padding: 2rem 1rem;
    height: 100%
}

.contact-block .item-icon {
    font-size: 4rem;
    color: #676767
}

.contact-block .item-title {
    font-size: 1.1rem;
    font-weight: bold
}

.contact-block .item-content {
    font-size: .9rem;
    color: #676767
}

.contact-block:hover {
    border: 2px solid #fff;
    background-color: #cb2134
}

.contact-block:hover .item-icon,
.contact-block:hover .item-title,
.contact-block:hover .item-content {
    color: #fff
}