/*
Theme Name: All Ponto
Theme URI: http://allponto.com.br
Description: Template para site All Ponto
Author: Rusvel Nantes 
Version: 1.1
License: None
*/
@import url('https://fonts.googleapis.com/css?family=Bebas+Neue|Roboto:400,700&display=swap');
@font-face {
    font-family: 'Rockwell Extra';
    src: url('fonts/Rockwell-ExtraBold.eot');
    src: url('fonts/Rockwell-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Rockwell-ExtraBold.woff2') format('woff2'),
        url('fonts/Rockwell-ExtraBold.woff') format('woff'),
        url('fonts/Rockwell-ExtraBold.ttf') format('truetype'),
        url('fonts/Rockwell-ExtraBold.svg#Rockwell-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
} 
textarea:focus, input:focus, input {
    outline: 0;
}                 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul, ul li, ul { list-style:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
/*body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
html { overflow-y: scroll; }
nav ul, nav li { margin: 0; } 
strong, th { font-weight: bold; }
.ie7 img { -ms-interpolation-mode: bicubic; }
a:focus { outline: none }
/* geral */
.social .fab, header, #logo, #nav a, #menuProdutos a, footer a, form input.wpcf7-submit, #scrollTop, .gallery a, .conteudo a, .abrePrograma, .abrePrograma .fa-chevron-right, .btn {
	-moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
body {
	background: #fff;
	color: #333;
	font-size: 18px;
	line-height: 26px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
h1 {
	text-transform: uppercase;
	font-size: 30px;
	line-height: 40px;
	color: #000;
	font-weight: 900;
	text-align: center;
	margin-bottom: 40px;
}
h1 span, .divisorVermelho {
	height: 5px;
	width: 150px;
	background: #e50915;
	display: block;
	margin: 10px auto 0 auto;
}
.divisorVermelho {
	margin: 20px auto 0 auto;
}
h2 {
	font-size: 25px;
	line-height: 35px;
	margin-bottom: 20px;
	color: #e50915;
	text-transform: uppercase;
	font-weight: 900;
}
a:link, a:visited {
	color: #666;
	text-decoration: none;
}
a:hover, a:active {
	color: #dc143c;
}
p {
	margin-bottom: 20px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #666;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #666;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #666;
}
:-moz-placeholder { /* Firefox 18- */
	color: #666;
}
form input, form textarea, select {
    width: 100%;
	-webkit-appearance: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
    color: #333;
    background: none;
	background-color: transparent;
	border: 1px solid #fff;
	background: #fff;
    font-size: 16px;
    padding: 10px 20px;
    margin: 0 0 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
form textarea {
	height: 150px;
	resize: none;
}
form input.wpcf7-not-valid, form textarea.wpcf7-not-valid, select.wpcf7-not-valid {
	border: 1px solid #e50915;
	background: #FFC;
}
form input.wpcf7-submit {
    padding: 0 !important;
	margin: 0 0 20px 0 !important;
	float: left;
    color: #fff;
    font-size: 20px;
	font-weight: 900;
	cursor: pointer;
	width: 160px;
	height: 50px !important;
	line-height: 50px !important;
	display: block;
	background: none;
	border: 0 !important;
	background: #000;
	text-transform: uppercase;
	letter-spacing: 2px;
}
form input.wpcf7-submit:hover {
	background: #e50915;
}
form p {
	overflow: hidden;
	margin: 0;
}
.wpcf7-not-valid-tip {
	display: none !important;
}
div.wpcf7 .ajax-loader {
	padding: 0 !important;
	margin: 0 !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	background-color: #fff !important;
	float: right !important;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
div.wpcf7-response-output {
	font-size: 13px;
	color: #333 !important;
	line-height: 16px;
	margin: 0 0 20px 0 !important;
	clear: both;
	text-align: center !important;
	padding: 10px !important;
}
/* botão topo */
#scrollTop {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: block;
	color: #fff;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 500;
	font-size: 22px !important;
	display: none;
	background: #e50915;
}
#scrollTop:hover {
	background: #97040e;
	color: #f1f1f1;
}
.conteudo {
	overflow: hidden;
	clear: both;
	padding: 50px 0 30px 0;
	position: relative;
}

header {
	position: relative;
	background: #000;
	z-index: 9999;
	width: 100%;
	font-family: 'Bebas Neue', cursive;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}
#logo {
	float: left;
	display: block;
	height: 60px  !important;
	width: auto !important;
	margin: 10px 0;
}
.fa-bars {
	float: right;
	display: block;
	height: 80px;
	line-height: 80px !important;
	cursor: pointer;
	color: #fff;
	font-size: 25px !important;
}
#menu {
	padding: 10px 0 20px 0;
	overflow: hidden;
	display: none;
	clear: both;
}
#nav {
	margin-bottom: 15px;
	overflow: hidden;
	border-top: 1px solid #fff;
	text-align: center;
	float: right;
	clear: both;
}
#nav li {
	padding: 0;
	clear: both;
	border: 1px solid #fff;
	border-top: 0;
}
#nav a:link, #nav a:visited {
	color: #fff;
	display: block;
	height: 28px;
	line-height: 28px;
	width: 100px;
}
#nav a:hover, #nav a:active {
	color: #e50915;
}
.page-template-page-contato #mContato a, .page-template-page-empresa #mEmpresa a, .page-id-48 #mProdutos a, .tax-tipo #mProdutos a {
	background: #fff;
	color: #000;
}
.social {
	clear: both;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	line-height: 30px;
}
.social p {
	line-height: 30px;
	margin: 0;
}
.social ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
.social li {
	margin: 0 0 0 10px;
}
.social a {
	width: 30px;
	height: 30px;
	display: block;
}
.social .fab {
	width: 30px;
	height: 30px;
	line-height: 30px !important;
	color: #000;
	text-align: center !important;
	font-size: 18px;
	background: #fff;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	overflow: hidden;
}
.social .fab:hover {
	background: #e50915;
}
#menuProdutos {
	text-align: center;
	text-transform: uppercase;
	z-index: 8888;
}
header #menuProdutos {
	display: none;
	background: #fff;
}
header #menuProdutos ul  {
	width: 220px;
	margin: 0 auto;
}
.topLink, .navCat a {
	font-size: 20px;
	line-height: 20px;
	color: #000 !important;
}
.topLink .firstWord, .navCat a .firstWord {
	color: #e50915 !important;
}
#menuProdutos a.topLink {
	display: block;
	clear: both;
	padding: 0 20px 20px 20px;
}
#menuProdutos a.topLink, .navCat, h1, form input.wpcf7-submit, h2 {
	font-family: 'Rockwell Extra';
}
#menuProdutos {
	padding: 20px 0 0 0;
}
#menuProdutos .submenu, footer .nav {
	font-family: 'Bebas Neue', cursive;
}
#menuProdutos .submenu {
	display: none;
	margin-bottom: 20px;
}
#menuProdutos li {
	clear: both;
}
#menuProdutos .submenu {
	width: 220px;
	margin: 0 auto 20px auto;
	text-align: center;
}
header #menuProdutos .submenu {
	float: right;
	margin: 0 0 20px 0;
}
#menuProdutos .submenu li {
	clear: both;
	display: block;
	width: 100%;
}
#menuProdutos .submenu a:link, #menuProdutos .submenu a:visited {
	color: #fff;
	padding: 6px 0;
	display: block;
}
#menuProdutos .submenu a:hover, #menuProdutos .submenu a:active {
	background-color: rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0.1);
}
.navCat li {
	margin-bottom: 20px;
}
section {
	padding: 0 20px;
	overflow: hidden;
	position: relative;
}
footer {
	padding: 20px 0;
	position: relative;
	z-index: 1;
}
.tax-tipo footer {
	padding-top: 50px;
}
footer .nav li {
	line-height: 25px;
	clear: both;
	display: block;
}
.rodape {
	text-transform: uppercase;
}
#logoRodape {
	display: block;
	float: left;
}
.boxRodape {
	margin-bottom: 30px;
}
.boxRodape.boxRodapeNavProdutos {
	margin-bottom: 10px;
}
.navCat {
	font-size: 18px;
	line-height: 18px;
}
.textoRodape {
	text-align: center;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	max-width: 700px;
	margin: 0 auto;
	padding: 30px 0;
}
.boxRodape {
	margin-bottom: 30px;
	overflow: hidden;
}
.center {
	text-align: center;
	margin: 0 auto 30px auto;
	max-width: 600px;
}
/* slideshow */
#home {
	background: #fff;
	overflow: hidden;
	clear: both;
	position: relative;
	padding-bottom: 10px;
}
.banner {
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center;
	position: relative;
	text-align: center;
}
.banner h1, .introFoto h1 {
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 10px;
	color: #fff;
}
.banner p {
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 40px;
}
.banner section {
	padding: 0 50px;
	height: 80vh;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	z-index: 2;
	position: relative;
}
.bgBanner {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}
.divisor {
	height: 10px;
	background: #951c58;
	width: 200px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -100px;
}
/* home intro */
#intro {
	overflow: hidden;
	padding: 0 0 100px 0;
	background: #000;
	text-align: center;
	margin-bottom: 50px;
}
#intro h1 {
	max-width: 450px;
	margin: 0 auto;
}
.introFoto {
	padding: 100px 0 190px 0;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	position: relative;
	z-index: 1;
}
.introTexto {
	background: #313131;
	color: #fff;
	padding: 40px 20px 20px 20px;
	overflow: hidden;
	margin: -80px 20px 0 20px;
	position: relative;
	z-index: 2;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* home produtos */
#produtos .lSAction>.lSPrev {
	width: 50px !important;
	height: 98px !important;
	background: url(images/left.png) center no-repeat !important;
	left: 0 !important;
	margin-top: -49px !important;
}
#produtos .lSAction>.lSNext {
	width: 50px !important;
	height: 98px !important;
	background: url(images/right.png) center no-repeat !important;
	right: 0 !important;
	margin-top: -49px !important;
}
#produtos {
	color: #fff;
	padding: 50px 0;
	overflow: hidden;
	text-align: center;
	background: #000;
}
#produtos h1 {
	color: #fff;
}
.fotoProduto img, .produtoFoto img {
	width: 100% !important;
	height: auto !important;
	display: block;
}
.produtoFoto img, #produtos .lSSlideOuter  {
	margin-bottom: 30px;
}
/* home contato */
.bgVermelho {
	text-align: center;
	background: #97040e;
	padding: 100px 0;
	margin-bottom: 30px;
}
a.btn:link, a.btn:visited {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	padding: 12px 32px;
	display: inline-block;
	margin: 0 auto;
	border: 1px solid #fff;
	text-transform: uppercase;
	font-weight: 700;	
}
a.btn:hover, a.btn:active {
	background: #fff;
	color: #97040e;
}
#slideshow a.btn:hover, #slideshow a.btn:active {
	color: #000;
}
/* contato */
.blocoForm {
	margin-bottom: 80px;
}
.contatoInfo {
	margin-bottom: 20px;
	text-align: center;
	font-size: 16px;
	line-height: 22px;
}
.contatoInfo .far, .contatoInfo .fas, .contatoInfo .fab {
	margin: 0 auto 10px auto;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px !important;
	text-align: center;
	background: #e50915;
	color: #fff;
	font-size: 22px;
	clear: both;
	display: block;
	overflow: hidden;
}
#mapa {
	position: relative;
	height: 400px;
    overflow: hidden;
	width: 100%;
	background: #f8f8f8;
}
#mapa iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
	z-index: 1;
	pointer-events: none;
}
/* gallery */
.gallery  {
	overflow: hidden;
	clear: both;
	width: 101%;
}
.gallery li {
	width: 32.3333%;
	margin: 0 1% 1% 0;
	float: left;
	position: relative;
}
.gallery a {
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
	left: 0;
	top:  0;
}
.gallery a:hover {
	background-color: rgba(220, 20, 60, 0.5);
	background: rgba(220, 20, 60, 0.5);
}
.foto {
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
}
/* produtos */
.bgCinza {
	background: #f5f5f5;
	position: relative;
	z-index: 8888;
}
.page-template-page-empresa .bgCinza, .page-template-page-produtos .bgCinza {
	margin-bottom: 30px;
}
.produto {
	padding: 50px 0 0 0;
	overflow: hidden;
	position: relative;
	clear: both;
}
.produtoFoto {
	overflow: hidden;
	position: relative;
}
.produtoFoto section {
	z-index: 2;
}
.bgBranco {
	height: 50%;
	background: #fff;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.produtoTitulo h1 {
	color: #fff;
	text-align: left;
	margin-bottom: 0;
	font-size: 25px;
	line-height: 35px;
}
.produtoTitulo .firstWord {
	margin-bottom: 10px;
	font-size: 35px;
	line-height: 45px;
}
.produtoTitulo h2 {
	margin-bottom: 0;
}
.produtoInfo {
	background: #fff;
}
.produtoInfo ul {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 30px;
}
.produtoInfo ul li {
	margin-bottom: 20px;
	position: relative;
	padding-left: 40px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.produtoInfo .bola {
	width: 30px;
	height: 30px;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	background: #f1f1f1;
	position: absolute;
	left: 0;
	top: 0;
}
@media only screen 
and (min-width : 640px) {
.gallery li {
	width: 24%;
}
}
@media only screen 
and (min-width : 768px) {
.blocoForm {
	margin: 0;
}
.banner section {
	padding: 0;
	width: 700px;
	margin: 0 auto;
}
.icone {
	width: 29.3333%;
}
.gallery li {
	width: 19%;
}
.blocos, .rodape, .produtoInfo ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.boxRodape.boxRodapeNavProdutos {
	margin-bottom: 30px;
}
.produtoInfo ul {
	justify-content: flex-start;
	width: 102%;
}
.produtoInfo ul li {
	width: 31.3333%;
	margin-right: 2%;
}
.rodape {
	align-items: center;
}
.bloco {
	width: 48%;
}
.navCat {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
.navCat li {
	margin: 0 10px;
}
h1 {
	font-size: 40px;
	line-height: 50px;
}
.produtoTitulo h1 {
	font-size: 30px;
	line-height: 40px;
}
.produtoTitulo .firstWord {
	font-size: 50px;
	line-height: 60px;
}
.banner h1, .introFoto h1 {
	font-size: 35px;
	line-height: 40px;
}
}
@media only screen 
and (min-width : 1024px) {
.produtoInfo section {
	width: 800px;
}
.introTexto {
	width: 800px;
	margin: -100px auto 0 auto;
	padding: 50px 100px 30px 100px;
}
.divisor {
	width: 300px;
	margin-left: -150px;
}
.navCat li {
	margin: 0 40px;
}
.gallery li {
	width: 15.6666%;
}
section {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#menu {
	height: 130px;
	display: block !important;
	width: 100%;
	padding: 0;
	margin: 0;
}
header #menuProdutos {
	display: block !important;
	padding: 30px 0;
	text-align: center;
}
#menuProdutos, #menuProdutos section, .page-template-page-produtos .conteudo section, .page-template-page-produtos .conteudo, .tax-tipo .conteudo section, .tax-tipo .conteudo {
	overflow: inherit;
}
#menuProdutos ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-around;
	text-align: center;
}
header #menuProdutos ul {
	width: auto;
}
#menuProdutos ul li {
	position: relative;
	width: 218px;
	border: 1px solid #fff;
	border-color: transparent;
}
#menuProdutos ul li:hover {
	border: 1px solid #ccc
}
#menuProdutos ul li ul.submenu {
	width: 220px;
	border-top: 0;
	left: 50%;
	position: absolute;
	margin-left: -110px;
	top: 60px;
	background: #fff;
}
#menuProdutos ul li ul.submenu li {
	position: relative;
	border: 0 !important;
	width: auto;
}
#menuProdutos a.topLink {
	padding: 10px 0;
}
#menuProdutos li:hover .submenu {
	display: block !important;
}
#logo {
	height: 110px !important;
	margin: 5px 0 15px 0;
	position: absolute;
	left: 50%;
	margin-left: -91px;
}
#nav {
	margin: 85px 0 0 0;
	border: 1px solid #fff;
	border-right: 0;
	float: right;
}
#nav li {
	float: left;
	clear: none;
	border: 0;
	border-right: 1px solid #fff;
	
}
.social {
	float: left;
	clear: none;
	margin: 85px 0 0 0;
}
.fa-bars {
	display: none !important;
}
}
@media only screen 
and (min-width : 1280px) {
#intro section {
	width: 1100px;
}
}