.navbars > li > a {
    padding: 10px 13px;
}

.cssload-inner.cssload-one {
    border-bottom: 3px solid rgb(0,140,186);
}

.cssload-inner.cssload-two {
    border-right: 3px solid rgba(0,140,186,.96);
}

.cssload-inner.cssload-three {
    border-top: 3px solid rgb(0,140,186);
}

.side-menu-button {
    background: none;
    color: #000000;
    top: 21px;
    font-size: 21px;
}

    .side-menu-button:hover {
        background: none;
        color: #000000;
    }

.shrink .side-menu-button {
    background: none;
    color: #000000;
}

    .shrink .side-menu-button:hover {
        background: none;
        color: #000000;
    }

.side-menu-button.actives, .side-menu-button.actives:hover {
    background: transparent;
}

    .side-menu-button.actives .fa {
        color: #00879c;
    }

.sidenav ul > li.active a {
    color: #00879c;
}

.navbar .navbar-nav > li a {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    font-display: swap; font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-display: swap; font-weight: 700;
    text-shadow: 0 2px 2px rgba(0,0,0,.5);
}

.navbar.shrink .navbar-nav > li a {
    text-shadow: none;
}

.navbar .navbar-nav > li a:focus {
    color: #FFF;
}

.navbar.shrink .navbar-nav > li a {
    color: #1b1b1b;
}

.navbar .navbar-nav > li:hover a {
    color: #00879c;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #00879c;
}

.shrink.navbar-default .navbar-nav > .active > a, .shrink.navbar-default .navbar-nav > .active > a:focus, .shrink.navbar-default .navbar-nav > .active > a:hover {
    background: #00879c;
    color: #fff;
}

#what-we-do .what-we-do-features:hover > h3 {
    color: #00879c;
}

#what-we-do .what-we-do-features h3, h2, h3, .timeline-heading h4 {
    font-display: swap; font-weight: 200;
}

.timeline-body p {
    font-size: 14px;
    font-display: swap; font-weight: 200;
}

#counters {
    /*background: url(../images/counters-bg.jpg) no-repeat fixed center;*/
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-attachment: fixed !important;
}

hr {
    width: 96px;
    border: 1px solid #454545;
    margin: 0 auto 30px;
    border-bottom: 0;
    height: 0;
    box-sizing: content-box;
}

.price .grey {
    text-transform: none;
}

.price .header {
    font-display: swap; font-weight: 200 !important;
}

#slider1 h2 {
    color: #fff;
    font-display: swap; font-weight: 100;
    font-size: 48px;
}

    #slider1 h2.red {
        color: #fff;
        font-display: swap; font-weight: 300;
    }

#slider1 .slider-button {
    background: #FFF;
    color: #1b1b1b;
}

    #slider1 .slider-button.red {
        background: #00879c;
        color: #FFF;
    }

    #slider1 .slider-button:before {
        background: rgba(27,27,27,.9);
    }

    #slider1 .slider-button.red:before {
        background: rgba(255,255,255,.2);
    }

    #slider1 .slider-button:hover, #slider1 .slider-button:focus, #slider1 .slider-button:active {
        color: #FFF;
    }

#what-we-do .what-we-do-features h3 > span {
    background: #00879c;
}

#what-we-do .what-we-do-features:hover > h3 {
    color: #00879c;
}

#counters .outer-circle:hover {
    border-color: #00879c;
}

    #counters .outer-circle:hover .icons {
        background: #00879c;
    }

#our-team .hovereffect .overlay {
    background: #00879c;
}

.progress-bar-custom {
    background: #00879c;
}

#our-team .our-team-social > li > a > i.fa:hover, #our-team .our-team-social > li > a > i.fa:active {
    background: #00879c;
}

.timeline > li:hover .timeline-panel {
    background: #00879c;
}

    .timeline > li:hover .timeline-panel:after {
        border-top-color: transparent;
        border-left-color: #00879c;
        border-right-color: #00879c;
        border-bottom-color: transparent;
    }

.timeline > li:hover .timeline-badge > a {
    color: #00879c !important;
}

#portfolio #owl-demo .hovereffect .overlay {
    background: rgba(0,140,186,.8);
}

.price.price-selected, .price:hover {
    background: #00879c;
    color: #fff;
}

    .price.price-selected::before, .price:hover::before {
        border-bottom: 65px solid #00879c;
    }

    .price:hover .header, .price.price-selected .header {
        border: 1px solid #00879c;
        color: #00879c;
    }

#happy-clients .owl-controls .owl-page.active span {
    background: #00879c;
}

#happy-clients h5 {
    color: #00879c;
}

#blog-slider .blog-img {
    border-color: #00879c;
}

#blog-slider .item:hover h3, #blog-slider .blog-slider-descp p:nth-child(2) > span, #blog-slider .item:hover p:last-child {
    color: #00879c;
}

#blog-slider .blog-img i, #blog-slider .owl-controls .owl-page.active span {
    background: #00879c;
}

#blog-text h2, #blog-text p span {
    color: #00879c;
}

#blog-text #blog-text-slider .owl-controls .owl-page.active span {
    background: #00879c;
}

#area-main ul.blog-author li a:hover, #area-main ul.blog-author li a:focus, .morepost-wrap a:hover, .morepost-wrap2 a:hover, .morepost-wrap a:hover, .morepost-wrap2 a:hover, .morepost-wrap2 .morepost:hover .fa-long-arrow-left, .morepost-wrap .morepost:hover .fa-long-arrow-left, .morepost-wrap2 .morepost:hover .fa-long-arrow-right, .morepost-wrap .morepost:hover .fa-long-arrow-right, ul.category li a:hover, ul.category li a:focus {
    color: #00879c;
}

ul.category li a .date {
    color: #00879c;
}

#area-main .tag-cloud li a:hover, #area-main .tag-cloud li a:focus, .blog-reply a.btn-rep:hover, .blog-reply a.btn-rep:focus {
    background: #00879c;
}

#area-main .buttons, .social-link li a:hover {
    background: #00879c;
    border-color: #00879c;
}

.blog-item blockquote {
    color: #00879c;
}

form .buttons {
    border-color: #00879c;
    color: #00879c;
}

    form .buttons:hover, form .buttons:active {
        border-color: #00879c;
    }

    form .buttons:before {
        background: #00879c;
    }

.address-details:hover h2, .address-details:hover p {
    color: #00879c;
}

.pin {
    background: #00879c;
}

.pulse:after {
    box-shadow: 0 0 1px 2px #00879c;
}

footer {
    background: #00879c;
    color: #fff;
}

    footer ul > li > a:hover {
        color: #fff;
    }

@media screen and (max-width:767px) {
    .side-menu-button {
        top: 13px;
    }
}