/**
 *
 * Folha de estilos customizada
 *
 * Autor: Infinito Web Sites
 * URL do Autor: http://www.infinitowebsites.com.br
 *
**/

@font-face {
  	font-family: 'Bebas Neue';
  	font-style: normal;
  	font-weight: normal;
  	src: local('Bebas Neue'), local('Bebas-Neue'), local('BebasNeue'), url(../fonts/BebasNeue.woff) format('woff');
}

/*******************************************************
 * CORPO, FONTES & GERAL
*******************************************************/

body {
	background: #FFFFFF;
	font-weight: 300;
	color: #666;
  overflow-x: hidden;
	font-family: 'Lato', 'arial', 'sans-serif';
	font-size: 17px;
  padding-top: 120px;
}

img { max-width: 100%; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
a, .btn, .form-control, label {
	font-weight: 300;
}

h1 { 
	font-size: 60px;
	margin: 40px 0 0;
	color: #030303;
	font-family: 'Bebas Neue';
}

h2 {
	font-size: 26px;
	color: #444444;
	font-family: 'Bebas Neue';
}

h3 {
	font-size: 20px;
	color: #444444;
	font-family: 'Bebas Neue';
}

span {
	font-size: 14px;
	color: #444444;
}

hr {
	border-top: 1px solid #DDDDDD;
	margin: 15px 0 50px;
}

a {	
	color: #878787;
	border: none;
}

a, a:hover,
a *, a:hover * {
	transition: 0.3s;
	opacity: 1;
	cursor: pointer;
	text-decoration: none;
	border: none;
}

a:hover, a:hover * {	opacity: 0.7; }

/*******************************************************
 * BOTÕES E FORMS
*******************************************************/

#form-contato {  max-width: 500px; }
.form-inner {
    background: #030303;
    padding: 10px 15px;
    margin-bottom: 10px;
}

.form-group {	margin: 5px 0; }

.form-control {
    border-radius: 0;
    font-size: 18px;
    height: 39px;
    border: none;
    box-shadow: none;
}

.btn.btn-default {
  background-color: transparent;
  border-color: #FFF;
  font-size: 20px;
  border-radius: 0;
  color: #FFF;
  font-family: 'Bebas Neue';
  padding: 3px 10px 1px;
}

.btn.btn-default:hover {
  border: 1px solid #FFF;
}

.btn.btn-danger {
    background-color: transparent;
    border-color: #030303;
    font-size: 20px;
    border-radius: 0;
    color: #030303;
    font-family: 'Bebas Neue';
    padding: 3px 10px 1px;
}

/*******************************************************
 * CLASSES COMUNS
*******************************************************/

p.lead {
    font-size: 24px;
    line-height: 28px;
}

article header h1 {
    text-align: center;
}

.media .fa {
    font-size: 28px;
    color: #000;
}

/*******************************************************
 * CABECALHO
*******************************************************/

#cabecalho {
  background: #FFF url('../img/fundo-cabecalho.png') no-repeat center;
  box-shadow: 0 1px 5px rgba(0,0,0,0.3);  
  padding: 10px 0;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 5;
  box-shadow: 0;
  -transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
}

#header-bottom {
  background-image: url('../img/body-top-bg.png');
  background-color: transparent;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 100px;
}

#main-menu {
    margin-top: 35px;
    background: transparent;
    border: 0;
    margin-bottom: 0;
}

#main-menu .nav li a {	
  color: #666666;
 	font-style: normal;
  font-family: 'Bebas Neue';
  font-size: 24px;
  border-radius: 0;
  padding: 0px 15px;
}

#main-menu .nav li.active a {
  color: #FFF;
  background: #030303;
}

div#page-header {
  height: 500px;
  background: url('../img/banner-ultralicit.png') no-repeat center;
  background-size: cover;
  position: relative;
}

div#page-header:after {
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  background: url('../img/barra-banner.png') no-repeat center top;
  background-size: cover;
  bottom: -1px;
  left: 0;
  z-index: 1;
}

div#header-logo, nav#main-menu, #header-logo img,
.scrolled div#header-logo, .scrolled nav#main-menu, .scrolled #header-logo img  { transition: 0.3s; }

.scrolled div#header-logo { max-width: 100px; }
.scrolled nav#main-menu { margin-top: 20px; }


/*******************************************************
 * RODAPÉ
*******************************************************/

#footer { margin-top: 50px; }

#footer #footer-inner {
    background-color: #030303;
    color: #FFF;
    padding: 5px 0 0;
}

#footer #footer-inner small {
  	color: #FFFFFF;
  	font-size: 11px;
    vertical-align: super;
}

#footer span.icone-social { display: inline-block; vertical-align: top; }
#footer span.icone-social a span {
    display: inline-block;
    margin: 0 5px;
}

#footer a { color: #FFF; }

#link-wpp {
    position: fixed;
    top: 50%;
    right: 20px;
    margin-top: -30px;
    transition: .4s ease;
    opacity: 0;
    transform: translateX(200px);
    cursor: pointer;
    z-index: 99;
}

.scrolled #link-wpp {
    opacity: 1;
    transform: translateX(0px);
}

/*******************************************************
 * PÁGINAS
*******************************************************/


/* Home */
body.home { padding-top: 160px; }

.home > article { position: relative; }
.home #cabecalho { height: auto; }

#homeslider { margin-top: -50px; }
#homeslider img { width: 100%; }
#homeslider ol.carousel-indicators { bottom: 120px; }

.intro {
    z-index: 2;
    color: #FFF;
    padding: 30px 0 50px;
    background: url(../img/home-bg.png);
    position: relative;
    margin-bottom: 120px;
}

.intro:before {
  content: "";
  width: 100%;
  height: 100px;
  background: url(../img/homebgtop.png) no-repeat center top;
  background-size: cover;
  position: absolute;
  top: -100px;
  left: 0;
}

.intro:after {
  content: "";
  width: 100%;
  height: 100px;
  background: url(../img/homebgbottom.png) no-repeat center bottom;
  background-size: cover;
  position: absolute;
  bottom: -100px;
  left: 0;
}

#home .intro .container {
  max-width: 960px;
}

#home .intro h2 {
    color: #fff;
    font-size: 48px;
}

.intro img { width: 100%; }
.intro h1 {
    z-index: 3;
    color: #FFF;
    margin: 0;
}

.home-portfolio {
    position: relative;
    z-index: 1;
    margin-top: 0px;
}

.home-portfolio h2 {
    font-size: 48px;
}

/*servicos*/
.servico p { 
  color: #777; 
  text-align: center;
}

/* portfolio */

.menu-portfolio {
    max-width: 500px;
    margin: 0 auto 50px;
}

.menu-portfolio .nav li a,
.menu-portfolio .nav li:hover a,
.menu-portfolio .nav li a:hover,
.menu-portfolio .nav li a:active
.menu-portfolio .nav li a:focus {
    border: 2px solid transparent;
    font: 32px 'Bebas Neue', sans-serif;
    border-radius: 0;
    margin: 0 auto;
}

.menu-portfolio .nav li.active a,
.menu-portfolio .nav li.active:hover a,
.menu-portfolio .nav li.active a:hover,
.menu-portfolio .nav li.active a:active,
.menu-portfolio .nav li.active a:focus {
  background: #fff;
    color: #030303;
    border: 2px solid #030303;
    border-radius: 0;
    margin: 0 auto;
}

.cliente {
    margin-bottom: 30px;
}

/*sobre*/

div#box-sobre {
    background: #000 url('../img/home-bg.png') no-repeat center;
    background-size: cover;
    color: #FFF;
    padding: 30px 20px;
    text-align: center;
    font-size: 20px;
    line-height: 35px;
}

div#box-sobre ul {
  padding: 0;
  list-style-type: none;
}


/* contato */

#contato .menu-portfolio {
    margin: 0 0 20px;
}

.form-inner label {
    color: #fff;
    font-size: 18px;
    padding: 8px 0;
    margin: 0;
}

p.media-heading { margin-top: -5px; }
.media-body { font-size: 18px; }
.media .pull-left {
    width: 60px;
    text-align: center;
}

/*******************************************************
 * AJUSTES RESPONSIVOS
*******************************************************/

@media( max-width: 1280px ) {
	.intro { margin-top: -100px; }
}

@media( max-width: 1024px ) {
  #main-menu .nav li a { font-size: 22px; }
  .intro { margin-top: -50px; }
  .intro h1 { top: 30px; }
}

@media( max-width: 768px ) {
  #homeslider { margin-top: 90px; }
  #mobile-slider { margin-top: 60px; }

	.iws-photo { width: 49.8%; }
	#footer #footer-inner small { display: block; }

	#header-logo img { height: auto; }
	div#header-logo { text-align: center; }

  .intro h1 {
    position: relative;
    font-size: 48px;
  }
  .intro img {
      display: none;
  }
  .intro {
      background: #864488;
      padding: 20px;
  }

}

@media( max-width: 480px ) {
	.intro {
	    background-size: cover;
	    padding: 10px 0;
	    min-height: 200px;
	    margin-top: -40px;
	}
}