/* end .slideOne */
	/**UTILS**************************************************************/
	#intro{
		padding: 150px 0px;
	}
	#intro h1, #intro p, #projects h3{
		color: white;
		margin: auto;
	}
	#intro h1{
		font-size: clamp(2rem,5vw,3.6rem);
		margin-bottom: 30px;
	}
	#intro p{
		max-width: 500px;
		font-weight: bold;
	}
	/**Projetos*********************************************************/
	
	#projetos_cont{
		position:relative;
		max-width:1300px;
		min-height:200px;
		width:100%;
		margin: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		gap: 30px 20px;
		padding-bottom: 50px;
	}
	.projetos_indi{
		border-radius: 20px;
		background-color: rgba(0,0,0,0.7);
		flex: 1;
		height: 300px;
		background-repeat:no-repeat;
		background-size: cover;
		background-position: center;
		overflow: hidden;
		min-width: 400px;
	}
	.projetos_indi img{
		height: 100%;
		width: auto;
		position: absolute;
		border-radius: 21px;
	}
	.projetos_indiBg{
		width: 100%;
		height: 100%;
		padding: 20px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content:center;
		/*background: linear-gradient(black 10%, rgba(0, 0, 0, 0.9) 30%, transparent 50%);
		*/
		background-color: rgba(40, 40, 40, 0.85);
	}
	
	.projetos_indi:hover {
		transform: translateY(-6px);
		box-shadow: 0 0 20px rgba(0,255,0,0.4);
	}

	.projetos_indi svg{
		width:30px;
		height:30px;
		display: inline-block;
	}

	.projetos_indi h3{
		margin-bottom: 20px;
	}
	.projetos_indi p{
		color: white;
	}
	.projetos_indi .destaque, .projetos_indi .destaque *{
		color: #0F0;
		fill: #0F0 !important;
	}
	/**Pagination**************************************************************/

	.paginationNav{
		display: flex;
		justify-content:end;
		color: white;
        max-width: 1300px;

		margin: auto;
		margin-bottom: 40px;
		transition: color 0.3s;	
	}
	.paginationNav li{
		display: inline-block;
	}
	.paginationNav a{
		transition: color 0.5s;
        font-size: 18px;
        font-weight: bold;
        width: 30px;
        display: inline-block;
        text-align: left;
	}
    .paginationNav li:last-child a{
		text-align: right;
	}
	.paginationNav a:hover{
		color:#0F0;
	}
    .pageTotal{
        font-weight: bold;
        color: #0F0;
    }

	/**Filtros**************************************************************/
	#filtros{
		height:auto;
		min-height:110px;	
		padding:20px 0px;
		box-sizing: border-box;
	}

	#filtros ul{
		margin:auto;
		text-align:center;
	}


	@media only screen and (min-width: 500px) {
		#filtros li{
			display:inline-block;
		}
		.filtroBlock{
			width:auto;	
			margin:20px;
		}
	}
	@media only screen and (max-width: 500px) {
		#filtros li{
			display:block;
			text-align:left;
			padding:auto 20px;
		}
		.filtroBlock{
			width:auto;	
			margin:20px 40px;
		}
	}

	.filtroBlock * {
		transition: color .4s ease;
	}
	.filtroBlock span{	
		margin-left:20px;
		vertical-align: middle;
		color: white;
	}
		
		
		
	#filtros .destaque *{
		color: #0F0;
		fill: #0F0 !important;
		font-weight: 700;
	}
	#filtros svg{
		width:30px;
		vertical-align: middle;
		position:relative;
	}

	
		
	#filtros  svg, #filtros  svg *{
		transition: fill .4s ease;
		fill:#CCC !important;
	}
	#filtros  a:hover *{
		fill: #0F0 !important;
		color: #0F0;
	}
	
	#servicos{
		margin-bottom: 50px;
		display: block;
	}
	#servicoDrop{
		display: none;
	}
	#moreFilter{
        margin: auto;
        width: 90%;
        max-width: 1300px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 24px;
        gap: 30px 20px;
        flex-direction: row;
	}

    

	#moreFilter div{
		align-self:center;
	}

	#moreFilter label{
        width: 80px;
		display: inline-block;
		color: white;
		transition: color 0.5s;
		text-align: left;
		margin-bottom: 8px;
		cursor: pointer;
		margin-right: 8px;
        font-size: 20px;
        font-weight: bold;
        box-sizing: border-box;
	}

	#moreFilter label:hover{
		color:#0F0;
		
	}

	#moreFilter select{
		display: inline-block;
		min-width: 250px;
		cursor: pointer;
		font-size: 16px;
		font-weight: bold;
		border-radius: 8px;
		border: solid 1px #0F0;
		padding: 8px 16px;
		background-color: transparent;
		line-height: 30px;
		color: white;
         box-sizing: border-box;
	}
	#moreFilter optgroup {
		color: #0F0;
	}
	#moreFilter option{
		color: white;
		cursor: pointer;
	}
	#moreFilter select:hover, #moreFilter select:focus{
		background-color: black;
	}

    #filterButtons{
        display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
        gap: 30px 20px;
    }
    #filterButtons div{
		align-self:center;
	}

    #filterClear{
        border-color: white;
        color:white;
    }
    #filterClear:hover{
		background-color: transparent;
       	border-color: rgb(177, 22, 22);
        color:rgb(177, 22, 22);
    }

	

    @media only screen and (max-width: 900px) {
		.moreFilterCont{
            width: 100%;
        }
        #moreFilter label{
            width: 29%;
            min-width: 29%;
            margin-right: 0px;
            /*min-width: 80px;*/
        }
        #moreFilter select{
            width: 69%;
            min-width: 69%;
        }

		#servicos{
			display: none;
		}
		#servicoDrop{
			display: block;
		}

		.projetos_indi{
			min-width: 300px;
		}
	}
     @media only screen and (max-width: 1260px) {
		
        #filterButtons {
            width: 100%;
            justify-content: end;
        }
        
	}