/********************** Backgrounds **********************/
	
	#Header {
		background-color: #323232;
	}
	
	 
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#Header #menu {
			background: #323232;
		}
	}
		
	#Content, #Error_404 {
		background: #fff;
	}
	
	#Footer .widgets_wrapper {
		background-color: #201711;			
	}

/********************* Colors *********************/

/* Content font */
	body, .article_box p {
		color: #486375;
	}
	
/* Links color */
	a {
		color: #5E5E5E;
	}
	
	a:hover {
		color: #343434;
	}
	
/* Grey notes */
	.latest_posts ul.latest_posts_slider li .photo .date .month, .onoffswitch label, ul.latest_posts_slider li .comments, .skills .skills_list li h6 .label,
	#Error_404 .error h4, .latest_comments .inside ul li span.date, .Recent_comments ul li span.date, .Recent_posts ul li .desc p, .features h4 {
		color: #98a7a8;
	}
	
/* Strong */
	blockquote .author h6, .recent_works .header .more i, .latest_comments .inside ul li strong, .fun_facts .num, .quick_facts ul li span, .widget_calendar caption {
		color: #223441;
	}
	
/* Borders */
	.recent_works_tabber, .recent_works_tabber .project, .latest_posts ul.latest_posts_slider li .photo .date, .latest_posts ul.latest_posts_slider li, .latest_comments .inside, .article_box,
	.accordion .question h5, .faq .question h5, code, pre, #comments .commentlist > li, #comments .commentlist > li .photo, .post .l, .pager,
	#comments .commentlist li .comment-body, .widget_calendar td, .widget_calendar th, .single-portfolio .sp-inside .sp-inside-left, .call_to_action,
	.latest_comments .inside ul li, .Recent_posts ul li, .Recent_comments ul li, .widget_tp_widget_recent_tweets ul li, .quick_facts ul li,
	.widget_nav_menu li a, .widget_meta li a, .widget ul.menu li a, .features {
		border-color: #dfe3e5;
	}

/* Buttons */
	a.button, input[type="submit"], input[type="reset"], input[type="button"] {
		background-color: #343434;
		color: #fff;
	}
	
	a:hover.button, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
		background-color: #252525;
		color: #fff;
	}
	
/* Text hightlight */
	.highlight {
		background: #737373;
		color: #fff;
	}
	
/* Headings font */
	h1, h1 a, h1 a:hover { color: #4b4f58; }
	h2, h2 a, h2 a:hover { color: #4b4f58; }
	h3, h3 a, h3 a:hover { color: #4b4f58; }
	h4, h4 a, h4 a:hover { color: #23384e; }
	h5, h5 a, h5 a:hover { color: #3E3E3E; }
	h6, h6 a, h6 a:hover { color: #4b4f58; }

/* Header */
	#Top_bar .contact_info p {
		color: #848484;
	}
	#Top_bar .contact_info a i {
		color: #898989;
	}
	#Top_bar .contact_info a.phone span {
		color: #6F6F6F;
	}
	
	/* Social */
	.social li a {
		border-color: #E6E6E6;
		background: #ffffff;
		color: #888888 !important;
	}
	.social li a:hover {
		background: #626262;
		color: #FEFEFE !important;
	}
	
/* Subheader */
	#Subheader .title { 
		color: #fff;
	}
	
	#Subheader ul.breadcrumbs li,
	#Subheader ul.breadcrumbs li a { 
		color: #BABABA;
	}

	
/* Menu */
	#Header .menu > li > a {
		color: #fff;
	}

	#Header .menu > li.current-menu-item > a,
	#Header .menu > li.current_page_item > a,
	#Header .menu > li.current-menu-ancestor > a,
	#Header .menu > li.current_page_ancestor > a,
	#Header .menu > li > a:hover,
	#Header .menu > li.hover > a {
		color: #D0D0D0;		
	}
	
	#Header .menu > li.submenu > a:hover,
	#Header .menu > li.submenu.hover > a {
		background: #ACAFB1;
		color: #fff;
	}

	#Header .menu > li ul {
		background: #ACAFB1;
	}
		
	#Header .menu > li ul li a {
		color: #fff;
	}
	
/* Faq & Accordion & Tabs */
	.accordion .question h5, .faq .question h5 {
		color: #23384e;
	}
	.faq .active h5, .accordion .active h5 {
		color: #373737;
	}
	.accordion .active, .faq .active {
		background: #FBFBFB;
		border-color: #373737;
		color: #4C6580;
	}
	
	.ui-tabs .ui-tabs-nav li a {
		color: #767676;
	}
	
	.ui-tabs .ui-tabs-nav li {
		border-color: #e5e5e5;
	}
	
	.ui-tabs .ui-tabs-nav li.ui-state-active a {
		color: #373737; 
	}
	
	.ui-tabs .ui-tabs-nav li.ui-state-active { 
		border-color: #373737;
	}
	
/* Blog */
	.post .photo .date {
		background: #939393;
	}
	.post .photo .date .arrow {
		border-left-color: #939393;
	}
	.post .photo {
		border-bottom-color: #c7d1d9;
	}
	
/* Portfolio */
	.Projects_header .categories ul li a:hover, .Projects_header .categories ul li.current-cat a {
		background: #6F6F6F;
		color: #fff;
	}
	
/* Slider & pager controls */
	.testimonials .rslides_tabs li a, .pager a.page {
		color: #a0a6ac;
	}
	.testimonials .rslides_tabs li a:hover, .testimonials .rslides_tabs li.rslides_here a, .pager a.active, .pager a:hover.page {
		color: #343434;
	}
	
/* Blockquote */
	blockquote p {
		color: #373737;
		background: #FCFCFC;
		box-shadow: 0 -6px 0 #EEEEEE;
	}	
	
/* Call to action */
	.call_to_action .inner-padding {
		background-color: rgba(118, 118, 118, 0.85);
	}
	.call_to_action h4 {
		color: #fff;
	} 
	.call_to_action h4 span {
		color: #DEDEDE;
	}
	
/* Get in touch */
	.get_in_touch ul li i {
		color: #514F4F;
	}
	
/* Image overlays */
	.article_box .photo .mask, .wp-caption .photo .photo_wrapper a .mask, .team .photo .mask, .gallery .gallery-item .gallery-icon .mask,
	.da-thumbs li a div { 
		background: rgba(81, 79, 79, 0.85);
	}

/* Pricing box */
	.pricing-box .plan-header .price {
		color: #434343;
	}
	.pricing-box {
		border-color: #F4F4F4;
	}
	.pricing-box-featured {
		border-color: #DDDDDD;
		background: #F8F8F8;	
	}
		
/* Recent works */
	.recent_works_tabber .project.active {
		background: #737373;
		border-color: #737373;
	}
	.recent_works_tabber .project .title .arrow {
		border-right-color: #737373;
	}
	.recent_works_tabber .project.active, .recent_works_tabber .project.active h6 {
		color: #fff;
	}
	.recent_works_tabber .project.active dd {
		color: #E7E7E7;
	}
	.recent_works_tabber .project.active .footer , .recent_works_tabber .project.active .footer a {
		color: #ffffff;
	}
	
/* Latest posts / comments */
	.latest_posts ul.latest_posts_slider li .item, .latest_comments .inside {
		background: #f8fbfc;
	}
	.latest_posts ul.latest_posts_slider li .photo .date {
		border-top-color: #343434;
	}
	.latest_posts ul.latest_posts_slider li .photo .date .day {
		color: #343434;
	}
	
/********************* Footer *********************/
	#Footer {
		color: #778e9d;
	}
	#Footer .logo {
		border-color: #939393;
	}
	/* Menu */
	#Footer .copyrights .menu ul li a {
		color: #778E9D;
	}
	#Footer .copyrights .menu ul li a:hover, #Footer .copyrights .menu ul li.active a {
		color: #fff;
		background: #343434;
		
	}
	
/********************* Widgets **********************/

	.widget-area .widget {
		background-color: #FCFCFC;
	}

	.widget_mfn_menu li a i.icon-angle-right, .widget_mfn_menu li.current_page_item a, .widget_mfn_menu li a:hover {
		color: #616161;
	}

/********************* Widgets wrapper *********************/
	.widgets_wrapper, .widgets_wrapper .widget ul.menu li a, .widgets_wrapper .widget_categories li a, .widgets_wrapper .widget_meta li a {
		border-color: #BCBCBC;
		color: #CDCDCD;
	}
	.widgets_wrapper a {
		color: #F5F5F5;
	}
	.widgets_wrapper a:hover, .widgets_wrapper .widget ul.menu li a:hover, .widgets_wrapper .widget_categories li a:hover, 
	.widgets_wrapper .widget_meta li a:hover, .widgets_wrapper .widget ul.menu li.current_page_item a {
		color: #CFCFCF;
	}		
	.widgets_wrapper aside > h4 {
		color: #fff;
	}
	.widgets_wrapper h1, .widgets_wrapper h1 a, .widgets_wrapper h1 a:hover,
	.widgets_wrapper h2, .widgets_wrapper h2 a, .widgets_wrapper h2 a:hover,
	.widgets_wrapper h3, .widgets_wrapper h3 a, .widgets_wrapper h3 a:hover,
	.widgets_wrapper h4, .widgets_wrapper h4 a, .widgets_wrapper h4 a:hover,
	.widgets_wrapper h5, .widgets_wrapper h5 a, .widgets_wrapper h5 a:hover,
	.widgets_wrapper h6, .widgets_wrapper h6 a, .widgets_wrapper h6 a:hover,
	.widgets_wrapper .widget_calendar caption {
		color: #EDEDED;
	}
	/* Grey notes */
	.widgets_wrapper .Recent_comments ul li span.date, .widgets_wrapper .Recent_posts ul li .desc p {
		color: #E3E3E3;
	}
	/* Strong */
	.widgets_wrapper .quick_facts ul li span, .widgets_wrapper .fun_facts .num {
		color: #E3E3E3;
	}
	
/* Slider */
	#mfn-offer-slider .slide-title { 
		color: #4B4F58;
	}
	#mfn-offer-slider ul.slider-wrapper li .slide-wrap {
		background: #fff;
	}
	#mfn-offer-slider .arrow {
		border-bottom-color: #fff;
	}
	#mfn-offer-slider .slide-desc { 
		border-color: #D5D5D6;
	}