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

    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); }
    .price-type h2 {
      color: #21ecff; }
  
  .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); }
  
  .about-right {
    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%); }
  
  .address-bar {
    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%); }
  
  .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: -webkit-gradient(linear, left top, right top, from(#2cc6ff), color-stop(#25e0ff), color-stop(#29ceff), to(#2cc6ff));
    background-image: linear-gradient(to right, #2cc6ff, #25e0ff, #29ceff, #2cc6ff); }
    .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; }