/* Colorful skin */

/* ==========================================================================
   #Typography
   ========================================================================== */
   
	body {
		background-color: #fff;
		color: #fff;
	}
	
	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6 {
		color: #fff;
	}
	
	abbr[title] {  
		border-bottom: 1px dotted #999; 
	}
	
	blockquote span { 
		color: #999999;  
	}

	hr { 
		border: solid #efefef; 
	}
	
	code { 
		border: 1px solid #e1e1e8;
		background-color: #f7f7f7;  
		color: #d14;  
	}
	
	pre {
		border: 1px solid #e1e1e8;   
		background-color: #f7f7f7; 
	}
	
	.hr { 
		border-top: 1px solid #efefef;  
	}
	
	.text-highlight { 
		background-color: #d5edf8; 
		color: #111111; 
	}
	
	.mute { color: #aaa; }
	
/* #Links
   ========================================================================== */
	
	a, 
	a:visited { 
		color: #346699; 
	}
	
	a:active {
 		background: transparent;
	}

/* #Tables
   ========================================================================== */

	table { 
		background-color: transparent; 
	}

	table th, 
	table td {
		border-top: 1px solid #b0b0b0;
	}
	
/* #Forms
   ========================================================================== */

	label span { color: #ff0000; }
	
	input,
	textarea,
	select {
		border: 1px solid #ddd;
		background: #fff;
		color: #666;
	}
	
	input[type="text"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	textarea:focus {
		border-color: #e91e63;
	}
	
	select:focus {
	  outline: thin dotted #333;
	}
	
	input:-moz-placeholder,
	textarea:-moz-placeholder {
		color: #ccc;
	}
	
	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		color: #ccc;
	}
	
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		color: #ccc;
	}  
	
	/* ==========================================================================
   #Accordions
   ========================================================================== */

	/* Accordeon & Toggles */

	.accordion-item-toggle,
	.toggle-item-toggle {
		background-color: #f06292;
		color: #fff;
	}

	.accordion-item-toggle:hover,
	.accordion-item-toggle.active,
	.toggle-item-toggle:hover,
	.toggle-item-toggle.active {
		background-color: #e91e63;
	}

/* ==========================================================================
   #Alerts
   ========================================================================== */

	.alert {
		border: 1px solid #d1d1d1;
		-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
		        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
		background-color: #f8f8f8;
	}
	
	.alert.info {
		border: 1px solid #86cde3;
		background-color: #cce9f2;
		color: #3194b1;
	}
	
	.alert.success {
		border: 1px solid #b3cda1;
		background-color: #d8f1c6;
		color: #749958;
	}
	
	.alert.error {
		border: 1px solid #e1a1a1;
		background-color: #f9d9d9;
		color: #b55454;
	}
	
	.alert.warning {
		border: 1px solid #d1c9ae;
		background-color: #fbf4dd;
		color: #978c68;
	} 

/* ==========================================================================
   #Back to top
   ========================================================================== */

	#back-to-top {
		background-color: #747474;
		color: #fafafa;
	}
	
	#back-to-top:hover { background-color: rgba(0, 0, 0, 0.7); }
	
	#back-to-top:hover i { color: #fff; }

/* ==========================================================================
   #Buttons
   ========================================================================== */

	.btn {
		border-bottom: 2px solid #9e9e9e;
		background-color: #f06292;
		color: #fff;	
	}
	
	a.btn { color: #fff; }
	
	.btn.alt {
		border-bottom-color: #ff4e00;
		background-color: #e91e63; 
	}
	
	.btn:hover {
		border-bottom-color: #ff4e00;
		background: #e91e63; 
	}
	
	.btn.alt:hover {
		border-bottom-color: #9e9e9e;
		background-color: #f06292; 
	}

	/* Buton Colors */
	
	.btn-white {
		border: 1px solid #dddddd;
		background-color: #f7f7f7;
		color: #444;
	}
	
	a.btn-white { color: #444; }
	.btn-white:hover { background: #fbfbfb; }
	
	.btn-black {
		border: 1px solid #464646;
		background-color: #464646;
		color: #fff;
	}
	
	a.btn-black { color: #fff; }
	.btn-black:hover { background: #535353; }
	
	.btn-blue {
		border: 1px solid #1f70ad;
		background-color: #2778c8;
		color: #fff;
	}
	
	a.btn-blue { color: #fff; }
	.btn-blue:hover { background: #287fc8; }

	.btn-red {
		border: 1px solid #b23730;
		background-color: #c74039;
		color: #fff;
	}
	
	a.btn-red { color: #fff; }
	.btn-red:hover { background: #ce4640; }

	.btn-green {
		border: 1px solid #819633;
		background-color: #8da046;
		color: #fff;
	}
	
	a.btn-green{ color: #fff; }
	.btn-green:hover { background: #93a749; }
	
/* ==========================================================================
   #Callout Boxes
   ========================================================================== */

	.callout-box {
		background-color: #333;
		color: #fff;
	}
	 
	.callout-box.bg-img {
		color: #fff;
	}
	
	.callout-box.bg-pattern {	
		color: #fff;
	}
	
	.callout-box.bordered {
		border: 1px solid #efefef;
		background-color: #f5f5f5;
	}

/* ==========================================================================
   #Custom Lists
   ========================================================================== */
	
	ul.check li:before,
	ul.plus li:before,
	ul.pin li:before { 
		background-color: #e91e63;
		color: #fff;
	}
	
	ul.arrow li:before { 
		background-color: #e91e63;
		color: #fff;
	}

/* ==========================================================================
   #Dividers
   ========================================================================== */
	
	.divider.single-line { border-top: 1px solid #e2e2e2; }
	
	.divider.double-line { border-top: 4px double #e2e2e2; }
	
	.divider.single-dotted {
		 background: url(../../images/bg-single-dotted.gif) repeat-x top left ;  
	}
	
	.divider.double-dotted { 
		background: url(../../images/bg-double-dotted.gif) repeat-x top left; 
	}	

/* ==========================================================================
   #Headlines
   ========================================================================== */
	
	.headline h1 { 
		color: #fff;
	}
	
	.headline h1:before {
		border-bottom: 1px solid #fff;
	}

/* ==========================================================================
   #Icon Boxes
   ========================================================================== */

/* Icon Box 1
   ========================================================================== */
		
	.icon-box-1 > i { 
		border: 1px solid #f06292;
		color: #f06292;
	} 
	
	.icon-box-icon {
		background-color: #f6f6f6;
	}
	.icon-box-content h3 a { color: #fff; }
	
	.icon-box-1:hover > i {
		border-color: #e91e63;
		color: #e91e63; 
	}
	
	.icon-box-1:hover .icon-box-icon { background-color: #e91e63; }

/* Icon Box 2
   ========================================================================== */
		
	.icon-box-2 > i { 
		color: #666e74; 
	}

/* Icon Box 4
   ========================================================================== */
	
	.icon-box-4 > i {
		border: 1px solid #969696;		
		background-color: #e1e1e1;	
		color: #444444;
	}
	 
	.icon-box-4 .icon-box-content { 
		border: 1px solid #e0e0e0; 
		background-color: #f4f4f4;
	}

/* Icon Box 5
   ========================================================================== */
		
	.icon-box-5 > i { 
		border: 1px solid #969696;
		background-color: #e1e1e1;
		color: #444444;
	} 
	
	.icon-box-5 .icon-box-content { 
		border: 1px solid #e0e0e0; 
		background-color: #f4f4f4;
	}
	
/* ==========================================================================
   #Milestones
   ========================================================================== */
	
	.milestone i {
		color: #f06292;
	}
	
	.milestone .milestone-description {
		color: #fff;
	}
	
	.milestone:hover i { color: #fff; }
	.milestone:hover .milestone-content { color: #fff; }

/* ==========================================================================
   #Our Process
   ========================================================================== */
		
	.process-builder ul:before {
		border-top: 1px dashed #f06292;
	}
	
	.process-builder ul li i {
		color: #f06292; 
	}
	
	.process-builder ul li span { 
		border: 1px solid #f06292;
		background-color: #fff;
	}
	
	.process-builder ul li:hover span { background-color: #e91e63; }
	
	.process-builder ul li:hover i { color: #fff; }

/* ==========================================================================
   #Page Loader
   ========================================================================== */

	#pageloader {
		background-color: #fff;
	}
	
/* ==========================================================================
   #Parallax
   ========================================================================== */
   
	.parallax { color :#fff; }
	
	.parallax h1, 
	.parallax h2, 
	.parallax h3, 
	.parallax h4, 
	.parallax h5, 
	.parallax h6,
	.parallax .icon-box-content h3 a,
	.parallax .milestone .milestone-description,
	.parallax .milestone:hover i,
	.parallax .pie-chart-description,
	.parallax .pie-chart i, 
	.parallax .pie-chart .pie-chart-custom-text, 
	.parallax .pie-chart .pie-chart-percent,
	.parallax a.social-icon { color: #fff; }
	
	.parallax abbr[title] { border-bottom: 1px dotted #fff; }
	
	.parallax .vertical-tabs-container .tabs,
	.parallax .vertical-tabs-container { background-color: transparent; }
	
	.parallax .bx-wrapper .bx-prev { background: url(../../images/arrow-left.png) no-repeat center center; }
	.parallax .bx-wrapper .bx-next { background: url(../../images/arrow-right.png) no-repeat center center; }
	
	.parallax .bx-wrapper .bx-controls-direction a {
		border-color: #fff;
		background-color: transparent;
	}
	
	.parallax .headline h1:before { border-bottom-color: #fff; }
	
	.parallax.full-screen h1 span { color: #e91e63; }
	
	.parallax.full-screen h3.bordered {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	
	.parallax.full-screen h3.bordered a { color: #fff; }
	
	.parallax.full-screen .btn {
		border: 1px solid #fff;
		background-color: transparent;
	}
	
	.parallax.full-screen .btn.alt {
		border-color: transparent;
		background-color: #e91e63; 
	}
	
	.parallax.full-screen .btn:hover { background-color: rgba(0, 0, 0, 0.5); }
	
	.parallax.full-screen .arrow {
		background-color: #e91e63;
	}
	
	.full-screen-overlay {
		background: url(../../../_content/creative/backgrounds/pattern.png) repeat top left;
	}

/* ==========================================================================
   #Pie charts
   ========================================================================== */
	
	.pie-chart i, 
	.pie-chart .pie-chart-custom-text, 
	.pie-chart .pie-chart-percent {
		color: #fff;
	}
	
	.pie-chart-description {
		color: #fff;
	}

/* ==========================================================================
   #Pricing Tables
   ========================================================================== */
	
	.pricing-table {
		background-color: #4b4b4b;
		color: #fff;
	}

	.pricing-table-header { 
		background-color: #2a2a2a;
		color: #fff;
	}

	.pricing-table-header h1 {
		color: #fff;
	}
	
	.pricing-table-header h2 {
		color: #fff;
	}

	.pricing-table-offer ul li { 
		border-top: 1px solid rgba(255, 255, 255, 0.5);
	}
	
	.pricing-table .btn { background-color: #2a2a2a; }	
	.pricing-table .btn:hover { background-color: #e91e63; }
	
	.pricing-table:hover .pricing-table-header { background-color: #e91e63; }
	

/* ==========================================================================
   #ProgressBars
   ========================================================================== */
	
	.progress-bar {
		height: 20px;
		background-color: #e6e6e6;
	}
	
	.progress-bar .progress-bar-outer {
		background-color: #2a2a2a;
	}

/* ==========================================================================
   #SocialMedia
   ========================================================================== */

	a.social-icon {
		color: #4b4b4b;
	}
	
	a.facebook-icon:hover { color: #0e59a0 !important; }
	a.twitter-icon:hover { color: #0ea4ff !important; }
	a.dribble-icon:hover { color: #ea73a0 !important; }
	a.pinterest-icon:hover { color: #d73532 !important; }
	a.googleplus-icon:hover { color: #282927 !important; }
	a.tumblr-icon:hover { color: #586980 !important; }
	a.instagram-icon:hover { color: #82685a !important; }
	a.rss-icon:hover { color: #f79638 !important; }
	a.linkedin-icon:hover { color: #018faf !important; }
	a.skype-icon:hover { color: #00b0f6 !important; }
	a.flickr-icon:hover { color: #0061db !important; }
	a.vimeo-icon:hover { color: #63879c !important; }
	a.github-icon:hover { color: #3b3b3b !important; }
	a.youtube-icon:hover { color: #cc181e !important; }
	a.windows-icon:hover { color: #6dc2e9 !important; }
	a.dropbox-icon:hover { color: #007ee5 !important; }
	a.xing-icon:hover { color: #026566 !important; }

/* ==========================================================================
   #Styled Tables
   ========================================================================== */

	.table-bordered { 
		border: 1px solid #b0b0b0;
	}
	
	.table-bordered th {
		border-left: 1px solid #fff; 
		background-color: #2a2a2a;
		color: #fff;
	}
	
	.table-bordered th:first-child { border-left-color: #4c575d; }
	
	.table-bordered td { border-left: 1px solid #b0b0b0; }

	@media (max-width: 480px) {
		
		tr { border-top: 1px solid #555; }
	  
	}

/* ==========================================================================
   #Tabs
   ========================================================================== */


	.tabs-container .tabs-menu { 
		border-bottom: 1px solid #e9e9e9;
	}
	
	.tabs-container .tabs-menu li a { 
		border: 1px solid #e7e7e7;
		background-color: #f06292;
		color: #fff;
	}
	
	.tabs-container .tabs-menu li:first-child a { border-left: 1px solid #e7e7e7; }
	
	.tabs-container .tabs-menu li.active a {
		border-left: 1px solid #e7e7e7;
		border-bottom-color: #fff; 
		background-color: #e91e63;
		color: #fff; 
	}
	
	.tabs-container .tabs {
		border: 1px solid #e9e9e9; 
	}

	.vertical-tabs-container {
		border: 1px solid #e7e7e7;
		background-color: #f06292;
	}
	
	.vertical-tabs-container .tabs-menu { 
		border-right: 1px solid #e7e7e7;
	}
	
	.vertical-tabs-container .tabs-menu li a { 
		border-bottom: 1px solid #e7e7e7;
		border-right: 1px solid #e7e7e7;	
		background-color: #f06292;
		color: #fff;
	}
	
	.vertical-tabs-container .tabs-menu li.active a {
		border-right-color: #fff;
		background-color: #e91e63;
	}
	
	.vertical-tabs-container  .tabs {
		background-color: #fff;
		margin-left: 180px;	
	}
	
	@media (max-width: 767px) {
	
		.tabs-container .tabs-menu li a { 
			border: 1px solid #e7e7e7;
		}
		
		.tabs-container .tabs-menu li:first-child a { border-top: 1px solid #e7e7e7; }
		
		.tabs-container .tabs-menu li.active a {  
			border-bottom-color: #555;
			background-color: #fff;
			color: #666; 
		}

		.vertical-tabs-container .tabs-menu li.active a { border-bottom-color: #333; }		
	  
	}
	
/* ==========================================================================
   #Testimonials
   ========================================================================== */
	
	.testimonial-overlay {
		background-color: rgba(123, 85, 125, 0.7);
	}
	
	#project-wrap .testimonial {
		background: url(../../../_content/creative/backgrounds/570x400.png) no-repeat top left;
	}
	
	#project-wrap .testimonial h4,
	#project-wrap .testimonial h6 {
		color: #fff; 
	}

	.testimonial h5 span { color: #999; }	
	.testimonial a { color: #555; }
	
/* ==========================================================================
   #WordPress Widgets
   ========================================================================== */
	
	#searchsubmit { background: url(../../images/bg-search.png) no-repeat center center; }
	
	.ewf_widget_navigation li { border-bottom: 1px solid #efefef; }
	
	.ewf_widget_navigation li a { color: #222; }
	
	.ewf_widget_navigation li.current a { color: #303030; }	

/* ==========================================================================
   #WordPress Comments
   ========================================================================== */
	
	.commentlist .vcard cite.fn a.url {
		color: #201914;
	}
	
	.commentlist .comment-meta a { color: #201914; }
	
	.commentlist li .comment-body {
		border-bottom: 2px solid #f06292;
		background-color: #fff;
	}
	
	.commentlist li .comment-body:before,
	.commentlist li .comment-body:after {
		border-top: 20px solid transparent; 
		border-right: 20px solid #fff; 
		border-bottom: 20px solid transparent;
	}
	
	.commentlist li .comment-body:after {
		border-right-color: #f06292;
	}
	
/* ==========================================================================
   #WordPress Comment Form
   ========================================================================== */	
	
	.comment-respond {
		border-bottom: 2px solid #f06292;
		background-color: #fff;
	}
	
	.comment-respond h3 { color: #201914; }
	
/* ==========================================================================
   #General Layout 
   ========================================================================== */

	#wrap { background-color: #fff; }
	
	/* Magnific Popup Buttons */
	
	.mfp-ajax-holder button.mfp-close {
		background-color: #e91e63;
		color: #fff;
	}
	
	.mfp-ajax-holder .mfp-arrow-left {
		background: #e91e63 url(../../images/arrow-left.png) no-repeat center center; 
	}
	
	.mfp-ajax-holder .mfp-arrow-right {
		background: #e91e63 url(../../images/arrow-right.png) no-repeat center center; 
	}
	
/* #Header
   ========================================================================== */

	/* Right Menu */
	
	a.menu-collaps {
		color: #fff;
	}

	#nav-menu {
		background: #303133;
		color: #fff;
	}
	
	#nav-menu a.close-menu {
		background: #ccc;
	}
	
	#nav-menu a.close-menu i {
		color: #303133;
	}
	
	.nav.menu li { background: #303133; }
	
	.nav.menu li.active,
	.nav.menu li:hover { background: #e91e63; }
	
	.nav.menu li a {
		color: #fff;
	}
	
	/* Menu skin */
	
	.sf-menu a {
		color: #fff;  
	}
	
	.sf-menu li a:hover { color: #ccc; }
	
	.sf-menu li.active a {}
	.sf-menu > li.active > a:before { border-bottom-color: #e91e63; }
	
	/**
 	 * 1. allow long menu items to determine submenu width
 	 */
	
	.sf-menu ul {
		border: 1px solid rgba(0, 0, 0, 0.1); 
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);   
				box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); 
		background-color: #fff;			
	}

	/* Menu arrows */
	
	/* Bottom facing arrows */
	
	.sf-arrows .sf-with-ul:after {
		border: 5px solid transparent;
		border-top-color: rgba(0, 0, 0, 0.5);
	}
	
	/* Right facing arrows */
	
	.sf-arrows ul .sf-with-ul:after {
		border-color: transparent;
		border-left-color: rgba(0, 0, 0, 0.5);
	}
	
	/* Mobile Menu  */
			
	#mobile-menu {
		border-bottom: 1px solid #efefef;
		background-color: #e91e63;
	}

	#mobile-menu li a {
		border-top: 1px solid #efefef;
		color: #fff;
	}
	
	#mobile-menu .mobile-menu-submenu-arrow {
		border-left: 1px solid #efefef;
		color: #333;
	}
	
	#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #f3f3f3; }
	
	/* Mobile menu trigger  */
				
	#mobile-menu-trigger { 
		color: #e91e63;
	}
	
	@media (min-width: 1024px) {
		
		.sticky-wrapper #header {
			background-color: transparent;
		}
		
		#header.stuck {
			-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);   
					box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); 
			background: #F06292
;
		}
		
		.sticky-wrapper a.menu-collaps { color: #fff; }
	
		.stuck a.menu-collaps { 
			color: #4b4b4b;
		}
		
		.sticky-wrapper .sf-menu a { color: #fff; }
		.stuck .sf-menu a { color: #4b4b4b; }
		
	}
	
/* #Footer
   ========================================================================== */		
		
	#footer { 
		background-color: #1b1b1b;
		color: #fff;
	}
			
/* ==========================================================================
   #Page Styles
   ========================================================================== */
   
/* #Home
   ========================================================================== */
	
	.full-screen-overlay {
		background: url(../../../_content/creative/backgrounds/pattern.png) repeat top left;
	}

/* #Services
   ========================================================================== */
   
    #services { background-color: #2196f3; }


/* #Features
   ========================================================================== */
	
	#features {
		background: #ce8c3e;
		color: #fff;
	}
	
	#features .headline h1 { color: #fff; }
	#features .headline h1:before { border-bottom-color: #fff; }
	
	/* Butons List */
	
	.buttons li a.btn {
		border: 1px solid #fff;
		border-bottom: 2px solid rgba(255, 255, 255, 0.5);
		background-color: transparent;
	}
	
	.buttons li a.btn:hover,
	.buttons li a.btn.active {
		border-color: #e91e63;
		border-bottom-color: #ff4e00;
		background-color: #e91e63; 
	}
   
/* #About
   ========================================================================== */
    
	#about { background-color: #64b5f6; }
   
/* #Capabilities
   ========================================================================== */
   
   	#capabilities { background-color: #64b5f6; }
   
/* #Team
   ========================================================================== */
   
   	#team {
		padding-bottom: 120px;
		background-color: #64b5f6; 
	}
   
	.team-member h4 {
		border-top: 3px solid #e91e63;
		background-color: #4b4b4b;
		color: #fff;
	}
	
	.team-member p {
		background-color: #2a2a2a;
		color: #fff;
	}
	
	.team-member-overlay {
		background-color: rgba(255, 109, 44, 0.5);
	}
	
	.team-member-social-media {
		background-color: #e91e63;
	}
	
	.team-member-social-media a { color: #fff; }
      
/* #Portfolio
   ========================================================================== */
   
   	#portfolio {
		padding-top: 80px;
		background-color: #1f1f1f; 
	}
   
    /* Project Page */
	
	#project-wrap {
		background-color: #fff;
		color: #4b4b4b;
	}
	
	#project-wrap h1,
	#project-wrap h2,
	#project-wrap h3,
	#project-wrap h4,
	#project-wrap h5,
	#project-wrap h6 { color: #4b4b4b; }
	
	#project-wrap  .headline h1 { color: #201914; }
	#project-wrap  .headline h1:before { border-bottom-color: #201914; }
   
    /* Portfolio Item */
	
	.portfolio-item-overlay {
		background-color: rgba(255, 109, 44, 0.5);
	}
	
	.portfolio-item-overlay-actions .portfolio-item-zoom,
	.portfolio-item-overlay-actions .portfolio-item-link {
		border: 1px solid #fff;
		background-color: #e91e63;
	}
	
	.portfolio-item-overlay .portfolio-item-description {
		color: #fff;
	}
	
	.portfolio-item-overlay .portfolio-item-description h1,
	.portfolio-item-overlay .portfolio-item-description h3 { color: #fff; }
	
	.portfolio-item:hover .portfolio-item-description { 
		background-color: #e91e63;
		color: #fff;
	}
	
	.portfolio-item:hover .portfolio-item-overlay .portfolio-item-description {
		background-color: transparent; 
	}
	
	.portfolio-item:hover .portfolio-item-description h3 { color: #fff; }

	/* Portfolio filter */
	
	.portfolio-filter ul li a {
		border-bottom: 2px solid #9e9e9e;
		background-color: #f06292;
		color: #fff;
	}	
	
	.portfolio-filter ul li a.active,
	.portfolio-filter ul li a:hover {
		border-bottom-color: #ff4e00;
		background-color: #e91e63; 
	}
	
/* #Blog
   ========================================================================== */
   
    #blog {
		background-color: #7b557e;
	}
   
	/* Blog Post */
	
	.blog-post-2 {
		border-bottom: 2px solid #f06292;
		color: #4b4b4b; 
	}
	
	.blog-post-title { 
		background-color: rgba(0, 0, 0, 0.7);
		color: #fff;
	}
	
	.blog-post-title a,
	.blog-post-title h6 { color: #fff; }
	
	.blog-post-date {
		background-color: #e91e63;
		color: #201914;
	}
	
	.blog-post-2 {
		background-color: #fff;
	}
	
	.blog-post-2 .blog-post-title {
		background-color: transparent;
		color: #4b4b4b;
	}
	
	.blog-post-2 .blog-post-title a,
	.blog-post-2 .blog-post-title h6 { color: #4b4b4b; }	
	
	/* Blog Post Page */
	
	#blog-post-wrap {
		background-color: #f6f6f6;
		color: #4b4b4b;
	}
	
	#blog-post-wrap h1,
	#blog-post-wrap h2,
	#blog-post-wrap h3,
	#blog-post-wrap h4,
	#blog-post-wrap h5,
	#blog-post-wrap h6 { color: #4b4b4b; }
	
	#blog-post-wrap  .headline h1 { color: #201914; }
	#blog-post-wrap  .headline h1:before { border-bottom-color: #201914; }
	
	#blog-post-wrap .blog-post { 
		background-color: #fff;
	}
	
	#blog-post-wrap .blog-post-title {
		background-color: transparent;
		color: #4b4b4b;
	}

	#blog-post-wrap .blog-post-title a { color: #4b4b4b; }
   
/* #Client Testimonials
   ========================================================================== */	
   
/* #Prices
   ========================================================================== */
   
   	#prices { background-color: #90caf9; }
   
/* #Clients List
   ========================================================================== */
 
   
/* #Contact
   ========================================================================== */
   
   	#contact { background-color: #0D47A1; }
   
    /* Contact Info */
	
	.contact-info li a { color: #fff; }
   
	/* Contact Form */
	
	label.validation-error { color: #b55454; }
	
	input.validation-error,
	textarea.validation-error,
	select.validation-error { border: 1px solid #a1a1a1; }
	
	#contact-form input[type="submit"] { border-bottom: 2px solid #9e9e9e; }
	#contact-form input[type="submit"]:hover { border-bottom-color: #ff4e00; }
  
/* #Twitter
   ========================================================================== */ 
   
	#tweet a { color: #fff; }
	
/* ==========================================================================
   #Responsive
   ========================================================================== */
   
/* #Mobile (Portrait and Landscape )
   ========================================================================== */
	
	@media (max-width: 767px) {
	
		body {
			background-color: #fff; 
		}

	}
	
	/* #LOADER
   ========================================================================== */

	.bx-wrapper .bx-loading {
		background: #fff url(../../js/bxslider/images/bx_loader.gif) center center no-repeat;
	}

/* #PAGER
   ========================================================================== */

	.bx-wrapper .bx-pager {
		color: #666;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a {
		background: #948984;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a:hover,
	.bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; }

/* #DIRECTION CONTROLS (NEXT / PREV)
   ========================================================================== */

	.bx-wrapper .bx-prev {
		background: url(../../images/arrow-left.png) no-repeat center center;
	}
	
	.bx-wrapper .bx-next {
		background: url(../../images/arrow-right.png) no-repeat center center;
	}
	
	.bx-wrapper .bx-controls-direction a {
		border: 1px solid #fff;
		border-bottom-width: 2px;
	}
	
	.bx-wrapper .bx-controls-direction a:hover {
		border-color: #e91e63;
		border-bottom-color: #ff4e00;
		background-color: #e91e63;
	}
	
	.bx-wrapper .bx-prev:hover { background: url(../../images/arrow-left.png) no-repeat center center; }
	.bx-wrapper .bx-next:hover { background: url(../../images/arrow-right.png) no-repeat center center; }

/* #AUTO CONTROLS (START / STOP)
   ========================================================================== */

	.bx-wrapper .bx-controls-auto .bx-start {
		background: url(../../js/bxslider/images/controls.png) -86px -11px no-repeat;
	}
	
	.bx-wrapper .bx-controls-auto .bx-stop {
		background: url(../../js/bxslider/images/controls.png) -86px -44px no-repeat;
	}

/* #IMAGE CAPTIONS
   ========================================================================== */

	.bx-wrapper .bx-caption {
		background: rgba(80, 80, 80, 0.75);
	}
	
	.bx-wrapper .bx-caption span {
		color: #fff;
	}

/* #SLIDE TEXT
   ========================================================================== */

	.slidetext {
		background-color: rgba(0, 0, 0, 0.5);
		color: #aeb0b3;
	}
	
	.slidetext h2, 
	.slidetext h3 { color: #ffffff; }
	
	.slidetext a, 
	.slidetext h2 a, 
	.slidetext h3 a {
		color: #ffffff;
	}
	
	.caption.title {
		color: #fff;
	}
	
	.caption.title-2 {
		color: #fff;
	}

	.caption span { color: #e91e63; }

	.caption.subtitle {
		color: #fff;
	}
	
	.caption.subtitle-2 {
		color: #fff;
	}
	
	.caption.subtitle-3 {
		color: #fff;
	}

	.caption.text {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		color: #fff;
	}
	
	.caption.text a { color: #fff; }

	.caption .btn {
		border: 1px solid #fff;
		background-color: transparent; 
		color: #fff;
	}

	.caption .btn.alt {
		border-color: transparent;
		background-color: #e91e63;
	}

	.caption .btn:hover {
		background-color: rgba(0, 0, 0, 0.5);
		color: #fff;
	}

	.caption a.arrow {
		border-bottom: 2px solid #ff4e00;
		background-color: #e91e63;
	}
	
/* #Color Shade
   ========================================================================== */
	
	/* Color Red */
	
	.team-member.color-red { border-bottom: 2px solid #9b1c0b; }
	
	.team-member.color-red h4 {
		border-top-color: #9b1c0b;
		background-color: #c14231;
	}
	
	.team-member.color-red p { background-color: #ce4f3e; }
	.team-member.color-red .team-member-social-media { background-color: #9b1c0b; }
	.team-member.color-red .team-member-overlay { background-color: rgba(193, 66, 49, 0.5); }
	
	.portfolio-item.color-red .portfolio-item-overlay { background-color: rgba(220, 59, 38, 0.5); }
	.portfolio-item.color-red .portfolio-item-overlay-actions .portfolio-item-zoom,
	.portfolio-item.color-red .portfolio-item-overlay-actions .portfolio-item-link,
	.portfolio-item.color-red:hover .portfolio-item-description { background-color: #dc3b26; }
	
	.pricing-table.color-red {
		border-bottom: 2px solid #9b1c0b;
		background-color: #ce4f3e; 
	}
	
	.pricing-table.color-red .pricing-table-header { background-color: #c14231; }
	
	.pricing-table.color-red .btn {
		border-bottom-color: #9b1c0b;
		background-color: #c14231; 
	}
	
	.pricing-table.color-red .btn:hover { background-color: #9b1c0b; }

	/* Color Orange */
	
	.team-member.color-orange { border-bottom: 2px solid #b0732a; }
	
	.team-member.color-orange h4 {
		border-top-color: #b0732a;
		background-color: #e09e50; 
	}
	
	.team-member.color-orange p { background-color: #2196f3; }
	.team-member.color-orange .team-member-social-media { background-color: #b0732a; }
	.team-member.color-orange .team-member-overlay { background-color: rgba(224, 158, 80, 0.5); }
	
	.portfolio-item.color-orange .portfolio-item-overlay { background-color: rgba(224, 158, 80, 0.5); }
	.portfolio-item.color-orange .portfolio-item-overlay-actions .portfolio-item-zoom,
	.portfolio-item.color-orange .portfolio-item-overlay-actions .portfolio-item-link,
	.portfolio-item.color-orange:hover .portfolio-item-description { background-color: #e09e50; }
	
	.pricing-table.color-orange {
		border-bottom: 2px solid #ce8c3e;
		background-color: #2196f3; 
	}
	
	.pricing-table.color-orange .pricing-table-header { background-color: #e09e50; }
	
	.pricing-table.color-orange .btn {
		border-bottom-color: #ce8c3e;
		background-color: #e09e50; 
	}
	
	.pricing-table.color-orange .btn:hover { background-color: #ce8c3e; }
	
	/* Color Green */
	
	.team-member.color-green { border-bottom: 2px solid #017f79; }
	
	.team-member.color-green h4 {
		border-top-color: #017f79;
		background-color: #009a92; 
	}
	
	.team-member.color-green p { background-color: #11aba3; }
	.team-member.color-green .team-member-social-media { background-color: #017f79; }
	.team-member.color-green .team-member-overlay { background-color: rgba(17, 171, 163, 0.5); }
	
	.portfolio-item.color-green .portfolio-item-overlay { background-color: rgba(17, 171, 163, 0.5); }
	.portfolio-item.color-green .portfolio-item-overlay-actions .portfolio-item-zoom,
	.portfolio-item.color-green .portfolio-item-overlay-actions .portfolio-item-link,
	.portfolio-item.color-green:hover .portfolio-item-description { background-color: #11aba3; }
	
	.pricing-table.color-green {
		border-bottom: 2px solid #018079;
		background-color: #11aba3; 
	}
	
	.pricing-table.color-green .pricing-table-header { background-color: #009a92; }
	
	.pricing-table.color-green .btn {
		border-bottom-color: #018079;
		background-color: #009a92; 
	}
	
	.pricing-table.color-green .btn:hover { background-color: #018079; }
	
	/* Color Purple */
	
	.team-member.color-purple { border-bottom: 2px solid #542e57; }
	
	.team-member.color-purple h4 {
		border-top-color: #542e57;
		background-color: #7b557d; 
	}
	
	.team-member.color-purple p { background-color: #9a749d; }
	.team-member.color-purple .team-member-social-media { background-color: #542e57; }
	.team-member.color-purple .team-member-overlay { background-color: rgba(154, 116, 157, 0.5); }
	
	.portfolio-item.color-purple .portfolio-item-overlay { background-color: rgba(154, 116, 157, 0.5); }
	.portfolio-item.color-purple .portfolio-item-overlay-actions .portfolio-item-zoom,
	.portfolio-item.color-purple .portfolio-item-overlay-actions .portfolio-item-link,
	.portfolio-item.color-purple:hover .portfolio-item-description { background-color: #9a749d; }
	
	.pricing-table.color-purple {
		border-bottom: 2px solid #7b557e;
		background-color: #b694b5; 
	}
	
	.pricing-table.color-purple .pricing-table-header { background-color: #9a749d; }
	
	.pricing-table.color-purple .btn {
		border-bottom-color: #7b557e;
		background-color: #9a749d; 
	}
	
	.pricing-table.color-purple .btn:hover { background-color: #7b557e; }