/*-----------------------------------------------------------------------------------

    Template Name:TOVO APP
    Template URI: http://themes.pixelstrap.com/tovo
    Description: This is App Landing Page
    Author: Pixelstrap
    Author URI: https://themeforest.net/user/pixelstrap

-----------------------------------------------------------------------------------*/
.caption-img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.loader {
    background-color: #21ecff;
}

h1 {
    color: #21ecff;
}

.price-type {
    background-image: url(../../images/color/color-2/price-bg.png);
}



.home {
    background-image: url(../../images/color/color-2/1.png);
}

.home-two {
    background-image: url(../../images/color/color-2/Homev2.png);
}

.home-two .slide-cap-desc {
    color: #f1f1f1;
}

.home-three {
    background-image: url(../../images/color/color-2/Homev3.png);
}

.home-style-two .home-two .slide-cap-desc {
    color: white !important;
}

.home-style-two .navbar-nav .dropdown-menu .nav-link:hover {
    color: #21ecff !important;
}

.color-picker .settings-header {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #21ecff), color-stop(99%, #2cc6ff)) !important;
    background: linear-gradient(to bottom, #21ecff 0, #2cc6ff 99%) !important;
}

.color-picker .settings-header h3 {
    color: white !important;
}

.color-picker .section {
    border: 1px solid #21ecff;
}

.color-picker a.handle {
    border: 1px solid #21ecff;
    background: #21ecff;
}

.tap-top {
    background: -webkit-gradient(linear, left top, right top, from(#21ecff), to(#2cc6ff)) !important;
    background: linear-gradient(to right, #21ecff, #2cc6ff) !important;
    color: white;
}

.slide-cap-desc {
    color: #f1f1f1;
}

.about {
    background-image: url(../../images/color/color-2/about-bg.png);
}


.feature {
    background-image: url(../../images/color/color-2/feature-bg1.png);
}

.screenshot {
    background-image: url(../../images/color/color-2/screenshot-bg.png);
}

.team {
    background-image: url(../../images/color/color-2/team-bg.png);
}

.team-block {
    background-image: url(../../images/color/color-2/team-img-bg.png);
}

.team-block .team-social li a {
    border: 1px solid #21ecff;
}

.team-block .team-social li a:hover {
    background-color: #21ecff;
    border: 1px solid #21ecff;
}

.blog-block {
    background-image: url(../../images/color/color-2/team-img-bg.png);
}

.price {
    background-image: url(../../images/color/color-2/price.png);
}

.testimonial {
    background-image: url(../../images/color/color-2/Homev1.png);
}

.testimonial-avtar {
    background-image: url(../../images/color/color-2/Testimonial.png);
}

.contact {
    background-image: url(../../images/color/color-2/contact.png);
}

.navbar-brand img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.home-circle1 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.home-circle2 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.home-circle3 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.home-right img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.about-phone img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.feature-phone img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.about-circle1 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.about-circle2 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.feature-style .feature-icon img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.feature-circle1 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.feature-circle2 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.screenshot-circle1 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.screenshot-circle2 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.screenshot-circle3 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.screenshot-carousel img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.team-circle1 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.team-circle2 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.team-circle3 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.testi-circle1 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.testi-circle2 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.testi-circle3 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.contact-right img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.contact-circle1 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.contact-circle2 img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.animated-circle img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.footer-text img {
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
}

.testimonial-text h3 {
    color: #21ecff;
}

.btn-custom.theme-color {
    background-image: linear-gradient(to right, #19d3dc, #0f75bc, #0f75bc, #19d2dd);
}
    .btn-custom.theme-color:hover {
        background-position: 100% 0;
    }

    #fp-nav ul li a span {
        background: #21ecff !important;
    }

    #fp-nav ul li a.active {
        border: 1px solid #21ecff;
    }

    #fp-nav ul li a.active span {
        background: #21ecff !important;
    }

    #fp-nav ul li:hover a.active span {
        background: #21ecff !important;
    }

    .fp-slidesNav ul li a span {
        background: #21ecff !important;
    }

    .fp-slidesNav ul li a.active span {
        background: #21ecff !important;
    }

    .fp-slidesNav ul li:hover a.active span {
        background: #21ecff !important;
    }

    .abt-hover:hover .icon-hover {
        background: -webkit-gradient(linear, left top, right top, from(#21ecff), to(#2cc6ff)) !important;
        background: linear-gradient(to right, #21ecff, #2cc6ff) !important;
    }

    .navbar-light .default-nav .navbar-nav .nav-link.active {
        color: #21ecff;
    }

    .navbar-light.darkHeader .navbar-nav .nav-link.active {
        color: #21ecff !important;
    }

    .navbar-light .navbar-nav .nav-item.dropdown-menu .nav-link:hover {
        color: #21ecff !important;
    }

    .navbar-light .navbar-nav .nav-item.dropdown-menu .nav-link:focus {
        color: #21ecff !important;
    }

    .three .navbar-nav .dropdown-menu .nav-link:hover {
        color: #21ecff !important;
    }

    .icon-hover:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #21ecff), color-stop(99%, #2cc6ff));
        background: linear-gradient(to bottom, #21ecff 0, #2cc6ff 99%);
        border: 1px solid #21ecff;
    }

    .team-carousel.owl-theme .owl-dots .owl-dot span {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #21ecff), color-stop(99%, #2cc6ff)) !important;
        background: linear-gradient(to bottom, #21ecff 0, #2cc6ff 99%) !important;
    }

    .team-carousel.owl-theme .owl-dots .owl-dot.active span {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #21ecff), color-stop(99%, #2cc6ff));
        background: linear-gradient(to bottom, #21ecff 0, #2cc6ff 99%);
    }

    .blog-carousel.owl-theme .owl-dots .owl-dot span {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #21ecff), color-stop(99%, #2cc6ff)) !important;
        background: linear-gradient(to bottom, #21ecff 0, #2cc6ff 99%) !important;
    }

    .blog-carousel.owl-theme .owl-dots .owl-dot.active span {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #21ecff), color-stop(99%, #2cc6ff));
        background: linear-gradient(to bottom, #21ecff 0, #2cc6ff 99%);
    }

    .testimonial-carousel.owl-theme .owl-dots .owl-dot span {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #21ecff), color-stop(99%, #2cc6ff)) !important;
        background: linear-gradient(to bottom, #21ecff 0, #2cc6ff 99%) !important;
    }

    .testimonial-carousel.owl-theme .owl-dots .owl-dot.active span {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #21ecff), color-stop(99%, #2cc6ff));
        background: linear-gradient(to bottom, #21ecff 0, #2cc6ff 99%);
    }

    .price-carousel.owl-theme .owl-dots .owl-dot span {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #21ecff), color-stop(99%, #2cc6ff)) !important;
        background: linear-gradient(to bottom, #21ecff 0, #2cc6ff 99%) !important;
    }

    .blog-pagin a.page-link {
        color: #21ecff;
        border: 1px solid #eee;
    }

    .blog-pagin a.page-link:hover {
        background-color: #2cc6ff;
    }

    .page-item.active .page-link {
        background-color: #2cc6ff;
    }

    .tags .badge-theme {
        background-color: #21ecff;
        color: white;
    }

    .blog-cat-detail ul li a:hover {
        color: #21ecff;
    }

    .price-block:hover .mrp h2,
    .manual-down {
        color: #21ecff;
    }

    @media (max-width: 768px) {

        .home-two,
        .home-three {
            background-color: #2cc6ff;
        }
    }

    .authentication-form {
        -webkit-filter: hue-rotate(15deg);
        filter: hue-rotate(15deg);
    }

    .innerpage-decor img {
        -webkit-filter: hue-rotate(15deg);
        filter: hue-rotate(15deg);
    }

    .review-box h5 {
        color: #21ecff;
    }

    .theme-nav {
        /*Dropdown css*/
        /*dropdown css end*/
    }

    .theme-nav .nav-item:hover .nav-link {
        color: #25e0ff;
    }

    .theme-nav .nav-item.dropdown .dropdown-menu .nav-item .nav-link.active {
        color: #25e0ff !important;
    }

    .theme-nav .nav-item.dropdown .dropdown-menu .nav-item .nav-link:hover {
        color: #25e0ff !important;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .theme-nav.darkHeader .dropdown-menu .nav-item .nav-link.active {
        color: #25e0ff;
    }

    .theme-nav .navbar-nav .active>.nav-link {
        color: #25e0ff;
    }

    .rtl .screenshot-carousel-rtl img {
        -webkit-filter: hue-rotate(15deg);
        filter: hue-rotate(15deg);
    }

    .rtl .feature,
    .rtl .about,
    .rtl .home {
        -webkit-filter: hue-rotate(15deg);
        filter: hue-rotate(15deg);
    }

    .rtl .home-circle1 img,
    .rtl .home-circle2 img,
    .rtl .home-circle3 img,
    .rtl .about-phone img,
    .rtl .about-circle1 img,
    .rtl .about-circle2 img,
    .rtl .feature-circle1 img {
        -webkit-filter: unset;
        filter: unset;
    }

    .rtl .team-carousel-rtl.owl-theme .owl-dots .owl-dot span,
    .rtl .blog-carousel-rtl.owl-theme .owl-dots .owl-dot span {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #21ecff), color-stop(99%, #2cc6ff)) !important;
        background: linear-gradient(to bottom, #21ecff 0, #2cc6ff 99%) !important;
    }