/* Theme
-------------------------------------------------

	  Background color: #2B2A28
	  Color: ##C7C7C7

-------------------------------------------------
*/

.main-header {
    background-color: #2B2A28;
}

.main-header .main-menu ul li a {
    color: #C7C7C7;
}

.main-header .main-menu ul li a:hover {
    color: #FFF;
}

.header-area .header-top {
    background-color: #C7C7C7;
}

.header-area .header-top a {
    color: #2B2A28 !important;
}

.header-area .header-top li {
    color: #2B2A28 !important;
}

.header-area .header-bottom {
    background-color: #2B2A28;
}

.theme-color {
    color: #2B2A28 !important;
}

.team-profile,
.completed-cases {
    background-color: #FFFFFF !important;
}

.services-area {
    background-color: #F9F9F9 !important;
}

.services-area .single-services {
    background-color: #F9F9F9;
}

.services-area .single-services:hover {
    background-color: #2B2A28;
}

.single-services:hover .services-icon span {
    color: #C7C7C7 !important;
}

.single-services:hover .services-caption h4 {
    color: #C7C7C7;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.single-services .services-caption a {
    color: #506172;
}

.single-services:hover .services-caption a {
    color: #F9F9F9;
}

.single-services:hover .services-caption p,
.single-services:hover .services-caption a {
    color: #C7C7C7;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.team-profile .single-profile .single-profile-front .profile-img img:hover {
    border-bottom: 8px solid #2B2A28;
}

.team-profile .single-profile .single-profile-back-last {
    border: 4px solid #2B2A28;
}

.team-profile .single-profile .single-profile-back-last h2::before {
    background-color: #2B2A28 !important;
}

.footer-bottom-area .footer-copy-right p a {
    color: #2B2A28;
}

.slider-area .hero__caption h1,
.slider-area .hero__caption h2 {
    color: #FFF;
}

.team-profile .single-profile .single-profile-front .profile-caption h4:hover {
    color: #2B2A28;
}

.slider-active button.slick-arrow {
    background-color: #FFF;
    color: #2B2A28;
}

.btn {
    background-color: #FFF;
    color: #2B2A28;
}

.btn::before {
    background-color: #2B2A28;
    color: #FFF;
}

#scrollUp {
    background-color: #2B2A28;
    color: #FFF;
}

.main-header .main-menu ul ul.submenu {
    border-top-color: #C7C7C7;
}

.main-header .main-menu ul ul.submenu>li>a:hover {
    color: #000;
}

.main-header .main-menu ul li:hover>a {
    color: #FFF;
}

.preloader .preloader-circle {
    border-top-color: #2B2A28;
}

.page-item a {
    background-color: #2B2A28;
    color: #C7C7C7;
}

.page-item a:hover,
.page-item a.selected,
li.disabled a {
    background-color: #C7C7C7 !important;
    color: #2B2A28 !important;
}

b {
    color: #000;
}