/*-----------------------------------------------------------------------
/*  Theme Name  : App On Web Theme
/*  Theme URI   :http://www.spheretheme.com/apponweb
/*  Description : One Page mobile App Landing page Theme
/*  Version     : 1.0
/*  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;
}
.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: #006EBD;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acc1', endColorstr='#ff5432', GradientType=1 );
}
.feature:hover .feature-disk {
    background-color: #ed7d2d;
    border-color: #ed7d2d;
}
.feature-disk .icon{
    color: #ed7d2d;
}
.owl-reviews .owl-dot,
.screenshot-carousel .owl-dot{
    background-color: rgba(0, 172, 193,0.4);
}
.owl-reviews .owl-dot.active, 
.owl-reviews .owl-dot:hover,
.screenshot-carousel .owl-dot.active, 
.screenshot-carousel .owl-dot:hover {
    background-color: rgba(237, 125, 45,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: #ffffff;
}
.contact-form input:focus,
.contact-form textarea:focus{
    border-color: #00acc1;
}
.back-top{
    background-color: #ed7d2d;
}
.footer-social > li > a:hover,
.footer-social > li > a:focus{
    color: #00acc1;
}