/*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: #4BA311;
	background:url(../images/bgh3.jpg) bottom left no-repeat;
}
/*------------------------------------------- Topo -*/
#bgtopo{
	width:100%;
	float:left;
	background:#FFF;
}
#topo{
	max-width:850px;
	margin:0 auto;
	height:89px;
	padding:0 1%;
}
#logo{
	width:30%;
	height:auto;
	float:left;
}
/*------------ Menu -*/
#menuresponsivo{
	width:30%;
	height:55px;
	float:left;
}
.toggleMenu {
    border-radius: 0 0 5px;
    color: #ffffff;
    display: none;
    font-family: "PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 6%;
    transition: left 2s ease 0s;
    width: 94% !important;
}
#menu{
	display:none;
}
/*#menu{
	width:30%;
	height:55px;
	float:left;
	font-family: 'bebas_neueregular' !important;
	margin-top:1.5%;
	padding-left:3%;
	margin-left:5%;
}
#menu .srm_position{
	left:45% !important;
}
*/
/*------------ Rede social -*/
#redes{
	width:15%;
	margin-top:2.5%;
	float:left;
	text-align:right;
}
/*------------ Linguagem / Flags -*/
#flags{
	width:15%;
	margin-top:2.5%;
	float:left;
	text-align:right;
}
@media only screen and (max-width:579px) and (min-width:481px) {
	#logo{
		width:100%;
		height:auto;
		padding-bottom:1%;
		float:left;
		text-align:center;
	}
	#menu{
		width:40%;
		height:55px;
		float:left;
		font-family: 'bebas_neueregular' !important;
		margin-top:1%;
		padding-left:3%;
		margin-left:5%;
	}
	#menu .srm_position{
		left:15% !important;
		top:95px !important;
	}
	#redes{
		width:15%;
		margin-top:1%;
		float:left;
		text-align:center;
	}
	#flags{
		width:15%;
		margin-top:2%;
		padding-left:3%;
		float:left;
		text-align:right;
	}
}
/*------------------------------------------- Display Home -*/
#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:850px;
	margin:0 auto;
	clear:both;
}
#textobiografia{
	width:96;
	padding: 2%;
	float:left;
	text-align:justify;
	font-size:18px;
	font-family: 'robotoregular';
}
#imgbiografia{
	width:100%;
	float:left;
}
#imgbiografia img{
	width:100%;
	margin:0 auto;
	text-align:center;
	height:auto;
}
#textocontato{
	width:96%;
	float:left;
	padding: 2%;
	text-align:justify;
	font-size:18px;
	font-family: 'robotoregular';
}
#textocontato a{
	text-decoration:none;
	color:#ccc;
}
#formulario{
	width:96%;
	float:left;
	clear:both;
	padding:2%;
}
/*------------ Chronoforms -*/
#chronoform-contato{
	width:100%;
	float:right;
}
#fin-nome, #fin-email, #fin-telefone, #fin-mensagem{
	width:100% !important;
	float:left;
	box-shadow:none;
	padding:0;
	font-family: 'robotoregular';
	color:#7E7E7E;
}
#chronoform-contato input{
	width:100% !important;
	float:left;
	border-radius:0;
	background:none;
	border:1px solid #fff;
	height:71px;
        color:#fff;
	font-size:18px;
}
#chronoform-contato textarea{
	width:100% !important;
	float:left;
	border-radius:0;
	background:none;
	border:1px solid #fff;
        color:#fff;
	font-size:18px;
}
#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:23px;
	color:#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:2% 0;
	clear:both;
	float:left;
	min-height:600px;
}
.centro{
	max-width:850px;
	padding:2%;
	text-align:justify;
	font-size:18px;
	margin:0 auto;
}
#moduloapoio{
	height:100px;
	width:100%;
	float:left;
}
#portfoliogeral{
	width:100%;
	float:left;
}
.port1,.port2,.port3,.port4,.port5,.port6,.port7,.port8{
	width:48%;
	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;
}
/*------------------------------------------- Rodapé -*/
#rodape{
	width:100%;
	float:left;
	background:#090909;
	min-height:80px;
	bottom:0;
	position:fixed;
}
#creditos{
	max-width:850px;
	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;
}