@import "_fonts.css";
@import "_colors.css";
@import "_pure.css";
@import '_navbar.css';
@import '_mobilenav.css';
@import "_slider.css";
@import "_counter.css";
@import "_services.css";
@import "_testimonial.css";
@import "_refmaps.css";
@import "_footer.css";
@import "_view.css";
@import "_leke.css";
@import "_contact.css";
.top-bar {
    background-color: var(--top-bar-bg-color);
    font-size: 1.1em;
    color: var(--top-bar-text-color);
    font-weight: 600;
}
.top-bar .top-bar-left {
    display: flex;
    align-items: center;
}
.top-bar .top-bar-left i {
    color: #386ab2;
    background-color: var(--top-bar-icon-bg-color);
    font-size: 18px;
    margin: 0 10px;
    padding: 5px;
}
.top-bar .top-bar-right {
    display: flex;
    align-items: center;
    border-left: solid 1px rgba(0,0,0,0.1)
}
.top-bar .top-bar-right i {
    font-size: 18px;
    padding: 5px;
}
.top-bar .top-bar-right a {
    color: var(--top-bar-text-color);
}
.top-bar .top-bar-right a:hover {
    color: var(--top-bar-text-color-hover);
}
.top-bar a {
    color: var(--top-bar-text-color);
    transition: 0.3s all;
    display: flex;
    align-items: center;
}
.top-bar a:hover {
    color: var(--menu-text-color);
    display: flex;
    align-items: center;
}
.mobile-whatsapp {
    display: none;
}
@media only screen and (max-width: 1024px) {
    .top-bar {
        display: none;
    }
}

@media only screen and (max-width: 568px) {
    .mobile-whatsapp{
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        text-align: center;
        background-color: #386ab2;
        color: white;
        font-weight: 700;
        width: 100%;
        padding: 15px 25px;
        font-size: 1.4em;
        z-index: 999;
    }
    .mobile-whatsapp a{
             color: white;
    }
    .copyright {
        margin-bottom: 50px;
    }
}