/***** START TEXT COLORS *****/
pre, .bg-dark, .navbar-default .navbar-brand, .navbar-default .navbar-text, .navbar-default .navbar-nav > li > a, .navbar-default .dropdown-header,
.navbar-default .dropdown-menu > li > a, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
navbar-default .navbar-link:hover, .navbar-default .btn-link:hover, .navbar-default .btn-link:focus, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,
.panel-default > .panel-heading, .cd-hero .container h1, .cd-hero .container h2, .arrow-nav a, .pagination li.active a, .pagination li a:hover, .pagination li a:active, .pagination li a:focus,
.pagination li.active a:hover, .pagination li.active a:active, .pagination li.active a:focus, #services-4 .feature i, #pricing-1 .top, .team-item .team-top ul li a, .portfolio-item-desc,
.portfolio-item-desc a, .portfolio-item .portfolio-top .portfolio-tag, .portfolio-item .portfolio-top .portfolio-tag a, .portfolio-item .portfolio-top ul li a,
.product-item .product-item-top .product-item-tag, .product-item .product-item-top .product-item-tag a, .product-item .product-item-top ul li a
{
    color: #FFF;
}

.navbar-default .navbar-link, .navbar-default .btn-link, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .dropdown-menu > li > a:hover, .navbar-default .dropdown-menu > li > a:focus,
.portfolio-item-desc a:hover, .portfolio-item .portfolio-top .portfolio-tag a:hover, .product-item .product-item-top .product-item-tag a:hover, #footer a:hover, footer a:active
{
    color: #DDD;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus, #footer a
{
    color: #CCC;
}

#title .breadcrumbs, .bigfeature-heading .text-muted, blockquote::before, .portfolio-controls li, #blog-grid .blog-meta, #blog-list .blog-meta, #blog-single .blog-meta
{
    color: #888;
}

a, blockquote, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus
{
    color: #666;
}

#services-4 .feature p
{
    color: #555;
}

a:hover, a:active, a:focus, .bigfeature-heading, .bigfeature-icon, .pagination li a, .portfolio-item .portfolio-top ul li a:hover, .product-item-inner .product-price, .product-item .product-item-top ul li a:hover,
.team-item .team-top ul li a:hover
{
    color: #333;
}

#services-4 .feature h4
{
    color: #222;
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge, #services-3 .big-icon:hover
{
    color: #111;
}

.portfolio-controls li.active
{
    color: #000;
}

.bigfeature-icon, #counters i, #services-2 h4 b, .big-icon, h1 b, h2 b, h3 b, h4 b, .preloader-animation
{
    color: #333;
}

#services-3 .big-icon:hover
{
    color: #555;
}

#intro h1 b, #intro h2 b, #intro h3 b, #intro h4 b, #call-to-action h1 b, #call-to-action h2 b, #call-to-action h3 b, #call-to-action h4 b
{
    color: #FFF;
}
/***** END TEXT COLORS *****/




/***** START BACKGROUND COLORS *****/

.list-group-item.active > .badge, .nav-pills > .active > a > .badge, .team-item .team-top ul li a:hover, .portfolio-item .portfolio-top ul li a:hover, .product-item .product-item-top ul li a:hover
{
    background-color: #fff;
}

#title, .bg-gray
{
    background-color: #EEE;
}

.navbar-default .navbar-toggle .icon-bar
{
    background-color: #DDD;
}

.panel-default > .panel-heading, #pricing-1 .top
{
    background-color: #AAA;
}

.bg-dark, .pagination li.active a, .pagination li a:hover, .pagination li a:active, .pagination li a:focus, .pagination li.active a:hover, .pagination li.active a:active, .pagination li.active a:focus,
#services-4 .feature i, #pricing-1 .featured .top, .team-item .team-top ul li a, .portfolio-item .portfolio-top ul li a, .product-item .product-item-top ul li a
{
    background-color: #333;
}

.btn-primary, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .label-primary, .progress-bar-primary
{
    background-color: #111;
}

 pre, .navbar-default .divider, .navbar-default .dropdown-menu > li > a:hover, .navbar-default .dropdown-menu > li > a:focus, .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover,
 .navbar-default .navbar-toggle:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:target, .btn-primary:active:focus, .owl-theme .owl-controls .owl-buttons div
{
    background-color: #000;
}

 .navbar-default, .cd-hero .container h2, .team-item .team-top .mask, .portfolio-item-desc, .portfolio-item .portfolio-top .mask, .product-item .product-item-top .mask
{
    background-color:rgba(0,0,0,0.6);
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus, .navbar-default .dropdown-menu, .navbar-default .navbar-toggle, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus, .arrow-nav a:hover, #footer, .bg-mask-black, .dropdown-menu > li.active > a
{
    background-color:rgba(0,0,0,0.8);
}

 .arrow-nav a
{
    background-color: rgba(0, 0, 0, 0.3);
}
#footer{
    background-color:rgba(0,0,0,0.8);
}
/***** END BACKGROUND COLORS *****/




/***** START BORDER COLORS *****/
#pricing-1 ul li, #pricing-2 ul li, #pricing-3 ul li, #blog-grid .blog-meta, #blog-list .blog-meta, #blog-single .blog-meta
{
    border-color: #DDD;
}

.widget h4, #blog-grid .blog-item, #blog-list .blog-item, .reviews-list .media-body, #shop .product-item
{
    border-color: #CCC;
}

#shop .product-item:hover, #blog-list .blog-item:hover, #blog-grid .blog-item:hover
{
    border-color: #BBB;
}

#pricing-1 .price, #pricing-2 .price, #pricing-3 .price
{
    border-color: #AAA;
}

.form-control:focus, blockquote
{
    border-color: #999;
}

#pricing-1 .featured, #pricing-2 .featured, #pricing-3 .featured
{
    border-color: #555;
}

.pagination li.active a, .pagination li a:hover, .pagination li a:active, .pagination li a:focus, .pagination li.active a:hover, .pagination li.active a:active, .pagination li.active a:focus
{
    border-color: #333;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form, .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:target, .btn-primary:active:focus,
.panel-default > .panel-heading
{
    border-color: #000;
}
/***** END BORDER COLORS *****/




/***** START SHADOWS *****/
.btn {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.19);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.19);
}

.cd-hero .container {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
}

#blog-grid .blog-item:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#blog-list .blog-item:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#shop .product-item:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/***** END SHADOWS *****/



/***** START COLLAPSED NAVBAR *****/
@media (max-width: 767px) {
    .navbar-collapse {
        background-color: rgba(0,0,0,0.8);
        border-color: #000;
    }
    .navbar-default .navbar-nav > li > a {
        color: #EEE;
    }
    .navbar-default .navbar-nav .open .dropdown-menu,
    .navbar-default .navbar-nav .open .dropdown-submenu  {
        background-color: rgba(0,0,0,0.8);
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #DDD;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #FFF;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #DDD;
        background-color: rgba(0,0,0,1);
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
    }
}
/***** END COLLAPSED NAVBAR *****/