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

* 	[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
	6. SINGLE PAGE STYLING
		LEFT AREA
		RIGHT AREA
		QUOTO AREA
	7. 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; box-shadow: 4px 0px 20px -10px rgba(0,0,0,.2); }
	
.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-nav-area i{ color: #ccc; }

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

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

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

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

.visit .left-btn .visit-website-btn{ color: #000; }

.visit .right-btn .visit-website-btn{ color: #fff; }



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

.single-page{ overflow: hidden; }


/* LEFT AREA */

.single-page .left-area{ background: #fff; }


/* RIGHT AREA */

/*
.single-page .right-area-bg:after{ background: rgba(0,0,0,.3); }
*/



#section-3 .right-area-bg{ background-image: url(../../images/project-img-3-1000x1000.jpg); }

#section-4 .right-area-bg{ background-image: url(../../images/project-img-4-1000x1000.jpg); }

#section-5 .right-area-bg{ background-image: url(../../images/project-img-5-1000x1000.jpg); }





/* QUOTO AREA */

.quoto-area .quoto i{ color: #9FD1C8; }

.quoto-area .quoto-name:after{ background: #9FD1C8; }



/* ---------------------------------
7. PAGEPILING CUSTOM STYLING
--------------------------------- */

/* NAVIGATION */

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

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