/*--------------------------------------------------------------------------
|  Header
--------------------------------------------------------------------------*/
.head-info i {
    font-size: 45px;
    color: var(--color-main);
}

.sticky-menu {
    border-bottom: 5px solid var(--color-hightlight);
}

.header-top .container > .row > div:last-child{
    display: flex;
    flex-direction: row-reverse;
}

/*--------------------------------------------------------------------------
|  Main
--------------------------------------------------------------------------*/
.bg-service,
footer {
    background: url(/templates/news01/assets/media/template/service-bg.jpg);
    background-size: cover;
}

.bg-service .title-section span,
.document-home .title-section span,
.document-home .inner-content a,
.document-home .inner-content .article-description {
    color: #fff;
}

.service-home .article-item {
    padding: 15px;
    background: #fff;
}

.service-home .article-item .article-title {
    text-align: center;
}

.service-home .article-item .article-title a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bg-document {
    background: url(/templates/news01/assets/media/template/document-bg.jpg);
    background-size: cover;
}

.bg-text {
    background: url(/templates/news01/assets/media/template/text-bg.jpg);
    background-size: cover;
}

.about-us .img-about {
    padding-top: 65%;
}

.rti-config-slider {
    padding-top: 15%;
}

.rti-config-slider-thumbs {
    padding-top: 10%;
    border: 2px solid transparent;
}

.rti-config-slider-thumbs.slick-current {
    border: 2px solid var(--color-main);
}

.rti-config-slider-thumbs:hover {
    cursor: pointer;
}

.menu-section .entry-menu {
    background-color: rgb(255 255 255 / 75%);
}
.menu-section .entry-menu.dropdown {
    padding: 0;
}

.menu-section .menu-link {
    padding: 5px 10px;
}

/*--------------------------------------------------------------------------
|  Footer
--------------------------------------------------------------------------*/
#socials {
    display: inline-block;
    position: fixed;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    z-index: 100;
    width: 40px;
}

#socials a {
    width: 40px;
    height: 40px;
    display: block;
    margin-bottom: 10px;
}
.space-10 {
    margin-right: -10px;
    margin-left: -10px;
}
.space-10>div {
    padding-right: 10px;
    padding-left: 10px;
}
.space-5 {
    margin-right: -5px;
    margin-left: -5px;
}
.space-5>div {
    padding-right: 5px;
    padding-left: 5px;
}
/*--------------------------------------------------------------------------
|  Responsive
--------------------------------------------------------------------------*/
.is-mobile footer {
    padding: 15px 0;
}

.is-mobile .info-about>p {
    height: 300px;
    overflow: hidden;
}
.is-mobile .slider-section {
    max-height: 180px;
    overflow: hidden;
}

@media (max-width: 576px){
    footer .container > .row > div{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}