/* CLEARFIX */
.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* PADDING HACK */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 999999px;
}

* html .cf { zoom: 1; } /* IE6 */

*:first-child+html .cf { zoom: 1; } /* IE7 */

/* GOOGLE FONT */
@import 'https://fonts.googleapis.com/css?family=Lato:100,300,300i,900';

/* CONFIGURAÇÃO GERAIS */
* {
	list-style: none;
	font-family: "Lato", sans-serif;
	font-weight: 300;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	color: #222;
	font-size: 22px;
	line-height: 40px;
}

strong, b {
	font-weight: 900;
}

*:focus {
	outline: 0;
}

img.skype_pnh_logo_img { display: none!important }

html { -webkit-text-size-adjust: none; }

body {
	background-color: #fff;
}

.transition {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

/* GRIDS */
.wrap {
	margin: 0 auto;
	width: 1200px;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
}

/* MENU */
#trigger-overlay {
	position: absolute!important;
	right: 0%;
}

/* LOGO TOPO */
header {
	background-color: #fff;
	height: 200px;
}

header a {
	display: block;
	width: 393px;
	height: 79px;
}

header a:hover {
	opacity: .8;
}

header a h1 {
	display: block;
	width: 393px;
	height: 79px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/logo-leonardo-muller.png) 0 0 no-repeat;
	margin: 60px 0 0 65px;
}

/* BANNER */
section#banner {
	background-color: #fff;
	height: 583px;
	display: block;
	margin: 0 auto;
	text-indent: -9999px;
	overflow: hidden;
}

section#banner.banner_sobre { background: url(../images/banner-sobre.jpg) top center no-repeat; }
section#banner.banner_projetos { background: url(../images/banner-projetos.jpg) top center no-repeat; }
section#banner.banner_blog { background: url(../images/banner-blog.jpg) top center no-repeat; }
section#banner.banner_contato { background: url(../images/banner-contato.jpg) top center no-repeat; }

/* RODAPÉ */
section#rodape .line_rodape {
	display: block;
	background-color: #1d1d1d;
	width: 1180px;
	height: 5px;
	margin: 100px 0 50px 0;
}

section#rodape .menu_rodape {
	float: left;
	margin-bottom: 30px;
}

section#rodape .menu_rodape a {
	display: block;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 42px;
	text-align: left;
}

section#rodape .menu_rodape a:hover {
	color: #b25432;
}

section#rodape .infos_rodape {
	float: left;
	vertical-align: top;
}

section#rodape .infos_rodape span,
section#rodape .infos_rodape span a {
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	display: block;
}

section#rodape .infos_rodape span a:hover {
	text-decoration: underline;
}

section#rodape .redes_sociais_bot {
	float: right;
	vertical-align: top;
	text-align: right;
	margin-bottom: 30px;
}

section#rodape .redes_sociais_bot .newsletter_icon_bot,
section#rodape .redes_sociais_bot .facebook_icon_bot,
section#rodape .redes_sociais_bot .instagram_icon_bot,
section#rodape .redes_sociais_bot .linkedin_icon_bot,
section#rodape .redes_sociais_bot .pinterest_icon_bot,
section#rodape .redes_sociais_bot .homify_icon_bot {
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	margin: 0 10px;
}

section#rodape .redes_sociais_bot .newsletter_icon_bot {
	width: 118px;
	height: 12px;
	background: url(../images/icon-newsletter.png) 0 0 no-repeat;
}

section#rodape .redes_sociais_bot .facebook_icon_bot {
	width: 8px;
	height: 14px;
	background: url(../images/icon-facebook.png) 0 0 no-repeat;
}

section#rodape .redes_sociais_bot .instagram_icon_bot {
	width: 14px;
	height: 14px;
	background: url(../images/icon-instagram.png) 0 0 no-repeat;
}

section#rodape .redes_sociais_bot .linkedin_icon_bot {
	width: 14px;
	height: 14px;
	background: url(../images/icon-linkedin.png) 0 0 no-repeat;
}

section#rodape .redes_sociais_bot .pinterest_icon_bot {
	width: 12px;
	height: 14px;
	background: url(../images/icon-pinterest.png) 0 0 no-repeat;
}

section#rodape .redes_sociais_bot .homify_icon_bot {
	margin-right: 0!important;
	width: 10px;
	height: 14px;
	background: url(../images/icon-homify.png) 0 0 no-repeat;
}

section#rodape .redes_sociais_bot .newsletter_icon_bot:hover,
section#rodape .redes_sociais_bot .facebook_icon_bot:hover,
section#rodape .redes_sociais_bot .instagram_icon_bot:hover,
section#rodape .redes_sociais_bot .linkedin_icon_bot:hover,
section#rodape .redes_sociais_bot .pinterest_icon_bot:hover,
section#rodape .redes_sociais_bot .homify_icon_bot:hover {
	background-position: 0 bottom;
}

section#rodape #mc_embed_signup {
	display: none;
	float: right;
	margin: 170px 0 0 0;
}

section#rodape #mc_embed_signup form input.email {
	float: left;
	display: block;
	width: 300px;
	height: 30px;
	background: transparent;
	border-bottom: 1px solid #1d1d1d;
	padding-left: 10px;
	color: #1d1d1d;
	font-size: 16px;
	font-weight: 300;
}

section#rodape #mc_embed_signup form input#mc-embedded-subscribe {
	float: left;
	display: block;
	width: 100px;
	height: 30px;
	background: #1d1d1d;
	color: #fff;
	text-align: center;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 900;
	margin-left: 10px;
	cursor: pointer;
}

section#rodape #mc_embed_signup form input#mc-embedded-subscribe:hover {
	background: #b25432;
	color: #fff!important;
}

#mc_embed_signup div#mce-responses { float: left; top: -1.4em; padding: 0em .5em 0em .5em; overflow: hidden; width: 90%; margin: 0 5%; clear: both; }
#mc_embed_signup div.response { margin: 1em 0; padding: 1em .5em .5em 0; font-weight: bold; float: left; top: -1.5em; z-index: 1; width: 80%; }
#mc_embed_signup #mce-error-response { display: none; }
#mc_embed_signup #mce-success-response { color: #529214; display: none; }
#mc_embed_signup label.error { display: block; float: none; width: auto; margin-left: 1.05em; text-align: left; padding: .5em 0; }


/**************************************************************************************
***************************************************************************************
***************************************************************************************

INÍCIO DAS PÁGINAS INTERNAS

***************************************************************************************
***************************************************************************************
**************************************************************************************/

section#body {
	margin-top: 70px;
}

.txt_sobre {
	width: 900px;
	margin: 0 0 70px 150px;
	text-align: justify;
}

.subtitle_sobre {
	text-align: right;
	margin-bottom: 70px;
}

.subtitle_sobre span {
	display: block;
	font-size: 60px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.foto_sobre {
	margin-bottom: 40px;
	display: block;
	width: 1187px;
	height: 481px;
	background: url(../images/foto-sobre.jpg) 0 0 no-repeat;
}

.txt_sobre_1 {
	width: 900px;
	margin: 0 0 40px 150px;
	text-align: justify;
}

.txt_sobre_2 {
	width: 480px;
	text-align: justify;
	margin: 0 0 0 150px;
	float: left;
}

.txt_sobre_3 {
	width: 360px;
	text-align: justify;
	margin: 0 0 0 60px;
	float: left;
}

#form_contato {
	float: left;
}

#form_contato .input {
	display: block;
	width: 742px;
	padding-left: 20px;
	border-bottom: 1px solid #1d1d1d;
	background: transparent;
	font-size: 20px;
	font-weight: 300;
	color: #1d1d1d;
	margin-bottom: 50px;
}

#form_contato input.input {
	height: 50px;
}

#form_contato textarea {
	height: 150px;
	resize: vertical;
}

.form_bt_enviar {
	float: right;
	display: block;
	width: 180px;
	height: 60px;
	background: #1d1d1d;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	text-decoration: underline;
	line-height: 60px;
	font-size: 24px;
	font-weight: 900;
	cursor: pointer;
}

.form_bt_enviar:hover {
	background: #b25432;
}

.sidebar {
	float: right;
}

.sidebar div,
.sidebar a span {
	display: block;
	font-weight: 900;
	font-size: 16px;
	text-align: right;
	color: #1d1d1d;
	text-transform: uppercase;
}

.sidebar a span:last-child {
	margin-top: -20px;
}

.sidebar a:hover span {
	color: #b25432;
}

.sidebar .side_line {
	width: 100px;
	height: 1px;
	background: #1d1d1d;
	margin: 20px 0 35px 300px;
}

.sidebar .side_social a {
	display: inline-block;
	width: 26px;
	height: 25px;
	margin: 0 15px;
	font-size: 0;
	line-height: 0;
}

.sidebar .side_social a:last-child {
	margin-right: 0;
	margin-left: 5px;
}

.sidebar .side_social .side_facebook { background: url(../images/icon-sidebar-facebook.png) 0 0 no-repeat; }
.sidebar .side_social .side_instagram { background: url(../images/icon-sidebar-instagram.png) 0 0 no-repeat; }
.sidebar .side_social .side_linkedin { background: url(../images/icon-sidebar-linkedin.png) 0 0 no-repeat; }
.sidebar .side_social .side_pinterest { background: url(../images/icon-sidebar-pinterest.png) 0 0 no-repeat; }
.sidebar .side_social .side_homify { background: url(../images/icon-sidebar-homify.png) 0 0 no-repeat; }

.sidebar .side_social a:hover {
	background-position: 0 bottom;
}

.subtitle_contato {
	display: block;
	margin-top: 150px;
}

.subtitle_contato span {
	display: block;
	font-size: 120px;
	text-transform: uppercase;
	margin-bottom: 80px;
	text-align: left;
}

.subtitle_contato span {
	font-weight: 100;
}

.subtitle_contato span.black {
	font-weight: 900!important;
}

#googleMap {
	width: 100%;
	height: 500px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.map .wrap {
	margin: -12px auto 0 auto;
}

.end_map {
	background: #1d1d1d;
	color: #fff;
	padding-left: 30px;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	position: relative;
	z-index: 2;
}

.end_map span {
	display: inline-block;
	width: 16px;
	color: #fff;
	margin: 0 auto;
	text-align: center;
}

.bg_middle {
	width: 100%;
	height: 50px;
	display: block;
	background: #1d1d1d;
	position: absolute;
	margin-top: -50px;
	z-index: 0;
}

.bg_middle .white_bg {
	display: block;
	position: absolute;
	left: 0px;
	width: 50%;
	height: 50px;
	background: #fff;
}

.bg_middle .dark_gray_bg {
	background: red;
}

/* CONTATO SUCESSO / ERRO */
.form_bt_sucesso {
	float: left!important;
}


/*****************************************************************
******************************************************************

	RESPONSIVO

******************************************************************
*****************************************************************/

@media only screen and (max-width: 1300px) {

	/* CONFIGS GERAIS */
	.wrap {
		margin: 0 auto;
		width: 960px;
		padding-left: 0px;
		padding-right: 0px;
		overflow: hidden;
	}

	/* TOPO */
	header {
		height: 100px;
	}

	header a h1 {
		width: 250px;
		height: 50px;
		background: url(../images/logo-leonardo-muller-small.png) 0 0 no-repeat;
		margin: 25px 0 0 0;
	}

	.wrap .vertical_line_home {
		display: none;
	}

	/* BANNER */
	section#banner {
		height: 600px;
	}

	/* SOBRE */
	.txt_sobre {
		width: 100%!important;
		margin: 0 0 30px 0!important;
	}

	.subtitle_sobre span {
		line-height: 72px;
		margin-bottom: 0;
		text-align: left;
	}

	.foto_sobre {
		margin-top: -20px;
		width: 1037px;
		height: 450px;
		background: url(../images/foto-sobre-small.jpg) center center no-repeat;
	}

	#body .wrap p.txt_sobre_1,
	#body .wrap p.txt_sobre_2,
	#body .wrap p.txt_sobre_3 {
		width: 100%!important;
		float: none;
		text-align: justify;
		margin: 0 0 30px 0!important;
	}

	/* CONTATO */
	#form_contato {
		float: none;
		margin-top: 75px;
	}

	#form_contato .input {
		margin: 0 auto 50px auto;
		width: 90%;
	}

	#form_contato .form_bt_enviar {
		float: none;
		margin: 0 auto;
	}

	.sidebar {
		float: none;
		text-align: center;
		margin-top: 75px;
	}

	.sidebar span,
	.sidebar div {
		margin: 0 auto;
		text-align: center!important;
	}

	.sidebar .side_line {
		margin: 20px auto 35px auto!important;
	}

	.sidebar .side_social a:last-child {
		margin: 0 15px 0 5px!important;
	}

	.subtitle_contato {
		margin-top: 100px;
	}

	.subtitle_contato span {
		font-size: 70px;
		text-align: center;
		line-height: 70px;
		margin-bottom: 0px;
	}

	.subtitle_contato span.black {
		margin-bottom: 75px;
	}

	.map .bg_middle {
		display: none;
	}

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

}

@media only screen and (max-width: 1000px) {

	/* CONFIGS GERAIS */
	.wrap {
		width: 800px;
	}

	/* BANNER */
	section#banner {
		height: 400px;
	}

	.banner_sobre { background: url(../images/banner-sobre-small.jpg) center center no-repeat!important; }
	.banner_contato { background: url(../images/banner-contato-small.jpg) center center no-repeat!important; }

	/* SOBRE */
	.txt_sobre {
		width: 100%!important;
		margin: 0 0 50px 0!important;
	}

	.subtitle_sobre,
	.subtitle_sobre span {
		margin: 0!important;
		display: none;
	}

	#body .wrap p.txt_sobre_1,
	#body .wrap p.txt_sobre_2,
	#body .wrap p.txt_sobre_3 {
		width: 100%!important;
		float: none;
		text-align: justify;
		margin: 0 0 30px 0!important;
	}

}

@media only screen and (max-width: 816px) {

	/* CONFIGS GERAIS */
	.wrap {
		width: 460px;
	}

	/* BANNER */
	section#banner {
		height: 300px;
	}

	section#banner #banner_home div {
		height: 300px;
	}

	.banner_sobre { background: url(../images/banner-sobre-cel.jpg) center center no-repeat!important; }
	.banner_contato { background: url(../images/banner-contato-cel.jpg) center center no-repeat!important; }

	/* SOBRE */
	.foto_sobre {
		margin-top: -20px;
		width: 600px;
		height: 260px;
		background: url(../images/foto-sobre-cel.jpg) center center no-repeat;
	}

	#body .wrap p.txt_sobre_1,
	#body .wrap p.txt_sobre_2,
	#body .wrap p.txt_sobre_3 {
		width: 100%!important;
		float: none;
		text-align: justify;
		margin: 0 0 20px 0!important;
	}

	/* CONTATO */
	.subtitle_contato {
		margin-top: 50px;
	}

	.subtitle_contato span {
		font-size: 50px;
		text-align: center;
		line-height: 50px;
		margin-bottom: 0px;
	}

	.subtitle_contato span.black {
		margin-bottom: 50px;
	}

	.map #googleMap {
		height: 300px;
	}

	.map .end_map {
		height: 100px;
		line-height: 24px;
		text-align: center;
		padding-left: 75px;
		padding-right: 75px;
		padding-top: 20px;
	}

	.map .end_map span {
		line-height: 24px;
	}

	/* RODAPÉ */
	section#rodape .line_rodape {
		margin: 50px auto;
	}

	section#rodape #mc_embed_signup,
	section#rodape .bot .redes_sociais_bot .newsletter_icon_bot {
		display: none;
	}

	section#rodape .menu_rodape {
		width: 100%;
	}
	
	section#rodape .menu_rodape a {
		text-align: center!important;
		float: none;
		margin: 0 auto;
		height: 50px;
	}

	section#rodape .bot .infos_rodape,
	section#rodape .bot .redes_sociais_bot {
		float: none;
		text-align: center;
	}

	section#rodape .bot .infos_rodape {
		height: 70px;
	}

}