.fade-off {
	z-index: 1;
	opacity: 0;
	-moz-transition-property: opacity; 
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-o-transition-duration: 1s;
}

.fade-on {
	z-index: 100;
	opacity: 1 !important;
	-moz-transition-property: opacity; 
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-o-transition-duration: 1s;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

/*----------------------------*/

.clear {
	clear: both;
}

/*----------------------------*/

.cem-porcento {
	width: 100%;
}

/*----------------------------*/

.fancybox-container, 
.fancybox-container * {
	position: static;
}

.fancybox-button, 
.fancybox-arrow {
	min-width: 0px;
}


.fancybox-bg {
	background-color: #333333 !important; 
}
.fancybox-is-open .fancybox-bg {
	opacity: 1 !important;
}

.fancybox-arrow--left, 
.fancybox-arrow--right {
	box-shadow: none;
}

/*----------------------------*/

.justify-columns {
	text-align: justify;
	font-size: 0px;
	line-height: 0px;
}
.justify-columns:after {
	display: inline-block;
	width: 100%;
	content: '';
}

/*----------------------------*/

.rich-text {}

	.rich-text a {
		color: #093;
		text-decoration: underline;
	}

	.rich-text img {
		max-width: 100%;
		height: auto !important
	}

	.rich-text ol, 
	.rich-text ul {
		padding-left: 25px;
		list-style: outside decimal;
	}

	.rich-text ol {		
		list-style: outside decimal;
	}

	.rich-text ul {		
		list-style: outside disc;
	}

/*--------------------------------------------*/

.galeria {
	margin-bottom: 0px;
}

	.galeria li {
		margin-top: 0px;
		margin-bottom: 20px;
	}

	.galeria .photo {
		width: 100%;
		height: auto;
	}

/*--------------------------------------------*/

p.erro, 
p.sucesso {
	padding: 5px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 1.3em;
}

p.erro {	
	border: solid 1px #ebccd1;
	color: #a94442;
	background-color: #f2dede;	
}

p.sucesso {
	border: solid 1px #D0EBCC;
	color: #6EA942;
	background-color: #DFF2DE;		
}

p.erro a, 
p.sucesso a {
	text-decoration: underline;
}

/*------------------------------------*/

.formulario {
	max-width: 100%;
}
	
	.formulario input, 
	.formulario textarea, 
	.formulario select, 
	.formulario label, 
	.formulario button {
		width: 100%;
		margin-right: 0px;
	}

	.formulario label + input, 
	.formulario label + textarea, 
	.formulario label + select, 
	.formulario label + label, 
	.formulario label + button, 
	.formulario label + textarea + .cke {
		margin-top: -14px;
	}


	.formulario input[type=checkbox], 
	.formulario input[type=radio] {
		width: 20px;
		margin-right: 5px;
	}

	.formulario label + input[type=checkbox], 
	.formulario label + input[type=radio] {
		margin-top: 8px;
	}

	.formulario input[type=checkbox] + label, 
	.formulario input[type=radio] + label {
		width: calc(100% - 25px);
	}

	.formulario input[type=checkbox] + label + label, 
	.formulario input[type=radio] + label + label {
		margin-top: 0px;
	}

/*------------------------------------*/

.fb-like {
	margin-bottom: 20px;
}

/*------------------------------------*/

.paginacao {
	display: inline-block;
	width: auto;
	list-style: none;
	border: solid 1px #e2ae42;
	border-radius: 5px;
}

	.paginacao li {
		display: inline-block;
		vertical-align: top;
		margin: auto;
	}

		.paginacao li a {
			display: block;
			min-width: 36px;
			padding: 10px;
			font-size: 16px;
			line-height: 1em;
			text-align: center;
			color: #e2ae42;

			font-family: 'gotham-rnd-bold';
		}

		.paginacao li:first-child a {
			border-radius: 3px 0px 0px 3px;
		}	

		.paginacao li:last-child a {
			border-radius: 0px 3px 3px 0px;
		}	

		.paginacao li:hover a {
			background-color: #ecdbb6;
		}

		.paginacao li.selecionado a {
			color: #fff;
			background-color: #e2ae42;
		}

/*------------------------------------*/

.secao {
	padding-top: 105px;
	padding-bottom: 105px;
	background-color: #fff;
}
.secao:nth-child(2n+0) {
	background-color: #dcdcdc; /*#f0f0f0*/
}

.height-full {
	height: 100vh;
}

.min-height-full {
	min-height: 100vh;
}

/*------------------------------------*/

.projeto {
	margin-bottom: 20px;
}
	.projeto .photo {
		width: 100%;
		height: auto;

		-ms-filter: grayscale(1);
		-moz-filter: grayscale(0%);
		-webkit-filter: grayscale(1);

		-ms-transition-property: -ms-filter;
		-ms-transition-duration: 0.3s;

		-moz-transition-property: -moz-filter;
		-moz-transition-duration: 0.3s;

		-webkit-transition-property: -webkit-filter;
		-webkit-transition-duration: 0.3s;
	}

	.projeto .titulo {
		opacity: 0;

		position: absolute;
		bottom: 0px;
		left: 0px;

		width: 100%;
		height: 100%;
		padding-top: calc(50% - 13px);

		font-family: 'Oswald';
		font-size: 20px;
		line-height: 1.3em;
		color: #fff;
		text-shadow: 1px 1px #000;

		text-align: center;

		transition-property: opacity;
		transition-duration: 0.3s;
	}


	.projeto:hover .photo {
		-ms-filter: grayscale(0);
		-moz-filter: grayscale(100%);
		-webkit-filter: grayscale(0);
	}

	.projeto:hover .titulo {
		opacity: 1;
	}

/*------------------------------------*/

.barra-rolante {
	text-align: right;
}
	.mask {
		z-index: 4;
		overflow: hidden;
	}
	
	.area-rolante {
		transition-property: margin;
		transition-duration: 1s;
		text-align: left;
	}
		.area-rolante > .column {
			margin-right: 20px !important;
		}			
	
	.setas {
		position: absolute;
		right: 0px;
		top: 0px;

		width: 100%;
		height: 100%;
	}

		.seta {
			position: absolute;
			z-index: 10;
			top: 0px;
			bottom: 0px;

			width: 30px;
			height: 30px;
			padding: 0px;
			border: none;
			margin: auto;
			background-position: center center;
			background-repeat: no-repeat;
		}

		.seta-anterior {
			left: 20px;
			background-image: url(../images/chevron1.png);
		}

		.seta-proximo {
			right: 20px;
			background-image: url(../images/chevron2.png);
		}