/* --------------------------------------
   Global Styles
-----------------------------------------*/

body {
    background-color: #fff;
}

.main-title h3 {
    color: #383737;
}

.main-title h2 {
    color: #383737;
}

/* --------------------------------------
   Color Switcher
-----------------------------------------*/

.switch-button {
    background: #fff;
    color: #383737;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}

.switched-styles {
    background: #fff;
    color: #383737;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}

.switched-styles h4 {
    color: #383737;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.switched-styles .hide-button {
	color: #383737;
}

/* --------------------------------------
   Loading
-----------------------------------------*/

.preloader {
    background: #fff;
}

/* --------------------------------------
   Navbar
-----------------------------------------*/

.navbar.active-nav {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .04);
}

.navbar.active-nav .navbar-nav > li > a,
.navbar.active-nav .navbar-nav > li > a:hover,
.navbar.active-nav .navbar-nav > li > a:focus {
    color: #383737;
}

/* --------------------------------------
   About Me
-----------------------------------------*/

.about-me {
    color: #fff;
}

.about-me .about-image {
    box-shadow: 0 0 15px rgba(0, 0, 0, .14);
}

.about-me .about-image img {
    opacity: 1;
}

.about-me .about-info p {
    color: #777577;
}

.about-me .about-info .skills {
    background-color: #f7f7f5;
	border: 1px solid #e8e6e6;
}

.about-me .about-info .skills .skills-inner h4 {
    color: #777577;
}

/* --------------------------------------
   Services
-----------------------------------------*/

.services {
    background: #f7f7f5;
}

.services .service {
	background: #fff;
	border: 1px solid #e8e6e6;
}

.services .service:before {
    content: none;
}

.services .service h4 {
    color: #383737;
}

.services .service p {
    color: #777577;
}

/* --------------------------------------
   Resume
-----------------------------------------*/

.resume {
    color: #383737;
}

.resume .resume-item {
	background: #f7f7f5;
    box-shadow: none;
}

.resume .resume-item h4 {
    color: #383737;
}

.resume .resume-item span {
    color: #777577;
    border-left: 1px solid #777577;
}

.resume .resume-item p {
    color: #777577;
    border-top: 1px solid #eaeaea;
}

/* --------------------------------------
   Portfolio
-----------------------------------------*/

.portfolio {
    background: #f7f7f5;
}

.portfolio .filter-menu .list-filter {
    box-shadow: 0 0 10px rgba(109, 109, 109, .1);
}

.portfolio .list-filter li {
    color: #383737;
}

.portfolio .list-filter li.active {
    color: #fff;
}

/* --------------------------------------
   Fun Facts
-----------------------------------------*/

.facts {
    color: #383737;
}

.facts .fact-item {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.facts .fact-item h4 {
    color: #383737;
}

.facts .fact-item .fact-number {
    color: #777;
}

/* --------------------------------------
   Testimonials
-----------------------------------------*/

.testimonials {
    background: #f7f7f5;
}

.testimonials .owl-theme .owl-dots .owl-dot span {
	background: #e2e2e2;
}

.testimonials .testimonial-box {
    background: #fff;
    box-shadow: 0 0 10px rgba(146, 144, 144, .2);
}

.testimonials .testimonial-box:before {
    color: #eee;
}

.testimonials .testimonial-box .client-pic img {
	border: 2px solid #f5f4f4;
	background: #fff;
}

.testimonials .client-details h6 {
	color: #383737;
}

.testimonials .testimonial-box .description p {
    color: #777577;
    border-top: 1px solid #eee;
}

/* --------------------------------------
   Blog
-----------------------------------------*/

.blog {
    color: #383737;
}

.blog .post-img {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border: 4px solid #fff;
}

.blog .post .post-content {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.blog .post .post-content .post-title h4 {
    color: #383737;
}

.blog .post .post-content .post-info li {
    color: #777577;
}

.blog .post .post-content .post-info li a span {
    color: #777577;
}

.blog .post .post-content .post-text p {
    color: #777577;
    border-top: 1px solid #eee;
}

.blog .post .post-content .post-more {
    color: #383737;
}

/* --------------------------------------
   Contact
-----------------------------------------*/

.contact {
    background: #f7f7f5;
}

.contact .contact-form {
    box-shadow: 0 0 10px rgba(146, 144, 144, .2);
}

.contact .contact-form .form-group .form-control {
    color: #777577;
    border: 1px solid #dedede;
}

.contact .contact-box {
    box-shadow: 0 0 10px rgba(146, 144, 144, .2);
}

.contact .contact-box .title-box {
    color: #383737;
}

.contact .contact-box .content-box p {
    color: #777577;
}

/* --------------------------------------
   Footer
-----------------------------------------*/

.footer {
    background-color: #fff;
    color: #777577;
}

.footer .footer-social-icons li a {
    color: #777577;
	-webkit-transition: all .01s ease-in-out;
    -moz-transition: all .01s ease-in-out;
    -o-transition: all .01s ease-in-out;
    -ms-transition: all .01s ease-in-out;
    transition: all .01s ease-in-out;
}

.footer .footer-social-icons li a:hover {
    color: #fff;
	-webkit-transition: all .01s ease-in-out;
    -moz-transition: all .01s ease-in-out;
    -o-transition: all .01s ease-in-out;
    -ms-transition: all .01s ease-in-out;
    transition: all .01s ease-in-out;
}

/* --------------------------------------
   Media Queries
-----------------------------------------*/

/* Small Devices */
@media (max-width: 767.98px) {
    
    /*=========== Navbar ============*/
    .navbar {
        background-color: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, .04);
    }
    
    .navbar .navbar-links {
        background: rgba(255, 255, 255, .08);
    }
    
    .navbar .navbar-links .navbar-nav {
        background: #fff;
    }
    
    .navbar .navbar-links .navbar-nav > li.nav-brand {
        border-bottom: 1px solid #f3f3f3;
        box-shadow: 0 0 10px rgba(146, 144, 144, .1);
    }
    
    .navbar .navbar-nav > li {
		border-top: 1px solid #efefef;
    	border-bottom: 1px solid #f3f3f3;
    }
	
	.navbar .navbar-nav > li > a,
	.navbar .navbar-nav > li > a:hover,
	.navbar .navbar-nav > li > a:focus {
		color: #383737;
	}
    
}