/*
* @file: pages.css;
* @author: Cassio Vieira;
* @authorEmail: programacao@tdh.com.br;
* @authorURL: www.tdh.com.br;
* @authorCompany: TDH Websites;
*/

/* Pagina Institucional */
.pagina-institucional {  }
.pagina-institucional .page-title {
	margin: 0 0 50px;
}
.pagina-institucional .fields-top {
	display: table;
	margin: 0 auto 50px;
	max-width: 760px;
	width: 100%;
}
.pagina-institucional .fields-top .field {
	float: left;
	margin: 0 0 0 70px;
	padding: 14px 0 14px 120px;
	position: relative;
}
.pagina-institucional .fields-top .field:first-child {
	margin: 0;
}
.pagina-institucional .fields-top .field:before {
	background-image: url(../images/backgrounds/sprite-icones-a-empresa.png);
	background-position: center 0;
	background-repeat: no-repeat;
	content: "";
	height: 100px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100px;
}
.pagina-institucional .fields-top .field.experiencia {  }
.pagina-institucional .fields-top .field.entregamos {  }
.pagina-institucional .fields-top .field.experiencia:before {
	background-position: center 0;
}
.pagina-institucional .fields-top .field.entregamos:before {
	background-position: center -120px;
}
.pagina-institucional .fields-top .field p {
	line-height: 1.2em;
}
.pagina-institucional .fields-top .field p strong {
	color: #959166;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	text-transform: uppercase;
}
.pagina-institucional .item-text {
	margin: 0 auto;
	max-width: 950px;
	text-align: center;
}
.pagina-institucional .fields-bottom {
	display: table;
	margin: 50px auto 0;
	max-width: 1000px;
	position: relative;
	width: 100%;
}
.pagina-institucional .fields-bottom:before {
	background-image: url(../images/backgrounds/sprite-icones-a-empresa.png);
	background-position: center -352px;
	background-repeat: no-repeat;
	content: "";
	height: 52px;
	left: 50%;
	margin: -26px 0 0 -40px;
	position: absolute;
	top: 50%;
	width: 68px;
	z-index: 2;
}
.pagina-institucional .fields-bottom .field {
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	float: left;
	margin: 0 0 0 2.26%;
	position: relative;
	width: 48.8%;
}
.pagina-institucional .fields-bottom .field:first-child {
	margin: 0;
}
.pagina-institucional .fields-bottom .field a {
	background-color: #f2f2f2;
	color: #1a1a1a;
	display: block;
	line-height: 1.2em;
	padding: 35px 40px 35px 75px;
	position: relative;
}
.pagina-institucional .fields-bottom .field.atuacao a {
	background-color: #dedcc6;
	padding: 35px 40px 35px 75px;
	text-align: left;
}
.pagina-institucional .fields-bottom .field.portfolio a {
	background-color: #f2f2f2;
	padding: 35px 75px 35px 40px;
	text-align: right;
}
.pagina-institucional .fields-bottom .field a:before {
	background-image: url(../images/backgrounds/sprite-icones-a-empresa.png);
	background-position: center -240px;
	background-repeat: no-repeat;
	content: "";
	height: 102px;
	margin-top: -51px;
	position: absolute;
	top: 50%;
	transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
	transition: all 0.9s cubic-bezier(0.52, 1.64, 0.37, 0.66) 0s;
		-moz-transition: all 0.9s cubic-bezier(0.52, 1.64, 0.37, 0.66) 0s;
		-webkit-transition: all 0.9s cubic-bezier(0.52, 1.64, 0.37, 0.66) 0s;
		-o-transition: all 0.9s cubic-bezier(0.52, 1.64, 0.37, 0.66) 0s;
		-ms-transition: all 0.9s cubic-bezier(0.52, 1.64, 0.37, 0.66) 0s;
	width: 100px;
	z-index: 1;
}
.pagina-institucional .fields-bottom .field.atuacao a:before {
	left: -49px;
}
.pagina-institucional .fields-bottom .field.portfolio a:before {
	right: -49px;
}
.pagina-institucional .fields-bottom .field .field-title {
	color: #6d6936;
	font-size: 30px;
	font-weight: 200;
	margin: 0 0 10px;
	text-transform: uppercase;
}
.pagina-institucional .fields-bottom .field .field-content {  }
.pagina-institucional .fields-bottom .field .field-content p {
	line-height: 1.2em;
	margin: 8px 0 0;
}
.pagina-institucional .fields-bottom .field .field-content p:first-child {
	margin: 0;
}
.pagina-institucional .fields-bottom .field .field-content p strong {
	color: #6d6936;
	font-size: 16px;
	line-height: 1.2em;
	text-transform: uppercase;
}
.pagina-institucional .fields-bottom .field a:hover:before {
	transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
}
.pagina-institucional .fields-bottom .field a:hover .field-content p strong {
	color: #1a1a1a;
}

/* Pagina Servicos */
.pagina-servicos {  }
.pagina-servicos .list-items {  }
.pagina-servicos .list-items .row {
	margin: 40px 0 0;
}
.pagina-servicos .list-items .row:first-child {
	margin: 0;
}
.pagina-servicos .list-item {  }
.pagina-servicos .list-item .item-image {
	display: inline-block;
	max-width: 240px;
	position: relative;
	width: 100%;
}
.pagina-servicos .list-item .item-image:before {
	background-color: rgba(109, 105, 54, 0.3);
	bottom: -55px;
	content: "";
	height: 110px;
	left: 70px;
	position: absolute;
	width: 3px;
	z-index: 1;
}
.pagina-servicos .list-item .item-image span {
	display: inline-block;
	max-width: 240px;
	position: relative;
}
.pagina-servicos .list-item .item-image span:before {
	background-image: url(../images/backgrounds/mascara-fotos.png);
	background-position: center 0;
	background-repeat: no-repeat;
	content: "";
	height: 285px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.pagina-servicos .list-item .item-title {
	color: #1a1a1a;
	font-size: 18px;
	font-weight: 400;
	margin: 75px 0 0;
	padding: 0 0 0 30px;
	position: relative;
	z-index: 1;
}

/* Pagina Portfolio */
.pagina-portfolio {  }
.pagina-portfolio .list-items {  }
.pagina-portfolio .list-items .row {
	margin: 50px 0 0;
}
.pagina-portfolio .list-items .row:first-child {
	margin: 0;
}
.pagina-portfolio .list-item {
	text-align: center;
}
.pagina-portfolio .list-item .item-image {
	margin: 0 0 45px;
	position: relative;
}
.pagina-portfolio .list-item .item-image:before {
	background-color: #6d6936;
	bottom: -20px;
	content: "";
	height: 40px;
	left: 50%;
	margin-left: -1.5px;
	position: absolute;
	width: 3px;
	z-index: 1;
}
.pagina-portfolio .list-item .item-image a {
	display: block;
	max-width: 365px;
	overflow: hidden;
	position: relative;
}
.pagina-portfolio .list-item .item-image a:before {
	background-color: rgba(109, 105, 54, 0.9);
	bottom: 0;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	transition: all 0.2s linear 0s;
		-moz-transition: all 0.2s linear 0s;
		-webkit-transition: all 0.2s linear 0s;
		-o-transition: all 0.2s linear 0s;
		-ms-transition: all 0.2s linear 0s;
	width: 100%;
}
.pagina-portfolio .list-item .item-image a span {
	bottom: -50%;
	color: #ffffff;
	height: 22px;
	left: 0;
	line-height: 1.2em;
	margin-bottom: -11px;
	position: absolute;
	text-transform: uppercase;
	transition: all 0.2s linear 0s;
		-moz-transition: all 0.2s linear 0s;
		-webkit-transition: all 0.2s linear 0s;
		-o-transition: all 0.2s linear 0s;
		-ms-transition: all 0.2s linear 0s;
	width: 100%;
	z-index: 1;
}
.pagina-portfolio .list-item .item-image a:hover:before {
	height: 100%;
	transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		-webkit-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		-ms-transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		-moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		-ms-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.pagina-portfolio .list-item .item-image a:hover span {
	bottom: 50%;
	transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		-webkit-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		-ms-transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		-moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		-ms-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.pagina-portfolio .list-item .item-title {
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 10px;
}
.pagina-portfolio .list-item .item-local {  }
.pagina-portfolio .list-item .item-local p {
	color: #959166;
	display: table;
	font-size: 16px;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 0 0 0 20px;
	position: relative;
}
.pagina-portfolio .list-item .item-local p:before {
	background-image: url(../images/backgrounds/icone-localizacao.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	content: "";
	height: 16px;
	left: 0;
	position: absolute;
	top: 1px;
	width: 12px;
}
.pagina-portfolio .list-item .item-feito {
	display: table;
	margin: 15px auto 0;
	max-width: 220px;
	padding: 12px 0;
	position: relative;
	width: 100%;
}
.pagina-portfolio .list-item .item-feito:before {
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: skewX(30deg);
	width: 100%;
	z-index: -1;
}
.pagina-portfolio .list-item .item-feito p {
	color: #959166;
	font-size: 16px;
	line-height: 1.2em;
	position: relative;
}
.pagina-portfolio .list-item .item-link {
	margin: 10px 0 0;
	padding: 0 0 0 20px;
}
.pagina-portfolio .list-item .item-link a {
	color: #7f7f7f;
	display: inline-block;
	font-size: 16px;
	line-height: 1.2em;
	padding: 5px 20px;
	position: relative;
}
.pagina-portfolio .list-item .item-link a:before {
	background-color: #e6e6e6;
	box-sizing: border-box;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: skewX(30deg);
	transition: all 0.2s linear 0s;
		-moz-transition: all 0.2s linear 0s;
		-webkit-transition: all 0.2s linear 0s;
		-o-transition: all 0.2s linear 0s;
		-ms-transition: all 0.2s linear 0s;
	width: 100%;
	z-index: -1;
}
.pagina-portfolio .list-item .item-link a:hover {
	color: #ffffff;
}
.pagina-portfolio .list-item .item-link a:hover:before {
	background-color: #6c6936;
	transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		-webkit-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		-ms-transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		-moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		-ms-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Pagina Clientes */
.pagina-clientes {  }
.pagina-clientes .list-items .row {
	margin: 40px 0 0;
}
.pagina-clientes .list-items .row:first-child {
	margin: 0;
}

/* Pagina Contato */
.pagina-contato .page-content {  }
#sidebar-contato {  }