/* CORES */ :root { --primary-color:#e76733; --primary-color-alpha: rgb(231,103,51,.8); --primary-color-lifecenter: rgba(40,53,131,1); --primary-color-alpha-lifecenter: rgba(40,53,131,.85); --secondary-color:#2a6654; } .text-primary {color:var(--primary-color)!important;} /* DEFAULT */ html, body {font-family: 'Quicksand', sans-serif;color:#000;} .bg_light {background:#f6f6f6;} section {padding:70px 0;} h1, h2, h3, h4, h5, h6 {font-weight:600!important;} h2 {font-size:48px;line-height:60px;} h2.small {font-size:39px;line-height:49px;} h3 {font-size:42px;} h4 {font-size:23px;} h6 {font-size:15px;line-height:1.4;} p {font-size:16px;line-height:1.7;} p b {font-weight:700;} .title_background {background:rgba(230,230,230,.7);text-transform:uppercase;position:relative;z-index:2;} .title_background.white {background:#fff;} .mln-110 {margin-left:-110px;} .mrn-110 {margin-right:-110px;} button, .btn {background:var(--primary-color);color:#fff!important;line-height:28px;text-transform:none;display:inline-block;font-family:inherit;padding:6px 18px;outline:none;border:none;border-radius:6px;} .card {border:none;box-shadow:0 10px 30px -15px rgba(0,0,0,0.5);padding:30px;} input[type="text"], input[type="tel"], textarea, select {padding:14px 20px;border-radius:10px;border:2px solid var(--primary-color);font-size:16px;background:#fff;position:relative;z-index:1;} input[type="text"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {border:2px solid var(--primary-color);background:var(--primary-color);color:#fff;} select:focus option {color:#fff;} textarea {height:150px;} ::placeholder {color: #bbb;opacity: 1;} :-ms-input-placeholder {color: #bbb;} ::-ms-input-placeholder {color: #bbb;} .container {position:relative;} .overflow-visible {overflow:visible!important;} .small-screen {height:200px;} /* .opacity-extra-medium {opacity:.85;} */ .opacity-extra-medium {opacity:.5;} .banner_secundario {position:relative;} .banner_secundario h1 {font-size:40px;margin-bottom:0;color:#fff;text-transform:uppercase;font-weight:600;} input[type="file"] {width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;pointer-events:none;} .btn_anexo {position:relative;} .padding-xl {padding:50px 120px;} [data-aos] {z-index:2;position:relative;} .tac {text-align: center;} .tal {text-align: left;} .line_hei_23 {line-height: 23px;} .mar_top_10i{margin-top: 10px!important;} .ml-5px {margin-left: 5px;} .ml-15px {margin-left: 15px;} .flex-center{justify-content: center; align-items: center;} /* POPUP */ #sal_popup_js_master #sal_popup_js_master_foreground_container a img {box-shadow: none!important; background-color: transparent!important;} /* HEADER */ header {padding:20px 0;border-bottom:1px solid #ddd;position:sticky;top:0;background:#fff;z-index:9;transition:all ease .3s;} header.fixed {box-shadow:0 0 30px -15px rgba(0,0,0,0.5);} header .logo {width:167px;max-width:100%;} header .logo img {width:100%;} header nav ul {list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:25px;} header nav ul.menu_principal {gap:30px;} header nav ul.menu_secundario, header nav ul.menu_principal {justify-content: flex-end;} header nav ul li {position:relative;} header nav ul li a {font-weight:600;font-size:19px;} header nav ul.menu_secundario li a {font-size:15px;} header nav ul li a:hover {color:#828282;} header nav ul li i {color:#828282;font-size:12px;margin-left:8px;} header nav ul li ul {position:absolute;display:block;top:calc(100% + 26px);right:0;padding:20px;white-space:nowrap;background:#fff;box-shadow:0 0 20px -10px rgba(0,0,0,0.3);border-radius:3px;pointer-events:none;opacity:0;transform:translateY(-30px);transition:all ease .3s;} header nav ul li ul li:hover {background:#f4f4f4;} header nav ul li ul li a {display:block;padding:5px 20px;} header nav ul li ul li a:hover {color:#828282;} header nav ul li[data-submenu]:after {content:'';position:absolute;top:100%;left:0;width:100%;height:30px;} header nav ul li:hover ul, header nav ul li ul:hover {opacity:1;transform:translateY(0);pointer-events:all;} header .hamburger {padding:0;display:block;} header .hamburger-box {display:block;} header .btn_menu {display:none;} header .menu_mobile {display:none;} .clock-menu i {font-size: 1.3rem;} /* .clock-menu span {font-weight: bold; font-size: 15px; color: #828282;} */ .clock-menu span {font-weight: 600; color: #828282;} .lista_menu {position: relative;} header nav ul li.clock-menu ul {right:0; left: auto;} header nav ul.menu_principal > li a {color: black;} .box-flutuante {position: fixed; z-index: 10; right: 0; margin-top: 65vh; margin-right: 10px;} .box-flutuante a.whats {color: white; background-color: rgb(58,212,103); border-radius: 50%; font-size: 35px; padding: 3px 9px;} @media screen and (max-width:760px){ .box-flutuante {margin-top: 70vh;} } /* HOME */ #banner .swiper-container:hover .swiper-button-prev, #banner .swiper-container:hover .swiper-button-next {transform:translateX(0);opacity:1; color: rgba(255,255,255,.9);} #banner .swiper-container .swiper-button-prev, #banner .swiper-container .swiper-button-next {background-color: rgba(0,0,0,0.1);} #banner {border-bottom: 2px solid rgb(213,213,213);} /* #background {background-image:url('../images/bg_sobre.jpg');background-size:cover;background-attachment:fixed;height:calc(100vh - 250px);} */ #background {background-image:url('../images/bg_sobre.jpg'); background-size:cover; height:800px;} #home_lojas .cards_container {display:flex;align-items:center;justify-content:center;gap:50px;flex-wrap:wrap;margin-bottom:50px;} #home_lojas .card {text-align:center;display:flex;justify-content:center; align-items: center; width:14vw; height: 14vw; min-width: 170px; min-height: 170px;} #home_lojas .card img {width: 80%; height: auto;} #home_lojas p.small {font-size:11px;line-height:2;} #eventos {background-image:url('../images/bg_sobre_02.jpg');background-size:cover;background-attachment:fixed;display:flex;justify-content:end;} #eventos .info {width:565px;max-width:90%;background:rgba(255,255,255,.97);margin:20vh 0;padding:30px 40px;} #eventos h3 {font-size:70px;} #eventos h4 {line-height:1.2;font-weight:500;} #eventos h4 b {font-weight:800;} #localizacao h2 {margin:0 0 -15px -30px;} #localizacao iframe {width:100%;height:500px;border:0;margin-top:100px;} #banner .swiper-button-prev, #banner .swiper-button-next {background-color:var(--primary-color);color:#fff;background-image:none;font-weight:900;width:42px;height:42px;font-size:20px;top:calc(50% - 10px);border-radius:6px;transition:all ease .3s;opacity:0;} #banner .swiper-button-prev {left:20px;transform:translateX(-80px);} #banner .swiper-button-next {right:20px;transform:translateX(80px);} #banner .swiper-pagination {bottom:60px!important;} #banner .swiper-pagination-bullet {background: rgba(255,255,255,.5); opacity: 1; border: none;width: 28px;border-radius: 6px;} #banner .swiper-pagination-bullet-active {background:rgba(255,255,255,1)!important;} #galeria .swiper-slide {overflow:hidden;} #galeria .swiper-slide .legenda {background:var(--primary-color-alpha);font-weight:600;color:#fff;text-align:center;position:absolute;bottom:0;left:0;width:100%;padding:10px;font-size:18px;transition:transform .0s ease .5s;transform:translateY(50px);} #galeria .swiper-slide.swiper-slide-active .legenda {transform:translateY(0);transition:transform .5s ease 1s} #galeria .swiper-container:hover .swiper-button-prev, #galeria .swiper-container:hover .swiper-button-next {transform:translateX(0);opacity:1;} #evolucao h3 {font-size:24px;color:#333;margin-bottom:0;} #evolucao .progress_bar {width:100%;height:40px;background:#fff;position:relative;} #evolucao .progress_bar .progress {position:absolute;top:0;left:0;width:99%;height:100%;background:var(--primary-color);} #evolucao .progress_bar .percentage {position:absolute;top:0;right:calc(1% + 20px);line-height:40px;color:#fff;font-size:24px;white-space:nowrap;font-weight:600;} #evolucao .video_container {position:relative;} #evolucao .video_container .video_cover {position:absolute;top:0;left:0;cursor:pointer;width:100%;height:100%;background-image:url('../images/video_cover.jpg');background-size:cover;background-position:center;} #evolucao .video_container .video_cover .background {position:absolute;top:0;left:0;width:calc(100% + 1px);height:100%;background:#fff;opacity:0;transition:opacity ease .5s;} #evolucao .video_container .video_cover:hover .background {opacity:.6;} #evolucao .video_container .video_cover .play {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;} #evolucao .video_container .video_cover .play i {font-size:120px;color:var(--primary-color);} #evolucao .video_container iframe {width:100%;height:500px;display:block;} #home_acontece {padding: 50px max(2.60vw, 20px);} .noticiasespecialpai { gap: 30px; flex-wrap: wrap; } .noticiasespecial { transition: all ease 500ms; position: relative; background-size: cover; background-repeat: no-repeat; background-position: left; width: 100%; height: 100%; /* width: 34.01vw; height: 22.92vw; min-width: calc(340px * 1.30); min-height: calc(226px * 1.30); */ flex: 1; height: 40vw; } .noticiasespecial .shadow {transition: all ease 800ms; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.0);} .noticiasespecial .acontece_inf {transition: all ease 50ms; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .noticiasespecial .acontece_inf a h2 {margin-bottom: max(3.125vw, 10px);} .noticiasespecial .acontece_inf a h2 .title_background {transition: all ease 300ms; background: rgba(230, 230, 230, 0);} .noticiasespecial .acontece_inf a h2, .noticiasespecial .acontece_inf a p {transition: all ease 300ms; color: transparent; text-align: center; padding: 0 max(1.56vw, 20px);} .noticiasespecial:hover {scale: 0.95;} .noticiasespecial:hover .shadow {background-color: rgba(0,0,0,0.7);} .noticiasespecial:hover .shadow, .noticiasespecial:hover .acontece_inf {visibility: visible;} .noticiasespecial:hover .acontece_inf h2 span{line-height: 38px;} .noticiasespecial:hover .acontece_inf a h2, .noticiasespecial:hover .acontece_inf a p {color: white;} .noticiasespecial:hover .acontece_inf a h2 .title_background{background: rgba(230, 230, 230, .7);} @media screen and (max-width: 1400px) { .noticiasespecial .acontece_inf a h2 {font-size: max(2.5vw, 30px); margin-bottom: max(2.78vw, 15px);} } @media screen and (max-width: 1100px) {.noticiasespecial {flex: initial; width: calc(53.82vw * 0.8); height: calc(69.81vw * 0.8); min-width: 340px; min-height: 441px;}} @media screen and (max-width: 850px) {.noticiasespecial {width: 53.82vw; height: 69.81vw;}} @media screen and (max-width: 450px) { .noticiasespecial .acontece_inf a h2 {margin-bottom: max(2.78vw, 35px);} } /* CONTATO */ .adicional_inf, .adicional_inf2 { padding: 30px 15px; color: black; border-width: 2px; border-style: solid; border-color: black; border-radius: 15px; /* background-color: rgb(44, 44, 44); */ } .adicional_inf {padding: 10px; margin-bottom: 50px;} .adicional_inf .titulo{font-size: 1.8rem; margin: 0 0 20px;} .adicional_inf .telefone{font-size: 1.8rem; margin: 20px 0 10px;} .adicional_inf .telefone_numero{font-size: 1.5rem;} .adicional_inf p{margin: 0;} .adicional_inf img{width: 220px; margin: 0 auto; display: block;} .adicional_inf a{color: inherit;} .adicional_inf ul li{list-style: none;} #contato form {position:relative;margin-bottom:50px;} #contato form .circle_01 {width:250px;position:absolute;right:-80px;top:calc(50% - 200px);} #contato form .circle_02 {width:200px;position:absolute;left:-50px;bottom:-80px;z-index: -1;} #contato form label {display:none;} #contato form #politica {z-index: 1; position: relative; scale: 1.5; margin-right: 15px; margin-left: 10px;} #contato form a:hover {color: rgb(56, 56, 56);} /* SHOPPING */ #life-center .circle_01 {position: absolute;width: 180px;right: 200px;bottom: -171px;} #ficha-tecnica-1 .cards_container {display:flex;align-items:center;justify-content:center;gap:50px;flex-wrap:wrap;margin-bottom:50px;} #ficha-tecnica-1 .card {flex:0 0 calc(33.333333% - 34px);aspect-ratio: 10/8;text-align:center;display:flex;flex-direction:column;justify-content:space-between;width:100%;} #ficha-tecnica-1 .card h3 {color:var(--primary-color);text-transform:uppercase;margin:20px 0;} #ficha-tecnica-1 .card h3 span.big {font-size:70px;} #ficha-tecnica-1 .card p {margin-bottom:0;font-size:14px;} #ficha-tecnica-1 p.small {font-size:11px;line-height:2;} #ficha-tecnica-2 ul {list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;width:100%;} #ficha-tecnica-2 ul li {flex:0 0 50%;display:flex;align-items:center;font-size:17px;margin-bottom:5px;} #ficha-tecnica-2 ul li img {margin-right:20px;} /* BLOG | NOVIDADE/ACONTECE */ .blog_lista {list-style:none;margin:0;padding:0;} .blog_lista>li {margin-bottom:50px;} .blog_lista>li img {box-shadow:0 10px 20px -10px rgba(0,0,0,0.5);} .blog_lista>li h2, .blog_info h2 {font-size:28px;line-height:36px;margin-top:-20px;width:94%;margin-left:3%;} .blog_lista>li h2>span, .blog_info h2>span {text-transform:none;} .blog_lista>li .blog_date, .blog_lista>li .blog_categorias a, .blog_info .blog_date, .blog_info .blog_categorias a {color:#000;font-weight:600;} .blog_lista>li .blog_date, .blog_info .blog_date {padding-right:5px;} .blog_lista>li .blog_categorias, .blog_info .blog_categorias {padding-left:5px;} .blog_lista>li p, .blog_info p {font-size:15px;margin-top:20px;} .blog_search>form {border:1px solid #ddd;display:flex;} .blog_search input[type="text"], .blog_search input[type="tel"] {border:none!important;margin-bottom:0;} .blog_search input[type="text"]:focus, .blog_search input[type="tel"]:focus {background:transparent;color:#828282;} .blog_search button {background:#000;border-radius:0;color:#fff;white-space:nowrap;flex:1;} .blog_sidebar {box-shadow:0 10px 20px -10px rgba(0,0,0,0.5);padding:30px;margin-top:30px;position:relative;} .blog_sidebar h3 {font-size:20px;line-height:26px;margin-bottom:5px;} .blog_sidebar .blog_categorias a, .blog_sidebar .blog_recentes a {display:block;font-weight:500;font-size:15px;line-height:26px;margin-bottom:5px;} .blog_sidebar .blog_tags a {background:#efefef;font-size:12px;padding:0 12px;display:inline-block;font-weight:500;border-radius:2px;} .blog_sidebar .circle {position: absolute;top: calc(100% - 10px);right: -40px;width: 160px;} .blog_info a {color: var(--primary-color)!important; font-weight: 700;} /*LOJAS*/ .product-box .product-image {border:1px solid #efefef;} .loja_lista {display:flex;flex-wrap:wrap;height:auto!important;} .loja_nome, .loja_segmento {text-transform:capitalize;} .product-images-box {background-color:#eee;min-height:400px;} .product-image-slider img {width:100%;height:100%;} .product-box .product-image img {width:80%;max-width:80%;max-height:140px;} .product-image .hover-image {left:10%;} .product-box .product-image {min-height:140px;} #loja_lista aside input[type="text"], #loja_lista aside input[type="tel"] {border:1px solid #ddd!important; margin-bottom:0;border-radius:0;height:auto;padding:10px 15px!important;} #loja_lista aside input[type="text"]:focus, #loja_lista aside input[type="tel"]:focus {background:transparent;color:#828282;} .filtro_segmento {margin-top:20px;} .filtro_segmento li a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:232px;display: block;} .filtro_letra {display:flex;flex-wrap:wrap;margin-top:20px;} .filtro_letra li {padding: 0!important;width:calc(20% - 8px);cursor:pointer;transition:all ease 0.2s;height: 40px;text-align: center;display: flex;align-items: center;justify-content: center;border: 1px solid #494949;margin-right: 10px;border-radius: 3px;} .filtro_letra li:nth-child(5n) {margin-right:0;} .filtro_letra li:hover {background:var(--primary-color);color:#fff;} .filtro_letra li.active {background:var(--primary-color);filter:brightness(0.9);color:#fff;} .filtro_letra li.active a, .filtro_letra li.active a:hover, .filtro_letra li:hover a, .filtro_letra li a:hover{color: white;} .product-box .product-image {display:flex;align-items:center;justify-content:center;} .product-box:hover .default-image {opacity:1!important;visibility:initial!important;} .loja_info .product-image {display:flex;align-items:center;justify-content:center;} .loja_info .product-image img {max-width:90%;} /* TRABALHE CONOSCO | OPORTUNIDADE */ #oportunidade form {margin-bottom: 50px;} #oportunidade .vagas ul {list-style: none; padding: 0;} #oportunidade .oportunidade_item {display: flex; flex-direction: column; justify-content: space-around; align-items: center; border-radius: 7px; border: 1px solid rgba(0,0,0,0.4); text-align: center; padding: 30px; height: 700px; overflow: auto;} #oportunidade .oportunidade_item .descricao {height: 300px; overflow: auto;} @media screen and (max-width: 600px) { #oportunidade .oportunidade_item {height: 500px;} #oportunidade .oportunidade_item .descricao {height: 250px;} } #oportunidade .swiper-container:hover .swiper-button-prev, #oportunidade .swiper-container:hover .swiper-button-next {transform:translateX(0);opacity:1; color: rgba(255,255,255,.9);} #oportunidade .swiper-container .swiper-button-prev, #oportunidade .swiper-container .swiper-button-next {background-color: rgba(0,0,0,0.4);} #oportunidade .swiper-button-prev, #oportunidade .swiper-button-next {background-color:var(--primary-color); color:#fff;background-image:none; font-weight:900;width:42px;height:42px; font-size:20px; top:calc(50% - 10px); border-radius:6px;transition:all ease .3s;opacity:0;} #oportunidade .swiper-button-prev {left:20px;transform:translateX(-80px);} #oportunidade .swiper-button-next {right:20px;transform:translateX(80px);} #oportunidade .swiper-pagination {bottom:60px!important;} #oportunidade .swiper-pagination-bullet {background: rgba(255,255,255,.5); opacity: 1; border: none; width: 28px;border-radius: 6px;} #oportunidade .swiper-pagination-bullet-active {background:rgba(255,255,255,1)!important;} /* LIFECENTER */ body[pagina="lifecenter"] .container {width:1500px!important;max-width:90%!important;} body[pagina="lifecenter"] .container_sm {width:1200px!important;max-width:90%!important;margin:0 auto;} body[pagina="lifecenter"] h1, body[pagina="lifecenter"] h2 {font-size:30px;line-height:42px;font-weight:200!important;text-transform:uppercase;} body[pagina="lifecenter"] #ficha-tecnica-1 .cards_container {gap:30px;} body[pagina="lifecenter"] #ficha-tecnica-1 .card {background:#f0f0f0;box-shadow:none;} body[pagina="lifecenter"] #ficha-tecnica-1 .card {justify-content:center;} body[pagina="lifecenter"] #ficha-tecnica-1 .card h3 {font-size:20px;line-height:30px;margin:30px 0;text-transform:none;color:var(--primary-color-lifecenter);} body[pagina="lifecenter"] #ficha-tecnica-1 .card p {text-transform:uppercase;} body[pagina="lifecenter"] button {background:var(--primary-color-lifecenter);border-radius:0;text-transform:uppercase;padding-left:25px;padding-right:25px;} /* body[pagina="lifecenter"] header {position:fixed;width:100%;background:transparent;border-bottom-color:transparent;} body[pagina="lifecenter"] header .logo_light {display:block;} body[pagina="lifecenter"] header .logo_dark {display:none;} body[pagina="lifecenter"] header * {color:#fff;} body[pagina="lifecenter"] header .btn_menu {display:block;} body[pagina="lifecenter"] header i {font-size:34px;} body[pagina="lifecenter"] header .hamburger-inner, body[pagina="lifecenter"] header .hamburger-inner:after, body[pagina="lifecenter"] header .hamburger-inner:before, body[pagina="lifecenter"] header .hamburger.is-active .hamburger-inner, body[pagina="lifecenter"] header .hamburger.is-active .hamburger-inner:after, body[pagina="lifecenter"] header .hamburger.is-active .hamburger-inner:before {background-color:#fff;border-radius:0;} body[pagina="lifecenter"] header.fixed {background:#fff;border-bottom-color:#ddd;} body[pagina="lifecenter"] header.fixed .logo_light {display:none;} body[pagina="lifecenter"] header.fixed .logo_dark {display:block;} body[pagina="lifecenter"] header.fixed * {color:#000;} body[pagina="lifecenter"] header.fixed .hamburger-inner, body[pagina="lifecenter"] header.fixed .hamburger-inner:after, body[pagina="lifecenter"] header.fixed .hamburger-inner:before, body[pagina="lifecenter"] header.fixed .hamburger.is-active .hamburger-inner, body[pagina="lifecenter"] header.fixed .hamburger.is-active .hamburger-inner:after, body[pagina="lifecenter"] header.fixed .hamburger.is-active .hamburger-inner:before {background-color:#000;} body[pagina="lifecenter"] header.fixed ul {margin-top:40px;} body[pagina="lifecenter"] header .btn_menu {position:relative;} body[pagina="lifecenter"] header ul {position:absolute;right:0;box-shadow:0 0 20px -10px rgba(0,0,0,0.3);top:100%;padding:0;margin:0;list-style:none;background:#fff;padding:20px 30px;margin-top:20px;transform:rotateY(-90deg) scale(.9);transition:all ease .3s;opacity:0;} body[pagina="lifecenter"] header ul li {white-space:nowrap;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;text-align:right;} body[pagina="lifecenter"] header ul li:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;} body[pagina="lifecenter"] header ul li a {color:#000;text-transform:uppercase;font-size:17px;} body[pagina="lifecenter"] header ul li a:hover {color:var(--primary-color-lifecenter);} body[pagina="lifecenter"] header ul.active {transform:rotateY(0deg) scale(1);opacity:1;} */ /* body[pagina="lifecenter"] footer:before {background-color:#3e4345;background-image:url('../images/detail_02.png');} */ /* PEDIDO 169498 - Trocar o footer body[pagina="lifecenter"] footer {background-color:#3e4345;margin-top:64px;padding-top:30px;} body[pagina="lifecenter"] footer:before {background-color:#3e4345;} body[pagina="lifecenter"] footer .container_sm {position:relative;} body[pagina="lifecenter"] footer .btn-scrollToTop {position:absolute;top:-140px;border:1px solid #fff;right:0;width:70px;height:70px;line-height:70px;font-size:34px;background:var(--primary-color-lifecenter);border-radius:50%;} body[pagina="lifecenter"] footer .btn-scrollToTop i {color:#fff;} body[pagina="lifecenter"] footer * {color:rgba(255,255,255,.7);} body[pagina="lifecenter"] footer h6 {font-weight:200!important;} body[pagina="lifecenter"] footer p a {color:rgba(255,255,255,.7);font-size:15px;} body[pagina="lifecenter"] footer .copyright {background:#373b3d;padding:35px 0;} body[pagina="lifecenter"] footer .copyright * {color:#fff;} body[pagina="lifecenter"] footer .copyright i {font-size:24px;margin-right:20px;} body[pagina="lifecenter"] footer .copyright p a {font-size:14px;} */ .lifecenter_image {position:relative;} .lifecenter_image:before {content:'';position:absolute;top:0;width:150px;height:100%;background-size:auto 100%;} .lifecenter_image.right:before {left:0;background-image:url('../images/lifecenter_image_detail_left.png');background-position:center right;} .lifecenter_image.left:before {right:0;background-image:url('../images/lifecenter_image_detail_right.png');background-position:center left;} .box_experiencia {position:relative;display:flex;width:100%;justify-content:flex-end;} .box_experiencia .info {background:var(--primary-color-alpha-lifecenter);width:45%;margin:150px 0;padding:50px;text-align:right;} .box_experiencia .info * {color:#fff;} #experiencias .swiper-pagination {z-index:2;} #experiencias .swiper-pagination-bullet {background: rgba(255,255,255,1); opacity: 1; border: none;width:10px;height:10px;border-radius: 6px;transition:all ease .3s;} #experiencias .swiper-pagination-bullet-active {background:var(--primary-color-lifecenter)!important;width:35px;} #lifecenter form {position:relative;} #lifecenter form input[type="text"], #lifecenter form input[type="tel"], #lifecenter form select, #lifecenter form textarea {background:transparent;border:none;border-bottom:1px solid #aaa;border-radius:0;padding:10px 0;} #lifecenter form label {text-transform:uppercase;} #lifecenter form .circle_01 {position: absolute;top: -400px;left: 120%;} #lifecenter form .circle_02 {position: absolute;bottom: -200px;right: 140%;width: 600px;z-index:2;} /* #lifecenter #banner {background-image:url('../images/banner_lifecenter.jpg');background-size:cover;background-position:center;position:relative;} */ #lifecenter #banner {background-image:url('../images/lifecenter/banner.jpg');background-size:cover;background-position:center;position:relative;} #lifecenter #banner:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);} #lifecenter #banner .container {margin:30vh auto;text-align:center;position:relative;z-index:2;} #lifecenter #banner h1 {color:#fff;font-weight:200;} #lifecenter #banner h1 i {margin-top:20px;font-size:50px;} #lifecenter .detail {width:100%;text-align:center;position:absolute;top:calc(50% - 100px);pointer-events:none;z-index:2;} #lifecenter .detail img {max-width:200px;} .modal_video {position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,0.8);} .modal_video .video_container {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;} .modal_video .video_container iframe {width:1360px;max-width:90%;height:70vh;} .modal_video .btn_modal_close {position:absolute;top:30px;right:30px;color:#fff;font-size:40px;cursor:pointer;font-weight:600;z-index:2;} .btn_modal_video {cursor:pointer;transition:transform ease .2s;width:58px;margin:30px auto 0;display:block;} .btn_modal_video:hover {transform:scale(1.2);} /* VITRINE */ .vitrine_content .vitrine .vitrine_menu { display: flex; justify-content: center; } .vitrine_produto_whatsapp button { background-color: rgb(47,60,46); font-weight: 600; } input[type="text"], input[type="tel"], textarea, select { border: 2px solid rgb(0,0,0); } input[type="text"]:focus, input[type="tel"]:focus, textarea:focus, select:focus { border: 2px solid rgb(0,0,0); background: rgb(53,58,57); color: #fff; } @media screen and (max-width:450px){ .vitrine_content .vitrine .vitrine_menu { flex-direction: column;} } /* COOKIES */ .cc-compliance a.cc-deny {text-decoration: none!important; background-color: #000!important;} .cc-compliance a.cc-deny:hover {background-color: #6a6a6a!important;} @media screen and (max-width:950px){.cc-banner.cc-bottom, .cc-window{flex-direction: column!important;}} /* FOOTER */ footer {background:#f4f4f4;padding:100px 0 0;position:relative;margin-top:150px;} footer:before {content:'';position:absolute;bottom:100%;left:0;width:100%;height:100px;background-color:#f4f4f4;background-image:url('../images/detail.svg');background-size:100% 100%;} footer img {max-width:142px;max-height:60px;display:block;margin:0 auto 10px;} footer .d-lg-flex {gap:20px;} footer a:not(.small) {color:#000;font-size:18px;} footer .address {font-size:15px;} footer .logo_footer {margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.2);text-align:center;} footer .logo_footer img {width:183px;max-width:none;display:block;margin:0 auto;} footer .sal {margin-top: 20px; margin-left: 50px; text-align: center;} footer .sal a {padding: 3px 30px; font-size: 1.5rem; text-transform: uppercase; background-color: #2a6654; color: white!important; margin: auto 0; border-radius: 20px;} footer .sal a.reg_anchor {background-color: transparent; font-size: inherit; color: rgba(0,0,0,1)!important; text-transform: none; padding: 0;} .titulohorario {margin-bottom: 7px; margin-top: 25px;} ul.horariofuncionamento li {margin-bottom: 0;} ul.horariofuncionamento li .destaque {font-weight: bold;} .copyright {background:#000;padding:10px 0;margin-top:20px;} .copyright p {color:#fff;font-size:15px;font-weight:500;} .btn-scrollToTop {position:fixed;bottom:125px;right:0;z-index:9;background:var(--primary-color);cursor:pointer;width:40px;height:40px;border-top-left-radius:6px;border-bottom-left-radius:6px;color:#fff;text-align:center;line-height:40px;font-size:17px;opacity:0;transform:translateX(45px);transition:all ease .5s;} .btn-scrollToTop.active {opacity:1;transform:translateX(0);} /* MOBILE */ @media screen and (max-width:768px){ /* LOJA | ALIMENTAÇÃO */ .mobile-column {flex-direction: column-reverse;} } /* @media screen and (max-width:700px){ */ @media screen and (max-width: 1200px){ /* DEFAULT */ .mln-110 {margin-left:0;} .mrn-110 {margin-right:0;} section {padding:30px 0;} h2, h2.small {font-size:27px;line-height:32px;} /* HEADER */ header .btn_menu {display:block;} header nav {display:none;} header .logo {width:130px;} header .menu_mobile {border-top:1px solid #ddd;margin-top:15px;padding-top:15px;} header .menu_mobile ul {list-style:none;padding:0;margin:0;} header .menu_mobile_ul > li:hover ul {display: block;} .menu_mobile_ul .dropdown-menu {float: initial;} header .menu_mobile ul li {margin-bottom:10px;} header .menu_mobile ul li:last-child {margin-bottom:0;} header .menu_mobile ul li ul {position: relative; border: none;background: #f0f0f0;padding: 10px;width: 100%;margin: 10px 0;} header .menu_mobile ul li ul.active {display: block;} header .menu_mobile ul li a {font-size:18px;} header .menu_mobile ul li ul li a {font-size:15px;} /* FICHA TÉCNICA 1 */ #ficha-tecnica-1 .cards_container {display:block;} #ficha-tecnica-1 .cards_container .card {margin-bottom:30px;aspect-ratio:10/6;} #ficha-tecnica-1 .cards_container .card:last-child {margin-bottom:0;} #ficha-tecnica-1 .card h3 span.big {font-size:50px;} /* EVENTOS */ #eventos .info {margin:10vh 0;} /* FICHA TÉCNICA 2 */ #ficha-tecnica-2 ul {display:block;} /* EVOLUÇÃO */ #evolucao .video_container iframe {height:300px;} /* GALERIA */ #galeria .swiper-slide .legenda {font-size:15px;transform:translateY(100px);} /* LOCALIZAÇÃO */ #localizacao h2 {margin-left:0;} #localizacao iframe {margin-top:30px;} /* FOOTER */ footer img {margin:0 0 10px;} /* LIFE CENTER */ body[pagina="lifecenter"] header .btn_menu {top: -2px;margin-left: 20px;} body[pading="lifecenter"] section {padding:30px 0!important;} body[pagina="lifecenter"] h1 {font-size:19px;line-height:28px;} body[pagina="lifecenter"] h2 {font-size:24px;line-height:36px;} body[pagina="lifecenter"] footer .btn-scrollToTop {display:none;} .box_experiencia {background-position:center;} .lifecenter_image:before {background-repeat:no-repeat;height:calc(100% + 2px);top:-1px;} .lifecenter_image.left:before {background-position:center right;} .lifecenter_image.right:before {background-position:center left;} #lifecenter #banner .container {margin:20vh auto;} .padding-xl {padding:0 0;} .box_experiencia .info {width: 100%;margin: 300px 0 0; padding: 30px;} .swiper-pagination {position: relative;bottom: 0!important;margin-top: 10px;} #experiencias .swiper-pagination-bullet {background:#eee;} #lifecenter .detail {top: 10%;right: 0;left: initial;text-align: right;} #lifecenter .detail img {width:150px;} }