/*Autor template: Caique Souza Carmo - Linksan	
Template Joomla desenvolvido para Jorge Oliveira */

* {
	margin: 0;
	padding: 0;
}
body{
	margin:0;
	padding:0;
}

h1, h2, h3{
	color:#ffffff;
	font-size:40px;
	/*font-family: 'century725_cn_btregular';*/
	font-family: 'scarecrowregular';
	margin-bottom:2%;
	color: #4EA218;
	background:url(../images/bgh3.jpg) bottom left no-repeat;
}
/*------------------------------------------- Topo -*/
#bgtopo{
	width:100%;
	float:left;
	background:#FFF;
}
#topo{
	max-width:1190px;
	margin:0 auto;
	height:89px;
}
#logo{
	width:20%;
	height:auto;
	float:left;
}
/*------------ Menu -*/
#menuresponsivo{
	display:none;
}
#menu{
	border-left:2px solid #afafaf;
	width:50%;
	height:55px;
	float:left;
	font-family: 'bebas_neueregular' !important;
	margin-top:1.5%;
	padding-left:2%;
	margin-left:10%;
}
#menu ul{
	max-width:100%;
	height:55px;
	padding:3% 0;
}
#menu li{
	list-style:none;
	display:inline;
}
#menu a{
	padding: 0 4%;
	text-decoration:none;
	/*color:#afafaf;*/
	color:#4BA311;
	font-size:20px;
}
#menu a:hover{
	color:#000;
	transition-property: color;
	transition-duration: 1s;
}
/*------------ Rede social -*/
#redes{
	width:8%;
	margin-top:2.5%;
	float:left;
	text-align:left;
}
/*------------ Bandeiras / Flags -*/
#flags{
	width:8%;
	margin-top:2.6%;
	float:left;
	text-align:right;
}
/*------------------------------------------- Display Home -*/
#bgtextodisplay{
	width:100%;
	float:left;
	/*margin-top:263px;*/
	color:#7e7e7e;
}
#textodisplay{
	max-width:625px;
	margin:0 auto;
	text-align:left;
	line-height:50px;
	min-height:106px;
	/*padding-top:20%;
	clear:both;*/
	color:#ffffff;
	font-family: 'bebas_neueregular';
	font-size:80px;
    text-shadow: 2px 2px 3px #333;
}
#textodisplay .subfrase{
	font-size:40px !important;
    text-shadow: 2px 2px 3px #333;
}
/*------------------------------------------- Módulos Biografia e contato -*/
#bgmodulo{
	width:100%;
	background:#5C5C5C;
	float:left;
    /*margin-top:263px;*/
	color:#CCC;
}
#modulo{
	max-width:1190px;
	margin:0 auto;
	clear:both;
}
#textobiografia{
	width:45%;
	padding-top: 2%;
	float:left;
	padding-right:5%;
	text-align:justify;
	font-size:16px;
	font-family: 'robotoregular';
}
#imgbiografia{
	width:50%;
	float:left;
}
#textocontato{
	width:35%;
	float:left;
	padding-top: 2%;
	padding-right:5%;
	text-align:justify;
	font-size:16px;
	font-family: 'robotoregular';
}
#textocontato a{
	text-decoration:none;
	color:#ccc;
}
#formulario{
	width:60%;
	float:left;
	padding-top:2%;
}
/*------------ Chronoforms -*/
#chronoform-contato{
	width:90%;
	float:right;
}

.gbs3 .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}


#fin-nome, #fin-email, #fin-telefone, #fin-mensagem{
	width:100% !important;
	float:left;
	box-shadow:none;
	padding:0;
	font-family: 'robotoregular';
	color: #fff;  /* #7E7E7E; */
}


#chronoform-contato input{
	width:100% !important;
	float:left;
	border-radius:0;
	background:none;
	border:1px solid #fff;
	height:61px;
	color:#fff;   /* #CCC;  */
}

#chronoform-contato textarea{
	width:100% !important;
	float:left;
	border-radius:0;
	background:none;
	color: #fff; 
	border:1px solid #fff;
}
#form-row-nome, #form-row-email, #form-row-telefone, #form-row-mensagem{
	padding:0;
	margin-bottom:5px;
}
#fin-enviar{
	text-align:right;
	float:right;
}
#fin-enviar input{
	border:0;
	float:right;
	font-family: 'robotoregular';
	font-size:16px;
	color:#fff;   /*  #7E7E7E;  */
	box-shadow:none;
	text-shadow:none;
	float:right;
}
#fin-enviar input:hover{
	color:#FF6600;
}
.chrono_credits{
	display:none;
}
/*------------------------------------------- Páginas internas / Conteúdo -*/
#conteudo{
	width:100%;
	padding:3% 0;
	clear:both;
	float:left;
	min-height:700px;
}
.centro{
	max-width:1190px;
	margin:0 auto;
}
#moduloapoio{
	height:263px;
	width:100%;
	float:left;
}
.item-page{
	width:100%;
	float:left;
}

@media only screen and (max-width:1280px) and (min-width:768px) {
#moduloapoio{
	height:233px;
	width:100%;
	float:left;
}
#conteudo{
	width:100%;
	padding:2% 0;
	clear:both;
	float:left;
	min-height:570px;
}
}

#portfoliogeral{
	width:100%;
	/*padding:0 !important;
	margin:0 auto !important;*/
	float:left;
}
.port1,.port2,.port3,.port4,.port5,.port6,.port7,.port8{
	width:23%;
	height:350px;
	float:left;
	margin:2px !important;
}
.port1{
    background:url(../images/portfolio/casamento.jpg) no-repeat;
}
.port2{
    background: url(../images/portfolio/esporte.jpg) no-repeat;
}
.port3{
    background: url(../images/portfolio/familia.jpg) no-repeat;
}
.port4{
	background:url(../images/portfolio/gastronomia.jpg) no-repeat;
}
.port5{
	background: url(../images/portfolio/editoriais.jpg) no-repeat;
}
.port6{
	background: url(../images/portfolio/natureza.jpg) no-repeat;
}
.port7{
	background: url(../images/portfolio/publicidade3.jpg) no-repeat;
}
.port8{
	background: url(../images/portfolio/shows.jpg) no-repeat;
}
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;

  text-align:center;
  width:100%;
  font-family: 'robotoregular';
  font-size:32px !important;
  color:#333;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  /*background-color: #333 !important;*/
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=40);
  /*color: white;*/
  color:#4ea218;
}
[class^="hvr-"] {
    color: #FFF;
    cursor: pointer;
	width:100%;
	height:100%;
    text-decoration: none;
}
.tituloport{
	padding-top:300px;
	width:100%;
	float:left;
	font-family: 'lane_-_narrowregular';
	font-weight:bold;
}
.clientes{
	width: 100%;
	float:left;
}
.clientes td{
	width:23%;
	padding: 1%;
	float:left;
}
.clientes img{
	width:100%;
	height:auto;
}
/*------------------------------------------- Galeria -*/

#galeria{
       width:100%;
       float:left;
}

/*------------------------------------------- Rodapé -*/
#rodape{
	width:100%;
	float:left;
	background:#090909;
	min-height:80px;
}
#creditos{
	max-width:1190px;
	margin:0 auto;
	padding-top:1%;
	color:#FFF;
	font-family: 'lane_-_narrowregular';
}
/*------------------------------------------- Fontes -*/
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lane_-_narrowregular';
    src: url('../fonts/lanenar-webfont.eot');
    src: url('../fonts/lanenar-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lanenar-webfont.woff2') format('woff2'),
         url('../fonts/lanenar-webfont.woff') format('woff'),
         url('../fonts/lanenar-webfont.ttf') format('truetype'),
         url('../fonts/lanenar-webfont.svg#lane_-_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'century725_cn_btregular';
    src: url('../fonts/tt1057m-webfont.eot');
    src: url('../fonts/tt1057m-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt1057m-webfont.woff2') format('woff2'),
         url('../fonts/tt1057m-webfont.woff') format('woff'),
         url('../fonts/tt1057m-webfont.ttf') format('truetype'),
         url('../fonts/tt1057m-webfont.svg#century725_cn_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoitalic';
    src: url('../fonts/roboto-italic-webfont.eot');
    src: url('../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-italic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-italic-webfont.woff') format('woff'),
         url('../fonts/roboto-italic-webfont.ttf') format('truetype'),
         url('../fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'scarecrowregular';
    src: url('../fonts/scarecro-webfont.woff2') format('woff2'),
         url('../fonts/scarecro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}