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

* 	[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
		FIXED PHONE AND EMAIL WRITINGS
	6. FIRST AREA STYLING
	7. SINGLE PAGE STYLING
		PAGE BACKGROUND
	8. PROJECTS AREA STYLING
		SWIPER STYLING FOR SINGLE PROJECT
	9. 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 NAIGATION NEXT PREV BUTTON*/

.page-nav-area i{ color: #45b0d0; font-weight: 900; transition: 0.3s all ease;}

.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. FIRST AREA STYLING
--------------------------------- */

#section-1 .name,
#section-1 .title,
#section-1 .about-me-btn{ color: #fff; }

#section-1 .about-me-btn{ border-color: #fff; }



/* ---------------------------------
7. SINGLE PAGE STYLING
--------------------------------- */

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

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


/* PAGE BACKGROUND */

.single-page-bg{ box-shadow: inset 0px 0px 200px 20px rgba(0,0,0,.1); background-repeat: no-repeat; background-size: cover; }

#section-1 .single-page-bg {
	background-image: url(../images/background-1.jpg);
	/*background-position-y: -115px;*/

}

#section-2 .single-page-bg{ background-image: url(../images/background-2.jpg); }

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

#section-4 .single-page-bg{ background-image: url(../images/background-4.jpg); }

#section-5 .single-page-bg{ background-image: url(../images/background-pagina2-slide1.jpg); }

#section-6 .single-page-bg{ background-image: url(../images/background-pagina2-slide2.jpg); }

#section-7 .single-page-bg{ background-image: url(../images/background-pagina2-slide3.jpg); }

#section-8 .single-page-bg{ background-image: url(../images/background-pagina2-slide4.jpg); }

#section-9 .single-page-bg{ background-image: url(../images/background-pagina2-slide4.jpg); }

#section-10 .single-page-bg{ background-image: url(../images/slide-1.jpg); }

#section-101 .single-page-bg{ background-image: url(../images/servico-4-original.jpg); -webkit-filter: brightness(30%);}

#section-102 .single-page-bg{ background-image: url(../images/bg-part-sl3-pagina3.jpg);}

#section-103 .single-page-bg{ background-image: url(../images/bg-part-sl3-pagina4.jpg);}

#section-12 .single-page-bg{ background-image: url(../images/slide-1.jpg); -webkit-filter: brightness(50%);}

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

#section-page-obrigado .single-page-bg{ background: #191919; }

/*Page 3*/

#section-20 .single-page-bg{ background-image: url(../images/bg-pagina3.jpg); }


/*.single-page-bg:after{ background-color: rgba(0, 0, 0, .2); }*/



/* ---------------------------------
8. PROJECTS AREA STYLING
--------------------------------- */

.projects{ background-color: #D2EEF6; }

.single-project .title{ color: #444; }

.project-close-btn{ color: #444; }


/* SWIPER STYLING FOR SINGLE PROJECT*/

.swiper-scrollbar-drag{ background: #75bdb0; }




/* ---------------------------------
9. PAGEPILING CUSTOM STYLING
--------------------------------- */

/* NAVIGATION */

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

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


/* CSS Document */
.btn-rounded-dark{
	position: relative;
	transition: all .5s;
}
.btn-rounded-dark:after{
	content: '';
	position: absolute;
	width: 0;
	top: 50%;
	height: 0;
	border-radius: 50%;
	transition: all .5s;
	opacity: 0;
	background: #343a40;
	border: 1px solid transparent;
}
.btn-rounded-dark:hover:after{
	content: '';/*attr(data-date);*/
	position: absolute;
	width: 40px;
	height: 40px;
	top: 15%;
	opacity: 1;
	background: transparent;
	color: #fff;
	border-radius: 50%;
	border: 1px solid #343a40;
}
.btn-rounded-success{
	position: relative;
	transition: all .5s;
}
.btn-rounded-success:after{
	content: '';
	position: absolute;
	width: 0;
	top: 50%;
	height: 0;
	border-radius: 50%;
	transition: all .5s;
	opacity: 0;
	background: #28a745;
	border: 1px solid transparent;
}
.btn-rounded-success:hover:after{
	content: '';/*attr(data-date);*/
	position: absolute;
	width: 40px;
	height: 40px;
	top: 15%;
	opacity: 1;
	background: transparent;
	color: #fff;
	border-radius: 50%;
	border: 1px solid #28a745;
}
.current-date-selected{
	color: #dc3545;
	font-weight: bold;
}
.current-date-selected:after{
	content: '';/*attr(data-date);*/
	position: absolute;
	width: 40px;
	height: 40px;
	top: 15%;
	opacity: 1;
	background: transparent;
	color: #fff;
	border-radius: 50%;
	border: 1px solid #dc3545;
}
.current-date-selected:hover:after{
	content: '';/*attr(data-date);*/
	position: absolute;
	width: 40px;
	height: 40px;
	top: 15%;
	opacity: 1;
	background: #dc354533;
	color: #fff;
	border-radius: 50%;
	border: 1px solid #dc3545;
}