/**
 * Name: default.css
 *
 * -
 *
 * The default color scheme for the template
 *
 */
 
 /* ==========================================================================
   =Typography
   ========================================================================== */

	body {
		background-color: #fff;
		color: #4b4b4b;	
	}

	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6 {
		color: #0e0e0e;
	}
		
	h1 a, 
	h2 a, 
	h3 a, 
	h4 a, 
	h5 a, 
	h6 a { 
		color: #0e0e0e;
	}
	
	abbr[title] {  
		border-bottom: 1px dotted #999; 
	}
	
	blockquote span { 
		color: #999999;  
	}

	hr { 
		border: solid #e0e0e0; 
	}
	
	code { 
		border: 1px solid #e0e0e0;
		background-color: #f3f3f3;  
		color: #d50f25;  
	}
	
	pre { 
		border: 1px solid #e0e0e0;   
		background-color: #f3f3f3; 
	}
	
	.hr { 
		border-top: 1px solid #e0e0e0;  
	}
	
	.text-highlight { color: #00447d; }
	
	.mute{ color: #777; }
	
	@media (max-width: 767px) {
	 
		body { 
			background-color: #fff; 
		}

	}

/* ==========================================================================
   =Typography - Links
   ========================================================================== */
	
	a, 
	a:visited { 
		color: #00447d; 
	}
	
	a:active {
 		background: transparent;
	}
	
	a:hover, 
	a:focus {
		color: #00447d; 
	}	


/* ==========================================================================
   =Typography - Tables
   ========================================================================== */

	table { 
		background-color: transparent; 
	}

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

	label span { color: #d50f25; }
	
	input,
	textarea,
	select {
		border: 2px solid #4b4b4b;
		color: #4b4b4b;
	}
	
	input[type="text"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	textarea:focus {
		border-color: #00447d;	
	}
	
	select:focus {
	  outline: thin dotted #4b4b4b;
	}
	
	input:-moz-placeholder,
	textarea:-moz-placeholder {
		color: #999;
	}
	
	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		color: #999;
	}
	
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		color: #999;
	}

/* ==========================================================================
   =Misc
   ========================================================================== */
   
	.javascript-required,
	.modern-browser-required {
		background-color: #d50f25;
		color: #fff;
	}

/* ==========================================================================
   =Accordions and Toogles
   ========================================================================== */

/* =Accordion
   ========================================================================== */

	.accordion-item {
		border: 2px solid #e1e1e1;
		border-top-color: transparent;
	}
	
	.accordion-item:first-child { border-top-color: #e1e1e1; }
	
	a.accordion-item { color: #4b4b4b; }
	
	.accordion-item:hover { border-color: #4b4b4b; }
	
	.accordion-item.active {
		border-color: #4b4b4b;
	}
	
	.accordion-item-content { 
		border: 2px solid #4b4b4b;
		border-top-color: #e1e1e1;
	}
	
/* =Toogle
   ========================================================================== */

	.toggle-item {
		border: 2px solid #e1e1e1;
		border-top-color: transparent;
	}
	
	.toggle-item:first-child { border-top-color: #e1e1e1; }
	
	a.toggle-item { color: #4b4b4b; }
	
	.toggle-item:hover { border-color: #4b4b4b; }
	
	.toggle-item.active {
		border-color: #4b4b4b;
	}
	
	.toggle-item-content { 
		border: 2px solid #4b4b4b;
		border-top-color: #e1e1e1;
	}
	
/* ==========================================================================
   =Alerts
   ========================================================================== */

	.alert {
		background-color: #4b4b4b;
		color: #fff;
	}
	
	.alert.info {
		background-color: #f6f6f6;
		color: #4b4b4b;
	}
	
	.alert.success { 
		background-color: #e5e5e5;
		color: #4b4b4b;
	}
	
	.alert.success i { color: #a3d39c; }
	
	.alert.error { background-color: #a1a1a1; }
	.alert.error i { color: #ed1c24; }
	
	.alert.warning { background-color: #cb9166; }
   
/* ==========================================================================
   =Buttons
   ========================================================================== */

/* =Default Button
   ========================================================================== */
   
	.btn {  
		border: 2px solid #4b4b4b;
		color: #4b4b4b;
	}
	
	a.btn { color: #4b4b4b; }
	
	.btn:hover {
		border-color: #00447d;
		color: #00447d;
	}

/* =Colored Buttons
   ========================================================================== */
	
	.btn-white {
		border: 1px solid #e0e0e0;
		background-color: #f3f3f3;
		color: #4b4b4b;
	}
	
	a.btn-white { color: #4b4b4b; }
	.btn-white:hover { background: #f0f0f0; }
	
	.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; }

/* ==========================================================================
   =Custom Lists
   ========================================================================== */
	
	ul.check li:before { 
		color: #0e0e0e;
	}

/* ==========================================================================
   =Dividers
   ========================================================================== */
	
	.divider.single-line { border-top: 1px solid #e0e0e0; }
	
	.divider.double-line { border-top: 4px double #e0e0e0; }
	
	.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 {
		border: 2px solid #fff;
		outline: 10px solid #00447d;
		background-color: #00447d;
	}
	
	.headline h2 {
		color: #fff;
	}
	
/* ==========================================================================
   =Icon Boxes
   ========================================================================== */

/* =Icon Box 1
   ========================================================================== */
		
	.icon-box-1 span {
		background-color: #00447d;
	}
	
	.icon-box-1 span > i { 		
		border: 2px solid #fff;
		color: #fff;  
	} 
	
	.icon-box-1:hover span { background-color: #171717; }

/* =Icon Box 2
   ========================================================================== */
		
	.icon-box-2 > i { 
		border: 2px solid #4b4b4b;
	}
	
	.icon-box-2:hover > i {
		border-color: #00447d;
		color: #00447d;
	}

/* ==========================================================================
   =Milestones
   ========================================================================== */

	.milestone {
		border: 2px solid #4b4b4b;
	}
	
	.milestone:hover {
		border-color: #00447d;
		background-color: #00447d;
		color: #fff;
	}

/* ==========================================================================
   =Our Process
   ========================================================================== */

/* =Horizontal process
   ========================================================================== */
	
	.horizontal-process-builder:before {
		border-top: 2px solid #00447d;
	}
	
	.horizontal-process-builder li i,
	.horizontal-process-builder li h1,
	.horizontal-process-builder li img { 
		border: 2px solid #00447d;
		outline: 10px solid #fff;
		background-color: #fff;
		color: #0e0e0e;
	}
	
	.horizontal-process-builder li:hover i,
	.horizontal-process-builder li:hover h1 {
		background-color: #00447d;
		color: #fff;
	}
	
/* =Vertical process
   ========================================================================== */
	
	.vertical-process-builder:before {
		border-left: 1px solid #e0e0e0;
	}
	
	.vertical-process-builder li i,
	.vertical-process-builder li h1 {
		border: 1px solid #e0e0e0;
		outline: 10px solid #fff;
		background-color: #fff;
	}
	
	.vertical-process-builder li:hover i,
	.vertical-process-builder li:hover h1 {
		background-color: #f3f3f3;
	}

/* ==========================================================================
   =Pie charts
   ========================================================================== */
	
	.pie-chart i, 
	.pie-chart .pie-chart-custom-text, 
	.pie-chart .pie-chart-percent {
		color: #0e0e0e;
	}
	
	.pie-chart .pie-chart-percent {
		color: #00447d;
	}

/* ==========================================================================
   =Pricing Tables
   ========================================================================== */

	.pricing-table {
		background-color: #171717;
		color: #fff;
	}

	.pricing-table-header {
		border: 2px solid #00447d;
		border-bottom: none;
	}
	
	.pricing-table-header h1 {
		border-bottom: 1px solid #00447d;
		color: #00447d;
	}
	
	.pricing-table-header h1 small { 
		color: #fff;
	}
	
	.pricing-table-header h3 {
		border-bottom: 1px solid #00447d;
		color: #fff;
	}
		
	.pricing-table-offer {
		border: 2px solid #00447d;
		border-top: none;
	}
	
	.pricing-table .btn {
		border-color: #fff;
		color: #fff;
	}
	
	.pricing-table .btn:hover {
		border-color: #00447d;
		color: #00447d;
	}

/* ==========================================================================
   =Progress Bar
   ========================================================================== */
	
	.progress-bar-description span { color: #00447d; }
	
	.progress-bar {
		background-color: #4b4b4b;
	}
	
	.progress-bar .progress-bar-outer {
		background-color: #00447d;
	}

/* ==========================================================================
   =Social Media
   ========================================================================== */

	a.social-icon {
		border: 1px solid #171717;
		color: #4b4b4b;
	}
	
	a.social-icon:hover {
		color: #fff;
	}
	
	a.facebook-icon:hover { background-color: #0e59a0 !important; }
	a.twitter-icon:hover { background-color: #0ea4ff !important; }
	a.dribble-icon:hover { background-color: #ea73a0 !important; }
	a.pinterest-icon:hover { background-color: #d73532 !important; }
	a.googleplus-icon:hover { background-color: #282927 !important; }
	a.tumblr-icon:hover { background-color: #586980 !important; }
	a.instagram-icon:hover { background-color: #82685a !important; }
	a.rss-icon:hover { background-color: #f79638 !important; }
	a.linkedin-icon:hover { background-color: #018faf !important; }
	a.skype-icon:hover { background-color: #00b0f6 !important; }
	a.flickr-icon:hover { background-color: #0061db !important; }
	a.vimeo-icon:hover { background-color: #63879c !important; }
	a.github-icon:hover { background-color: #3b3b3b !important; }
	a.youtube-icon:hover { background-color: #cc181e !important; }
	a.windows-icon:hover { background-color: #6dc2e9 !important; }
	a.dropbox-icon:hover { background-color: #007ee5 !important; }
	a.xing-icon:hover { background-color: #026566 !important; }	
	a.adn-icon:hover { background-color: #1ea076 !important; }
	a.android-icon:hover { background-color: #98cb02 !important; }
	a.apple-icon:hover { background-color: #000000 !important; }
	a.behance-icon:hover { background-color: #2d9ad2 !important; }
	a.bitbucket-icon:hover { background-color: #214f81 !important; }
	a.bitcoin-icon:hover { background-color: #f7931b !important; }
	a.codepan-icon:hover { background-color: #000000 !important; }
	a.css3-icon:hover { background-color: #3289ce !important; }
	a.delicious-icon:hover { background-color: #3399fe !important; }
	a.deviantart-icon:hover { background-color: #c8da30 !important; }
	a.digg-icon:hover { background-color: #0080c2 !important; }
	a.drupal-icon:hover { background-color: #0077b9 !important; }
	a.empire-icon:hover { background-color: #000000 !important; }
	a.foursquare-icon:hover { background-color: #daecb0 !important; }
	a.git-icon:hover { background-color: #f34f29 !important; }
	a.gitti-icon:hover { background-color: #634c3e !important; }
	a.hacker-news-icon:hover { background-color: #f18642 !important; }
	a.html5-icon:hover { background-color: #e54c1f !important; }
	a.joomla-icon:hover { background-color: #016fb9 !important; }
	a.jsfiddle-icon:hover { background-color: #4679a4 !important; }
	a.linux-icon:hover { background-color: #fece0e !important; }
	a.maxcdn-icon:hover { background-color: #f36f20 !important; }
	a.openid-icon:hover { background-color: #fe6101 !important; }
	a.pagelines-icon:hover { background-color: #3783e3 !important; }
	a.pied-piper-icon:hover { background-color: #0c7b48 !important; }
	a.qq-icon:hover { background-color: #23286c !important; }
	a.rebel-icon:hover { background-color: #000000 !important; }
	a.reddit-icon:hover { background-color: #cee3f8 !important; }
	a.renren-icon:hover { background-color: #0d81e4 !important; }
	a.share-icon:hover { background-color: #252525 !important; }
	a.slack-icon:hover { background-color: #453744 !important; }
	a.soundcloud-icon:hover { background-color: #fe4e00 !important; }
	a.spotify-icon:hover { background-color: #80bb41 !important; }
	a.stack-exchange-icon:hover { background-color: #265a93 !important; }
	a.stackoverflow-icon:hover { background-color: #fea501 !important; }
	a.steam-icon:hover { background-color: #191919 !important; }
	a.stumbleupon-icon:hover { background-color: #f04f23 !important; }
	a.tencent-weibo-icon:hover { background-color: #0063a7 !important; }
	a.trello-icon:hover { background-color: #226784 !important; }
	a.vine-icon:hover { background-color: #00b081 !important; }
	a.vk-icon:hover { background-color: #50769d !important; }
	a.wechat-icon:hover { background-color: #a4dc31 !important; }
	a.weibo-icon:hover { background-color: #d82828 !important; }
	a.wordpress-icon:hover { background-color: #454442 !important; }
	a.yahoo-icon:hover { background-color: #4b04a8 !important; }

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

	.table-bordered { 
		border: 1px solid #e0e0e0;  		
	}
	
	.table-bordered th, 
	.table-bordered td { border-left: 1px solid #e0e0e0; }
	
	.table-striped tbody tr:nth-child(odd) td,
	.table-striped tbody tr:nth-child(odd) th { background-color: #f3f3f3; }	

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

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

/* =Horizontal tabs
   ========================================================================== */
	
	.tabs-container .tabs-menu li a { 
		border-top: 2px solid #f3f3f3;
		background-color: #f3f3f3;
		color: #4b4b4b;
	}
	
	.tabs-container .tabs-menu li a:hover {
		border-top-color: #00447d;
	}
	
	.tabs-container .tabs-menu li.active a {
		border-top-color: #00447d;
		background-color: transparent
	}	
	
	@media (max-width: 767px) {
	
		.tabs-container .tabs-menu li a { 
			border: 1px solid #e0e0e0;
		}
		
		.tabs-container .tabs-menu li:first-child a { border-top: 1px solid #e0e0e0; }
		
		.tabs-container .tabs-menu li.active a {  
			background-color: transparent; 
		}
		
	}
	
/* ==========================================================================
   =Testimonials
   ========================================================================== */
	
	.testimonial {
		border: 2px solid #4b4b4b;
	} 
	
	.testimonial blockquote h3 small {
		color: #00447d;
	}
	
/* ==========================================================================
   =Team Member
   ========================================================================== */
	
	.team-member img {
		border: 2px solid #00447d;
	}
	
	.team-member-description {
		background-color: rgba(23, 23, 23, 0.9);
		color: #fff;
	}
	
	.team-member-description h4 { 
		color: #fff;
	}
	
	.team-member-description h6 {
		  color: #BEBEBE;
	}
	
	.team-member .social-media a.social-icon {
		border-color: #fff;
		color: #fff;
	}
	
	a.expand {
		background-color: #00447d;
		color: #fff;
	}
	
/* ==========================================================================
   =Portfolio Item
   ========================================================================== */
	
	.portfolio-item-overlay {
		background-color: rgba(23, 23, 23, 0.7);
	}
	
	.portfolio-item-overlay-actions .btn {
		border-color: #fff;
		color: #fff;
	}
	
	.portfolio-item-overlay-actions .btn:hover {
		border-color: #00447d;
		color: #00447d;
	}
	
	.portfolio-item-description { 
		color: #fff;
	}

	.portfolio-item-description a { color: #fff; }
	
/* ==========================================================================
   =Portfolio Filter
   ========================================================================== */
	
	.portfolio-filter ul li a {
		border: 2px solid transparent;
		color: #4b4b4b;
	}
	
	.portfolio-filter ul li a:hover,
	.portfolio-filter ul li a.active {
		border-color: #00447d;
		color: #00447d;
	}	

/* ==========================================================================
   =Portfolio Pagination
   ========================================================================== */
	
	.pagination li a {
		border: 2px solid #4b4b4b;
		color: #4b4b4b;
	}
	
	.pagination li.current a,
	.pagination li a:hover {
		border: 2px solid #00447d;
		color: #00447d;
	}
   
/* ==========================================================================
   =Contact form
   ========================================================================== */
	
	#contact-form label.validation-error { 
		color: #d50f25;
	}
	
	input.validation-error,
	textarea.validation-error,
	select.validation-error { border: 1px solid #e0e0e0; }
	         
/* ==========================================================================
   =Blog
   ========================================================================== */
	
	.blog-post-title i {
		border: 2px solid #4b4b4b;
	}
	
	.blog-post-info h3 {
		border: 2px solid #fff;
		color: #fff;
	}
	
	.blog-post:hover .blog-post-info { background-color: rgba(23, 23, 23, 0.5); }
	
	.blog-post:hover .blog-post-info h3 {
		border-color: #00447d;
		color: #00447d;
	}
	
	.blog-post blockquote {
		border: 2px solid #171717;
	}
	
	.blog-post blockquote:before {
		color: #00447d;
	}
	
	.blog-post blockquote:after {
		color: #00447d;
	}
	
	.more-blog-post {
		border: 2px solid #e1e1e1;
	}
	
	.more-blog-post:before {
		color: #e1e1e1;
	}
	
	.more-blog-post h3 a { 
		color: #e1e1e1;
	}
	
	.more-blog-post:hover { 
		border-color: #4b4b4b;
	}
	
	.more-blog-post:hover h3 a,
	.more-blog-post:hover:before { color: #4b4b4b; }

/* ==========================================================================
   =Fullwidth Section
   ========================================================================== */
	 
   .fullwidth-section {
		color: #fff;
		background-color: #171717;	
	}
	
	.fullwidth-section a,
	.fullwidth-section h1,
	.fullwidth-section h2,
	.fullwidth-section h3,
	.fullwidth-section h4,
	.fullwidth-section h5,
	.fullwidth-section h6,
	.fullwidth-section ul.check li:before,
	.fullwidth-section .portfolio-filter ul li a,
	.fullwidth-section .tabs-container .tabs-menu li.active a { color: #fff; }
	
	.fullwidth-section .btn,
	.fullwidth-section .milestone,
	.fullwidth-section a.social-icon,
	.fullwidth-section .icon-box-2 > i { border-color: #fff; }
	
	.fullwidth-section .testimonial,
	.fullwidth-section .milestone:hover { border-color: #00447d; }
	
	.fullwidth-section .portfolio-filter ul li a:hover,
	.fullwidth-section .portfolio-filter ul li a.active { color: #00447d; } 
	
	.fullwidth-section .horizontal-process-builder li i,
	.fullwidth-section .horizontal-process-builder li h1,
	.fullwidth-section .horizontal-process-builder li img { outline: none; }
	
	
	/* Fullwidth section backgrounds */
	
	#bg-1 {
		background-image: url(../../../_content/backgrounds/1920x1280-1.jpg);
	}
	
	#bg-3 {
		background-image: url(../../../_content/backgrounds/1920x1000-1.jpg);
	}
	
	#bg-4 {
		background-image: url(../../../_content/backgrounds/1920x1280-2.jpg);
	}
	
	#bg-5 { background-color: #f7f7f7; }
	
	#bg-6 {
		background-image: url(../../../_content/backgrounds/1920x1000-2.jpg);
	}
	
/* ==========================================================================
   =WordPress Default Classes
   ========================================================================== */
	
	.wp-caption {
		border: 1px solid #e0e0e0;
		background: #fff;
	}
	
/* ==========================================================================
   =WordPress Widgets
   ========================================================================== */
	
/* =Search Widget
   ========================================================================== */
	
	#searchsubmit {
		background: url(../../images/bg-search.png) no-repeat center center;
	}
	
/* =Pages Widget
   ========================================================================== */
	
	.widget_pages li a {
		border-bottom: 2px solid #4b4b4b;
		color: #4b4b4b;
	}
	
	.widget_pages li a:hover {
		color: #00447d;
	}
	
/* =Archive Widget
   ========================================================================== */
	
	.widget_archive li a {
		border-bottom: 2px solid #4b4b4b;
		color: #4b4b4b;
	}
	
	.widget_archive li a:hover {
		color: #00447d;
	}
	
/* =Categories Widget
   ========================================================================== */
	
	.widget_categories li a {
		border-bottom: 2px solid #4b4b4b;
		color: #4b4b4b;
	}
	
	.widget_categories li a:hover {
		color: #00447d;
	}
	
/* =Meta Widget
   ========================================================================== */
	
	.widget_meta li a {
		border-bottom: 2px solid #4b4b4b;
		color: #4b4b4b;
	}
	
	.widget_meta li a:hover {
		color: #00447d;
	}
	
/* =Tag Cloud Widget
   ========================================================================== */
	
	.widget_tag_cloud a { 
		border: 2px solid #4b4b4b;
		color: #4b4b4b; 
	}
	
	.widget_tag_cloud a:hover {
		border-color: #00447d;
		color: #00447d;
	}
	
/* =Nav Menu Widget
   ========================================================================== */
	
	.widget_nav_menu li a {
		border-bottom: 2px solid #4b4b4b;
		color: #4b4b4b;
	}
	
	.widget_nav_menu li a:hover {
		color: #00447d;
	}	
	
/* ==========================================================================
   =WordPress Custom Widgets
   ========================================================================== */
   
/* =EWF Twitter widget
   ========================================================================== */
	
	.ewf-tweet-list ul {
		border: 2px solid #32ccfe;
	}

/* =EWF Latest posts widget
   ========================================================================== */
	
	.ewf_widget_latest_posts ul li .title {
		color: #4b4b4b;
	}	
	
/* =EWF Navigation widget
   ========================================================================== */ 
	
	.ewf_widget_navigation li a {
		border-bottom: 2px solid #4b4b4b;
		color: #4b4b4b;
	}
	
	.ewf_widget_navigation li a:hover {
		color: #00447d;
	}

/* =EWF Custom Box widget
   ========================================================================== */
	
	.custom-box-item {
		border: 2px solid #00447d;
	}
	
	.custom-box-item i {
		background-color: #fff;
	}
	
	.custom-box-item a { color: #4b4b4b; }	

/* ==========================================================================
   =WordPress Comments
   ========================================================================== */
	
	.commentlist .reply a {
		border: 2px solid #4b4b4b;
		color: #4b4b4b;
	}
	
	.commentlist .reply a:hover {
		border-color: #00447d;
		color: #00447d;
	}
	
	.commentlist .vcard cite.fn a.url {
		color: #4b4b4b;
	}
	
/* ==========================================================================
   =WordPress Comment Form
   ========================================================================== */	
	
	.comment-form-author input#author {
		border-bottom: 2px solid #4b4b4b;
	}
	
	.comment-form-email input#email {
		border-bottom: 2px solid #4b4b4b;
	}
	
	.comment-form-url input#url {
		border-bottom: 2px solid #4b4b4b;
	}
	
	.comment-form-comment textarea#comment {
		border-bottom: 2px solid #4b4b4b;
	}

/* ==========================================================================
   =Wrap
   ========================================================================== */

	#wrap {
		background-color: #fff;
	}
   
/* ==========================================================================
   =Header 
   ========================================================================== */
	
	#header {
		background-color: rgba(23, 23, 23, 0.9);
	}
	
	#header.no-background { background-color: transparent; }
	
	@media (min-width: 768px) and (max-width: 979px) {
		
		#header,
		#header.no-background {
			background-color: #171717; 
		}
		
	}
	
	@media (max-width: 767px) {
		
		#header,
		#header.no-background {
			background-color: #171717; 
		}
		
	}
	
/* ==========================================================================
   =Menu 
   ========================================================================== */

/* =Menu Skin
   ========================================================================== */
	
	.sf-menu a {
		border-bottom: 1px solid #00447d;
		color: #fff; 	
	}
	
	.sf-menu > li > a,
	.sf-menu > li.dropdown > a {
		color: #fff;
	}
	
	.sf-menu > li > a span,
	.sf-menu > li.dropdown > a span {
		border: 2px solid transparent;
	}
	
	.sf-menu > li.active > a span { 
		border-color: #00447d;
		color: #fff;
	}
	
	.sf-menu > li.active > a,
	.sf-menu li.sfHover > a,
	.sf-menu a:hover,
	.sf-menu li.sfHover a:hover {
		color: #00447d;	
	}

/* =DropDown
   ========================================================================== */
	
	.sf-menu li.dropdown ul {
		border: 1px solid rgba(0, 0, 0, 0.1);	
		background-color: #171717;			
	}	
		
/* =Mega Menu Section
   ========================================================================== */
	
	.sf-mega {
		border: 1px solid rgba(0, 0, 0, 0.1);	
		background-color: #171717;
	}

	.sf-mega-section {
		border-right: 1px solid #e0e0e0;
	}
	
/* =Menu Arrows
   ========================================================================== */
	
	.sf-arrows .sf-with-ul:after {
		border: 5px solid transparent;
		border-top-color: #999;
	}
		
	.sf-arrows > li > .sf-with-ul:focus:after,
	.sf-arrows > li:hover > .sf-with-ul:after,
	.sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: rgba(0, 0, 0, 0.7); }
		
	.sf-arrows ul .sf-with-ul:after {
		border-color: transparent;
		border-left-color: #999;
	}
	
	.sf-arrows ul li > .sf-with-ul:focus:after,
	.sf-arrows ul li:hover > .sf-with-ul:after,
	.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: rgba(0, 0, 0, 0.7); }
	
/* ==========================================================================
   =Mobile Menu 
   ========================================================================== */
			
	#mobile-menu {
		border-bottom: 1px solid #e0e0e0;
		background-color: #171717;
	}

	#mobile-menu li a {
		border-top: 1px solid #e0e0e0;
		color: #fff;
	}
	
	#mobile-menu .mobile-menu-submenu-arrow {
		border-left: 1px solid #e0e0e0;
		color: #fff;
	}
	
	#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #00447d; }		

/* ==========================================================================
   =Sticky Header
   ========================================================================== */

	@media (min-width: 1025px) {
		
		#header.stuck {
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
			background-color: #171717 !important;
		}
	
	}
   
/* ==========================================================================
   =Footer
   ========================================================================== */		
	
	#footer { 	
		background-color: #171717;
		color: #fff;
	}
	
	#footer a,
	#footer h1,
	#footer h2,
	#footer h3,
	#footer h4,
	#footer h5,
	#footer h6 { color: #fff; }
	
	#footer .ewf_widget_social_media a.social-icon { 	
		background-color: #fff;
		color: #4b4b4b;
	}
	
	#footer .ewf_widget_social_media a.social-icon:hover { color: #fff; }
	
	#footer .custom-box-item i { background-color: #171717; }
	
/* ==========================================================================
   =Back to top
   ========================================================================== */

	#back-to-top {
		background-color: #0e0e0e;
		color: #fafafa;
	}
	
	#back-to-top:hover { background-color: rgba(0, 0, 0, 0.7); }
	#back-to-top:hover i { color: #fff; }	
	
/* ==========================================================================
   =contact
   ========================================================================== */
   
   	#contact { 
		background: url(../../../_content/backgrounds/1920x1280-3.jpg) no-repeat center center;
	}
	
	#contact-form { color: #fff; }
	
	#contact-form input,
	#contact-form textarea {
		border-color: #fff;
		color: #fff;
	}
	
	#contact-form input:focus,
	#contact-form textarea:focus,
	#contact-form #submit:hover { border-color: #00447d; }

/* ==========================================================================
   =Loader
   ========================================================================== */

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

/* ==========================================================================
   =Pager
   ========================================================================== */

	.bx-wrapper .bx-pager {
		color: #0e0e0e;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a {
		background: #0e0e0e;	
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a:hover,
	.bx-wrapper .bx-pager.bx-default-pager a.active { background: #00447d; }

/* ==========================================================================
   =Directional Controls (Next / Prev)
   ========================================================================== */

	.bx-wrapper .bx-prev {
		background: url(../../images/left-2.png) no-repeat center center;
	}
	
	.bx-wrapper .bx-next {
		background: url(../../images/right-2.png) no-repeat center center;
	}
	
	.bx-wrapper .bx-controls-direction a {
		border: 2px solid #171717;
	}
	
	.bx-wrapper .bx-controls-direction a:hover { border-color: #00447d; }

/* ==========================================================================
   =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;
	}
	
	.portfolio-item-slider-wrapper {
		background-color: #171717;
		color: #fff;
	}
	
	.portfolio-item-slider-wrapper h2 {
		color: #fff;
	}
	
	#bx-pager { border: 2px solid #fff; }
	
	.blog-post-slider .bx-wrapper .bx-controls-direction a {
		border-color: #fff; 
	}
	
	.blog-post-slider .bx-wrapper .bx-controls-direction a:hover { 
		border-color: #171717;
		background-color: #171717; 
	}
	
	.blog-post-slider .bx-wrapper .bx-prev { 
		background: url(../../images/left-3.png) no-repeat center center;
	}
	
	.blog-post-slider .bx-wrapper .bx-next { 
		background: url(../../images/right-3.png) no-repeat center center;
	}	
	
	.blog-post-slider .bx-wrapper .bx-pager.bx-default-pager a { background-color: #fff; }
	
	.blog-post-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.blog-post-slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #00447d; }

/* ==========================================================================
   =Rev Slider Pager
   ========================================================================== */
	   
	.tp-bullets.simplebullets.round .bullet {
		background: #0e0e0e;
	}

	.tp-bullets.simplebullets.round .bullet.selected { background: #00447d;  }

/* ==========================================================================
   =Rev Slider Nav
   ========================================================================== */

	.tp-leftarrow.default,
	.tp-rightarrow.default {
		border: 2px solid #fff;
	}

	.tp-leftarrow.default:hover,
	.tp-rightarrow.default:hover { 
		border-color: #171717;
		background-color: #171717;
	}

	.tp-leftarrow.default { background-image: url(../../images/left.png); }
	.tp-rightarrow.default { background-image: url(../../images/right.png); }
	
/* ==========================================================================
   =Rev Slider Typography
   ========================================================================== */
   
   	.caption.title {
		color: #fff;
	}
	
	.caption.title:after {
		border-bottom: 3px solid #00447d;
	}
	
	.caption.subtitle {
		color: #fff;
	}
	
	.caption.text {
		color: #fff;
	}
	
	.caption.text-2 {
		color: #fff;
	}
	
	.caption .btn {
		border-color: #fff;
		color: #fff;
	}
	
	.caption .btn:hover {
		border-color: #00447d;
		color: #00447d;
	}