:root {
    --accent-red: #c20000;
    --primary-gray: #676464;
    --dark: #1d1d1d;
    --body-text: #444444;
    --light-border: #ededed;
    --light-bg: #f7f7f7;
    --footer-bg: #3b3b3b;
    --footer-dark: #404040;
}

#topbar { background: #676464; }
a { color: #676464; }
a:hover { color: #c20000; }
#header .logo img { max-height: 100px; }
.navbar a:hover, .navbar .active { color: #c20000; }
.btn-primary, .btn-get-started { background: #676464; border-color: #676464; }
.btn-primary:hover, .btn-get-started:hover { background: #c20000; border-color: #c20000; }
.featured .icon-box:hover { background: #676464; }
.featured .icon-box i { color: #676464; }
.services .icon-box:hover h4 a { color: #c20000; }
.services .icon-box i { color: #676464; }
.counts .count-box i { color: #676464; }
.skills .progress-bar { background-color: #676464; }
#footer { background: #3b3b3b; }
.footer-top { background: #404040; }
#footer .footer-top .footer-links ul a:hover { color: #c20000; }
.back-to-top { background: #c20000; }
.breadcrumbs h2 { color: #1d1d1d; }