* {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    user-select: none;
    scroll-behavior: smooth !important;
}

a:hover, .read-more, .read-more i, .read-more:hover i, .default-btn-one, default-btn-two:hover, .default-btn-two:focus,
.section-title h2, .color-text,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a,
.navbar-section.is-sticky .navbar-nav .nav-item a:hover, .navbar-section.is-sticky .navbar-nav .nav-item a:focus,
.navbar-section.is-sticky .navbar-nav .nav-item a.active,
.techvio-responsive-nav .techvio-responsive-menu.mean-container .mean-nav ul li a.active,
.techvio-nav .navbar .other-option .call-btn i,
.home-section.home-2 .video-btn:hover i,
.portfolio-item .portfolio-content-overlay p,
.portfolios-details-desc .features-text h4 i,
.portfolios-details-desc .portfolio-details-info .single-info-box .social li a,
.single-testimonial .testimonial-bio .bio-info span,
.testimonial-slider.owl-theme .owl-nav [class*=owl-]:hover,
.team-info span,
.blog-single-item .blog-description .blog-info li,
.blog-single-item .blog-description .blog-info li i,
.blog-single-item .blog-description .blog-text h3:hover,
.blog-single-item:hover .blog-text h3,
.blog-details-desc .article-content .entry-meta ul li a,
.blog-details-desc .article-content .entry-meta ul li a:hover,
.blog-details-desc .article-content .entry-meta ul li i,
.blog-details-desc .article-footer .article-tags a,
.blog-details-desc .article-footer .article-share .social li a,
.comments-area .comment-metadata a:hover,
.widget-area .widget_recent_comments ul li a:hover,
.page-title-content ul li a:hover, .price-heading .price-usd h2,
.single-pricing-content .price-btn .price-btn-one:hover,
.home-faq .faq-accordion .accordion .accordion-item .active.accordion-title,
.home-faq .faq-accordion .accordion .accordion-item .active.accordion-title i,
.error-content .default-btn-one:hover, .coming-soon-content #timer div,
.single-footer-widget .footer-social i, .single-footer-widget .footer-quick-links li a:hover,
.single-footer-widget .footer-info-contact span a:hover, .copyright-area p a:hover, .copyright-area ul li a:hover {
    color: #087bc0;
}

    .default-btn, .default-btn-two, .go-top, .preloader::before, .preloader::after,
    .techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
    .techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active,
    .home-section.home-2 .video-btn,
    .home-6.home-section .main-banner-content .social-icon-list li a:hover,
    .single-services-two-item:hover, .services-three-content .features-list li:before,
    .services-widget .widget .widget-title::before,
    .services-widget .widget_categories ul li a,
    .about-area .skills .skill-item .skill-progress .progres,
    .overview-content .features-list li span::before,
    .portfolio-area .portfolio-list .nav li:hover, .portfolio-area .portfolio-list .nav li.filter-active,
    .portfolio-item .portfolio-content-overlay .portfolio-link-icon,
    .testimonial-slider.owl-theme .owl-dots .owl-dot:hover span,
    .testimonial-slider.owl-theme .owl-dots .owl-dot.active span,
    .main-banner-content .social-icon-list li a:hover, .slider .parallax-slider .caption .social-icon-list li a:hover,
    .portfolios-details-desc .portfolio-details-info .single-info-box .social li a:hover,
    .single-team-box .team-social-icon a:hover,
    .blog-details-desc .article-footer .article-tags a:hover,
    .blog-details-desc .article-footer .article-share .social li a:hover,
    .blockquote::after, .comments-area .comment-body .reply a:hover,
    .comments-area .comment-respond .form-submit input,
    .widget-area .widget .widget-title::before,
    .widget-area .widget_search form button,
    .widget-area .widget_recent_comments ul li::before,
    .widget-area .widget_categories ul li a:hover,
    .widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus,
    .pagination-area .page-numbers.current, .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus,
    .price-tag h3, .single-pricing-content .price-btn .price-btn-one,
    .faq-accordion .accordion .accordion-item .active.accordion-title,
    .error-content .default-btn-one, .coming-soon-area .social-list li a,
    .coming-soon-content form .submit-btn, .coming-soon-content form .submit-btn:hover, .coming-soon-content form .submit-btn:focus,
    .newsletter-form button, .single-footer-widget .footer-social i:hover {
        background-color: #087bc0;
    }

        .default-btn-one span, .default-btn span {
            background-color: #97c33c;
        }

.sub-title, .services-icon i {
    color: #97c33c;
}

.preloader .loader .box {
    background-image: url(../assets/techvio/img/loader.png);
    animation: animate 1s linear infinite;
    background-color: transparent;
}

.techvio-nav .navbar .other-option .call-btn {
    background: #087bc0;
}

.main-banner-content h1 {
    font-size: 30px;
}

.home-section {
    background: linear-gradient(to bottom, #013451, #3f8bc4, #69add6, #b3d772, #c0de8a);
}


.main-banner-content .social-icon-list li a:hover, .slider .parallax-slider .caption .social-icon-list li a:hover,
.portfolios-details-desc .portfolio-details-info .single-info-box .social li a,
.portfolios-details-desc .portfolio-details-info .single-info-box .social li a:hover,
.single-team-box .team-social-icon a:hover, .blog-details-desc .article-footer .article-tags a,
.blog-details-desc .article-footer .article-share .social li a,
.blog-details-desc .article-footer .article-share .social li a:hover,
.contact-form form .form-control:focus, .single-pricing-content .price-btn .price-btn-one,
.error-content .default-btn-one, .coming-soon-area .social-list li a, .single-footer-widget .footer-social i:hover {
    border: 1px solid #087bc0;
}

.single-services-two-item:hover .services-icon {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.overview-content .features-list {
    margin-top: 8px;
    margin-right: -20px;
}

    .overview-content .features-list li span, .widget-area .widget_search form .search-field,
    .contact-form form .form-control, .contact-form form .form-control:focus {
        border-left: 2px solid #087bc0;
    }

.single-testimonial .avatar img {
    border-left-color: #087bc0;
    border-bottom-color: #087bc0;
}

.blog-details-desc .article-footer .article-tags a:hover, .comments-area .comment-body .reply a:hover,
.comments-area .comment-respond input[type="date"]:focus, .comments-area .comment-respond input[type="time"]:focus,
.comments-area .comment-respond input[type="datetime-local"]:focus, .comments-area .comment-respond input[type="week"]:focus,
.comments-area .comment-respond input[type="month"]:focus, .comments-area .comment-respond input[type="text"]:focus,
.comments-area .comment-respond input[type="email"]:focus, .comments-area .comment-respond input[type="url"]:focus,
.comments-area .comment-respond input[type="password"]:focus, .comments-area .comment-respond input[type="search"]:focus,
.comments-area .comment-respond input[type="tel"]:focus, .comments-area .comment-respond input[type="number"]:focus,
.comments-area .comment-respond textarea:focus,
.widget-area .widget_search form .search-field:focus,
.widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus {
    border-color: #087bc0;
}

.contact-section {
    background: url(../assets/techvio/img/contact-us.png);
}

.contact-info-content {
    border-top: 3px solid #087bc0;
}

.copyright {
    text-align: center;
}

.form-group .error {
    color: #fff;
    padding: 10px 15px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: #ff4d15;
    margin-top: 5px;
    display: inline-block;
}

.contact-form {
    position: relative;
}

.spinner-container {
    /* height: 100%;
    position: absolute;
    top: 45%;
    margin: 0 auto;
    width: 100%;*/
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -38px;
    margin-left: -38px;
    text-align: center;
    color: #97c33c;
    display: none;
}

    .spinner-container.show {
        display: block;
    }

.price-area .form-switch.form-check {
    padding: 0;
}

.price-area .form-switch .form-check-input {
    display: inline-block;
    float: none;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: .45em;
    width: 2em;
    height: 1em;
}

.price-area .form-switch .form-check-label {
    font-size: 20px;
    color: #087bc0;
    font-weight: 700;
    width: auto;
}

.price-area .price-body del {
    color: #b7b7b7;
}

.price-area .single-pricing-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .price-area .single-pricing-content .price-btn {
        margin-top: auto;
    }
    .price-area .single-pricing-content.active {
        background-color: #f7f8f8;
        border: 1px solid #087bc0;
    }

.register-pay-form .form-group-cc input {
    display: inline-block;
    width: 66px;
}
    .register-pay-form .form-group-cc input.cvc {
        width: 72px;
    }