.gridder{margin:0px;padding:0px;list-style-type:none}.gridder-list{display:inline-block;vertical-align:top}.gridder-show{display:block;float:left; width:100%; position:relative}.gridder-content{display:none}.gridder-list{width:33.33333333%;}.gridder-list:nth-child(n){margin-bottom:0;margin-right:0}.gridder-list:nth-of-type(6n){margin-right:0;margin-bottom:0}.gridder-show{padding:120px 0 50px 0;background:#fff;margin-bottom:1%}.gridder-list{cursor:pointer}.gridder-list:hover{opacity:0.8}.hasSelectedItem .gridder-list{opacity:.8}.hasSelectedItem .gridder-list.selectedItem{opacity:1}

.gridder-close {width:24px; height:24px; position: absolute; left: 50%; margin-left: -12px; top: 70px; background: url(../img/close.png) no-repeat; text-indent:-10000px; outline: none;}
.next {width:24px; height:24px; position: absolute; right: 1%; top: 70px; background: url(../img/next.png) no-repeat; text-indent:-10000px; outline: none;}
.prev {width:24px; height:24px; position: absolute; left: 1%; top: 70px ; background: url(../img/prev.png) no-repeat; text-indent:-10000px; outline: none;}

.portfolio-projeto {
	position: relative;
}
.portfolio-projeto img {
	width: 100%;
}
.portfolio-projeto-desc {
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 20% 0;
	top:0;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
	transition: all 0.5s;
}
.portfolio-projeto-desc:hover {
	background-color: rgba(180, 211, 49, 0.9);
	cursor: pointer;
}
.portfolio-projeto-desc h3 {
	font-weight: 600;
	color: #fff;
}
.portfolio-projeto-desc p {
	color: #fff;
}

.portfolio-projeto-desc {
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 20% 0;
	top:0;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
	transition: all 0.5s;
}
.projeto-ver {
	width: 150px;
	margin: 0 auto;
	opacity: 0;
	padding: 8px 20px;
	color: rgba(180, 211, 49, 1);
	background: #492f6b;
	border-radius: 32px;
	font-weight: 600;
}
.portfolio-projeto-desc:hover .projeto-ver {
	opacity: 1;
	color: rgba(180, 211, 49, 1);
	transition: all 0.8s;
}

@media (max-width:1200px) {		

	.gridder-list{width:50%;}
	
}

@media (max-width:768px) {	
	
	.gridder-list{width:100%;}
	
	
	
}