/*
 *	Project Styles
 *
 *	Updated: 2017-03-17
 *
 *==============================*/


/*	Tag's Style
 *==============================*/
html {}

body { background: #ddd; }

img {
    height: auto;
    max-width: 100%;
}


/*	DOM's Style
 *==============================*/
#wrap { position: relative; overflow-x: hidden; width: 100% }
	
	#head-wrap { background: #ddd; border-bottom: 1px solid #555; }
		#head { position: relative; height: 60px; }

			#logo, .logo { width: 120px; height: 40px; }
			#logo { position: absolute; top: 10px; left: 50%; margin-left: -60px; }
				.logo { display: block; text-indent: -999em; background: url( neocontrol.png ) no-repeat 50% 50%; border-bottom: none !important }
			
			#nav-cb { display: none }
			
			#nav-icon { display: none; position: absolute; top: 10px; left: 10px; width: 40px; height: 40px; padding: 6px 4px; }
				#nav-icon rect { fill: #555; transition: all .3s ease-out; }
				#nav-icon:hover rect { fill: #0077D8; }

	#body-wrap {}
		#body {}
		
			#main {}
			
			.header-title:not( :empty ) {}
				.header-title > small {}
			
			.section { position: relative }
				.section-title {}
					.section-title > small {}

			.content {}

			#header-image {}
				
			#posts-list {}
			
			.no-logged-in {}
				.no-logged-in #body-wrap { background: #555; padding: 40px; }
				.no-logged-in #body { max-width: 320px; margin-left: auto; margin-right: auto; }
			
			.logged-in {}
				
				.logged-in #nav { width: 240px; background: #555; }
					
					#sidebar {}
						
						#profile { height: 200px; padding: 20px; border-bottom: 1px solid #ddd; }
							.profile-image { display: block; margin-left: auto; margin-right: auto; padding: 7px; border: 3px solid #ddd; border-radius: 50%; width: 100px; height: 100px; }
								.profile-image:hover { border-color: #0077D8; }
								.profile-image > img { display: block; border-radius: 50%; width: 80px; height: 80px; }
							.profile-name { margin-top: 8px !important; font-size: 18px; line-height: 24px; color: #ddd; text-align: center; font-weight: bold; }
							.profile-mail { margin-top: 4px !important; color: #0077D8 !important; text-align: center; }

						#nav-main { padding-bottom: 20px }
							#menu-main {}
							#menu-main li {}
							#menu-main a { display: block; line-height: 40px; padding-left: 60px; background: url( mn-icons.png ) no-repeat 20px 4px; text-transform: uppercase; color: #ddd; border-right: 5px solid transparent; border-bottom: 0 }
								#menu-main a:hover,
								#menu-main .current a { background-color: #265c94; border-right-color: #3175bb }
								#menu-main .current a { font-weight: bold; }
								
								#menu-main .home a {}
								#menu-main .products a { background-position: 20px -28px }
								#menu-main .orders a { background-position: 20px -60px }
								#menu-main .technical-information a { background-position: 20px -92px }
								#menu-main .commercial a { background-position: 20px -124px }
								#menu-main .trainning-videos a { background-position: 20px -156px }
								#menu-main .my-account a { background-position: 20px -188px }
								#menu-main .logout a { background-position: 20px -220px }
								#menu-main .contact a { background-position: 20px -252px }
							
				
				.logged-in #body { flex: 1 }
					
					#body-header { height: 200px; background: #555 url() no-repeat 50% 40%; background-size: cover; border-bottom: 1px solid #ddd; }
					
					#body-company { padding: 0 40px 20px; border-bottom: 1px solid #555; }
						#company-logo { display: flex; align-items: center; }
						#company-site { display: flex; justify-content: center; align-items: center; }
						#company-status { display: flex; justify-content: flex-end; align-items: center; }
							#company-status p { text-align: right; }
							#company-status strong { display: block; }
					
					#main { padding: 20px 40px; }


		#side {}
			#side > * {}
			#submenu {}
				.submenu {}
					.submenu .children {}
				.submenu li {}
				.submenu a {}
					.submenu a:hover {}
			

	
	#foot-wrap { padding-left: 40px; padding-right: 40px; border-top: 1px solid #555; }
	
		#foot-wrap a { color: #555 }
			#foot-wrap a:hover { color: #0077D8 }

		#foot-wrap .icon { display: inline-block; width: 20px; height: 20px; line-height: 18px; text-align: center; font-size: 8px; border-radius: 50%; border: 1px solid #555; color: #555; background: transparent; }
		#foot-wrap .icon + .icon { margin-left: 8px; }
			#foot-wrap .icon:hover { border-color: #0077D8; color: #0077D8; }

	#assign-wrap {}
		#assign {}




/*==============================*
 *	Sections's Style
 *==============================*/


/*	Busca
 *==============================*/
#search-list {}
	.search-item {}
		.search-item > a > img {}
		.search-item > h3 {}



/*	404
 *==============================*/
#content-404 {}




/*==============================*
 *	Component's Style
 *==============================*/


/*	List Itens
 *==============================*/
.list-posts {}



/*	Filter
 *==============================*/
.filter {}

.filter-drop {}
	.filter-drop:hover {}
	.filter-drop:after {}

.filter-items {}
	.filter-items > li {}
	.filter-items > li > a {}



/*	Box
 *==============================*/
.box {}
.box p {} 



/*	Taxonomies
 *==============================*/
.tax-box {}
	.tax-title {}
	.tax-title > .fa {}