/*
============== background Color====================
*/
#domain-search #search-btn, .faucher_box:after, .faucher_box:before, .plan_left ul li a, .us .item:before, .us .item:after,
.us .item h6:after, .custumer_sey .custumer_text, #footer .form-inline .form-group .btn-style, .btn-text,
.contact-info ul.info li .icon, .suppot_fige .media_suppot i,
.ui-input-group .input-bar:before, .ui-input-group .input-bar:after,
#header, .header {
    background: #0a6d32;
}

.custumer_sey .custumer_text:before, .sk-circle .sk-child:before, .page-signin .body-inner:before, .btn-primary:hover {
    background-color: #0a6d32;
}

.pricing .block .table-success, .pricing .btn.btn-success, .us .item h6:after {
    background: #0a6d32;
    background: -moz-linear-gradient(left, #0a6d32 0%, #30aa30 100%);
    background: -webkit-linear-gradient(left, #0a6d32 0%, #30aa30 100%);
    background: linear-gradient(to right, #0a6d32 0%, #30aa30 100%);
}

.us .item h6:after {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a6d32', endColorstr='#30aa30', GradientType=1);
}

/*
============== Text Color====================
*/
.us .item span, #servi-carousel .item_ser .full-item-pic i,
.ui-input-group > input:focus ~ label, .ui-input-group > textarea:focus ~ label, .color-primary, a.color-primary,
.inner_page .menu, .inner_page .menu:after, .menu-bg .menu:after, .menu-bg .menu, .article-box .news_post a h2, .foot-link a:hover,
a, header nav.navigation ul li ul.sub-nav li a, #page_tital_bar h1, #page_tital_bar h2, #page_tital_bar h3, #page_tital_bar h4, #page_tital_bar h5,
#page_tital_bar h6, .article-box h2, .article-box h3, .article-box h4, .article-box h5, .article-box h6 {
    color: #0a6d32;
}

/*
============== Border Color====================
*/
#domain-search #domain-text, #domain-search #domain-select, #domain-search #search-btn, #footer .form-inline .form-group .btn-style, .btn-text,
.btn-text:hover, .other_logo .logo_show {
    border-color: #0a6d32;
}

#domain-search #search-btn {
    background: #0a6d32;
}

input:active, .form-control:focus {
    border-color: #0a6d32;
    box-shadow: 0 0 0 .2rem rgba(10, 109, 50, 1);
}

/*
============== Banner background====================
*/
.banner {
    background-image: url(../images/green.svg);
}
.btn-primary, .btn-success, .btn-warning, .btn-info, button[name=step] {
    background-color: #0a6d32;
    border: #0a6d32;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active,
button[name=step]:not(:disabled):not(.disabled).active, button[name=step]:not(:disabled):not(.disabled):active,
#domain-search #search-btn:not(:disabled):not(.disabled).active, #domain-search #search-btn:not(:disabled):not(.disabled):active,
#footer .form-inline .form-group .btn-style:not(:disabled):not(.disabled).active, #footer .form-inline .form-group .btn-style:not(:disabled):not(.disabled):active,
.btn-primary:hover, .btn-warning, .btn-warning:hover, button[name=step], button[name=step]:hover, #domain-search #search-btn:hover, #footer .form-inline .form-group .btn-style:hover {
    color: #fff;
}

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus,
button[name=step]:not(:disabled):not(.disabled).active:focus, button[name=step]:not(:disabled):not(.disabled):active:focus,
#domain-search #search-btn:not(:disabled):not(.disabled).active:focus, #domain-search #search-btn:not(:disabled):not(.disabled):active:focus,
#footer .form-inline .form-group .btn-style:not(:disabled):not(.disabled).active:focus, #footer .form-inline .form-group .btn-style:not(:disabled):not(.disabled):active:focus,
.btn-primary:focus, .btn-success:focus, .btn-warning:focus, .btn-info:focus, button[name=step]:focus, #domain-search #search-btn:focus, #footer .form-inline .form-group .btn-style:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0);
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active,
button[name=step]:not(:disabled):not(.disabled).active, button[name=step]:not(:disabled):not(.disabled):active,
#footer .form-inline .form-group .btn-style:not(:disabled):not(.disabled).active, #footer .form-inline .form-group .btn-style:not(:disabled):not(.disabled):active,
.btn-primary:hover, .btn-success:hover, .btn-warning:hover, .btn-info:hover, button[name=step]:hover, #footer .form-inline .form-group .btn-style:hover {
    background-color: #000;
    border: #000;
}

#domain-search #search-btn:not(:disabled):not(.disabled).active, #domain-search #search-btn:not(:disabled):not(.disabled):active, #domain-search #search-btn:hover {
    background-color: #000;
}

/*
============== Media border====================
*/
@media (max-width: 767px) {
    
    .menu-bg .navigation span > ul > li:hover > a, .menu-bg .navigation span > ul#login-box > li:hover > a,
    .menu-bg .navigation span > ul > li > a, .menu-bg .navigation span > ul#login-box > li > a,
    .banner .navigation span > ul > li:hover > a, .banner .navigation span > ul#login-box > li:hover > a,
    .banner .navigation span > ul > li > a, .banner .navigation span > ul#login-box > li > a {
        color: #0a6d32;
    }    

}

@media (min-width: 900px) {
    header nav.navigation ul#login-box {
        background-color: #005a02;
    }
}