.SplashHome {
      position: relative;
	background: transparent url("../images/SplashHome.jpg") top center no-repeat;
	background-size: contain;
}







.Welcome {
	position: relative;
	width: 100%;
	height: 100svh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 0 0 0;
	z-index: 1;
}

.Welcome .LogoWelcome {
	width: 600px;
	height: auto;
	display: block;
	margin-bottom: 40px;
}

.Welcome h1,
.Welcome h2,
.MensagemWelcomeMobile h2,
.TextoTecnologiaFooter h6 {
	background: linear-gradient(45deg, #525b3d, #b5bda0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}






.BtsMenuLateral {
      position: fixed;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-end;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100vh;
      margin: 0 5px 10px 0;
      pointer-events: none;
      z-index: 100;

      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
}

.BtsMenuLateral .DivBts {
	width: 70px;
	height: 70px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	pointer-events: auto;
}

.BtsMenuLateral .Bts {
	width: 55px;
	height: 55px;
	
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.BtsMenuLateral .Bts:hover {
	width: 60px;
	height: 60px;
	
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.Sobe_BtsMenuLateral {
    margin: 0 5px 75px 0!important;
    
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}








.SejaUmCliente_Rotate {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 20% 7% 0;
	z-index: 10;
	width: 160px;
	height: 160px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      opacity: 1;
      pointer-events: auto;
      transition: opacity 0.4s ease, transform 0.4s ease;
}

.SejaUmCliente_Rotate .Texto {
	position: relative;
	width: 140px;
	height: 140px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

/* classe que faz girar */
.TextoRotating {
      -webkit-animation: rotating 20s linear infinite;
      animation: rotating 20s linear infinite;
      -webkit-animation-play-state: running;
      animation-play-state: running;
      transform-origin: center;
}

/* quando quiser pausar */
.TextoRotating.paused {
      -webkit-animation-play-state: paused;
      animation-play-state: paused;
}

.SejaUmCliente_Rotate .SejaClienteIcone {
	position: absolute;
	width: 60px;
	height: 60px;
      transform: scale(1);
      transform-origin: center;
      transition: transform 0.4s ease;
}

.SejaUmCliente_Rotate:hover .SejaClienteIcone {
    transform: scale(1.08);
}


/* HeartBeat customizado baseado no animate.css */
@keyframes heartBeatFastInterval {
  0%   { transform: scale(1); }

  /* primeira batida (rápida e leve) */
  1.5% { transform: scale(1.05); }
  3%   { transform: scale(1); }

  /* segunda batida (um pouco mais intensa) */
  4.5% { transform: scale(1.1); }
  7%   { transform: scale(1); }

  /* pausa até o próximo ciclo */
  100% { transform: scale(1); }
}

.heartBeatFast10s {
      animation: heartBeatFastInterval 10s ease-in-out infinite;
      animation-play-state: running;
      transform-origin: center;
      display: inline-block;
}

/* pausa suave */
.heartBeatFast10s.paused {
      animation-play-state: paused;
}





.SejaUmCliente {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100svh;
	display: flex;
	flex-direction: column;
	justify-content: center;
      align-items: flex-end;
      padding: 0 0 0 0;
	z-index: 10;
      opacity: 1;
      pointer-events: none;
}

.SejaUmCliente .SejaUmCliente_Dados {
      display: block;
      width: 330px;
      transition: opacity 0.4s ease, transform 0.4s ease;
}

.Bloqueia_SejaUmCliente_Dados {
      display: none!important;
}

.Some_SejaUmCliente_Dados {
      opacity: 0;
      transform: translateX(15px);
      transition: opacity 0.4s ease, transform 0.4s ease;
}


.SejaUmCliente .SejaUmCliente_Dados .DivTexto {
	position: relative;
	margin: 10px 0 20px 0!important;
      pointer-events: auto;
}

.SejaUmCliente .SejaUmCliente_Dados .DivIconeDados {
	width: 50px;
	height: 50px;
	display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 0 0 0 -15px;
}

.SejaUmCliente .SejaUmCliente_Dados .IconeDados {
	width: 40px;
	height: auto;
	display: block;
      transform-origin: center;
      transition: transform 0.4s cubic-bezier(.4, 0, .2, 1);
}

.Zoom_IconeDados {
      transform: scale(1.2);
}

.SejaUmCliente .SejaUmCliente_Dados .Separador {
	height: 2px;
	margin: 10px 0!important;
}

.SejaUmCliente .SejaUmCliente_Dados .Separador:after {
	position: absolute;
	content: '';
	background: var(--BackgroundColor1);
	width: 50px;
	height: 2px;
	margin: 0 0;
}

.BtnLinkInstagram {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-family: 'Montserrat', sans-serif;
      font-weight: 400;
      font-size: 15px;
      line-height: 25px;
      letter-spacing: 1px;
      text-decoration: none;
      color: white;
      padding: 4px;
      margin: 0 0 0 -3px;
      overflow: hidden;
      transition: color 0.4s ease;
      pointer-events: auto;
      z-index: 1;
}

.BtnLinkInstagram::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 0%;
      height: 100%;
      background-color: #8A9472;
      transition: width 0.4s ease;
      z-index: -1;
}

.BtnLinkInstagram:hover {
      color: #000;
}

.BtnLinkInstagram:hover::before {
      width: 100%;
}

.BtnLinkInstagram:not(:hover) {
      color: #fff;
}

.SejaUmCliente .SejaUmCliente_Formulario {
      margin-left: 0;
      display: none;
      opacity: 0;
      transition: opacity 0.4s ease, transform 0.4s ease;
}

.Desbloqueia_SejaUmCliente_Formulario {
	display: block!important;
}

.Show_SejaUmCliente_Formulario {
      opacity: 1!important;
      transform: translateX(-50px);
}

.SejaUmCliente .SejaUmCliente_Formulario .Formulario {
      overflow: hidden;
	position: relative;
	display: block;
	width: 330px;
	height: auto;
	background: var(--BackgroundGradiente1);
	border-radius: 35px;
	padding: 40px 40px;
	margin-left: 25px;
	opacity: 1;
      pointer-events: all;
}

.SejaUmCliente .SejaUmCliente_Formulario .Formulario .FechaFormulario {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: var(--BackgroundColor1);
	margin: 15px 15px 0 0;
      pointer-events: auto;
      transform: rotate(0deg);
      transition: transform 0.3s ease;
}

.SejaUmCliente .SejaUmCliente_Formulario .Formulario .FechaFormulario:hover {
	transform: rotate(90deg);
}

.SejaUmCliente .SejaUmCliente_Formulario .Formulario .FechaFormulario .IconeClose {
	width: 22px;
	height: auto;
	display: block;
}

.LabelNome {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
	margin: 18px 0 0 15px;
	background: url("../svg/FaleConosco_Nome.svg") center center no-repeat;
	background-size: 25px;
}

.LabelEmail {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
	margin: 18px 0 0 15px;
	background: url("../svg/FaleConosco_Email.svg") center center no-repeat;
	background-size: 25px;
}

.LabelTelefone {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
	margin: 18px 0 0 15px;
	background: url("../svg/FaleConosco_Telefone.svg") center center no-repeat;
	background-size: 25px;
}

.LabelAssunto {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
	margin: 18px 0 0 15px;
	background: url("../svg/FaleConosco_Assunto.svg") center center no-repeat;
	background-size: 25px;
}

.LabelNome:after,
.LabelEmail:after,
.LabelTelefone:after,
.LabelAssunto:after {
	content: '';
	display: block;
	width: 2px;
	height: 18px;
	top: 0;
	left: 0;
	margin: 4px 0 0 35px;
	background: var(--BackgroundColor1);
}

.FaleConoscoSeta {
	width: 30px;
	height: auto;
	display: block;
	margin: 0 0 0 20px;
}

.SejaUmCliente .BtnEnviar {
      display: block;
      color: black;
      background: #697351;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 4px;
      text-align: center;
      margin: 0 0 0 0;
      padding: 20px 20px;
      border-radius: 40px;
      border: none;
      outline: none;
      cursor: pointer;
      pointer-events: all;
      transition:  letter-spacing 0.25s ease, background-color 0.25s ease;
}

.SejaUmCliente .BtnEnviar:hover,
.SejaUmCliente .BtnEnviar:focus,
.SejaUmCliente .BtnEnviar:active {
      background: #5c6645;
      color: black;
      border: none;
      outline: none;
      letter-spacing: 5px!important;
}

.SejaUmCliente .IconeOk {
	width: 60px;
	height: auto;
	display: block;
	margin: 0 0 25px 0;
}





.WelcomeFooter {
      width: 100%;
      height: 90px;
      position: absolute;
      z-index: 2;
      margin-top: -120px;
      pointer-events: none;
}

.CarouselFooter {
      width: auto;
      height: 90px;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      overflow: hidden;
      pointer-events: auto;
      border-radius: 60px;
      background: var(--BackgroundColor1);
}

.CarouselFooter .DivIcone {
    position: absolute;
    right: 0;
    width: 70px;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.CarouselFooter .IconeCarousel {
      width: auto;
      height: 60px;
      display: block;
}

.CarouselFooter .DivServico {
      display: flex;
      justify-content: flex-end;
      height: 90px;
      pointer-events: none;
      padding: 0 20px 0 0!important;
}

.CarouselFooter h2 {
	font-size: 15px;
	line-height: 19px;
	font-weight: 600;
}

.CarouselFooter .DivTexto1 {
      background: transparent;
      width: 500px;
      height: 90px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      padding: 0 40px;
}

.CarouselFooter .DivTexto1 p {
      font-size: 12px!important;
      line-height: 15px!important;
      font-weight: 500;
      letter-spacing: .5px;
      width: 85%;
      margin-top: 5px;
}


.CarouselFooter .item {
      background-size: 110% auto;
      background-position: center;
      background-repeat: no-repeat;
}

.CarouselFooter .item-texto {
      display: inline;
      opacity: 0;
      transform: translateX(30px);
      transition:
      opacity 0.8s ease-out,
      transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
      will-change: opacity, transform;
      pointer-events: none;
}

.CarouselFooter a.item-texto {
      width: 100%;
      display: inline-flex;
      flex-direction: column;
      justify-content: flex-end;
}

.CarouselFooter .item-texto.is-text-visible {
      opacity: 1;
      transform: translateX(0);
      pointer-events: auto;
}

.ItemTecnologia,
.ItemLogistica,
.ItemIndices,
.ItemOtica,
.ItemVisao,
.ItemQualidade,
.ItemGarantia,
.ItemAtendimento,
.ItemOnline,
.ItemEstoque {
      background-size: 110%;
      background-position: center center;
      background-repeat: no-repeat;
      transition: background-size 4s ease-out;
}

.CarouselFooter .owl-item.active .item.is-bg-animating {
      background-size: 100%;
}

.CarouselFooter .owl-item.active .ItemTecnologia,
.CarouselFooter .owl-item.active .ItemLogistica,
.CarouselFooter .owl-item.active .ItemIndices,
.CarouselFooter .owl-item.active .ItemOtica,
.CarouselFooter .owl-item.active .ItemVisao,
.CarouselFooter .owl-item.active .ItemQualidade,
.CarouselFooter .owl-item.active .ItemGarantia,
.CarouselFooter .owl-item.active .ItemAtendimento,
.CarouselFooter .owl-item.active .ItemOnline,
.CarouselFooter .owl-item.active .ItemEstoque {
      background-size: 100%;
}

.CarouselFooter .owl-item {
      transition: opacity 0.4s ease;
}

.ItemTecnologia {
	background-image: url("../images/CarouselFooter/Tecnologia.jpg");
}

.ItemLogistica {
	background-image: url("../images/CarouselFooter/Logistica.jpg");
}

.ItemIndices {
	background-image: url("../images/CarouselFooter/Indices.jpg");
}

.ItemOtica {
	background-image: url("../images/CarouselFooter/Otica.jpg");
}

.ItemVisao {
	background-image: url("../images/CarouselFooter/Visao.jpg");
}

.ItemQualidade {
	background-image: url("../images/CarouselFooter/Qualidade.jpg");
}

.ItemGarantia {
	background-image: url("../images/CarouselFooter/Garantia.jpg");
}

.ItemAtendimento {
	background-image: url("../images/CarouselFooter/Atendimento.jpg");
}

.ItemOnline {
	background-image: url("../images/CarouselFooter/Online.jpg");
}

.ItemEstoque {
	background-image: url("../images/CarouselFooter/Estoque.jpg");
}











.Tecnologia {
	width: 100%;
	padding: 200px 0 0 0;
      background: transparent;
}

.Tecnologia .ContainerFluidCarousel {
	width: 60%;
}

.TecnologiaHeadline {
      font-size: 40px;
      font-weight: 300;
      line-height: 1.3;
      color: #ffffff;
}

.TecnologiaHeadline strong {
      font-weight: 800;
}

.TecnologiaHeadline .TecnologiaHeadline-line {
      display: block;
      margin-bottom: 0.15em;
}

.TecnologiaHeadline .TecnologiaHeadline-line-inner {
      position: relative;
      display: inline-block;
      padding: 0.15em 0.35em;
      background: linear-gradient(90deg, #697351, #b5bda0);
      color: #111;
      overflow: hidden;
      clip-path: inset(0 100% 0 0);
      transition: clip-path 0.7s ease-out;
}

.TecnologiaHeadline.is-visible .TecnologiaHeadline-line-inner {
      clip-path: inset(0 0 0 0);
}

.TecnologiaHeadline.is-visible .TecnologiaHeadline-line:nth-child(1) .TecnologiaHeadline-line-inner {
      transition-delay: 0s;
}

.TecnologiaHeadline.is-visible .TecnologiaHeadline-line:nth-child(2) .TecnologiaHeadline-line-inner {
      transition-delay: 0.25s;
}

.TecnologiaHeadline.is-visible .TecnologiaHeadline-line:nth-child(3) .TecnologiaHeadline-line-inner {
      transition-delay: 0.5s;
}

.Tecnologia .item {
	margin: 0 15px;
	border-radius: 45px;
	padding: 60px 0;
	overflow: hidden;
}

.Tecnologia .ImageFront {
	border-top-left-radius: 45px;
	border-top-right-radius: 45px;
}

.Tecnologia .FooterCard {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	padding: 0 0 0 0!important;
}

.Tecnologia .FooterCard .PortaIcone {
	position: absolute;
	top: 0;
	width: 100px;
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background: black;
	margin: 440px 0 0 0;
}

.Tecnologia .FooterCard .IconeCard {
	width: 80px;
	height: auto;
	display: block;
	filter: var(--FilterLight1);
}

.Tecnologia .FooterCard h3 {
	position: absolute;
	top: 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    margin: 550px 0 0 0;
    padding: 0;
    
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.Tecnologia .back .IconeCard {
	position: absolute;
	top: 0;
	width: 120px;
	height: auto;
	display: block;
	margin: 50px 0 0 0;
	filter: var(--FilterWhite);
}

.Tecnologia .TextoCard {
	position: absolute;
	top: 0;
	margin: 200px 0 0 0!important;
	width: 80%;
}

.Tecnologia .SaibaMais {
	position: absolute;
	bottom: 0;
    display: inline-flex;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    color: var(--ColorLight1);
    background: var(--BackgroundColor2);
	border-radius: 30px;
	margin: 0 auto 70px auto;
    padding: 15px 20px 15px 20px;
    
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.Tecnologia .SaibaMais:hover {
    color: var(--ColorLight1);
    background: var(--BackgroundColor2);	
    letter-spacing: 3px;
    
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}



.Flip_Antirreflexo {
	background: url("../images/CarouselTecnologia/Antirreflexo.jpg") center center no-repeat;
	background-size: cover;
}

.Flip_ProtecaoUv {
	background: url("../images/CarouselTecnologia/ProtecaoUv.jpg") center center no-repeat;
	background-size: cover;
}

.Flip_SuperHidrofobico {
	background: url("../images/CarouselTecnologia/SuperHidrofobico.jpg") center center no-repeat;
	background-size: cover;
}

.Flip_Antirriscos {
	background: url("../images/CarouselTecnologia/Antirriscos.jpg") center center no-repeat;
	background-size: cover;
}

.Flip_Antiestatica {
	background: url("../images/CarouselTecnologia/Antiestatica.jpg") center center no-repeat;
	background-size: cover;
}

.Flip_Antiofuscante {
	background: url("../images/CarouselTecnologia/Antiofuscante.jpg") center center no-repeat;
	background-size: cover;
}

.Flip_Antimagnetismo {
	background: url("../images/CarouselTecnologia/Antimagnetismo.jpg") center center no-repeat;
	background-size: cover;
}

.Flip_FiltroAzul {
	background: url("../images/CarouselTecnologia/FiltroAzul.jpg") center center no-repeat;
	background-size: cover;
}

.Flip_Fotossensivel {
	background: url("../images/CarouselTecnologia/Fotossensivel.jpg") center center no-repeat;
	background-size: cover;
}

.Flip_Asfericas {
	background: url("../images/CarouselTecnologia/Asfericas.jpg") center center no-repeat;
	background-size: cover;
}


.flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
	width: 100%;
	height: auto;
	min-height: 650px;
	border-radius: 45px;
}

.flip-container:hover
.flipper,
.flip-container.hover
.flipper,
#flip-toggle.flip .flipper {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.flip-container, .front, .back {
	width: 100%;
	height: 650px;
}

.flipper {
	
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

.LinkTransparente {
	width: 100%;
	height: 100%;
}

.front, .back {
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	height: 100%;
	min-height: 650px;
	border-radius: 130px;
}

.front {
	z-index: 2;
}

.back {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 15px;

	background: var(--BackgroundColor1);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}




.VideoTecnologia {
      position: relative;
      width: 100%;
      max-width: 1920px;
      background: transparent;
      overflow: hidden;
      padding: 0;
      margin: 150px auto 0 auto;
}

.VideoTecnologia .container-fluid {
      width: 100%;
      position: relative;
      z-index: 1;
}

.VideoTecnologia-poster {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: translate(-50%, -50%) scale(1.3);
      z-index: 0;
      opacity: 1;
      transition: opacity 1s ease;
}

/* Vídeo inicial invisível */
.VideoTecnologia-bg {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%);
      object-fit: cover;
      opacity: 0;
      z-index: 0;
      transition: opacity 1s ease;
}

/* Quando o vídeo carregar, troca suavemente */
.VideoTecnologia-bg.loaded {
      opacity: 0.5;
}

.VideoTecnologia-poster.hidden {
  opacity: 0;
}

.VideoTecnologiaHeadline {
      font-size: 40px;
      font-weight: 300;
      line-height: 1.3;
      color: #ffffff;
      text-align: center;
}

.VideoTecnologiaHeadline strong {
      font-weight: 800;
}

.VideoTecnologiaHeadline .VideoTecnologiaHeadline-line {
      display: block;
      margin-bottom: 0.15em;
}

.VideoTecnologiaHeadline .VideoTecnologiaHeadline-line-inner {
      position: relative;
      display: inline-block;
      padding: 0.15em 0.35em;
      background: linear-gradient(90deg, #697351, #A4AD8E);
      color: #111;
      overflow: hidden;
      clip-path: inset(0 100% 0 0);
}

.VideoTecnologiaHeadline.is-visible .VideoTecnologiaHeadline-line-inner {
      clip-path: inset(0 0 0 0);
      transition: clip-path 0.7s ease-out;
}

.VideoTecnologiaHeadline.is-visible .VideoTecnologiaHeadline-line:nth-child(1) .VideoTecnologiaHeadline-line-inner {
      transition-delay: 0s;
}

.VideoTecnologiaHeadline.is-visible .VideoTecnologiaHeadline-line:nth-child(2) .VideoTecnologiaHeadline-line-inner {
      transition-delay: 0.25s;
}

.VideoTecnologiaHeadline.is-visible .VideoTecnologiaHeadline-line:nth-child(3) .VideoTecnologiaHeadline-line-inner {
      transition-delay: 0.5s;
}

.VideoTecnologia .TextoTecnologiaFooter {
      margin-top: 100px;
      margin-bottom: 160px;
}

.VideoTecnologia .Texto1 {
      margin-top: 120px;
}


.ImagemChina1 {
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
}

.ImagemChina2 {
	border-bottom-left-radius: 80px;
	border-bottom-right-radius: 80px;
}











.Sobre {
	width: 100%;
	padding: 0 0 200px 0;
	background: #A4AD8E url("../svg/Sobre_Header.svg") top center no-repeat;
}

.ImagemChina1 {
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
}

.Sobre .Texto1 {
      margin-top: 100px;
}

.Sobre .Diferenciais .col-md-4 {
	margin-bottom: 45px;;
}

.Sobre .ImagemSobre {
	width: 65%;
	height: auto;
	margin: 0 auto;
	border-radius: 100%;
}









.Lentes {
	position: relative;
	padding: 200px 0 0 0;
	width: 100%;
	background: #bdc4ac url("../images/Lentes_Header.jpg") top center no-repeat;
}

.ContainerLentesProntas {
	width: 70%;
}

.Lentes .IconeHeader {
	position: absolute;
	top: 0;
	left: 50%;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: black;
	margin: -60px 0 0 -60px;
}

.Lentes .IconeHeader .IconeLogo {
	width: 60px;
	height: auto;
}

.ContainerLentesProntasFooter {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.LentesProntasFooter {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.HeadlineAnimadoFooterLentes {
      padding: 60px 20px;
      text-align: left;
}

.IconeHeadline {
      width: 100px;
      height: auto;
      margin: 0 0 10px 0;
      opacity: 0;
      transform: translateY(20px);
      animation: fadeInUp 1s ease forwards;
}

.HighlightAnimadoHeadline {
      font-size: 40px;
      font-weight: 300;
      letter-spacing: 1.3px;
      margin: 0 0 20px 0;
}

.HighlightAnimadoHeadline strong {
      font-weight: 800;
}

.HighlightAnimadoHeadline-line {
      display: block;
      overflow: hidden;
      line-height: 35px;
}

.HighlightAnimadoHeadline-line-inner {
      position: relative;
      display: inline-block;
      padding: 0.15em 0.35em;
      overflow: hidden;
      clip-path: inset(0 100% 0 0);
      transition: clip-path 0.7s ease-out;
}

.HighlightAnimadoHeadline-text {
      color: #000;
      font-weight: 300;
      white-space: nowrap;
}

.HighlightAnimadoHeadline-text strong {
      font-weight: 800;
}

/* Anima linha por linha com delay */
.HighlightAnimadoHeadline.aparece .HighlightAnimadoHeadline-line:nth-child(1) .HighlightAnimadoHeadline-line-inner {
      clip-path: inset(0 0 0 0);
      transition-delay: 0s;
}

.HighlightAnimadoHeadline.aparece .HighlightAnimadoHeadline-line:nth-child(2) .HighlightAnimadoHeadline-line-inner {
      clip-path: inset(0 0 0 0);
      transition-delay: .25s;
}

.HighlightAnimadoHeadline.aparece .HighlightAnimadoHeadline-line:nth-child(3) .HighlightAnimadoHeadline-line-inner {
      clip-path: inset(0 0 0 0);
      transition-delay: .5s;
}

/* FadeinUp para ícones */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



.CardLentesProntas {
	background: rgba(255,255,255,0.10);
	border-radius: 150px;
	padding: 60px 30px 90px 30px;
}

.CardLentesProntas .IndiceRefracao {
	width: 150px;
	height: auto;
	margin: 0 auto;
}

.CardLentesProntas .CardSeparador {
	width: 80%;
	height: 1px;
	background: white;
	margin: 25px auto;
}

.CardLentesProntas .IconeCaracteristica {
	width: 60px;
	height: auto;
	
}

.CardLentesProntas .SmallTxt {
	font-size: 11px!important;
	line-height: 16px!important;
}

.CardLentesProntas .DivInfo1 {
	padding: 0 30px!important;
}

.CardLentesProntas .ColInfos {
	padding: 8px 0!important;
}

.CardLentesProntas .Ch1 {
	
}

.CardLentesProntas .Caracteristicas {
	padding: 8px 10px!important;
	letter-spacing: 1px;
	margin: 15px 0;
}

.CardLentesProntas .rowBlock p {
	text-transform: uppercase;
	line-height: 21px;
}

.CardLentesProntas .Codigo {
	background: white;
}

.VerTudo {
	display: block;
    color: #697351;
    background: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 4px;
	text-align: center;
	margin: 0 0 0 0;
	padding: 20px 20px;
    border-radius: 40px;
	border: none;
	outline: none;
	cursor: pointer;
    
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.VerTudo:hover,
.VerTudo:focus,
.VerTudo:active {
    color: #697351;
    background: black;
	border: none;
	outline: none;
	letter-spacing: 7px!important;
    
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}







.Blocos {
	position: relative;
	width: 100%;
	background: #c8ceba url("../images/Blocos_Header.jpg") top center no-repeat;
	padding: 200px 0 0 0;
}

.Blocos .IconeHeader {
	position: absolute;
	top: 0;
	left: 50%;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: black;
	margin: -60px 0 0 -60px;
}

.Blocos .IconeHeader .IconeLogo {
	width: 60px;
	height: auto;
}

.ContainerBlocos {
	width: 70%;
}

.BlocosFooter {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/*BLOCOS HEADLINE FOOTER*/
.HeadlineAnimadoFooterBlocos {
  padding: 60px 20px;
  text-align: left;
}

/* Ícones com fadeInUp */
.IconeHeadline {
  width: 100px;
  height: auto;
  margin: 0 0 10px 0;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s ease forwards;
}

/* Texto animado linha a linha */
.BlocosHeadlineFooter {
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 1.3px;
  margin: 0 0 20px 0;
}

.BlocosHeadlineFooter strong {
  font-weight: 800;
}

.BlocosHeadline-line {
  display: block;
  overflow: hidden;
  line-height: 35px;
}

.BlocosHeadline-line-inner {
  position: relative;
  display: inline-block;
  padding: 0.15em 0.35em;
  overflow: hidden;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.7s ease-out;
}

.BlocosHeadline-text {
  color: #000;
  white-space: nowrap;
  font-weight: 300;
}

.BlocosHeadline-text strong {
  font-weight: 800;
}

/* delays linha a linha */
.BlocosHeadlineFooter.aparece .BlocosHeadline-line:nth-child(1) .BlocosHeadline-line-inner {
  clip-path: inset(0 0 0 0);
  transition-delay: 0s;
}

.BlocosHeadlineFooter.aparece .BlocosHeadline-line:nth-child(2) .BlocosHeadline-line-inner {
  clip-path: inset(0 0 0 0);
  transition-delay: 0.25s;
}

.BlocosHeadlineFooter.aparece .BlocosHeadline-line:nth-child(3) .BlocosHeadline-line-inner {
  clip-path: inset(0 0 0 0);
  transition-delay: 0.5s;
}

/* Fade in ícones */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}







.Catalogo {
      width: 100%;
      background: white;
      padding: 200px 0;
}

.Catalogo .ContainerCatalogo {
      width: 90%;
}

.Catalogo .BackgroundCinza {
      background: #f5f5f5;
      border-top-right-radius: 100px;
      border-bottom-right-radius: 100px;
}

.Catalogo .RowTexto {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: start;
      padding: 100px!important;
}

.Catalogo h4 {
      line-height: 40px;
}

.Catalogo .DivIcone {
      width: 120px;
      height: 120px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border-radius: 100%;
      background: var(--BackgroundColor3);
      margin: 0 0 20px 0;
}

.Catalogo .DivIcone .IconeCatalogo {
      width: 80px;
      height: auto;
      display: block;
}

.Catalogo .ImagemCatalogo {
      background: url("../images/Catalogo.jpg") center center no-repeat;
      background-size: 100%;
      border-top-left-radius: 100px;
      border-bottom-left-radius: 100px;
      overflow: hidden;
}

.Catalogo .BtnDownload {
      display: block;
      color: black;
      background: var(--BackgroundColor3);
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 2px;
      text-align: center;
      margin: 0 0 0 0;
      padding: 20px 20px;
      border-radius: 40px;
      border: none;
      outline: none;
      cursor: pointer;
      pointer-events: all;
      transition:  letter-spacing 0.25s ease, background-color 0.25s ease;
}

.Catalogo .BtnDownload:hover,
.Catalogo .BtnDownload:focus,
.Catalogo .BtnDownload:active {
      background: var(--BackgroundColor4);
      color: black;
      border: none;
      outline: none;
      letter-spacing: 4px!important;
}

.Catalogo .FaleConoscoSeta {
	width: 30px;
	height: auto;
	display: block;
	margin: 0 0 0 20px;
}











.FaleConosco {
      position: relative;
      width: 100%;
	min-height: 836px;
      padding: 150px 0;
      background: url("../images/FaleConosco.jpg") center center no-repeat;
      background-size: cover;
}

.FaleConosco .FormularioFaleConosco {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
}

.FaleConosco .IconeHeader {
	position: absolute;
	top: 0;
	left: 50%;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: black;
	margin: -60px 0 0 -60px;
}

.FaleConosco .IconeHeader .IconeLogo {
	width: 90px;
	height: auto;
      filter: var(--FilterLight1);
}

.FaleConosco .BtnEnviar {
      display: block;
      color: var(--ColorLight1);
      background: var(--BackgroundColor2);
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 4px;
      text-align: center;
      margin: 0 0 0 0;
      padding: 20px 20px;
      border-radius: 40px;
      border: none;
      outline: none;
      cursor: pointer;
      pointer-events: all;
      transition:  letter-spacing 0.25s ease, background-color 0.25s ease;
}

.FaleConosco .BtnEnviar:hover,
.FaleConosco .BtnEnviar:focus,
.FaleConosco .BtnEnviar:active {
      color: var(--ColorLight1);
      background: var(--BackgroundColor2);
      border: none;
      outline: none;
      letter-spacing: 5px!important;
}

.FaleConosco .IconeSeta {
	width: 30px;
	height: auto;
	display: block;
	margin: 0 0 0 20px;
      filter: var(--FilterBlack);
}

.MensagemEnviadoFaleConosco {
	position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.MensagemEnviadoFaleConosco .IconeOk {
	width: 80px;
	height: auto;
	display: block;
	margin: 0 0 25px 0;
}


.LoaderFaleConosco {
    position: absolute;	
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 20;
    text-align: center;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px); /* Safari */
}

.LoaderFaleConosco img {
    width: 60px;
    height: auto;
    margin-bottom: 15px;
}










.Mapa {
      width: 100%;
      height: 760px;
      background: white;
      position: relative;
}

.Mapa .IconeHeader {
	position: absolute;
	top: 0;
	left: 50%;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: black;
	margin: -60px 0 0 -60px;
      z-index: 2;
}

.Mapa .IconeHeader .IconeLogo {
	width: 90px;
	height: auto;
      filter: var(--FilterLight1);
}

.ConteudoMapa {
      position: absolute;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      width: 100%;
      height: 100%;
      z-index: 100;
      padding: 0 0 0 10%;
      pointer-events: none;
      z-index: 5;

      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
}

.Some_ConteudoMapa {
      opacity: 0;

      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
}

.ConteudoMapa .DivDados {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      background: white;
      width: 400px;
      height: auto;
      border-radius: 30px;
      padding: 60px;
      pointer-events: all;

      box-shadow: -1px 1px 49px -3px rgba(0,0,0,0.1);
      -webkit-box-shadow: -1px 1px 49px -3px rgba(0,0,0,0.1);
      -moz-box-shadow: -1px 1px 49px -3px rgba(0,0,0,0.1);
}

.ConteudoMapa .DivDados p {
      line-height: 20px;
}

.ConteudoMapa .DivDados .IconeDados {
      width: 30px;
      height: auto;
      display: block;
      margin: 0 15px 0 0;
}

.LinhaSepara {
      width: 100%;
      height: 1px;
      margin: 20px 0;
      background: #e1e1e1;
}

.MudaTamanhoMapa {
      height: 760px!important;

      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
}

.Mapa #iframeMapa {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 760px;
	overflow: hidden;
    
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.MudaTamanhoIframe {
    height: 760px!important;
    
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.MapaDhell {
    width: 100%;
    height: 760px;
    
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.Mapa img {
	
}

.Mapa .close {
      position: absolute;
      background: url("../svg/MapaClose.svg") no-repeat center;
      background-size: 40px;
      width: 40px;
      height: 40px;
      top: -65px;
      left: 50%;
      margin: 130px 0 0 -20px;
      cursor: pointer;
      opacity: 0;
      z-index: 10;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.Show_MapaClose {
	opacity: 1!important;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.Mapa .close:hover {
	
}

.Mapa .open {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	background: rgba(255,255,255,0.60);
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.Some_TransparenciaDoMapa {
	background: rgba(255,255,255,0.0)!important;
	pointer-events: none!important;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.BtnMapas {
    position: relative;
    display: inline-flex;
    width: auto;
    height: auto;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 10px;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 5px!important;
    border: none;
    border: 0px solid rgba(0,0,0,0.15)!important;
    background-color: var(--BackgroundColor3);
    color: white;
    padding: 6px 12px;
    margin: 0;
    outline: none;
    cursor: pointer;
    box-shadow: none!important;
	
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.BtnMapas:hover {
      background-color: var(--BackgroundColor3);
      letter-spacing: 4px;
      color: white;
	
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.BtnMapasBefore:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    content: '';
    width: 25px;
    height: 25px;
    margin: 35px auto 0 auto;
    background: url("../svg/Objetos/SetaMapas.svg") center center no-repeat;
    background-size: 25px;
    
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}










.Footer {
      width: 100%;
      padding: 150px 0;
}

.Footer_Home {
      background: white url("../images/Footer_Home.jpg") center center no-repeat;
      background-size: cover;
}

.Footer_LentesProntas {
      background: white url("../images/Footer_LentesProntas.jpg") center center no-repeat;
      background-size: cover;
}

.Footer_LentesBlocos {
      background: white url("../images/Footer_Blocos.jpg") center center no-repeat;
      background-size: cover;
}

.Footer .LogoFooter {
      width: auto;
      height: 150px;
      display: block;
      margin: 20px 0 0 0;
}

.Footer .PaddingFooter {
      height: 0;
}




.Assinatura {
      width: 100%;
      height: 30px;
      text-align: center;
      background: white;
}

.Assinatura .container {
      background: var(--BackgroundColor3);
}

.Assinatura .Dhell {
	width: 150px;
	height: 29px;
	margin: 0 auto 0 auto;
	text-align: center;
	
}

.Assinatura a {
    font-family:'Montserrat', sans-serif;
	font-weight: 700;
    font-size: 9px;
	line-height: 29px;
    letter-spacing: 3px;
    color: black!important;
    text-align: center;
	opacity: 0.6;
	text-transform: uppercase;
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.Assinatura a:hover {
    text-decoration: none;
	letter-spacing: 6px!important;
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}









.BackToTop {
      position: fixed;
      z-index: 55;
      right: 15px;
      bottom: 15px;
      background: var(--BackgroundColor3);
      border-radius: 100%;
      height: 55px;
      width: 55px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      cursor: pointer;
      opacity: 0;
      transform: translateY(80px);
      pointer-events: none;
      transition:
      transform 0.4s ease,
      opacity 0.3s ease;
}

.BackToTop .BackTopIcone {
      width: 30px;
      height: auto;
}

.BackToTop.is-visible {
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
}

.BackIcone.animate__animated {
  --animate-duration: 0.6s;
}















.CoverProduto {
      position: relative;
      width:100%;
      height:65vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      z-index: 1;
      overflow: hidden;
}


.CoverProduto_LentesProntas {
	background: url("../images/BackgroundCover_LentesProntas.jpg") center center no-repeat;
	background-size: cover;
}

.CoverProduto_Blocos {
	background: url("../images/BackgroundCover_Blocos.jpg") center center no-repeat;
	background-size: cover;
}

.CoverProduto .container-fluid {
	width: 90%;
}

.CoverProduto .RowCover {
	width: 100%;
	height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 80px!important;
}

.CoverProduto .LogoCoverProduto {
	width: auto;
	height: 190px;
	margin: 0 60px 0 0;
}

.CoverProduto .SetaCover {
	width: 35px;
	height: auto;
	margin-top: 19px;
}

.CoverProduto h2 {
	position: relative;
	margin-left: 50px;
}

.CoverProduto h2:after {
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	width: 60px;
	height: 1px;
	background: #A4AD8E;
	margin-right: -80px;
}

.ConteudoProdutos {
	position: relative;
	width: 100%;
	min-height: 1000px;
	padding: 30px 0;
	background: white;
}

.DivLinhaProduto {
	padding-top: 20px;
	padding-bottom: 20px;
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.ImagemIndiceBorder {
      border-radius: 100%;
}

.DivLinhaProduto.fade-in {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInUpSuave 0.8s ease forwards;
}

.DivLinhaProduto.fade-out {
  opacity: 1;
  transform: translateY(0px);
  animation: fadeOutSuave 0.8s ease forwards;
}

@keyframes fadeInUpSuave {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes fadeOutSuave {
  from {
    opacity: 1;
    transform: translateY(0px);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}

.ConteudoProdutos .DivBtnsLentesProntas.LinhaBottom3Pixels {
	border-bottom: 3px solid #BDC4AC;
	padding-bottom: 30px!important;
}

.ConteudoProdutos .DivLinhaProduto.LinhaTop1Pixel {
	border-top: 1px solid #BDC4AC;
}

.ConteudoProdutos .DivLinhaProduto.LinhaBottom1Pixel {
	border-bottom: 1px solid #BDC4AC;
}

.ConteudoProdutos .DivLinhaProduto.LinhaTop3Pixels {
	border-top: 3px solid #BDC4AC;
}

.ConteudoProdutos .DivLinhaProduto.LinhaBottom3Pixels {
	border-bottom: 3px solid #BDC4AC;
}

.ConteudoProdutos .Caracteristica {
	width: 170px;
	height: 100%;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}

.ConteudoProdutos .Caracteristica .IconeCaracteristica {
	width: 60px;
	height: auto;
}

.ConteudoProdutos .Caracteristica .SmallTxt {
	font-size: 11px!important;
	line-height: 16px!important;
}

.ConteudoProdutos .DivCh,
.ConteudoProdutos .DivCodigo {
	width: 60px;
	height: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.ConteudoProdutos .DivEmBreve {
	width: auto;
	height: auto;
      padding: 10px 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.DivResidualVerde {
	width: auto;
	background: #AEE5D1;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5px 8px;
	margin: 8px 0 0 0;
}

.DivResidualAzul {
	width: auto;
	background: #B5DCEB;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5px 8px;
	margin: 8px 0 0 0;
}

.DivResidualDourado {
	width: auto;
	background: #ffcf7d;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5px 8px;
	margin: 8px 0 0 0;
}

.DivResidualSemResidual {
	width: auto;
	background: #f5f5f5;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5px 8px;
	margin: 8px 0 0 0;
}

.ConteudoProdutos .DivBtnsLentesProntas {
	margin: 25px 0 0 0!important;
}

.ConteudoProdutos .BtnLentesProntas {
	position: relative;
	width: 75px;
	height: 75px;
	background: rgba(105,115,81,0.50);
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	letter-spacing: 0.5px;
	font-weight: 800;
	color: black;
	margin: 0 4px;
	
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.ConteudoProdutos .BtnLentesProntas .IconeEscolha {
	width: 60px;
	height: auto;
	display: block;
}

.ConteudoProdutos .BtnLentesProntas:hover {
	background: rgba(105,115,81,0.80);
	
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.BtnLentesProntasAtivo {
	background: rgba(105,115,81,0.80)!important;
	color: white!important;
	
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.ConteudoProdutos .BtnLentesProntasAtivo:after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	background: black url("../svg/CloseWhite.svg") center center no-repeat;
	background-size: 12px;
}

.CloseFiltro .IconeCloseFiltro {
	width: 12px;
	height: auto;
	filter: brightness(0) saturate(100%) invert(93%) sepia(88%) saturate(0%) hue-rotate(153deg) brightness(104%) contrast(101%);
}

.DivTextoCaracteristica {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 200px;
	z-index: 10;
	margin: 15% 15% 0 0;
}

.DivTextoCaracteristica img {
	width: 200px;
	height: auto;
}






.BtnTecnologias {
      position: fixed;
      z-index: 55;
      right: 15px;
      bottom: 15px;
      background: var(--BackgroundColor3);
      border-radius: 100%;
      height: 55px;
      width: 55px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      cursor: pointer;
      opacity: 1;
      transform: translateY(0);
      transition:
      transform 0.4s ease,
      opacity 0.3s ease;
      z-index: 10;
}

.Sobe_BtnTecnologias {
      transform: translateY(-65px);
}

.BtnTecnologias .IconeBtnTecnologias {
      width: 48px;
      height: auto;
      display: block;
}

.MenuTecnologias {
      position: fixed;
      width: 100%;
      height: 100svh;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      pointer-events: none;
      z-index: 49;
}

.BackgroundMenuTecnologias {
      position: absolute;
      right: 15px;
      bottom: 15px;
      height: 55px;
      width: 55px;
      background: var(--BackgroundColor3);
      border-radius: 100%;
      z-index: 51;
      transition:
      transform 0.4s ease,
      opacity 0.3s ease;
      transform: scale(0);
}

.Show_BackgroundMenuTecnologias {
      transform: scale(50.0);
}

.ConteudoMenuTecnologias {
      position: absolute;
      width: 400px;
      height: 100%;
      top: 0;
      bottom: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition:
      transform 0.4s ease,
      opacity 0.3s ease;
      z-index: 52;
}

.Show_ConteudoMenuTecnologias {
      opacity: 1;
}

.ConteudoMenuTecnologias .IconeTecnologias {
      width: 70px;
      height: auto;
      display: block;
}










.ConteudoComparacoes1 {
	width: 100%;
	margin-top: 80vh;
	padding: 150px 0;
      background: black;
}

.ConteudoComparacoes1 .DivIconeTecnologia {
	width: 120px;
	height: 120px;
      border-radius: 100%;
	display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
	margin: 0 0 25px 0;
      background: var(--BackgroundColor3);
}

.ConteudoComparacoes1 .IconesTecnologia {
	width: 90px;
	height: auto;
	display: block;
	margin: 0 auto 0 auto;
}

.ConteudoComparacoes1 .IconesCaracteristicas {
	width: 120px;
	height: auto;
	display: block;
	margin: 0 auto 0 auto;
}




.ConteudoComparacoes2 {
	width: 100%;
	padding: 150px 0;
	background: #BDC4AC;
}

.ConteudoComparacoes2 .LogoComparacoes {
	width: auto;
	height: 120px;
	display: block;
	margin: 0 auto 0 auto;
}