a, button{ display: inline-block; text-decoration: none; line-height: 1; 
	-webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

a:focus, a:active, a:hover,
button:focus, button:active, button:hover,
a b.light-color:hover{ text-decoration: none; color: #FFA804; }

b{ font-weight: 600; }

img{ width: 100%; }
.image_logo {width: 200px;}
li {
	list-style: none;
	display: inline-block;
}

span{ display: inline-block; }

button{ outline: 0; border: 0; background: none; cursor: pointer; }

/* ---------------------------------
2. COMMONS FOR PAGE DESIGN
--------------------------------- */

.section{ padding: 100px 0 50px; }

.section .heading{ margin-bottom: 60px; }

.section .heading:before{ content:''; height: 10px; width: 50px; border-radius: 5px;
	margin-bottom: 20px; display: block; background: #FFA804; }
	
.portfolio-section{ padding-bottom: 0;}

.portfolio-section .portfolioFilter {
	color: #666;
	background-color: #2C303D;
}

.portfolio-section .portfolioFilter button{ margin: 10px 10px 0 0; }

.portfolio-section .portfolioFilter button.current{  color: #FFA804; }

.portfolio-section .portfolioContainer{ margin-left: -15px; margin-right: -15px; background-color:white;}

.portfolio-section .p-item{ width: 33.333%; padding: 0 7.5px 0px; margin-top: 15px; }

.portfolio-section .p-item a{ display: inline; }

.sidebar {
	position: fixed;
	height: 100vh;
}

.portfolioFilter {
	max-height: 90vh;
}

.portfolioFilter button span {
	font-size: 0.9em !important;
}

.portfolioFilter, .portfolioContainer {
	overflow-y: scroll;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.portfolioFilter::-webkit-scrollbar,
.portfolioContainer::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.portfolioFilter, .portfolioContainer {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}