.gradient-bg {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.default-button {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.default-button:hover {
    -webkit-box-shadow: 0 0 10px #2e8bdc ;
    box-shadow: 0 0 10px #2e8bdc ;
}
.section-title h2::after {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.section-title h2::before {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.preloader-wrap {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
.preloader-wrap .preloader {
    left: 45%;
    margin: -20px 0 0 -20px;
    position: absolute;
    top: 40%;
}
.preloader {
    position: relative;
    width: 155px;
    margin: 6em auto;
}
.preloader span {
    position: absolute;
    display: block;
    bottom: 0;
    width: 9px;
    height: 5px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.1);
    -webkit-animation: preloader 2s infinite ease-in-out;
    animation: preloader 2s infinite ease-in-out;
}
.preloader span:nth-child(2) {
    left: 11px;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}
.preloader span:nth-child(3) {
    left: 22px;
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}
.preloader span:nth-child(4) {
    left: 33px;
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}
.preloader span:nth-child(5) {
    left: 44px;
    -webkit-animation-delay: 800ms;
    animation-delay: 800ms;
}
.preloader span:nth-child(6) {
    left: 55px;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
}
@-webkit-keyframes preloader {
    0% {
        height: 5px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background: rgba(136, 129, 129, 0.1);
    }
    25% {
        background: #2e8bdc ;
        background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
        background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
        height: 30px;
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
    50%,
    100% {
        height: 5px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background: rgba(0, 0, 0, 0.1);
    }
}
@keyframes preloader {
    0% {
        height: 5px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background: rgba(0, 0, 0, 0.1);
    }
    25% {
        background: #2e8bdc ;
        background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
        background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
        height: 30px;
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
    50%,
    100% {
        height: 5px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background: rgba(0, 0, 0, 0.1);
    }
}
@media only screen and (min-width: 768px) {
    .top-menu.menu-shrink {
        background: #2e8bdc ;
        background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
        background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
    }
}
.navbar-white .navbar-nav .nav-item .nav-link:focus,
.navbar-white .navbar-nav .nav-item .nav-link:hover {
    color: #2e8bdc  !important;
}
.navbar-white .navbar-nav .nav-item .nav-link::before {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.navbar-white .navbar-nav .nav-item .active > a,
.navbar-white .navbar-nav .nav-item .active > a:focus,
.navbar-white .navbar-nav .nav-item .active > a:hover {
    color: #2e8bdc  !important;
}
.slider-item-img-bg::before {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.item-img-bg::after {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.homes-bg-img::after {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.particle-bg {
    position: relative;
}
.particle-bg::after {
    background: hsla(208, 100%, 30%, 1);

    background: linear-gradient(90deg, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);

    background: -moz-linear-gradient(90deg, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);

    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);;

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#005097", endColorstr="#2e8bdc", GradientType=1 );
}
.video-bg {
    position: relative;
}
.video-bg::after {
    background: #ffff;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.app-about-text h3::after {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.app-about-text ul li i {
    color: #2e8bdc ;
}
.single-hiw-feature i {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.single-hiw-feature i:hover i {
    -webkit-box-shadow: 0 0 10px #2e8bdc ;
    box-shadow: 0 0 10px #2e8bdc ;
}
.video-demo-content::before {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.single-feature::after {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.single-feature .feature-icon {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.counter-stats::after {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.screenshot-item:hover .screenshot-image::before {
    /* background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%); */
}
.screenshots-modal .close {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.screenshots-modal .close:hover,
.screenshots-modal .close:focus {
    -webkit-box-shadow: 0 0 10px #2e8bdc ;
    box-shadow: 0 0 10px #2e8bdc ;
}
.screenshot-details-text .title::after {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.screenshot-details-text ul li i {
    color: #2e8bdc ;
}
.testimonial-section::after {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.testimonial-item .icofont-quote-left {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.testimonial-item .pic {
    -webkit-box-shadow: 0 0 2px #2e8bdc ;
    box-shadow: 0 0 2px #2e8bdc ;
}
.single-price-package .price-header .price-value {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.purchase-btn::before {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.personal-price-package .purchase-btn {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.single-price-package:hover .purchase-btn {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.faq-content .faq-title::before {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.faq-content .faq-title.active {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.accordion__item.active .accordion-header {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.single-member .overlay {
    background: #5b91c18f;
    border-radius: 50%;    
}
.app-download-section::after {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.single-blog-post .blog-date {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.single-blog-post .blog-title a:hover {
    color: #2e8bdc ;
}
.single-blog-post .post-admin a {
    color: #2e8bdc ;
}
.single-blog-post:hover .read-more-btn {
    color: #2e8bdc ;
}
.single-blog-post-two .blog-title a:hover {
    color: #2e8bdc ;
}
.single-blog-post-two .post_date {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.single-blog-img .single-blog-date {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.post-category .single-category:hover {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.blog-sidebar-title::before {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.comment-title::before {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.popular-tags a:hover {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.pagination-nav li a:hover {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.pagination-nav li.active a {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.top-banner-area::before {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.single-contact-info i {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.error-page-content {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.subscribe-form .subscribe-btn {
    background: #2e8bdc ;
    background: -webkit-gradient(linear, left top, right top, from(#2e8bdc ), to(#009688));
    background: linear-gradient(to right, hsla(208, 100%, 30%, 1) 0%, hsla(208, 71%, 52%, 1) 100%);
}
.single-user i {
    color: #2e8bdc ;
}
.screenshot-carousel .owl-prev i,
.screenshot-carousel-two .owl-prev i {
    color: #2e8bdc ;
}
.screenshot-carousel .owl-next i,
.screenshot-carousel-two .owl-next i {
    color: #2e8bdc ;
}
.owl-dots .owl-dot.active span {
    background: #2e8bdc  !important;
}
.testimonial-carousel .owl-dots .owl-dot.active span {
    background: #2e8bdc  !important;
}
.single-post-admin a {
    color: #2e8bdc ;
}
.post-tag-media .tag li a {
    color: #2e8bdc ;
}
.post-social-media a:hover {
    color: #2e8bdc ;
}
.search-box .search-btn {
    color: #2e8bdc ;
}
.single-recent-post h5 a:hover {
    color: #2e8bdc ;
}
.all-comments-content .comment .replay {
    color: #2e8bdc ;
}
.comment-form .form-control:hover {
    border-bottom: 1px solid #2e8bdc ;
}
.contact-form .form-control:hover {
    border-bottom: 1px solid #2e8bdc ;
}
.contact-info ul li i {
    color: #2e8bdc ;
}
.error-text .back-btn {
    color: #2e8bdc ;
}
.error-text .back-btn:hover {
    background-color: #2e8bdc ;
}
.back-top-button i {
    color: #2e8bdc ;
}