/*estrutura do site*/
*{margin:0; padding:0;}
a{text-decoration:none; color:#FFF;}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}
body {width:100%; height:auto; background:#fff url(https://actualcaffe.com.br/imagens/bkg2.jpg)top left repeat; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; min-width:768px;}

#bg-topo{width:100%; height:auto; position:relative; float:left; background:url(https://actualcaffe.com.br//imagens/bg-top.png) top center repeat-x; border-top:10px solid #343434;}
#topo{width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px; padding:10px 0px;}
#topo a{color:#343434;}
#topo .logo{width:168px; height:115px; position:relative; float:left; margin:10px;}

#topo .topo_fone{width:140px; padding:25px 0px; position:relative; float:left; margin:0px 0px 0px 30px;}
#topo .topo_fone .icons{position:relative; float:left; width:12px; height:12px; margin-right:10px;}
#topo .topo_fone p{position:relative; float:left; width:100%; font-size:14x; font-weight:600; text-align:right; margin-top:20px; margin-bottom:0;}
#topo .topo_fone p a {color:#a11726;}
#topo .topo_fone p b {color:#353535; font-size:14x; font-weight:600;}

#topo .social_icons{width:auto; height:30px; position:relative; float:right; margin:65px 0px;}
#topo .social_icons img{width:30px; height:30px; float:left; margin:0px 0px 0px 10px;}

#menu{width:100%; height:auto; position:relative; float:left; background:none;}
#menu ul{width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px; background:#343434;}
#menu ul .icon-ac{width:40px; height:40px; position:relative; float:left;}
#menu ul #form-busca{width:auto; height:30px; position:relative; float:right; padding:5px; background:#A11726;}
#menu ul #form-busca #input-buscar{width:auto; height:26px; position:relative; float:left; padding:2px; border:1px solid #7A0919;}
#menu ul #form-busca #bt-buscar{width:75px; height:26px; position:relative; float:left; padding:2px 5px; border:0; background:none; color:#FFF; cursor:pointer;}

/*Botão WhatsApp*/
.bt-whats { font-size: 1rem; margin-top: 10px; padding: 15px; position:fixed; right:10px; bottom:10px; width:auto; 
height: auto; vertical-align:middle; background:#01b763; color:#fff; text-align:center; line-height:2.6; font-weight:500; z-index: 9999999999; 
font: 13px Helvetica,Arial,sans-serif; text-decoration: none; border-radius: 10px;}

.alinhar { padding-top:4px; width:auto;}

/* Efeito Pulsar Botão WhatsApp */
.efeitoPulse { ursor: pointer; box-shadow: 0 0 0 rgba(1,183,99, 0.4); animation: pulse 1s infinite;}
.efeitoPulse:hover { animation: none; }

@-webkit-keyframes pulse {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(1,183,99, 0.4); }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(1,183,99, 0);}
  100% { -webkit-box-shadow: 0 0 0 0 rgba(1,183,99, 0); }
}
@keyframes pulse {
  0% { -moz-box-shadow: 0 0 0 0 rgba(1,83,99, 0.4); box-shadow: 0 0 0 0 rgba(1,83,99, 0.4);}
  70% { -moz-box-shadow: 0 0 0 10px rgba(1,83,99, 0); box-shadow: 0 0 0 10px rgba(1,83,99, 0);}
  100% { -moz-box-shadow: 0 0 0 0 rgba(1,83,99, 0); box-shadow: 0 0 0 0 rgba(1,83,99, 0);}
}

#bt-menu-mobile, #bt-maquinas-mobile, #bt-maquinas, #bt-produtos-mobile{height:40px; position:relative; float:left; display:block; padding:0px 10px 0px 40px; line-height:40px !important; color:#FFF; overflow:hidden; border-right:1px solid #222;}
#bt-menu-mobile{background:url(../imagens/icon-menu.png) center left no-repeat;}
#bt-maquinas-mobile{background:url(../imagens/icon-maquinas.png) center left no-repeat;}
#bt-maquinas{background:url(../imagens/icon-maquinas.png) center left no-repeat;}
#bt-produtos-mobile{background:url(../imagens/icon-produtos.png) center left no-repeat;}

.bx-oculto{width:100%; height:auto; position:relative; float:left; background:#343434; display:none; border-bottom:5px solid #343434; border-top:5px solid #343434;}
.bx-oculto ul{width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px; background:none;}
.bx-oculto li{width:100%; height:auto; position:relative; float:left; border-bottom:1px solid #535353; font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF;}
.bx-oculto li a{width:90%; height:auto; position:relative; float:left; padding:5px; font:400 14px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF;}
.bx-oculto a strong{font:600 15px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF;}
.bx-oculto #input-buscar{padding:5px; width:calc(100% - 10px); height:auto; border:0; margin:5px 0px;}
.bx-oculto #bt-buscar{padding:5px; width:100%; height:auto; border:0; margin:5px 0px; color:#FFF; background:#102789;}

/*BANNER*/
#bg-banner{width:100%; height:auto; position:relative; float:left; background:rgba(0,0,0,0.1);}
#banner{width:768px; height:360px; position:relative; float:left; left:50%; margin-left:-384px;}
.banner .item, .banner .item img{width: 100%; height: auto; position:relative; float:left;}

.bn .slick-prev, .bn .slick-next{ width: 40px !important; height: 40px !important; color:#fff !important; background: rgba(0,0,0,0.4) !important;}
.bn .slick-prev{left:0 !important;}
.bn .slick-next{right:0 !important;}
.bn .slick-prev:before, .bn .slick-next:before{ font-size: 24px !important; color: #fff !important;}

.slick-prev:before{font: var(--fa-font-solid); content: "\f053"; }
.slick-next:before{font: var(--fa-font-solid); content: "\f054"; }
.slick-prev:hover, .slick-next:hover{background: rgba(0,0,0,0.9) !important;}

.slider_clientes img{width: 100px !important; height: 100px !important;}
.slider_produtos .slick-slide, .slider_clientes .slick-slide{margin: 0 10px;}
.slider_produtos .slick-prev, .slider_produtos .slick-next,
.slider_clientes .slick-prev, .slider_clientes .slick-next{ width: 40px !important; height: 40px !important; color:#d060ea !important; background: none !important;}
.slider_produtos .slick-prev:before, .slider_produtos .slick-next:before,
.slider_clientes .slick-prev:before, .slider_clientes .slick-next:before{ font-size: 16px !important; color: #d060ea !important;}
.slider_produtos .slick-prev,
.slider_clientes .slick-prev{left:-50px !important;}
.slider_produtos .slick-next,
.slider_clientes .slick-next{right:-50px !important;}
#bg-sombra{width:100%; height:25px; position:relative; float:left; background:url(../imagens/bg-sombra.jpg) bottom center repeat-x;}

#bg-chat{width:100%; height:auto; position:relative; float:left; background:none;}
#chat{width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px; padding:10px 0px; font:600 italic 14px "Open Sans", Verdana, Geneva, sans-serif; color:#6D6E73; border-bottom:1px solid #CCC;}
#chat a{font:600 italic 16px "Open Sans", Verdana, Geneva, sans-serif; color:#A11726 !important;}
#chat img{width:100px; height:60px; position:relative; float:left; margin-right:10px;}
#scriptchatonline{width:calc(100% - 110px); height:60px; position:relative; float:left;}

#bg-conteudo{width:100%; height:auto; position:relative; float:left;}
#bg-conteudo .titulo{font-size: 18px; font-weight: 600; color: #900; padding: 10px; border-bottom: 1px dashed #ccc; margin: 10px 0;}
.centralizar {width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px; background: #fff;}
.interna{width:calc(100% - 20px); height:auto; position:relative; float:left; padding:10px;}

.bg-paginacao{width:100%; height:auto; position:relative; float:left; text-align:left;}
.bg-paginacao ul{width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px; text-align:center;}
.bg-paginacao ul li{width:30px; height:30px; margin:5px 5px 0px 0px; line-height:30px !important; background:#CCC; position:relative; float:left; display:inline-block; color:#102789;}
.bg-paginacao ul li a{width:30px; height:30px; position:relative; float:left; background:#102789; color:#FFF;}

#bg-promocoes{width:100%; height:auto; position:relative; float:left;}
.box-promocoes{width:calc(50% - 10px); height:300px; position:relative; float:left; margin:5px;}
.box-promocoes #promocoes{width:320px; height:190px; position:absolute; top:40px; left:25px;}
.box-promocoes h1{font:bold italic 17px "Open Sans", Verdana, Geneva, sans-serif; margin:10px; color:#A11726; position: absolute; top: 5px; left: 5px; z-index:9;}
.fm-pag{height:150px;}
.box-promocoes .formas-pg{width:400px; height:150px; position:absolute; top:0px; left:0px; z-index:1;}

#bg-rodape{width:100%; height:auto; position:relative; float:left; background:rgba(0,0,0,0); margin-top:45px;}
#rodape .rdp-ac{width:168px; height:26px; position:relative; float:left; margin:0px 600px 15px 0px;}
#rodape{width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px;}
#rodape ul{width:50%; min-height:130px; height:auto; position:relative; float:left; margin-top:15px;}
#rodape ul .titulo{font:600 15px "Open Sans", Verdana, Geneva, sans-serif; margin-bottom:10px;}
#rodape ul li, #rodape ul a{font:600 italic 14px "Open Sans", Verdana, Geneva, sans-serif; color:#6D6E73;}

#rodape .box-rodape{width:100%; min-height:40px; position:relative; float:left;}
#rodape .box-rodape img{position:relative; float:left; margin-right:7px;}
#rodape .box-rodape p{font:600 italic 14px "Open Sans", Verdana, Geneva, sans-serif; color:#6D6E73; line-height:18px;}
#rodape .box-rodape #newsLetter #form2{width:calc(100% - 60px); height:auto; margin-left:38px; position:relative; float:left; padding-bottom:25px;}
#rodape .box-rodape #newsLetter #form2 .newsletter{width:100%; height:28px; position:relative; float:left; border:1px soid #CCC; margin:10px 0px;}
#rodape .box-rodape #newsLetter #form2 .cadastrar{width:100%; padding:5px;; background:#A11726; color:#FFF; position:absolute; bottom:0; right:0; border:0; cursor:pointer;}
#rodape .box-rodape #newsLetter .news-error{font:600 italic 12px "Open Sans", Verdana, Geneva, sans-serif !important; color:#C00 !important; padding-left:38px;}

#direitos{width:100%; height:auto; position:relative; float:left; line-height:25px; background:#222;}
#direitos .centralizar{background: none;}
#direitos p{font:600 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF; line-height:25px; position:relative; float:left;}
#direitos p strong{font:600 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF;}
#direitos a{font:600 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF;}
#direitos .icones_rodape{width:98px; height:25px; position:relative; float:right;}
.logo_gray{width:98px; height:25px; position:relative; float:right;}

@media only screen and (min-width: 480px) and (max-width: 767px) {
body{min-width:480px;}
#topo, #menu ul, .bx-oculto ul, #chat, #banner, .centralizar, #rodape{width:480px; margin-left:-240px;}
#topo{padding-bottom:50px;}

#topo .topo_fone{padding:10px 0px 0px 0px;}

#bt-menu-mobile, #bt-maquinas-mobile, #bt-produtos-mobile{margin-left:20px; padding-right:17px;}
#menu ul #form-busca #input-buscar{width:calc(100% - 85px);}
#menu ul #form-busca{width:calc(100% - 10px);}
#banner{height:225px;}
.box-promocoes{width:calc(100% - 10px); height:300px;}
#rodape .ft-menu{width:50%;}
#rodape ul{width:100%;}
}

@media only screen and (max-width: 479px) {
body{min-width:320px;}
#topo, #menu ul, .bx-oculto ul, #chat, #banner, .centralizar, #rodape{width:320px; margin-left:-160px;}
#topo .logo {left:50%; margin-left:-84px;}
#topo .social_icons {width:100%; text-align:center; margin:20px 0;}
#topo .social_icons img {display:inline-block; float:none;}
#topo .topo_fone{width:44%; padding:10px 0; padding-left:10px; margin:20px 0;}
#topo .topo_fone:last-child{float:right; padding-right:10px;}

#bt-menu-mobile, #bt-maquinas-mobile, #bt-produtos-mobile{font-size:10px;}
#menu ul #form-busca{width:calc(100% - 10px);}
#menu ul #form-busca #input-buscar{width:calc(100% - 85px);}

#banner{height:150px;}
.box-promocoes{width:calc(100% - 10px); height:300px;}
.box-promocoes #promocoes{width:310px; height:180px; position:absolute; top:40px; left:0px;}
.fm-pag{height:120px;}
.box-promocoes .formas-pg{width:300px; height:113px; position:absolute; top:0px; left:0px; z-index:-1;}
#rodape .ft-menu{width:50%;}
#rodape ul{width:100%;}
#direitos p{width:180px;}
#direitos .icones_rodape{margin:13px 0px 0px 0px;}
}