*{padding: 0;margin: 0; font-family: "TragicGrotesk-Regular";}

.conteudo{ max-width:1100px; width: 100%; margin:0 auto; }
.titulo-padrao{ color:#2a2b6e; font-size:50px; font-family: "TragicGrotesk-Black"; text-transform:uppercase; }
.conteudo-padrao{ color:#2a2b6e; font-size: 18px; line-height: 26px; }

#topo{ background-image:url(../img/bg-azul.webp); background-repeat:no-repeat; background-size:cover; background-position:top left; padding: 30px 0;}
#topo h1{ background-image: url(../img/logo.webp);  width:239px; height:60px; background-repeat:no-repeat; text-indent:-3000px; overflow:hidden; display:inline-block; }

#topo div.dados-principais{ display: inline-block; vertical-align: top; width:calc( 100% - 239px ); text-align: right; }
#topo ul{ display: inline-block; }
#topo ul li{ display: inline-block; margin-left: 40px; line-height: 60px;}
#topo ul li:first-child{ margin-left:0px; }
#topo ul li a{ text-decoration: none; color:#fff; font-size: 20px; text-shadow: 2px 0 #19195c, -2px 0 #19195c, 0 2px #19195c, 0 -2px #19195c, 1px 1px #19195c, -1px -1px #19195c, 1px -1px #19195c, -1px 1px #19195c; letter-spacing: 0.7px;}
#topo #icone_lupa{ background: url(../img/lupa.webp); height:24px; width:24px; display:inline-block; vertical-align:top; margin-top:18px;  margin-left:40px; }

#topo form{ display: none;}

#banner{ height:calc(100vh - 124px); width:100%; background:url(../img/banner.webp); background-size: auto calc(100vh - 124px);  background-position: center;}

#nossa-historia{ background-image:url(../img/bg-claro.webp); background-repeat:no-repeat; background-size:cover; background-position:top left; }

#nossa-historia #foto-propietarios{ position: relative; margin-bottom: 35px; padding-top: 35px; }
#nossa-historia #foto-propietarios #img-propietario{ width: 880px; height:370px; background-image: url(../img/foto-propietario.webp); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 2; }
#nossa-historia #foto-propietarios #bg-img-propietario{ background:#2a2b6e; width: 880px; height:370px; position:absolute; top:50px;left:15px; }
#nossa-historia #texto-nossa-historia{ margin-top:52px; padding-bottom:33px; }
#nossa-historia #texto-nossa-historia .titulo-padrao{ width:calc( 40% ); display:inline-block; }
#nossa-historia #texto-nossa-historia .conteudo-padrao{ width:calc( 60% ); display:inline-block; vertical-align:top; }

#produtos{ background-image:url(../img/bg-azul.webp); background-repeat:no-repeat; background-size:cover; background-position:top left; padding:55px 0; }
#produtos #esquerda-produtos{ width:calc(35%); display:inline-block; vertical-align: top; }
#produtos #esquerda-produtos .titulo-padrao{ color:#fff; }
#produtos #esquerda-produtos .conteudo-padrao{ color:#fff; padding:20px 20px 0 0; }

#produtos #direita-produtos{ display:inline-block; width:calc(65%); }
#produtos #direita-produtos .produtos{ padding:0 50px; }
#produtos #direita-produtos .produtos .item-produto{ border-bottom:3px solid #fff; color:#fff; text-transform:uppercase; padding:30px 20px; width:calc(100% - 40px); font-weight:bold; font-size:22px; }
#produtos #direita-produtos .produtos .item-produto p{ font-weight: 300; font-size:16px; margin-top:20px; }
#produtos #direita-produtos .produtos .item-produto img{  }

#produtos #direita-produtos .produtos .item-produto:first-child{ border-top:3px solid #fff; }

#galeria{ background-image:url(../img/bg-claro.webp); background-repeat:no-repeat; background-size:cover; background-position:top left; padding:35px 0; text-align:center; }
#galeria #foto-galeria{ margin-top:35px; }
#galeria #foto-galeria .my-flipster ul li img{ height:300px; border:10px #313c59 solid; border-radius:50px; }
#galeria #foto-galeria .my-flipster{ overflow:hidden; }

#depoimentos{ padding: 55px; background-image:url(../img/bg-azul.webp); }
#depoimentos .titulo-padrao{ color:#fff; text-align:center; }
#depoimentos .item-depoimento{ margin-top:90px; position:relative; width:600px; margin-left: calc( (100% / 2) - 300px ); }
#depoimentos .item-depoimento .bg-depoimento{ background:#fff; border-radius:20px;}
#depoimentos .item-depoimento .bg-depoimento .foto-cliente{ background:url(../img/foto-cliente.webp); background-repeat:no-repeat; background-position:center; height:100px; width:100px; border-radius:100px; border:15px #fff solid; position:absolute; top:-70px; left:50px; }
#depoimentos .item-depoimento .bg-depoimento .texto-depoimento{ color:#141560;  padding:100px 20px; font-size:18px; line-height:26px;  }
#depoimentos .item-depoimento .nome-cliente{ text-align:center; color:#fff;  padding:15px 0; }

#redes-sociais{ background-image:url(../img/bg-claro.webp); background-repeat:no-repeat; background-size:cover; background-position:top left; }
#redes-sociais p.titulo-padrao{  padding:250px 0; text-align:center; background-image:url(../img/meio-circulo.webp); background-repeat:no-repeat; background-position:left center; }

#redes-sociais .link-instagram{ background:url(../img/icone-instagram.webp); background-repeat:no-repeat; background-position:center; height:32px; width:32px; display:inline-block; }
#redes-sociais .link-facebook{ background:url(../img/icone-facebook.webp); background-repeat:no-repeat; background-position:center; height:32px; width:32px; display:inline-block; }

#newsletter{ background-image:url(../img/bg-azul.webp); background-repeat:no-repeat; background-size:cover; background-position:top left; min-height:124px; padding:40px 0; }
#newsletter p.titulo-padrao{ color:#fff; font-size:36px; text-align:center; }
#newsletter form{ margin-top:30px; }
#newsletter form fieldset{ border:none; text-align:center; }
#newsletter form fieldset input{ background-image:url(../img/bg-claro.webp); background-repeat:no-repeat; background-size:cover; background-position:top left; border-radius:20px; font-size:20px; color:#2a2b6f;  font-family: "TragicGrotesk-Black"; outline:none; padding:10px 20px; border:none; text-align:center; margin-right:20px; }

#newsletter form fieldset input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #2a2b6f; }
#newsletter form fieldset input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #2a2b6f; }
#newsletter form fieldset input::-ms-input-placeholder { /* Microsoft Edge */ color: #2a2b6f; }
#newsletter form fieldset input#input-submit{ cursor: pointer; margin-right: 0px; }

#rodape{ background-image:url(../img/bg-madeira.webp); background-repeat:no-repeat; background-size:cover; background-position:top left; padding:200px 0; }
#rodape .logo-esquerda{ background:url(../img/logo-rodape.webp); background-repeat:no-repeat; width:calc(40% - 60px); display:inline-block; height:270px; background-position:center; background-size:contain; margin:0 30px; }
#rodape .texto-direita{ display:inline-block; background:#2a2b6e; width:calc(60% - 40px); padding:60px 20px; text-align:center; color:#fff; }
#rodape .texto-direita p.titulo{ font-family: "TragicGrotesk-Black"; font-size:22px; margin-bottom:20px; line-height:26px; }
#rodape .texto-direita p.descritivo{ font-size:20px; line-height:26px; }

.add-telefone-safe{ display: none; background:url(../img/telefone-celular.webp); background-repeat:no-repeat; background-position:center; position:fixed; z-index: 999999; left:10px; background-size: contain; bottom: 10px; width: 60px; height: 60px; }
.whatsapp-celular{ display: block; background:url(../img/whatsapp-celular.webp); background-repeat:no-repeat; background-position:center; position:fixed; z-index: 999999; right:10px; background-size: contain; bottom: 10px; width: 60px; height: 60px; }
.link-telefone{ background-color: #77b3d4; background-image: url(../img/telefone-celular.webp); height: 60px; width: 60px ; background-size: contain; background-repeat: no-repeat; display: block; position: fixed; bottom: 10px; left: 10px; z-index: 999999999; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); border-radius: 60px; display: none; }

#rodape .texto-direita p.descritivo a{color:#fff; text-decoration:none; }

#galeria-ampliada{ position: fixed; z-index: 2999999; height:100vh; width:100%; top:0; left:0; background:rgba(0,0,0,0.90); display:none; }
#fechar-galeria-ampliada{ height:27px; width:27px; display:inline-block; position:absolute; top:20px; right:20px; background-image:url(../lightbox/images/close.webp); cursor:pointer; }
#foto-ampliada{ background:url(../img/galeria/1.jpeg); height:calc(100% - 40px); width:80%; margin: 0 auto; background-size: contain; margin-top:20px; background-repeat:no-repeat; background-position:center; }


@media (max-width: 1000px){
	.whatsapp-celular{ display: block !important; }
    .add-telefone-safe{ display: block !important; }
    .link-telefone{ display: block !important; }

	#topo {padding-bottom: 0px;}
	#topo h1{ width:100%; margin:0 auto; background-position:center; background-repeat:no-repeat; background-size:contain; }
	#topo div.dados-principais{ width:100%; float:none; text-align:center; }
	#topo ul li{ margin-left:10px; }


	#nossa-historia #foto-propietarios #img-propietario{ width:calc(100% - 45px); margin-left:15px; }
	#nossa-historia #foto-propietarios #bg-img-propietario{ width:calc(100% - 45px); top:50px;left:30px; }
	#nossa-historia #texto-nossa-historia .titulo-padrao{ width:calc(100% - 30px); margin: 0; padding: 0; margin-left:15px; }
	#nossa-historia #texto-nossa-historia .conteudo-padrao{ width:calc(100% - 30px); margin: 0; padding: 0; margin-left:15px; margin-top:25x; }

	#produtos #esquerda-produtos{ width:calc(100% - 30px); margin: 0; padding: 0; margin-left:15px; }
	#produtos #direita-produtos{ width:calc(100% - 30px); margin: 0; padding: 0; margin-left:15px; margin-top:50px; }
	#produtos #direita-produtos .produtos{padding: 0px;}

	#redes-sociais p.titulo-padrao{font-size: 30px;}

	#rodape{padding: 15px 0;}
	#rodape .logo-esquerda{ width:calc(100% - 30px); height: 130px; margin:0; margin-left: 15px; background-size:50%; background-position:center; }
	#rodape .texto-direita{ width:calc(100% - 80px); margin-left:15px; }

	#newsletter form fieldset input{width: calc(100% - 70px); margin: 0; margin-left: 15px; margin-bottom: 16px;}
	#newsletter form fieldset input#input-submit{width: calc(100% - 30px);  border-radius:0px 0px 20px 20px; }

	#redes-sociais p.titulo-padrao{ padding:30px 0; background: none; line-height:50px; }

}