@charset "utf-8";

#paginas { float: left; width: 100%; padding: 35px 0 0;}

#titulo1 { float: left; width: 100%;}
#titulo1 h1 { float: left; width: 100%; font-weight: bold; font-size: 3em; line-height: 1; color: #060D12;}
#titulo1 h2 { float: left; width: 100%; font-weight: bold; font-size: 3em; line-height: 1; color: #060D12;}
#titulo1 strong { float: left; width: 50px; height: 10px; margin: 0 0 0 2px; background-color: #060D12; -webkit-border-radius: 2px; -webkit-border-top-right-radius: 100px; -moz-border-radius: 2px; -moz-border-radius-topright: 100px; border-radius: 2px; border-top-right-radius: 100px;}
#titulo1.margem1 { width: 96%; margin: 0 0 0 2%;}

#titulo2 { float: left; width: 100%;}
#titulo2 h1 { float: left; width: 100%; padding: 25px 0 15px; background-color: #FFFFFF; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2.5em; line-height: 1; color: #222222;}
#titulo2 h3 { float: left; width: 96%; padding: 5px 2% 3px; background-color: #FFD22E; font-style: italic; text-align: center; font-size: 1em; color: #444444;}
#titulo2.margem1 { margin: 0 0 15px;}
#titulo2.margem2 { margin: 30px 0 0;}

#texto1 { float: left; width: 100%;}
#texto1 h2 { float: left; width: 97.5%; margin: 35px 0 0; font-weight: bold; font-size: 2em; color: #535673;}
#texto1 h3 { float: left; width: 97.5%; padding: 8px 1% 6px; margin: 13px 0 0; border: 1px dashed #0095FF; font-size: 1.1em; color: #0095FF;}
#texto1 h5 { float: left; width: 100%; margin: 10px 0 0; font-size: 1.1em; color: #060D12;}
#texto1 h5 strong { text-transform: uppercase; font-size: 1.2em;}
#texto1 h5 a { font-weight: bold; color: #BF3D40;}
#texto1 h5 a:hover { text-decoration: underline;}
#texto1 h5 li { float: left; width: 96%; margin: 15px 0 0 2%; color: #CA641D;}
#texto1.margem1 { width: 96%; margin: 0 0 30px 2%;}

#texto1 .t75 { float: left; width: 70%; margin: 0 15%;}
#texto1 .t75 .imagem { float: left; width: 100%; margin: 15px 0 0;}
#texto1 .t75 .imagem .img { float: left; width: 98%; padding: 1%;}
#texto1 .t75 h5 { margin: 10px 0 0; text-align: center; font-size: 1.2em;}
#texto1 .t70 { float: left; width: 65%;}
#texto1 .t30 { float: right; width: 34%;}
#texto1 .t30 .imagem { float: left; width: 100%; margin: 12px 0 0;}
#texto1 .t30 .imagem .img { float: left; width: 96%; padding: 2%;}
#texto1 .t60 { float: right; width: 58%;}
#texto1 .t40 { float: left; width: 40%;}
#texto1 .t40 .imagem { float: left; width: 100%; margin: 12px 0 0;}
#texto1 .t40 .imagem .img { float: left; width: 96%; padding: 2%;}
#texto1 .linha { float: left; width: 100%; height: 30px;}

#texto1 .videop { float: left; width: 90%; margin: 20px 0 0; position: relative; overflow: hidden; z-index: 1;}
#texto1 .videop .iframe { position: relative; width: 100%; padding-bottom: 55%; overflow: hidden;}
#texto1 .videop .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

#sflutuante { position: fixed; width: 100px; bottom: 40px; right: 2%; z-index: 90; padding: 13px 0 10px 30px; background-color: #FF2D1D; background-image: url(../imagens/sflutuante.png); background-position: 10px 50%; background-repeat: no-repeat; text-align: center; font-size: 1.2em; color: #FFFFFF; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#sflutuante:hover { background-color: #DD2518;}

#swhatsapp { position: fixed; width: 50px; height: 50px; bottom: 40px; right: 2%; z-index: 90; margin: 0 135px 0 0; background-color: #008C44; background-image: url(../imagens/swhatsapp.png); background-size: 32px; background-position: 50%; background-repeat: no-repeat; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#swhatsapp:hover { background-color: #008C22;}

#btn_chat_whatsapp { z-index: 90 !important;}

#aviso { float: left; width: 96%; padding: 20px 2% 17px; }
#aviso h3 { float: left; width: 100%; text-align: center; font-size: 1.2em; color: #FFFFFF;}
#aviso.sucesso { background-color: #008C44;}
#aviso.erro { background-color: #D4383A;}

#margem { float: left; width: 100%; height: 96px;}

#banners { float: left; width: 100%; min-height: 50px; position: relative; z-index: 1;}
#banners .slides, .slides > li, .flex-control-nav { float: left; margin: 0; padding: 0; list-style: none;}
#banners .slides > li { display: none; -webkit-backface-visibility: hidden;}
#banners .slides > li img { float: left; width: 100%;}
#banners .flex-direction-nav { display: none;}
#banners .flex-control-nav { position: absolute; top: 9%; right: 2%; z-index: 50;}
#banners .flex-control-nav li { margin: 0 0 0 3px; display: inline-block;}
#banners .flex-control-paging li a { width: 25px; padding: 8px 0 7px; background-color: #2E2E33; font-weight: bold; text-align: center; font-size: 1em; color: #FFFFFF; cursor: pointer; display: block;}
#banners .flex-control-paging li a:hover { background-color: #FFD22E;}
#banners .flex-control-paging li a.flex-active { background-color: #FFD22E;}
#banners.control .flex-control-nav { display: none;}


#pempresa { float: left; width: 96%; padding: 50px 2% 45px;}
#pempresa .tab { width: 29%; padding: 30px 2%;}
#pempresa .tab.ta1 { float: left;}
#pempresa .tab.ta2 { float: left; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
#pempresa .tab.ta3 { float: right;}
#pempresa .tab.border0 { border-left: 0; border-right: 0;}
#pempresa .tab .nun { float: left; width: 100%; font-weight: bold; font-size: 3em; line-height: 1; color: #2E2E33;}
#pempresa .tab .nome { float: left; width: 100%;}
#pempresa .tab .nome h2 { float: left; width: 100%; font-weight: bold; font-size: 1.5em; color: #555555;}
#pempresa .tab .descricao { float: left; width: 100%; margin: 5px 0 0;}
#pempresa .tab .descricao h3 { float: left; width: 100%; font-size: 1em; color: #555555;}
#pempresa .tab .mais { float: left; padding: 10px 15px; margin: 10px 0 0; background-color: #FFD22E; font-weight: bold; font-size: 1em; color: #2E2E33;}
#pempresa .tab .mais:hover { background-color: #2E2E33; color: #FFD22E;}
#pempresa .tab .borderb { float: left; width: 50%; height: 1px; background-color: #CCCCCC;}
#pempresa .linha3 { float: left; width: 100%; height: 1px;}


#agende { float: left; width: 100%; background-color: #2C2F52;}
#agende .imagem { float: left; border-right: 5px solid #FFFFFF;}
#agende .imagem .img { float: left;}
#agende .descricao { float: left; width: 40%; margin: 40px 0 0 2%;}
#agende .descricao h3 { float: left; width: 100%; font-weight: bold; line-height: 1; font-size: 3em; color: #FFFFFF;}
#agende .descricao h4 { float: left; width: 100%; font-size: 1.2em; color: #FFFFFF;}
#agende .descricao form { float: left; max-width: 100%; margin: 20px 0 0;}
#agende .descricao form .separa { float: left; width: 100%; height: 8px;}
#agende .descricao form .campo { float: left; width: 300px; max-width: 90%; height: 50px; padding: 1px 8px 0; font-family: 'Heebo', sans-serif; font-size: 1.2em; border: 0; outline: 0;}
#agende .descricao form .botao { float: left; width: 100px; height: 52px; background-color: #FFD22E; font-family: 'Heebo', sans-serif; font-weight: bold; font-size: 1.2em; color: #2E2E33; cursor: pointer; border: 0; outline: 0;}
#agende .descricao form .botao:hover { background-color: #EBBE1D;}


#vendedor { float: left; width: 58%; padding: 15px 1% 12px; margin: 20px 20% 15px;}
#vendedor .imagem { float: left; width: 30%;}
#vendedor .imagem .img { float: left; width: 100%;}
#vendedor .detalhes { float: right;}
#vendedor .detalhes.comfoto { width: 68%;}
#vendedor .detalhes.semfoto { width: 100%;}
#vendedor .detalhes h2 { float: left; width: 100%; text-align: center; font-weight: bold; font-size: 2em; color: #060D12;}
#vendedor .detalhes h3 { float: left; width: 100%; text-align: center; font-size: 1em; color: #555555;}
#vendedor .detalhes h4 { float: left; width: 100%; margin: 20px 0 0; text-align: center; font-size: 1em; color: #AB3133;}
#vendedor .youtube { float: left; width: 96%; margin: 12px 2% 5px;}
#vendedor .youtube .iframe { position: relative; width: 100%; padding-bottom: 56%; overflow: hidden;}
#vendedor .youtube .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

#blog { float: left; width: 100%; padding: 50px 0;}
#blog .tab { float: left; width: 30.7%; margin: 20px 0 0 2%;}
#blog .tab .imagem { float: left; width: 100%; position: relative; cursor: pointer;}
#blog .tab .imagem .img { float: left; width: 100%;}
#blog .tab .imagem .obs { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.8); background-image: url("../imagens/icoLink.png"); background-repeat: no-repeat; background-position: 50%; opacity: 0;}
#blog .tab .descricao { float: left; width: 100%; margin: 12px 0 0;}
#blog .tab .descricao h2 { float: left; width: 100%; font-weight: bold; font-size: 1.2em; color: #2E2E33;}
#blog .tab .descricao h3 { float: left; width: 100%; margin: 15px 0 0; font-size: 1em; color: #555555;}
#blog .tab:hover .imagem .obs { opacity: 1;}
#blog .tab:hover .descricao h2 { text-decoration: underline;}
#blog .linha3 { float: left; width: 100%; height: 1px;}


#contato { float: left; width: 96%; padding: 50px 2% 30px; background-color: #F0F0F0;}
#contato .form { float: left; width: 50%; margin: 20px 0 0;}
#contato .form .campo { float: left; width: 88%; height: 60px; padding: 1px 1% 0; margin: 10px 0 0; border: 1px solid #CCCCCC; font-family: 'Heebo', sans-serif; font-size: 1.2em; outline: 0;}
#contato .form .campo:focus { border: 1px solid #0093FF;}
#contato .form .textarea { float: left; width: 95%; height: 180px; padding: 10px 1%; margin: 10px 0 0; border: 1px solid #CCCCCC; font-family: 'Heebo', sans-serif; font-size: 1.2em; outline: 0;}
#contato .form .textarea:focus { border: 1px solid #0093FF;}
#contato .form .botao { float: left; padding: 15px 15px 13px; margin: 10px 0 0; background-color: #FFD22E; text-transform: uppercase; font-weight: bold; font-family: 'Heebo', sans-serif; font-size: 1.2em; color: #2E2E33; cursor: pointer; outline: 0; border: 0;}
#contato .form .botao:hover { background-color: #2E2E33; color: #FFD22E;}
#contato .texto { float: right; width: 40%; margin: 30px 0 0;}
#contato .texto h3 { float: left; width: 100%; font-size: 1.2em;}
#contato .texto h3 strong { font-size: 1.3em;}
#contato .whatsapp { float: left;}
#contato .whatsapp .ico { float: right; width: 25px; height: 25px; margin: 0 0 0 5px; background-image: url("../imagens/whatsapp.png"); background-repeat: no-repeat; background-position: 50%;}
#contato .whatsapp .nome { float: left; font-size: 1.2em;}
#contato .whatsapp:hover .ico { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -moz-transform: scale(1.2) rotate(-720deg); -webkit-transform: scale(1.2) rotate(-720deg); -o-transform: scale(1.2) rotate(-720deg); -ms-transform: scale(1.2) rotate(-720deg); transform: scale(1.2) rotate(-720deg);}


#exibiblog { float: left; width: 100%; padding: 30px 0;}
#exibiblog .subitulo { float: left; width: 100%; margin: 2px 0 0;}
#exibiblog .subitulo h1 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; line-height: 1.3; font-size: 1.6em; color: #111111;}
#exibiblog .subitulo h2 { float: left; width: 100%; margin: 10px 0 0; font-size: 1.2em; color: #555555;}
#exibiblog .esquerda { float: left; width: 30%;}
#exibiblog .direita { float: right; width: 68%;}
#exibiblog .imgvideo { float: left; width: 100%; position: relative; overflow: hidden; z-index: 1;}
#exibiblog .imgvideo .iframe { position: relative; width: 100%; padding-bottom: 55%; margin: 8px 0; overflow: hidden;}
#exibiblog .imgvideo .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#exibiblog .imgvideo .img { float: left; width: 100%;}
#exibiblog .imgvideo .obs { position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: rgba(0,0,0,0.50); background-image: url(../imagens/icoZoom.png); background-repeat: no-repeat; background-position: 50%; z-index: 1;}
#exibiblog .imgvideo:hover .obs { left: 0;}
#exibiblog .compartilhe { float: left; width: 100%; padding: 9px 0 5px; margin: 10px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; color: #000000;}
#exibiblog .compartilhe strong { float:left; padding: 9px 5px 0 0; font-weight:normal; font-size:0.9em; color:#555555;}
#exibiblog .compartilhe img { float: left; margin-right: 3px; margin-bottom: 3px; opacity:0.7;}
#exibiblog .compartilhe img:hover { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -moz-transform: scale(1.2) rotate(-720deg); -webkit-transform: scale(1.2) rotate(-720deg); -o-transform: scale(1.2) rotate(-720deg); -ms-transform: scale(1.2) rotate(-720deg); transform: scale(1.2) rotate(-720deg);}
#exibiblog .compartilhe a.zap { display: none;}
#exibiblog .descricao { float: left; width: 100%; font-size: 1em; line-height: 1.8; color: #333333;}
#exibiblog .descricao iframe { max-width: 100%;}
#exibiblog .descricao img { max-width: 100%;}
#exibiblog .descricao strong { text-transform: uppercase;}
#exibiblog .descricao li { float: left; width: 100%; margin: 5px 0 0;}
#exibiblog .descricao a:hover { color: #FF0000;}
#exibiblog .galeria { float: left; width: 100%;}
#exibiblog .galeria .imagem { float: left; width: 23%; margin: 20px 0 0 1%; background-color: #FFFFFF; position: relative; overflow: hidden; z-index: 1;}
#exibiblog .galeria .imagem .img { float: left; width: 100%;}
#exibiblog .galeria .imagem .obs { position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: rgba(0,0,0,0.50); background-image: url(../imagens/icoZoom.png); background-repeat: no-repeat; background-position: 50%; z-index: 1;}
#exibiblog .galeria .imagem:hover .obs { left: 0;}
#exibiblog .galeria .linha2 { float: left; width: 100%; height: 1px; display: none;}
#exibiblog .galeria .linha4 { float: left; width: 100%; height: 1px;}


#exibiservicos { float: left; width: 100%; padding: 30px 0;}
#exibiservicos .subitulo { float: left; width: 100%; margin: 2px 0 0;}
#exibiservicos .subitulo h1 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; line-height: 1.3; font-size: 2em; color: #111111;}
#exibiservicos .subitulo h2 { float: left; width: 100%; margin: 10px 0 0; font-size: 1.2em; color: #555555;}
#exibiservicos .esquerda { float: left; width: 30%;}
#exibiservicos .direita { float: right; width: 68%;}
#exibiservicos .direita.d100 { width: 100%;}
#exibiservicos .imgvideo { float: left; width: 100%; position: relative; overflow: hidden; z-index: 1;}
#exibiservicos .imgvideo .iframe { position: relative; width: 100%; padding-bottom: 55%; margin: 8px 0; overflow: hidden;}
#exibiservicos .imgvideo .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#exibiservicos .imgvideo .img { float: left; width: 100%;}
#exibiservicos .imgvideo .obs { position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: rgba(0,0,0,0.50); background-image: url(../imagens/icoZoom.png); background-repeat: no-repeat; background-position: 50%; z-index: 1;}
#exibiservicos .imgvideo:hover .obs { left: 0;}
#exibiservicos .compartilhe { float: left; width: 100%; padding: 9px 0 5px; margin: 10px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; color: #000000;}
#exibiservicos .compartilhe strong { float:left; padding: 9px 5px 0 0; font-weight:normal; font-size:0.9em; color:#555555;}
#exibiservicos .compartilhe img { float: left; margin-right: 3px; margin-bottom: 3px; opacity:0.7;}
#exibiservicos .compartilhe img:hover { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -moz-transform: scale(1.2) rotate(-720deg); -webkit-transform: scale(1.2) rotate(-720deg); -o-transform: scale(1.2) rotate(-720deg); -ms-transform: scale(1.2) rotate(-720deg); transform: scale(1.2) rotate(-720deg);}
#exibiservicos .compartilhe a.zap { display: none;}
#exibiservicos .descricao { float: left; width: 100%; font-size: 1em; line-height: 1.8; color: #333333;}
#exibiservicos .descricao h1 { font-weight: bold;}
#exibiservicos .descricao h2 { margin: 35px 0 0; font-weight: bold;}
#exibiservicos .descricao h3 { font-weight: bold;}
#exibiservicos .descricao h4 { font-weight: bold;}
#exibiservicos .descricao h5 { font-weight: bold;}
#exibiservicos .descricao h6 { font-weight: bold;}
#exibiservicos .descricao iframe { max-width: 100%;}
#exibiservicos .descricao img { max-width: 100%;}
#exibiservicos .descricao li { float: left; width: 100%; margin: 5px 0 0;}
#exibiservicos .descricao a { color: #0093FF;}
#exibiservicos .descricao a:hover { text-decoration: underline;}


@media only screen and (max-width: 1000px) {
     #paginas { padding: 0;}

     #titulo2 h1 { padding: 20px 0 10px; background-color: #2C2F52; color: #FFD22E;}
     #titulo2 h3 { padding: 5px 2% 3px; background-color: #FFD22E;}
     #titulo2.margem1 { margin: 0;}
     #titulo2.margem2 { margin: 0;}

     #margem { height: 0;}
     #banners { min-height: 0;}

     #vendedor { width: 76%; padding: 15px 2% 12px; margin: 20px 10% 10px;}

     #contato { width: 96%; padding: 50px 2% 30px;}
     #contato .form { width: 47%;}
     #contato .texto { width: 50%;}
}
@media only screen and (max-width: 900px) {
     #pempresa { padding: 20px 2% 0;}
     #pempresa .tab { width: 96%; padding: 30px 2%; border-bottom: 1px solid #CCCCCC;}
     #pempresa .tab.ta2 { float: left; border-left: 0; border-right: 0;}
     #pempresa .tab.ultimo { border-bottom: 0;}
     #pempresa .tab.ap { display: none;}

     #agende .imagem { display: none;}
     #agende .descricao { width: 96%; margin: 30px 2%;}

     #exibiblog .compartilhe a.zap { display: block;}

     #contato .form { width: 100%; margin: 20px 0 0;}
     #contato .texto { width: 100%; margin: 20px 0 0;}
     #contato .texto h3 { font-size: 1em;}
     #contato .whatsapp .nome { font-size: 1em;}
}
@media only screen and (max-width: 800px) {
     #titulo2 h1 { font-size: 2em;}
     #titulo2 h3 { font-size: 1em;}

     #texto1 .t75 { float: left; width: 100%; margin: 0;}
     #texto1 .t70 { float: left; width: 100%;}
     #texto1 .t30 { float: left; width: 50%;}
     #texto1 .t60 { float: left; width: 100%;}
     #texto1 .t40 { float: left; width: 50%;}

     #texto1 .videop { width: 100%;}

     #exibiblog { padding: 0;}
	#exibiblog .esquerda { width: 100%;}
     #exibiblog .direita { width: 100%; margin: 20px 0 0;}

     #exibiservicos { padding: 10px 0;}
     #exibiservicos .esquerda { width: 100%;}
     #exibiservicos .direita { width: 100%; margin: 20px 0 0;}
}
@media only screen and (max-width: 700px) {
     #titulo1 h1 { font-size: 2.5em;}
     #titulo1 h2 { font-size: 2.5em;}

     #texto1 h3 { width: 96%; padding: 12px 2% 10px;  font-size: 1em;}
     #texto1 h5 { font-size: 1em;}

     #vendedor { width: 92%; padding: 10px 2% 8px; margin: 15px 2% 10px;}
     #vendedor .imagem { width: 100%;}
     #vendedor .detalhes { width: 100%; margin: 15px 0 0;}

     #blog { padding: 40px 0 10px;}
     #blog .tab { width: 96%; margin: 10px 0 15px 2%;}
}
@media only screen and (max-width: 500px) {
     #texto1 .t30 { float: left; width: 100%;}
     #texto1 .t40 { float: left; width: 100%;}

     #agende .descricao h3 { font-size: 2em;}
     #agende .descricao form .campo { max-width: 96%; padding: 3px 2% 0; font-size: 1.1em;}
}