/*
====================================================

* 	[Master Stylesheet]
	
	Theme Name :  NGEN
	Version    :  1.1
	Author     :  Roman Ahmed
	Author URI :  https://themeforest.net/user/desroman
	
====================================================

	TOC:
	=======
	
	1. PRIMARY STYLES
	3. MENU STYLING
		TOGGLE CAKE ICON 
	4. FIXED ELEMENTS STYLINGS
		PAGE NAIGATION NEXT PREV BUTTON
		FIXED PHONE AND EMAIL WRITINGS
	6. SINGLE PAGE STYLING
		PAGE BACKGROUND
	7. CONTACT AREA STYLING
	8. PAGEPILING CUSTOM STYLING
		NAVIGATION 

		
===================================================== */


/* ---------------------------------
1. PRIMARY STYLES
--------------------------------- */

h1,h2,h3,h4,h5,h6{ color: #333; }

body{ color: #000; }

a:hover{ color: #000; }



/* ---------------------------------
3. MENU STYLING
--------------------------------- */

.main-menu{ background: #ddd; }
	
.main-menu ul.nav-menu> li{ color: #555; }


/* TOGGLE CAKE ICON */

.nav-icon:after{ border-color: #ccc;  }

.nav-icon span{ background: #ccc; }



/* ---------------------------------
4. FIXED ELEMENTS STYLINGS
--------------------------------- */

/* PAGE NAIGATION NEXT PREV BUTTON*/

.page-nav-area i{ color: #ccc; }

.page-nav-area i:hover{ color: #fff; }


/* FIXED PHONE AND EMAIL WRITINGS */

.fixed-writing a,
.fixed-writing .copyright{ color: #eee; }

.fixed-writing a:hover{ color: #fff; }



/* ---------------------------------
6. SINGLE PAGE STYLING
--------------------------------- */

.single-page .title,
.single-page .desc{ color: #fff; }

.single-page .projetcs-btn{ background-color: #fff; }


/* PAGE BACKGROUND */

#section-1 .single-page-bg{ background-color: #222423; }

#section-2 .single-page-bg{ background-color: #222423; }

#section-3 .single-page-bg{ background-image: url(../../images/slider-7-1500x800.jpg); }

#section-4 .single-page-bg{ background-color: #222423; }

#section-5 .single-page-bg{ background-color: #222423; }

#section-6 .single-page-bg{ background-color: #222423; }



/* ---------------------------------
7. CONTACT AREA STYLING
--------------------------------- */

.contact-area .heading{ color: #fff; }

.contact-area .contact-info,
.contact-area .contact-info li,
.contact-area .contact-form,
.contact-area .contact-form .form-control{ border-color: #777; background: none; color: #fff; }

.contact-area .contact-form .form-control:focus{ outline: none; border-color: #aaa; }

.contact-area .contact-form .submit-btn{ background: #111; color: #fff; }

.contact-area .contact-form .submit-btn:hover{ background: #fff; color: #000; }



/* ---------------------------------
8. PAGEPILING CUSTOM STYLING
--------------------------------- */

/* NAVIGATION */

#pp-nav span, .pp-slidesNav span{
	background: #aaa; 
}

#pp-nav li .active span, .pp-slidesNav .active span{
	background: #ccc;
}