*{margin: 0;}
html, body{
	position: relative;
	width: 100%;
	background: #E8E8E8;
	font-family: 'Open Sans';
	height: 100%;
}
body{min-height: 100%;position: absolute;left: 0;top: 0;}
html{height: 100%;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'Open Sans';}

.Vcenter{position: relative;display: table;height: 100%;}
.Vcenter>div:first-child{
	position: relative;display: table-cell;vertical-align: middle;margin-top: 50%;
	#margin-top: 0;#float: left;#width: 100%;/*EXPLORER*/
}
.color_black{color: black;}
.block{display: block;}

.bloco{position: relative;padding: 20px;float: left;width: 100%;}
.abrir_link{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.tudo{position: relative;width: 100%;min-height: 100%;overflow: hidden;}
.link_click{cursor: pointer;}

header{
	position: relative;
	float: left;
	width: 100%;
	background: white;
	z-index: 9;
	transition: 1s;
}
header .Vcenter{height: 50px;}
.logo h1{margin: 0;}
.logo img{max-height: 50px;width: auto;}
.espc_horizontal{margin: 0 -5px;}
.espc_horizontal > *{float: left;margin: 0 7.5px;}
header .header_right .dropdown-menu{left: auto;right: -37px;padding: 0;min-width: 300px;}
header{font-size: 175%;font-size: 100;}
header a{text-decoration: none!important;}
/*header .dropdown-menu:hover{display: block!important;}*/

.header_right .num_quant{
	font-size: 40%;
	font-weight: 100;
	background: #3a87ad;
	margin-left: -10px;
	margin-top: -20px;
}


.busca_header form{position: relative;margin: 0;color: black;}
.busca_header form *{color: black;}
.busca_header input, .busca_header button{background: none;border: none;position: relative;}
.busca_header input{
	/*border-bottom: solid white 1px;*/
	padding: 0 10px;box-shadow: none!important;z-index: 1;
	position: absolute;
	padding-right: 35px;
	right: 0;
	/*top: auto;*/
	top: 0;
	width: 0;
	transition: 0.5s;
	opacity: 0;
	font-size: 70%;
	height: 100%;
	/*background: #F6981E;*/
	/*background: rgba(245, 152, 30, 0.75);*/
	background: #eeeeee;
}
.busca_header input::-webkit-input-placeholder  { color:white; }
.busca_header input:-moz-placeholder { color:white; }
.busca_header .div_button:hover+input, .busca_header input:hover{opacity: 1;width: 200px;}
.busca_header .link_remove, .busca_header .oc-loading, .busca_header .botao_filtrar{position: relative;z-index: 2;color: black;}

.busca_filtro .link_remove, .busca_filtro .oc-loading{z-index: 3;position: absolute;left: 50%;top: 50%;}
.busca_filtro .link_remove{margin-left: -15.5px;margin-top: -13px;display: none;}
.busca_filtro .oc-loading{margin-left: -21px;margin-top: -19.5px;}
.busca_filtro .div_button{
	position: relative;
	width: 37px;
	height: 37px;
	text-align: center;
}
.busca_filtro.active_filtro{}
.busca_filtro.active_filtro .link_remove{display: block;}
.busca_filtro.active_filtro .botao_filtrar{display: none;}
.busca_filtro .oc-loading+*, .busca_filtro .oc-loading+*+*{display: none!important;}

.links_compartilhar{width: auto;min-width: auto!important;}
.links_compartilhar ul{position: relative;list-style: none;float: left;padding: 0;display: table;}
.links_compartilhar li{float: none;display: table-cell;}
.links_compartilhar li a{
	padding: 10px!important;
	width: 40px;
	text-align: center;
	float: left;
}

.titulo{
	margin-top: 0;
	font-weight: 100;
	font-size: 150%;
	margin-bottom: 20px;
	font-weight: bold;
}

.clear{clear: both;}
.conteudo{
	position: relative;
	padding-bottom: 80px;
	float: left;
	padding-right: 0;
	overflow: hidden;
	transition: 1s;
	width: 100%;
}
@media(max-width: 767px){
	/*.conteudo{padding-bottom: 116px;}*/
}

.header_lateral{
	position: sticky;padding: 20px;left: 0;top: 0;z-index: 9;background: #eeeeee;
	-webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.5);
}
.menu_lateral{
	height: 100%;
	position: absolute;
	position: fixed;
	right: -35%;
	/*right: 0;*/
	top: 0;

	width: 35%;
	transition: 1s;
	z-index: 10;
	background: #eeeeee;
	border: solid gray 1px;
	overflow-y: auto;
}
.carrinho_dropdown ul{
	overflow-y: auto;
	/*max-height: 300px;*/
	max-height: 250px;
	width: 200px;
}

.lista_carrinho{
	position: relative;
	width: 100%;
	float: left;
	height: 100%;
}
.menu_lateral .lista_carrinho{overflow-y: auto;}

.footer_carrinho{
	position: absolute;
	left: 0;
	/*top: 100%;*/
	bottom: 0;
	width: 100%;
	background: white;
	z-index: 9;
	overflow: hidden;

	-webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.5);
}
.footer_carrinho p:last-child{margin-bottom: 0;}
.botoes_enviar, .botoes_enviar .row{
	position: relative;
	width: 100%;
	margin: 0;
}
.botoes_enviar .row > div{padding: 0;}
.botao_enviar{
	position: relative;
	border-radius: 0;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	color: white;
}
.btn_whatsapp{background: #0DC152;}
.btn_email{background: #3a87ad;}

/*LISTA CARRINHO*/
.lista_carrinho ul{
	list-style: none;
	padding: 0;
	float: left;
	width: 100%;
}
.dropdown-menu ul{margin: 0!important;}

.lista_carrinho li+li{border-top: solid gray 1px;}
.lista_carrinho li:hover{background: #DEDEDE;}
.lista_carrinho .left_{position: relative;padding-left: 25px;}
.lista_carrinho .right_ .valor{
	color: black;
	font-size: 150%;
}
.lista_carrinho .remove{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 125%;
	color: gray!important;
	text-decoration: none;
	background: none!important;
}
.lista_carrinho .nome{font-size: 125%;}

.lista_carrinho input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none;}
.lista_carrinho input[type=number] { -moz-appearance: textfield;appearance: textfield;}

.header_drop_down{
	background: #eeeeee;
	-webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.5);
}
.carrinho_dropdown[data-quantidade="0"] .header_drop_down, .carrinho_dropdown[data-quantidade="0"] .botoes_enviar{display: none;}
.menu_lateral[data-quantidade="0"] .footer_carrinho{display: none;}
/*LISTA CARRINHO*/

.menu_links .dropdown-menu li a{padding: 10px 20px;}
.menu_links .dropdown-menu{padding: 0;min-width: 250px;}
.menu_links .dropdown-menu li:hover a,.menu_links  .dropdown-menu li.active a{background: #B4CD27!important;color: white;}

.menu_links li + .page1{border-top: solid #999 1px;}

.active_carrinho:checked+.tudo .conteudo, .active_carrinho:checked+.tudo header{padding-right: 35%;}
.active_carrinho:checked+.tudo .menu_lateral{right: 0;}
@media(max-width: 991px){
	.active_carrinho:checked+.tudo .conteudo, .active_carrinho:checked+.tudo header{padding-right: 0;}
	.active_carrinho:checked+.tudo .menu_lateral{right: -35%;}
}

/*LISTA CATEGORIAS*/
.lista_categorias{
	margin: -7.5px;
	text-align: center;
}
.lista_categorias > div{
	position: relative;
	display: inline-block;
	padding: 10px;
	background: white;
	border-radius: 15px;
	overflow: hidden;
	margin: 7.5px;
}
.lista_categorias img{max-width: 225px;max-height: 200px;}
.lista_categorias .Vcenter{
	height: 200px;
	width: 100%;
}
/*LISTA CATEGORIAS*/

/*LISTA PRODUTOS*/
.lista_produtos{padding-top: 0;margin-top: -3px;}
.lista_produtos img{max-width: 100%;}
.lista_produtos .row{margin-left: -1.5px;margin-right: -1.5px;}
.lista_produtos .row > *{padding-right: 1.5px;padding-left: 1.5px;padding-top: 3px;}
.lista_produtos .prod a{text-decoration: none!important;}
.lista_produtos .prod{position: relative;padding: 2.5px;background: white;}
.lista_produtos .carrinho_prod{
	position: absolute;
	right: 10px;
	bottom: 10px;
	background: #B4CD27;
	font-size: 275%;
	color: white;
	padding: 10px;
	border-radius: 50%;
}

.lista_produtos .dropdown-menu{
	right: 0;
	left: auto;
}
.lista_produtos .dropdown-menu{
	bottom: 40px;
	top: auto;
	right: 40px;
}
@media(max-width: 425px){
	.lista_produtos .row > .col-xs-6{width: 100%!important;}

}
/*LISTA PRODUTOS*/

footer p{margin: 0;}
footer{
	background: white;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	/*padding: 15px 0;*/
	font-size: 80%;
}

.loading{
	position: relative;
	height: 80px;
	background: url('../images/reload.gif') center no-repeat;
	display: none;
	/*background: #eeeeee url('../images/loading.svg') center no-repeat;*/
}

.lds-spinner {	color: official;	display: inline-block;	position: relative;	width: 40px;	height: 40px;}.lds-spinner div {	transform-origin: 40px 40px;	animation: lds-spinner 1.2s linear infinite;}.lds-spinner div:after {	content: " ";	display: block;	position: absolute;	top: 3px;	left: 37px;	width: 4px;	height: 18px;	border-radius: 20%;	background: red;}.lds-spinner div:nth-child(1) {	transform: rotate(0deg);	animation-delay: -1.1s;}.lds-spinner div:nth-child(2) {	transform: rotate(30deg);	animation-delay: -1s;}.lds-spinner div:nth-child(3) {	transform: rotate(60deg);	animation-delay: -0.9s;}.lds-spinner div:nth-child(4) {	transform: rotate(90deg);	animation-delay: -0.8s;}.lds-spinner div:nth-child(5) {	transform: rotate(120deg);	animation-delay: -0.7s;}.lds-spinner div:nth-child(6) {	transform: rotate(150deg);	animation-delay: -0.6s;}.lds-spinner div:nth-child(7) {	transform: rotate(180deg);	animation-delay: -0.5s;}.lds-spinner div:nth-child(8) {	transform: rotate(210deg);	animation-delay: -0.4s;}.lds-spinner div:nth-child(9) {	transform: rotate(240deg);	animation-delay: -0.3s;}.lds-spinner div:nth-child(10) {	transform: rotate(270deg);	animation-delay: -0.2s;}.lds-spinner div:nth-child(11) {	transform: rotate(300deg);	animation-delay: -0.1s;}.lds-spinner div:nth-child(12) {	transform: rotate(330deg);	animation-delay: 0s;}@keyframes lds-spinner {	0% { opacity: 1; }	100% { opacity: 0; }}

.div_input_loading{position: relative;padding: 0;}
.div_input_loading .oc-loading{
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -11px;
	color: white;
}
.div_input_loading .btn{padding: 6px 22px;}
.div_input_loading .oc-loading{cursor: progress;}
.div_input_loading:hover .oc-loading{color: white;}

.form_email .form-group input, .form_email .form-group textarea{
	border: none;
	width: 100%;
	box-shadow: none!important;
	border-bottom: solid #ccc 1px;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
}
.form_email .form-group textarea{padding: 10px;}
.form_email label{font-weight: normal;}
.modal-footer, .modal-header{background: #eeeeee;}
.modal-footer{border-top: solid gray 1px;}
.modal-header{border-bottom: solid gray 1px;}

.form_email input.success{border-color: green;}
.form_email input.error{border-color: red;}