html,body{
    overflow-x: hidden;
}
body {
    padding: 0;
    margin: 0;
    background: #f1f2f2;
    /* font-family: "GalanoGrotesque-Regular"; */
    font-family: Arial;
    position: relative;
    color: #000;
    font-size: 14px;
}

a{	
    text-decoration: none;
}
img {
    width: 100%;
}
textarea{
    resize: vertical;
}

input,textarea,select {
    /* font-family: "GalanoGrotesque-Regular"; */
    font-family: Arial;
}

.inputPadraoSty1 {
    border: none;
    background: #f7f7f7;
    color: #777777;
    border-radius: 10px;
    padding: 10px 10px;
    width: 100%;
    height: 80px;
    font-size: 15px;
}

.inputPadrao {
    border: none;
    background: #f1f1f1;
    color: #777777;
    border-radius: 25px;
    padding: 0px 10px;
    width: 100%;
    font-size: 15px;
    height: 47px;
}

.bloco-topo-img {
    text-align: center;
    padding: 20px 0;
}

.bloco-topo-img img {
    max-width: 128px;
}

.bloco-pesquisa {
    padding: 9px 7px;
}

.bloco-pesquisa .campo-top {
    background: #fff;
    border: none;
    padding: 14px 23px;
    padding-left: 39px;
    width: 100%;
    font-weight: bold;
    color: #bcbec0;
    font-size: 14px;
    border-radius: 9px;
}

.bloco-pesquisa .campo-top::placeholder {
	color: #bcbec0;
}

.bloco-pesquisa .botao-buscar {
    position: absolute;
    top: 12px;
    left: 8px;
    color: #bcbec0;
    cursor: pointer;
}

.bloco-pesquisa .form-pesquisa {
    position: relative;
    display: flex;
    justify-content: center;
    font-size: 16px;
}


.barra-flutuante {
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background: #62bfc8;
    color: #fff;
    width: 100%;
    z-index: 99;
}

.barra-flutuante .bloco {
    width: 80px;
    margin: 10px 3px;
    text-align: center;
    color: #fff;
}

.barra-flutuante .bloco .img {
    font-weight: 200;
    font-size: 20px;
    margin-bottom: 5px;
}

.barra-flutuante .bloco .txt {
    font-size: 13px;
    font-weight: 200;
}


#rodape {
    margin-bottom: 100px;
}

.bloco-topo-interna img {
    width: 141px;
}

.bloco-topo-interna .txt1 {
    color: #fff;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
    font-size: 17px;
}

.bloco-topo-interna .txt2 {
    color: #fff;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.bloco-topo-interna .sep-ponto:after {
    background: #fff !important;
}

.bloco-topo-interna {
    text-align: center;
    background: #1679B9;
    background: url('/arquivos/imagens/background-topo-interna.png') no-repeat center center/ 100% 103%;
    padding: 25px 0;
    position: relative;
}


.btnPadrao {
    background: rgb(28,124,186);
    background: linear-gradient(280deg, rgba(28,124,186,1) 0%, rgba(88,178,198,1) 100%);
    color: #fff;
    padding: 10px 31px;
    border-radius: 20px;
    display: inline-block;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
    font-size: 15px;
    min-width: 180px;
    cursor: pointer;
}

.textCenter {
    text-align: center;
}
.textLeft {
    text-align: left;
}
.textRight {
    text-align: right;
}

.tituloTxt {
    font-weight: bold;
    color: #62bfc8;
    font-size: 15px;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
}

.btn-topo-voltar {
    position: absolute;
    left: 15px;
    bottom: 25px;
    font-size: 20px;
    color: #fff;
}




.bloco-listagem-blocos {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.bloco-listagem-blocos .bloco .img {
    /* width: 60%; */
    /* width: 135px; */
    /* width: 40%; */
    /* height: 90px; */
    /* border-radius: 10px; */
    /* background: rgb(28,124,186); */
    /* background: linear-gradient(280deg, rgba(28,124,186,1) 0%, rgba(88,178,198,1) 100%); */
}

.bloco-listagem-blocos .bloco .img img {
    border-radius: 10px;
}

.bloco-listagem-blocos .bloco {
    width: 100%;
    position: relative;
    border-top: 1px solid #afafaf;
    padding: 10px 0;
    margin-top: 10px;
    display: flex;
}

.bloco-listagem-blocos .bloco .avaliacao em {
    color: #57b0c5;
}

.bloco-listagem-blocos .bloco  .avaliacao {
    color: #000;
    position: absolute;
    right: 0;
    font-size: 14px;
}

.bloco-listagem-blocos .bloco .texto {
    margin-left: 10px;
    position: relative;
    color: #777777;
    width: 60%;
    font-size: 13px;
}

.bloco-listagem-blocos .bloco .texto .titulo {
    color: #000;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
    font-size: 14px;
}

.bloco-listagem-blocos .bloco .texto .desc {
    color: #777777;
    font-size: 13px;
    margin: 5px 0;
}

.bloco-listagem-blocos .bloco .texto .info-txt1 {
    margin: 5px 0;
    display: flex;
    flex-wrap: wrap;
}

.bloco-listagem-blocos .bloco .texto .preco {
    color: #62bfc8;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
    font-size: 18px;
}

.bloco-listagem-blocos .bloco .texto .pre-preco {
    font-size: 12px;
    text-decoration: line-through;
    color: #777777;
    /* font-family: "GalanoGrotesque-Regular"; */
    font-family: Arial;
}

.bloco-listagem-blocos .bloco .texto .btn-bloco {
    background: rgb(28,124,186);
    background: linear-gradient(280deg, rgba(28,124,186,1) 0%, rgba(88,178,198,1) 100%);
    color: #fff;
    border-radius: 20px;
    display: inline-block;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
    font-size: 10px;
    padding: 1px 9px 2px;
}

.sep-ponto:after {
    content: '';
    background: #777777;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    display: block;
    margin: 0 4px;
    margin-top: 4px;
}


.produto-bloco-produto {
    background: #fff;
    border-radius: 10px;
    margin: 25px 0;
    padding: 15px 0;
    position: relative;
    box-shadow: 0px 0px 5px #848181;
    z-index: 1;
}

.produto-bloco-produto .img {
    /* background: rgb(28,124,186); */
    /* background: linear-gradient(280deg, rgba(28,124,186,1) 0%, rgba(88,178,198,1) 100%); */
    /* height: 200px; */
    margin: 0 15px;
    display: block;
    text-align: center;
}
.produto-bloco-produto .img img{
    border-radius: 10px;
}
.produto-bloco-produto .texto .txt1 {
    color: #62bfc8;
    font-size: 14px;
    margin-bottom: 15px;
}

.produto-bloco-produto .texto {
    margin: 15px 40px;
}

.produto-bloco-produto .texto .titulo {
    color: #000;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
    font-size: 18px;
    margin-bottom: 5px;
}

.produto-bloco-produto .texto .desc {
    color: #777777;
    font-size: 15px;
}

.produto-bloco-produto .texto .preco {
    color: #62bfc8;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
    font-size: 20px;
}

.produto-bloco-produto .texto .pre-preco {
    font-size: 14px;
    text-decoration: line-through;
    color: #777777;
    /* font-family: "GalanoGrotesque-Regular"; */
    font-family: Arial;
}

.produto-bloco-produto .texto-vermelho {
    color: #e80a0a;
    font-size: 15px;
    margin: 10px 40px;
}

.produto-bloco-produto .texto-vermelho span {
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
}

.produto-bloco-produto .btn-continuar {
    color: #62bfc8;
    text-align: center;
    display: inline-block;
    text-decoration: underline;
    font-size: 16px;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
    margin: 15px 0;
}

.div-btn-produto {
    border-top: 2px solid #cacaca;
    padding: 18px 0 5px;
}
.produto-bloco-produto:after {
    content: '';
    background: url(/arquivos/imagens/back-fundo-serv.png) no-repeat center center/100%;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    position: absolute;
}


.bloco-produto-opcoes {
    margin: 16px 0;
}
.produto-bloco-produto .bloco-produto-opcoes .titulo {
    background: #dedede;
    color: #4e4d4d;
    padding: 10px 40px;
    font-size: 18px;
}

.produto-bloco-produto .lista-opcoes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 20px;
}

.produto-bloco-produto .lista-opcoes .opcao {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 5px;
    padding: 8px 20px;
    padding-right: 70px;
    border-bottom: 1px solid #afafaf;
}

.produto-bloco-produto .lista-opcoes .opcao .txt {
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
}

.produto-bloco-produto .lista-opcoes .op-qtd {
    position: absolute;
    right: 0;
    color: #62bfc8;
    font-size: 16px;
}

.produto-bloco-produto .lista-opcoes .op-qtd-num {
    color: #000;
    margin: 0 10px;
}


.produto-bloco-produto .bloco-info-detalhe {
    margin: 8px 20px;
}

.produto-bloco-produto .bloco-info-detalhe .txt1 {
    color: #000;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
    font-size: 15px;
    margin: 0 20px;
    margin-bottom: 5px;
}

.produto-bloco-produto .bloco-info-detalhe .txt-detalhe {
    display: flex;
    background: #f1f1f1;
    color: #777777;
    border-radius: 20px;
    padding: 15px 13px;
    font-size: 15px;
}

.produto-bloco-produto .bloco-info-detalhe .txt-detalhe .txt1-info {
    width: 80%;
}

.produto-bloco-produto .bloco-info-detalhe .txt-detalhe .btn-info {
    width: 20%;
    text-align: center;
}

.produto-bloco-produto .bloco-info-detalhe .txt-detalhe .btn-info a {
    color: #fd3232;
}

.produto-bloco-produto .btn-mais-itens {
    color: #62bfc8;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
    margin: 6px 0;
    display: inline-block;
}


.produto-bloco-produto .bloco-detalhe-produto {
    margin: 10px 20px;
    border-top: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
    padding: 8px 0;
}

.produto-bloco-produto .bloco-detalhe-produto .txt-detalhe-produto {
    display: flex;
    margin: 0 20px;
    font-size: 15px;
}

.produto-bloco-produto .bloco-detalhe-produto .txt-detalhe-produto .txt-info {
    width: 75%;
}

.produto-bloco-produto .bloco-detalhe-produto .txt-detalhe-produto .txt-info .txt1 {
    color: #000;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
}
.produto-bloco-produto .bloco-detalhe-produto .txt-detalhe-produto .txt-info .txt2 {
    margin-left: 20px;
    color: #777777;
}
.produto-bloco-produto .bloco-detalhe-produto .txt-detalhe-produto .valor-info {
    width: 25%;
    text-align: center;
    color: #62bfc8;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
}


.info-detalhe-produtos {
    margin: 8px 20px;
    border-top: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
    padding: 5px 0;
}

.info-detalhe-produtos .bloco {
    display: flex;
    color: #777777;
    font-size: 15px;
    margin: 3px 20px;
}

.info-detalhe-produtos .bloco .txt1 {
    width: 75%;
}

.info-detalhe-produtos .bloco .txt2 {
    width: 25%;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
}

.info-detalhe-produtos .bloco.lyt-1 {
    color: #62bfc8;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
}

.bloco-cupom {
    margin: 12px 40px;
}
.bloco-cupom .txt1 {
    color: #000;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
    font-size: 15px;
    margin-bottom: 6px;
}
.bloco-cupom .txt2 {
    color: #62bfc8;
}


.bloco-situacao-info .img {
    text-align: center;
}

.bloco-situacao-info .img img {
    width: 150px;
}

.bloco-situacao-info .titulo {
    color: #6ec181;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
    font-size: 18px;
    margin: 10px 0;
    text-align: center;
}

.bloco-situacao-info .texto {
    margin: 25px 40px;
}

.bloco-situacao-info .texto .txt1 {
    color: #777777;
    text-align: center;
    font-size: 14px;
}

.bloco-situacao-info .texto .txt2 {
    color: #62bfc8;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
    font-size: 18px;
    text-align: center;
}

.bloco-situacao-info  .estrelas {
    text-align: center;
    font-size: 20px;
    margin: 10px 0;
}

.bloco-situacao-info  .estrelas .icon-star {
    color: #62bfc8;
}

.bloco-situacao-info  .estrelas .icon-star-empty {
    color: #777777;
}

.produto-bloco-produto .btn-contatar {
    background: #62bfc8;
    color: #fff;
    text-align: center;
    padding: 10px 31px;
    border-radius: 20px;
    justify-content: center;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
    font-size: 15px;
    display: flex;
    margin: 0 20px;
}

.linha-campo {
    margin: 10px 20px;
}

.linha-campo .txt-campo,.linha-campo2 .txt-campo{
    color: #000;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
    font-size: 15px;
    margin: 0 20px;
}

.input-campo {
    margin: 5px 0;
    display: flex;
}

.campo-txt-check input {
    display: none;
}
.campo-txt-check .checkbox-sty {
    border: 1px solid #62bfc8;
    height: 14px;
    width: 14px;
    display: inline-flex;
    margin-right: 9px;
    position: relative;
    padding: 2px;
}
.campo-txt-check .txt {
    display: inline-flex;
    font-size: 15px;
    cursor: pointer;
    color: #62bfc8;
    /* font-family: "GalanoGrotesque-Bold"; */
    font-family: Arial;
}
.campo-txt-check input[type=checkbox]:checked + .txt .checkbox-sty span {
    background: #62bfc8;
}
.campo-txt-check input[type=checkbox]+ .txt .checkbox-sty span {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 3px;
    left: 3px;
}


.container {
	/* width: 100%; */
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}


/* responsive */
@media(max-width:768px){
    
    .bloco-listagem-blocos .bloco .img img {
        width: 120px;
    }
}