/*-----------------------------------------------------------------------
/*  Theme Name  : App On Web Theme
/*  Theme URI   :http://www.spheretheme.com/apponweb
/*  Description : Mobile App Landing page Theme
/*  Version     : 1.1
/*  assets/css/colors/theme.css
/* This file is used for #00acc1 color preset
/*-----------------------------------------------------------------------
*/

::selection {
    background: #00acc1; /* Safari */
}
::-moz-selection {
    background: #00acc1; /* Firefox */
}
.btn.btn-nav:hover, 
.btn.btn-nav:focus{
    color: #00acc1;
}
.btn.btn-nav:hover .btn-nav-text,
.btn.btn-nav:focus .btn-nav-text{
    color: #eee;
}
.btn.btn-nav:hover .btn-nav-icon > .icon-bar, 
.btn.btn-nav:focus .btn-nav-icon > .icon-bar{
    background-color: #eee;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus{
        color: #00acc1;
    }
}
.navbar-default .navbar-nav > li > a:after{
    background-color: #00acc1;
}
.btn-default:hover,
.btn-default:focus, 
.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover{
    background-color: #00acc1;
    border-color: #00acc1;
}
.btn-default:hover:before{
    background-color: #00acc1;
}
.btn-primary{
    background-color: #00acc1;
    border-color: #00acc1;
}
.btn-primary:hover,
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary:active:focus{
    color: #00acc1;
    border-color: #00acc1;
}
.btn-offer {
    border-color: #007c91;
    background-color: #007c91;
}
.btn-offer:hover:before{
    background-color: #00acc1;
}
.btn-offer:hover,
.btn-offer:focus{
    background-color: #00acc1;
    border-color: #00acc1;
}
.btn-info:active:focus, 
.btn-info:active:hover,
.btn-info.active,
.btn-info:active,
.btn-info:hover, 
.btn-info:focus {
    background-color: #00acc1;
    border-color: #00acc1;
}
.btn-info:hover:before{
    background-color: #00acc1;
}
.btn-contact:hover, 
.btn-contact:focus {
    background-color: #00acc1;
    border-color: #007c91;
    color: #fff;
}
.btn-contact:hover:before{
    background-color: #007c91;
}
.owl-home .item-inner,
.banner-wrapper .section-content {
    background: -moz-linear-gradient(0deg, rgba(0, 172, 193, 0.9) 0%, rgba(93, 222, 244, 0.6) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 172, 193, 0.9)), color-stop(100%, rgba(93, 222, 244, 0.6)));
    background: -webkit-linear-gradient(0deg, rgba(0, 172, 193, 0.9) 0%, rgba(93, 222, 244, 0.6) 100%);
    background: -o-linear-gradient(0deg, rgba(0, 172, 193, 0.9) 0%, rgba(93, 222, 244, 0.6) 100%);
    background: -ms-linear-gradient(0deg, rgba(0, 172, 193, 0.9) 0%, rgba(93, 222, 244, 0.6) 100%);
    background: linear-gradient(90deg, rgba(0, 172, 193, 0.9) 0%, rgba(93, 222, 244, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acc1', endColorstr='#ff5432', GradientType=1 );
}
.feature:hover .feature-disk {
    background-color: #00acc1;
    border-color: #00acc1;
}
.feature-disk .icon{
    color: #00acc1;
}
.owl-home .owl-controls .owl-nav .owl-prev, 
.owl-home .owl-controls .owl-nav .owl-next,
.owl-reviews .owl-dot,
.screenshot-carousel .owl-dot{
    background-color: rgba(0, 172, 193,0.4);
}
.owl-home .owl-controls .owl-nav .owl-prev:hover, 
.owl-home .owl-controls .owl-nav .owl-next:hover,
.owl-reviews .owl-dot.active, 
.owl-reviews .owl-dot:hover,
.screenshot-carousel .owl-dot.active, 
.screenshot-carousel .owl-dot:hover {
    background-color: rgba(0, 172, 193,1);
}
.step, 
.step-right, 
.step-left .step-left, 
.step-first, 
.step-last,
.step-first .disk, 
.step-last .disk{
    border-color: #00acc1;
}
.updates-content .arrow-icon,
.updates-content .play-icon{
    color: #00acc1;
}
.step-first .disk:hover, 
.step-last .disk:hover {
    background-color: #00acc1;
}
.step .disk,
.step-left,
.step-right{
    border-color: #00acc1;
}
.owl-reviews .line{
    background-color: #00acc1;
}
.countdown-section .single-box h3{
    color: #00acc1;
}
.offer{
    border-color: #00acc1;
}
.offer-footer:before,
.offer-header:after{
    background-color: rgba(0, 172, 193,0.4);
}
.offer:hover{
    border-color: #007c91;
}
.section-faq .accordion-panel .faq-heading a{
    color: #00acc1;
}
.support-section .single-address .fa{
    color: #00acc1;
}
.contact-form input:focus,
.contact-form textarea:focus{
    border-color: #00acc1;
}
.back-top{
    background-color: #00acc1;
}
.footer-social > li > a:hover,
.footer-social > li > a:focus{
    color: #00acc1;
}
.notify .form-control:focus,
.search-box .form-control:focus,
.comment input:focus,
.comment textarea:focus,
.single-content blockquote{
    border-color: #00acc1;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:after{
    background-color: #00acc1;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.widget-body ul li a:focus,
.widget-body ul li a:hover,
.post-content .read-more-btn:hover,
.post-title a:hover, 
.post-title a:active,
ul.meta-info a:hover,
.pagination > li > a, 
.pagination > li > span,
.pager li > a, 
.pager li > span,
.comment-list .media .action{
    color: #00acc1;
}
.tags-widget ul li a:focus,
.tags-widget ul li a:hover,
.pagination > li > a:focus,
.pagination > li > a:hover, 
.pagination > li > span:focus, 
.pagination > li > span:hover,
.pager li > a:focus, 
.pager li > a:hover{
    background: #00acc1;
    border-color: #00acc1;
    color: #fff;
}