@import url("grid.css");
@import url("main.css");

*{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.padding{
	padding-top: 60px;
	padding-bottom: 60px;
}

.padding12{
	padding-top: 12px;
	padding-bottom: 12px;
	clear: both;
	overflow: hidden;
    height: 100%;
}

/* conteúdo de texto no centro */
.Ccenter{ text-align: center; }
.uppercase{ text-transform: uppercase; }

/* ----------------------- *\
    COLORS PRINCIPAIS
\* ----------------------- */

.c-golden{ color: #877a21; }
.c-goldenLight{ color: #f3ea99; }
.c-gray{ color: #e6e6e6; }
.c-grayStrong{ color: #9b9b9b; }


/* ----------------------- *\
    BORDAS ARREDONDADAS
\* ----------------------- */

.round{
	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	-moz-border-radius:7px 7px 7px 7px;
}

.shadow{ box-shadow: 6px 6px 6px #eee; }
.shadowBlack{ box-shadow: 6px 6px 6px #777; }

a{ transition: .3s; }

.space-top{ margin-top: 40px; }
.space-top20{ margin-top: 20px; }
.space-bottom{ margin-bottom: 40px; }
.space-bottom-min{ margin-bottom: 20px; }

.logo{ position: absolute; width: 180px; height: 180px; top: 0px; left: 0px; z-index: 99999; }

/* ----------------------- *\
    LINE
\* ----------------------- */

.line{
	margin-top: 40px;
	margin-bottom: 40px;
}

.lineCenter{
	height: 1px;
	width: 40%;
	margin: 20px auto;
	background-color: #a44083;
}

.lineHorizontal{ width: 100%; height: 1px; }

	.vertical{ width: 1px; margin: 0px 12px; height: 100px; float: left;}

/* ----------------------- *\
    LISTAS
\* ----------------------- */

.lst{ width: 100%; height: 100%; clear: both; }

.contato-footer .lst-tels{  margin-top: -10px; }
.contato-footer .lst-tels li{ margin-right: 12px; display: inline-block; }
.contato-footer .lst-tels li a{ margin:0px; padding: 0px; font-size: 0.8em; }

.lst-fisio{ text-align: left; margin-top: 0px; margin-bottom: 40px;}
		.lst-fisio i{ color: #349d96; }

.lst-google li a{
  display: block;
  padding: 14px 0px;
  border-top: 1px solid gray;
}

  .lst-google li a:hover{
    background-color: #b9a54c;
    color: #fff;
  }

.lst-valores li{
	text-align: left;
	color: #4a4a4a;
}

/* ----------------------- *\+
    SESSÕES INTERNAS
\* ----------------------- */

.sections-inside{
	clear: both;
}
	.boxes-Sociais{
		background-image: url('../imgs/grey.png');
		background-repeat: repeat;
	}

	.quem-somos{ background-color: #fff; }
	.quem-somos p{ text-align: justify; }

	.importancia .g{ 
		display: table; 
		border-radius:7px 7px 7px 7px;
		-webkit-border-radius:7px 7px 7px 7px;
		-moz-border-radius:7px 7px 7px 7px;
		padding: 6px; min-height: 100px;
		margin: 0px;  background-color: #fff1b8; 
		width: 94%;
	}	

		.importancia p{ 
			text-align: center; 
			font-size: 0.9em; 
			font-weight: 700;
			vertical-align: middle;
			display: table-cell;
		}
		.importancia article{
			text-align: center;
			padding: 14px;
			border: 1px solid #e1d584;
			border-radius:7px 7px 7px 7px;
			-webkit-border-radius:7px 7px 7px 7px;
			-moz-border-radius:7px 7px 7px 7px;
			min-height: 270px;
		}

		.importancia h2{
			margin: 15px 0px;
			height: 38px;
			font-size: 0.9em;
			text-align: center;
			font-weight: 800;
			color: #75004e;
		}

		.depoimentos{ 
			background: #171717 url('../imgs/home/bg.png'); 
			background-repeat: repeat; 
		}
		.depoimentos h2{ text-align: center; margin-bottom: 100px; }


	.is-gray{ background-color: #e6e6e6; }

	.revender{
		background: #fff url('../imgs/bg.png');
		background-repeat: repeat;
		position: relative;
	}


.groupItem{ position: absolute; padding: 20px; text-align: center;
	width: 280px;  bottom: 100px; right: 200px; height: 90px; 
	background-color: #39b846; border-bottom: 6px solid #30a03c;
}
	.groupItem:hover{ background-color: #3af94d; }

	.groupItem p{ font-size: 1.4em; color: #fff; text-align: center; }
	.groupItem span{ display: block; font-size: 1.8em; color: #fff; }

	.revender .hoverzoom.b1{ float: right; } 
	.revender .hoverzoom.b3{ float: left; } 

  .moviee{ margin: 0px auto; float: none; width: 70%; height: 100%; }

/* ----------------------- *\+
    PEDIDO MÍNIMO
\* ----------------------- */

.img-mao{
	position: absolute;
	width: 80%;
	float: right;
	right: 0px;
	margin-top: 140px;
}

.img-mixProd{ position: relative;
	margin-top: 300px;
	width: 50%;
}

.icons-prods li{ display: inline-block; width: 16.2%; }

.icons-prods span{ display: block; text-align: center; font-size: 1.3em; color: #4a4a4a; }
.sonhos .icons-prods span{ color: #b6b6b6; }

.iconDiferenciais{ margin: 16px auto; display: block; }
	.finance{ background-image: url('../imgs/icons/finance.svg'); display: block; width: 97px; height: 97px; }
	.ecommerce{ background-image: url('../imgs/icons/ecommerce.svg'); display: block; width: 97px; height: 97px; }
	.preco{ background-image: url('../imgs/icons/preco.svg'); display: block; width: 97px; height: 97px; }
	.bolsa{ background-image: url('../imgs/icons/bolsa.svg'); display: block; width: 97px; height: 97px; }
	.information{ background-image: url('../imgs/icons/information.svg'); display: block; width: 97px; height: 97px; }
	.carrinho{ background-image: url('../imgs/icons/carrinho.svg'); display: block; width: 97px; height: 97px; }
	.whats{ background-image: url('../imgs/icons/whats.png'); display: block; width: 97px; height: 97px; }
	.mapa{ background-image: url('../imgs/icons/mapa.svg'); display: block; width: 97px; height: 97px; }
	.payment{ background-image: url('../imgs/icons/payment.svg'); display: block; width: 97px; height: 97px; }
	.trocas{ background-image: url('../imgs/icons/troca.svg'); display: block; width: 97px; height: 97px; }
	.reservas{ background-image: url('../imgs/icons/reservas.svg'); display: block; width: 97px; height: 97px; }
	.list{ background-image: url('../imgs/icons/list.svg'); display: block; width: 97px; height: 97px; }

.meni{ margin-top: 10px; text-align: right; }

/* ----------------------- *\
    BUTTONS
\* ----------------------- */

.btn{
	text-align: center;
	color: #fff;
	transition: .3s;
	border: 0;
	padding: 14px 12px;
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: 4px solid;
	font-size: 0.9em;
}

	.catalogo{ background-color: #39b846;border-color: #30a03c; font-size: 1.2em;
		max-width: 500px; padding: 30px 0px; margin: 20px auto; margin-top: 60px; 
	}
	.catalogo:hover{ cursor: pointer; background-color: #3af94d; border-color: #30a03c; color: #30a03c; }

	.areaAbran{ position: absolute; background-color: #39b846; width: 180px; right: 0px; border-color: #30a03c; }
		.areaAbran:hover{ background-color: #3af94d; border-color: #30a03c; color: #30a03c; }

	/* .areaAbran{ background-color: #39b846; width: 95%; float: right; border-color: #30a03c; }
		.areaAbran:hover{ background-color: #3af94d; border-color: #30a03c; color: #30a03c; } */

	.saiba-mais{ background-color: #877a21; max-width: 360px; margin: 0px auto; border-color: #f3ea99; }
		.saiba-mais:hover{ background-color: #f3ea99; border-color: #877a21; color: #877a21; }

	.depoimentos .saiba-mais{ margin-top: 30px; background-color: transparent; margin: 30px auto; max-width: 180px; border: 1px solid #f3ea99; }
	.depoimentos .saiba-mais:hover{ background-color: #f3ea99; color: #877a21; }

	.veja-mais{ max-width: 460px; margin: 0px auto; color: #2d877e; border: 1px solid #2d877e; margin-top: 40px; }
		.veja-mais:hover{ background-color: #f3ea99; border-color: #877a21; color: #877a21; }


	.btEnviar{ background-color: #877a21; max-width: 220px; color: #fff; }
	.btEnviar:hover{ background-color: #f3ea99; border-color: #877a21; font-weight: 700; color: #877a21;}


		.depoimentos span{ display: block; text-align: left; color: #f3ea99; }

/* ----------------------- *\
    LINHAS
\* ----------------------- */

.lcenter{
	width: 80%;
	margin: 24px auto;
}

.ltotal{
	width: 100%;
	margin: 0px auto;
}

/* ----------------------- *\
    BREADCRUMP
\* ----------------------- */

.breadcrumb{
	margin-top: 10px;
	text-align: center;
	font-style: italic;
	padding: 20px 0px;
	border-bottom: 1px solid #e1e1e1;
}

	.breadcrumb	a{
		color: #4a4a4a;
	}

	.breadcrumb span:not(.first){
		position: relative;
	}

	.breadcrumb span{
		font-size: 0.7em;
		text-transform: uppercase;
		color: #777;
	}

	.breadcrumb:before{
		content: '';
		position: relative;
		display: inline-block;
		margin: 0px 20px;
		color: #877a21;
	}

	.breadcrumb i{ font-size: 1em; color: #877a21; }


/*   BEGIN *******************************************************

/* ----------------------- *\
   HEADER - LOGO E MAIN MENU
\* ----------------------- */

.clear{ height: 105px; position: relative; }


.header .main .contentMax .row{ padding: 18px 0px; }
.main{ background: #efd97b; }

/* DETALHE NO TÍTULO */

.group-detail{ margin: 0px auto; text-align: center; margin-bottom: 60px; }
	.has-detail{ font-weight: 900; text-align: center; font-size: 2.2em; }


/* FIXED SLIDER */

.fixed-slider{
	min-height: 200px;
	background-image: url('../imgs/slide-fixed.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

/* ICONS */

/* .icons{
	background-repeat: no-repeat;
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
}

	.coroa{
		background-image: url('../imgs/home/icon-coroa.svg');
		width: 75px; height: 45px;
	}

	.acessorios{
		background-image: url('../imgs/home/icon-acessorio.svg');
		width: 140px; height: 140px;
	}

	.bolsas{
		background-image: url('../imgs/home/icon-bolsa.svg');
		width: 140px; height: 140px;
	}

	.calcados{
		background-image: url('../imgs/home/icon-calcado.svg');
		width: 140px; height: 140px;
	}

	.oculos{
		background-image: url('../imgs/home/icon-oculos.svg');
		width: 140px; height: 140px;
	}

	.perfumes{
		background-image: url('../imgs/home/icon-perfume.svg');
		width: 140px; height: 140px;
	}

	.relogios{
		background-image: url('../imgs/home/icon-relogio.svg');
		width: 140px; height: 140px;
	} */


/* .location, .movie-icon{
	min-height: 169px;
	display: block;
	text-align: center;
	background-position: center;
	background-size: contain;
}

.location{ min-height: 233px; background-image: url('../imgs/location.png'); }
.movie-icon{ min-height: 233px; background-image: url('../imgs/movie.png'); }

.nameface{ width: 100%; height: 20px; float: left; padding: 12px 0px; margin-left: 5px; }
.bigBoxSociais h6{ padding: 16px 0px; text-align: center;  padding-left: 0px;}
.bigBoxSociais{ overflow: hidden;} */

/* NEWSLETTER */

/* .group-news{ margin: 0px auto; max-width: 800px;  width: 80%; overflow: hidden; padding: 40px 0px;}
	.group-news p{ font-style: italic; font-size: 1em;}

	.box-left{ width: 68%; float: left; }
		.box-left input{ color: #b6b6b6; }
	.box-right{ width: 30%; float: right; }

	.group-news input{
		width: 100%;
		border: 1px solid #877a21;
		padding: 12px;
		font-size: 1em;
		font-style: italic;
		outline: none;
	} */

	#menu-principal{
		background-color: #877a21;
		margin-bottom: 1px;
	}
	#menu-principal li .icon-title{
		padding:15px;
		margin-right:10px;
		text-decoration:none;  
		display:block;
		outline:none;
		font-size: 1em;
		font-weight:700;  
		color: #fff;
	}
	
	#menu-principal li.parent > a {
		background:transparent url('../imgs/mais.png') right center no-repeat;
	}
	#menu-principal li.aberto > a {
		background:transparent url('../imgs/menos.png') right center no-repeat;
	}	
	
		.sub-principal{
			padding: 20px; 
			display: none;
			overflow: none;
			height: 100%;    
			background-color: #b9a54c;
		}
			.sub-principal p{
				margin-bottom: 14px;
				margin-left: 10px;   
				color: #fff;    
			}


/* GROUP REDES */
.groupRedes{ width: 60px; height: 150px; padding: 8px; background-color: #eee; position: fixed; right: 30px; 
	bottom: 30px; border-radius:60px 60px 60px 60px;
                        -webkit-border-radius:60px 60px 60px 60px;  -moz-border-radius:60px 60px 60px 60px; opacity: 0.9; z-index: 999;}
    .groupRedes div{ height: 45px; margin: 20px 0px; }
    .iconsRedes{ display: block; background-repeat:  no-repeat; margin: 0px auto; }
        .whatsapp{ width: 45px; height: 45px; background-image: url('../imgs/icons/whatsapp.svg'); }
        .telegram{ width: 45px; height: 45px; background-image: url('../imgs/icons/telegram.svg'); }
	

/* STATUS INFO */

.status-info{
	padding: 20px;
	background-color: #fff;
	height: 100%;
	float: right;

}

	.status-info h5{ font-size: 1.2em; color:  #877a21; }

	.group-contato{ clear: both; overflow: hidden; margin-top: 20px; }

	.group-contato .fa-phone-square, .group-contato .fa-envelope, .group-contato .fa-map-marker{
		font-size: 3em;
		float: left;
		color:  #877a21;
		width: 50px;
	}

	.title-contato{
		text-align: left;
		font-size: 0.9em;
		margin-bottom: 5px;
		display: block;
		color:  #877a21;
	}

	.group-infoCont{ text-align: left;  margin-left: 10px; float: left; width: 80%; }
	.group-infoCont p{ margin-bottom: 3px; font-size: 0.9em; }
	.group-infoCont a{ font-size: 1em; display: block; }
	.group-infoCont span{ color:  #877a21; font-size: 1.2em; }
	.group-infoCont .horario{ margin: 10px 0px; font-size: 1.1em; }

/* ----------------------- *\
    INSTITUCIONAL
\* ----------------------- */

.txtSobre{ width: 65%; }
	.txtSobre .saiba-mais{ float: left; }

.imgSobre{ width: 32%; }
	.imgMixProd{ width: 100%; float: right; }

.groupInst p{ font-size: 1em; width: 91%; }
.groupInst h2{ color: #a44083; }

/* Formatação da Validação de Campos */

.formee label{ width:100%; float:left; text-align:right; padding:10px 15px 0 0;}
.formee label.error { float: none; position: relative; top: 6px; left:0px; color:#c2322f; vertical-align: top; font-size: 12px; text-align: left; display: block; border-left:3px solid #c2322f;  padding: 0px 0 0 5px; margin: 0 0 5px 0;}

.formEnviar{ max-width: 650px; }
.formEnviar input, .formEnviar select, .formEnviar textarea{ 
	padding: 12px; margin: 7px 0px; 
	border: 1px solid #877a21;
	outline: none;
	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	-moz-border-radius:7px 7px 7px 7px;
}

.columnLeft, .columnRight{ width: 49%; float: left; }
.columnRight{ float: right; }
.columnAll{ width: 100%; }

.bigBoxSociais{
	border: 1px solid #bcbcbc;
	min-height: 280px;
}

/* ----------------------- *\
    ÁREA DE REVENDEDOR
\* ----------------------- */

.revender p{
	margin-top: 40px;
	text-align: center;
	font-size: 2em;
}


/* ----------------------- *\
    EFEITOS
\* ----------------------- */


.hoverzoom {
	position: relative;
	width: 250px;
	height: 250px;
	overflow: hidden;
	margin: 0px auto;
	border-radius: 300px;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
}
	
	.hoverzoom > img {
		width: 100%; 
		-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	}

	.hoverzoom:hover > img {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
	}

.groupDestaque{
	width: 100%;
	top: 0px;
	position: absolute;
	display: table;
}

	.titleDestaque{
		margin-top: 100px;
		color: #fff;
		font-size: 2em;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		opacity: 0.7;
	}

/* ----------------------- *\
    FOOTER
\* ----------------------- */

.footer{
	clear: both;
	background-color: #75004e;
	background-repeat: repeat;
	width: 100%;
	height: 100%;
}
	.lst-footer{ clear: both; text-align: center;  }
	.lst-footer.left{ float: left; clear: none; height: auto; width: 45%; text-align: left; }
	.lst-footer.right{ float: left; clear: none; height: auto; width: 45%; text-align: right; }

	.lst-footer.left li a{ font-size: 1.2em; }
	.lst-footer.right li a{ font-size: 1.2em; }

	.colMiddle{ margin-top: 40px; }
	.colMiddle .lst-footer li a, .colMiddle.r .lst-footerli a{ font-size: 1.3em; }

	.lst-footer li a{
		font-weight: 500;
		color: #fff;
		font-size: 1em;
	}

	.razao{ text-align: center; padding: 10px 0px; background-color: #871862; }
	.razao span{ display: block; font-size: 0.8em; color: #be539a; }

	.lst-footer.redes li{ text-align: left; margin: 12px 0px; }
	.lst-footer.redes li a{ font-size: 2em; }
	.lst-footer.redes li a span{ font-size: 0.7em; }

	.lst-footer a{ margin-left: 0px; padding-left: 0px; }

	.lst-footer span{ font-size: 1.1em; color: #eee; text-align: left; margin-left: 0px; padding-left: 0px; display: inline-block; }

	.lst-footer li a:hover{ color: #f3ea99; }

	.lst-footer li, .lst-footer i{ color: #f3ea99; line-height: 30px; }

	.subTfooter{ float: left; display: block; font-size: 0.3em; margin-bottom: 12px; margin-top: 12px; }

	.end{ margin: 0px auto; font-size: 1em; max-width: 400px; text-align: center; color: #fff; }

	.footer h3{ font-size: 1em; margin-bottom: 8px; color: #f3ea99; text-align: center; }
	.atendimento{ margin-bottom: 20px; }
	.atendimento p{ text-align: center; color: #fff; margin: 0px; font-size: 0.9em; }

	.logoFooter{ display: block; width: 100px; margin: 0px auto; }


	.cxFooter{ padding: 12px 0px; margin: 0px auto; width: 300px; background: #871862; }
	.copy{
		margin: 0px;
		font-style: italic;
		font-weight: 500;
		color: #c36aa5;
		font-size: 0.9em;
		text-align: center;
	 }

	 .ideia-em-pixel{ display: block; text-align: center; font-size: 0.8em; color: #a44083; font-style: italic; letter-spacing: 1px; }
	.icon-ideas{
		margin-right: 12px;
		background: url(https://ideiaempixel.com.br/imgs/logo-ideia.svg);  background-repeat: no-repeat; background-size: cover;
		background-size: 100%;
		width: 60px;
		height: 42px;
		display: inline-block;
		float: right;
	}