.overlay{
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, #000000, #1111FF);
}

.dwn-butt a{
    background: #1111FF;
}

.why-us .overlay{

}

.w-video .overlay {
    background-image: -webkit-linear-gradient(135deg,rgba(29,50,66,0.9),rgba(63,109,144,0.9));
    background-image: -moz-linear-gradient(135deg,rgba(29,50,66,0.9),rgba(63,109,144,0.9));
    background-image: -o-linear-gradient(135deg,rgba(29,50,66,0.9),rgba(63,109,144,0.9));
    background-image: linear-gradient(to right,rgba(29,50,66,0.9),rgba(63,109,144,0.9));
}


.features .feat-content-left .single-feat .icon-feat i, .features .feat-content-right .single-feat .icon-feat i{
    background: linear-gradient(0deg, #1111FF, #1111FF);
}

@media (min-width: 768px){
    .custom-navbar.top-nav-collapse {
        background: linear-gradient(90deg, #000000, #1111FF);
        -webkit-box-shadow: 1px 1px 10px rgba(80,80,80,0.5);
        -moz-box-shadow: 1px 1px 10px rgba(80,80,80,0.5);
        -o-box-shadow: 1px 1px 10px rgba(80,80,80,0.5);
        box-shadow: 1px 1px 10px rgba(80,80,80,0.5);
        padding: 10px 0;
    }
}

@media only screen and (max-width: 767px){

    #img_logo {
        width: 10%;
        margin-top: 10px;
    }

    .container>.navbar-header {
        background: linear-gradient(90deg, #000000, #1111FF);
        -webkit-box-shadow: 1px 1px 10px rgba(80,80,80,0.5);
        -moz-box-shadow: 1px 1px 10px rgba(80,80,80,0.5);
        -o-box-shadow: 1px 1px 10px rgba(80,80,80,0.5);
        box-shadow: 1px 1px 10px rgba(80,80,80,0.5);
    }
    .custom-navbar .nav li.active>a, .custom-navbar .navbar-nav>li>a:hover{
        color: #fff;
    }
    .custom-navbar .navbar-nav li a:hover:after, .custom-navbar .nav li.active>a:after {
        background-color: #1111FF;
    }
}

#scroll-top{
    background: linear-gradient(0deg, #ff001a, #ff001a)
}

.store-butt a {
    text-decoration: none !important;
    display: inline-flex  !important;
    width: 200px !important;
    height: 59px !important;
    background: linear-gradient(0deg, #ff001a, #ff001a);
    border-radius: 4px !important;
    color: #fff !important;
    background-size: 200% auto !important;
    -webkit-transition: all .5s ease-in-out !important;
    -moz-transition: all .5s ease-in-out !important;
    -o-transition: all .5s ease-in-out !important;
    transition: all .5s ease-in-out !important;
    margin-top: 20px;
}

.store-butt a p {
    margin-bottom: 0;
    font-family: "Montserrat",sans-serif !important;
    color: #fff !important;
    margin: auto !important;
    font-size: 15px !important;
    letter-spacing: .4px !important;
    line-height: 26px !important;
}

.store-butt a i {
    margin-right: 10px !important;
    font-size: 17px !important;
}

.title-underline i {
    color: #1111FF;
}

.title-underline:before, .title-underline:after{
    background: #1111FF;

}

.phone-frame video {
    max-height: 435px;
}

.w-video .phone-frame{
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0;
}

.custom-navbar.top-nav-collapse .navbar-brand img {
    width: 80px;
}

.custom-navbar .navbar-brand img {
    width: auto;
    margin-top: 8px;
}