.devrocket-timer-regua{
    background-image: url('https://cdn.awsli.com.br/1906/1906987/arquivos/banner garrafinhas ursinhos timer (1).png');
}




:root{
    --devrocket-voltar-topo-altura: 60px;
    --devrocket-voltar-topo-largura: 60px;
    --devrocket-voltar-topo-espaco-direita: 20px;
    --devrocket-voltar-topo-espaco-esquerda: 20px;
    --devrocket-voltar-topo-borda-arredondada: 60px;
    --devrocket-voltar-topo-tamanho-fonte: 22px;
    --devrocket-voltar-topo-cor-fonte: ##FEB54E;
    --devrocket-voltar-topo-espaco-abaixo: 90px;
    --devrocket-voltar-topo-posicao: right; /* right| left */;
}

:root{
    --devrocket-telegram-cor-fundo: #0088cc;
    --devrocket-telegram-altura: 60px;
    --devrocket-telegram-largura: 60px;
    --devrocket-telegram-espaco-direita: 20px;
    --devrocket-telegram-espaco-esquerda: 20px;
    --devrocket-telegram-borda-arredondada: 60px;
    --devrocket-telegram-tamanho-fonte: 32px;
    --devrocket-telegram-cor-fonte: #ffffff;
    --devrocket-telegram-espaco-abaixo: 90px;
    --devrocket-telegram-posicao: right; /* right| left */;
}

:root{
    --devrocket-instagram-cor-fundo: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
    
    /* Caso queira colocar um cor específica basta descomentar o código abaixo e comentar o de cima */
    /* --devrocket-instagram-cor-fundo: #bc318f; */
    
    --devrocket-instagram-altura: 60px;
    --devrocket-instagram-largura: 60px;
    --devrocket-instagram-espaco-direita: 20px;
    --devrocket-instagram-espaco-esquerda: 20px;
    --devrocket-instagram-borda-arredondada: 60px;
    --devrocket-instagram-tamanho-fonte: 32px;
    --devrocket-instagram-cor-fonte: #ffffff;
    --devrocket-instagram-espaco-abaixo: 90px;
    --devrocket-instagram-posicao: right; /* right| left */;
}

 :root{
        --cor-fonte-menu: #FFFFFF
        --cor-fonte-submenu: #FFFFFF;
    }
    #cabecalho .menu .fundo-menu .titulo, #cabecalho .menu ul li.com-filho a i,
    .menu.superior .nivel-um .titulo, .menu.lateral .nivel-um .titulo{
        color: var(--cor-fonte-menu) !important;
    }
    .menu.superior .nivel-dois a, #cabecalho .menu.superior.menu-slide .com-filho.borda-principal .com-filho a i{
        color: var(--cor-fonte-submenu) !important;
    }




.lo-fields {
	margin: 20px 0 !important;
}

.lo-fields > div.success.ok,
.lo-fields > div.has,
.lo-fields button[type='submit']{
    display: flex !important;
    align-items: center;
    gap: 5px;
    font-size: 15px;
    padding: 5px 10px;
    box-shadow: 0px 0px 3px 0px #ccc;
    color: #55af59;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    
    transition: all .3s ease-out;
}

.lo-fields button[type='submit']{
	width: 100%;
    height: 40px;
    margin-top: 10px;
    background-color: #55af59;
    color: #fff;
}

.lo-fields button[type='submit']:hover{
	opacity: .9;
}

.lo-fields.grid > div.success.ok,
.lo-fields.grid > div.has{
	justify-content: center;
}

.lo-fields.grid > div.success.ok:hover{
	background-color: #55af59;
	color: #FFF !important;
}

.lo-fields.grid > div.has:hover{
	background-color: #ea313c;
	color: #FFF !important;
}

.lo-fields.grid{
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.lo-fields > div.has{
	color: #ea313c;
}

.field-list{
	display: flex;
	flex-direction: column;
	gap: 10px
}

.field-list .field-option{
	display: grid;
	border-bottom: 1px solid #ececec;
}

.field-list .field-option:not(.preview){
	grid-template: "label input" / 1fr 2fr;
}

@media(max-width: 767px){
	.field-list .field-option:not(.preview){
		grid-template: "label" "input" / 1fr;
		align-self: center;
    	text-align: center;
	}
	
	.field-list .field-option.preview{
		grid-template:
        "label"
        "prewiew"
        "input" / 1fr !important;
        align-self: center;
    	text-align: center;
	}
}

.field-list .field-option.preview{
	grid-template:
        "label preview"
        "null input" / 1fr 2fr;
}

.field-list .field-option.preview img{
	width: 210px;
}

.field-list .field-option > label{
	grid-area: label;
}

.field-list .field-option > label > b {
	color: red;
}

.field-list .field-option > input,
.field-list .field-option > select,
.field-list .field-option > textarea{
	grid-area: input;
}

.field-list .field-option > div{
	grid-area: preview;
}

#formularioObservacao textarea.clone{
	display: none;
}

input[type="color"]{
	background-color: inherit !important;
    border: inherit !important;
    height: 25px !important;
}

.tabela-medidas:not(.first){
    display: none;
}

/* Tamanho da Logo */
.logo a { height:200px; }

span.preco-parcela {
    display: true;
}
@media screen and (max-width: 767px){
#cabecalho .logo a img{
position:absolute;
width:85px;
max-height:85px;
}