.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-right {
	text-align: right;
}

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

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

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

.clear {
	clear: both;
}

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

.cem-porcento {
	width: 100%;
}

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

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

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

.telefone {
	display: inline-block;
	vertical-align: top;
	width: auto;
}
	.telefone .calling-code {
		display: none;
	}

	.telefone .area-code:before {
		content: '(';
	}

	.telefone .area-code:after {
		content: ')';
	}

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

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

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


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

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

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

.rich-text {}

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

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


	.rich-text ul {
		padding-left: 15px;
	}

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

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

.galeria {}

	.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;		
}

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

.formulario {
	width: 960px;
	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;
}

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

.produto {
	width: 100%;
	margin-bottom: 20px;
}

	.produto .photo {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	.produto .titulo {
		width: calc(100% - 40px);
		height: calc(2.6em + 20px);
		padding: 10px;

		font-size: 18px;
		line-height: 1.3em;
		color: #061326;
		text-align: center;

		
	}

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

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

.servico {
	width: 100%;
	margin-bottom: 20px;
}

	.servico .photo {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	.servico .titulo {
		font-size: 17px;
		line-height: 1.3em;
	}

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

.social-icon {
	width: 25px;
	height: 25px;
	margin-right: 10px;
	background-image: url(../images/social-networks-sprite.png);
	background-size: auto 100%;
	background-position: top left;
	background-position: 0px 0px;
}

.social-icon.facebook {
	background-position-x: 0px;
}

.social-icon.twitter {
	background-position-x: 25%;
}

.social-icon.instagram {
	background-position-x: 50%;
}

.social-icon.youtube {
	background-position-x: 75%;
}

.social-icon.pinterest {
	background-position-x: 100%;
}