.flex { display: flex; } .flexBetCenter { display: flex; align-items: center; justify-content: space-between; } .flexEndCenter { display: flex; align-items: center; justify-content: flex-end; } .flexEnd { display: flex; align-items: flex-end; } .flexCenter { display: flex; align-items: center; } .flexCenterCenter { display: flex; align-items: center; justify-content: center; } .flexCenterEnd { display: flex; align-items: flex-end; justify-content: center; } .flexWrap { flex-wrap: wrap; } .flexitens li:not(li:last-child) { padding-right: 8px; } .flexitensV li:not(li:last-child) { padding-bottom: 12px; } .imgMax { max-width: 100%; width: 100%; } .imgMaxWid { max-width: 100% } .relative { position: relative; } .transi1s,.transi1s:hover { transition: .1s } .transi2s,.transi2s:hover { transition: .2s } .transi4s,.transi4s:hover { transition: .4s } .onlyMobile { display: none !important; } .onlyDisplay1024 { display: none; } header { padding-top: 24px; width: 100% } header.header-absoluto { position: absolute; z-index: 999999 } header.header-fixo { position: fixed; z-index: 999999 } header .logo-hotpixel { width: 120px; } header .content-header { height: 68px; padding: 0 12px; box-sizing: border-box; transition: .2s } header .bar-menu { flex-grow: 1; padding: 0 12px; box-sizing: border-box; height: 100%; } header .bar-menu .menu-menu-header-container { height: 100%; display: flex; align-items: center; } .menu-header { height: 100%; display: flex; align-items: center; } .menu-header li { padding: 0 12px; height: 100%; display: flex; align-items: center; } .menu-header li a { height: 100%; display: flex; align-items: center; } .Nothumb { position: relative; display: flex; align-items: center; justify-content: center; } .Nothumb .tx { position: absolute; color: #4d4d4d; font-size: 100px; font-weight: 700; } .Nothumb .txMin { position: absolute; color: #4d4d4d; font-size: 50px; font-weight: 700; } .breadcrumb { display: flex; align-items: center; font-size: 14px; } .breadcrumb li:not(li:last-child) { padding-right: 16px; } .breadcrumb .item-current { font-weight: 600 } .card-produto { display: block; position: relative; } .card-produto .thumb { max-width: 100%; width: 100%; display: block; } .card-produto .bar-text { padding: 8px; box-sizing: border-box; display: block; } .card-produto .bar-text .nome-produto { font-size: 18px; line-height: 21px; } .card-produto .bt-mais { position: absolute; bottom: 8px; right: 8px } .card-produto-digital { display: flex; justify-content: center; box-shadow: 0px 0px 37px -3px rgb(0 0 0 / 10%) } .card-produto-digital .content { width: 80%; padding: 24px 0; } .card-produto-digital p { color: #1C1C1D } .card-produto-digital img.thumb-icone { width: inherit !important; } .hero1-single .bar-text { max-width: 850px; display: block; margin: 0 auto; } .hero1-single .bar-text .text { max-width: 60%; } .hero1-single .thumb-produto-hero { width: 100%; background: #cdcdcd; height: 500px; background-size: cover !important; background-position: center !important } .hero1-single-meio .hero1-single-meio-content { display: flex; height: 635px; } .hero1-single-meio .hero1-single-meio-content .bar { width: 50% } .hero1-single-meio .hero1-single-meio-content .bar-text { display: flex; align-items: center; padding: 52px; box-sizing: border-box; background: #F6F6F6; } .hero1-single-meio .hero1-single-meio-content .bar-text .subtitulo,.hero1-single-meio .hero1-single-meio-content .bar-text .subtitulo { padding-top: 16px; } .footer-light .content { padding: 54px 0; } .footer-light .bar-logo { display: flex; justify-content: center; margin-bottom: 24px; } .space-footer-rodape-fixo { height: 67px; display: none; } .single-produtos .space-footer-rodape-fixo { height: 67px; display: block; } .bar-compartilhe-icons { display: flex; align-items: center; } .bar-compartilhe-icons .icon-share { padding-right: 10px; } .bar-compartilhe-icons a { display: block; padding: 0 10px; opacity: .7 } .bar-compartilhe-icons a:hover { opacity: 1 } /* Grades . . . . . . . . . . . . . . . . . . */ .wrapper-4col { display: flex; justify-content: flex-start; } .wrapper-4col .col { width: 25%; } .wrapper-3col { display: flex; justify-content: flex-start; } .wrapper-3col .col { width:33.33%; } .grade3col li { width: 33.33%; } @media ( max-width: 768px ) { .wrapper-4col { flex-wrap: wrap; max-width: 80%; margin: 0 auto } .wrapper-4col .col { width: 50%; padding-bottom: 22px; } .grade4col li { width: 33%; } } @media ( max-width: 600px ) { .wrapper-4col .col { width: 100% } .grade4col li { width: 50%; padding: 0 10px 20px 0; } .grade4col li:nth-child( 1n + 1 ) { padding: 0 0 20px 10px; } .grade3col { max-width: 85%; margin: 0 auto } .grade3col li { width: 100%; padding: 0 0 15px 0 } } /*^Grades . . . . . . . . . . . . . . . . . . */ /* AJUSTES Display . . . . . . . . . . . . . . . . . . */ @media ( max-width: 1024px ) { .noDisplay1024 { display: none !important; } .onlyDisplay1024 { display: block !important; } } @media ( max-width: 768px ) { .noDisplay768 { display: none !important; } .FlexCol768 { flex-direction: column; } .onlyMobile { display: block !important; } header { padding-top: 12px; } header .bar-bts-header { padding-right: 48px; } header .content-header { height: 48px } .breadcrumb { font-size: 12px; } .breadcrumb .item-home { display: none; } .breadcrumb li:not(li:last-child) { padding-right: 14px; } } @media ( max-width: 600px ) { .noDisplay600 { display: none; } .contentMeioDisplayFullMobile { max-width: 100% } .hero1-single .bar-text { max-width: 80%; margin: 0 auto; } .hero1-single .bar-text .text { max-width: 100%; } .hero1-single-meio .hero1-single-meio-content { flex-direction: column; height: inherit; } .hero1-single-meio .hero1-single-meio-content .bar { width: 100%; } .hero1-single-meio .hero1-single-meio-content .bar-text { padding: 28px; min-height: 400px; } .hero1-single-meio .bar-thumb { height: 400px; } .Nothumb .tx { font-size: 60px } .card-produto .bar-text .nome-produto { font-size: 15px; line-height: 19px; } } /* Página de produto . . . . . . . . . . . . . . . . . . */ .produto-hero .content { display: flex; } .produto-hero .bar { width: 50%; } .produto-hero .bar-text-cta { padding: 0 0 0 12px; } .produto-hero .descricao-curta { padding-top: 16px; } .produto-hero-digital .content-hero { width: 100%; display: flex; align-items: center; position: absolute; bottom: -50px; } .produto-hero-digital { margin-bottom: 80px; } .produto-hero-digital .hero-thumb { width: 100%; height: 480px; background: #cdcdcd; background-size: cover !important; } .produto-hero-digital .hero-content { width: 980px; margin: 0 auto; display: flex; align-items: flex-end; } .produto-hero-digital .hero-content .bar { width: 50%; } .produto-hero-digital .hero-content .bar-thumb { padding-bottom: 12px; } .produto-hero-digital .hero-content .subtitulo { padding-top: 12px; } .produto-hero-digital .hero-content .bar-text { background: #F6F6F6; width: 450px; min-height: 360px; padding: 36px; box-sizing: border-box } .produto-hero-digital .hero-content .bts { display: flex; align-items: center; justify-content: flex-end; } .produto-hero-digital .hero-content .bts .bt-cta1 { width: 365px; max-width: inherit; } .bar-bt-cta { display: flex; align-items: center; padding-top: 16px; } .bar-bt-cta li:not(li:last-child) { padding-right: 16px; } .bar-descricao_adicional { padding: 16px 0 0 0; } .table1 { width: 100%; } .table1 tr { border-bottom: #E1E1E1 1px solid } .table1 .item { font-weight: 700; padding: 12px 0; } .bar-carrossel-thumb { position: relative; } .bar-carrossel-thumb .owl-dots { margin-top: 0px !important; } .bar-carrossel-thumb.owl-theme .owl-dots .owl-dot span { width: 5px; height: 5px; transition: .2s; background: #4d4d4d; margin: 3px; } .bar-carrossel-thumb.owl-theme .owl-dots .owl-dot.active span { width: 12px; transition: .2s } .bar-carrossel-thumb-min .current .item { opacity: .3 } .cta-fixo-mobile { position: fixed; width: 100%; left: 0px; bottom: 0px; z-index: 9999; display: flex; justify-content: center; transform: translateY(100px); transition: .2s } .cta-fixo-mobile .bar-bt-cta { padding: 8px 0; } .meio-scroll .cta-fixo-mobile { transform: translateY(0px); transition: .2s } .descricao { padding-bottom: 16px; } .descricao #abasCarrossel { border-bottom: solid 1px #E6E6E6; margin-bottom: 16px; } .descricao #abasCarrossel .owl-stage { display: flex; width: inherit !important; } .descricao #abasCarrossel div.owl-item { width: inherit !important; } .descricao #abasCarrossel .item { height: 100%; } .descricao #abasCarrossel .item span { padding: 20px 30px; display: block; height: 100%; box-sizing: border-box; white-space: nowrap; } .descricao #abasCarrossel .current .item span { font-weight: 700; border-bottom: solid 1px #4D4D4D; } @media ( max-width: 768px ) { .produto-hero-digital .hero-content { width: 90%; } .produto-hero-digital .hero-content .box-cta { padding-left: 12px; box-sizing: border-box; } .produto-hero-digital .hero-content .bar-text { width: 100%; padding: 28px } .produto-hero-digital .hero-content .bts .bt-cta1 { width: 100%; } } @media ( max-width: 600px ) { .produto-hero-digital { margin-bottom: 320px; } .produto-hero-digital .content-hero { bottom: -300px; } .produto-hero .bar-text-cta { padding: 18px 12px; box-sizing: border-box; } .produto-hero .content { flex-direction: column; } .produto-hero .bar { width: 100% } .produto-hero .bar-bt-cta { justify-content: center; } .bar-bt-cta .bt-cta1 { min-width: 250px; max-width: 250px; } .produto-hero-digital .hero-content { flex-direction: column; max-width: 90% } .produto-hero-digital .hero-content .bar { width: 100%; } .produto-hero-digital .hero-content .box-cta { padding-right: 12px; padding-top: 12px; } } /* Archive produto . . . . . . . . . . . . . . . . . . */ .content-archive-produtos { display: flex; } .content-archive-produtos aside { min-width: 250px; max-width: 250px } .menu-categorias-produto a { display: block; padding: 6px 0; opacity: .8 } .menu-categorias-produto a:hover { opacity: 1 } .content-archive-produtos .vitrine { flex-grow: 1 } /* Pushy . . . . . . . . . . . . . . . . . . */ .PushyMax .content { max-width: 480px; margin: 0 auto; padding: 42px 0; } .phones-action { max-width: 264px; padding: 12px 0; } .phones-action li { padding-bottom: 8px; } .pushyMenuMobile .menu-header { display: unset; } .pushyMenuMobile .bts-actions li { width: 100%; } .bar-bts-actions-modal { border-bottom: solid 1px #E6E6E6; padding: 22px 0; margin-bottom: 10px; } .bar-bts-actions-modal a.bt-cta1 { max-width: 100%; font-weight: 400; } .menuMobile a span.sub-arrow { display: flex; align-items: center; justify-content: flex-end; } .menuMobile a span.sub-arrow:before { content: ""; background: url(../img/sub-arrow.svg) no-repeat center; background-size: cover; width: 15px; height: 10px; display: block; transition: .2s } .menuMobile a.highlighted span.sub-arrow:before { transform: rotate(180deg); transition: .2s } .menuMobile.sm-clean a.highlighted .sub-arrow::before { content: ""; } .menuMobile.sm-clean .sub-menu a { font-size: 14px; } @media ( max-width: 600px ) { .PushyMax .content { max-width: 85% } .phones-action { margin: 0 auto; } } /* Outros . . . . . . . . . . . . . . . . . . */ .mark-map { display: flex; align-items: center; } .mark-map:before { content: ""; background: url(../img/ico-map-min.svg) no-repeat center; width: 15px; height: 15px; display: block; margin-right: 6px; } ul.compartilha-redes { display: flex; width: 100%; justify-content: center; } ul.compartilha-redes li a {height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; border-radius: 100px } ul.compartilha-redes li a img { width: 20px; } ul.compartilha-redes li a.link-whatsapp img { width: 30px; } ul.compartilha-redes li a.link-facebook { background: #3A559F } ul.compartilha-redes li a.link-twitter { background: #76A9EA } ul.compartilha-redes li a.link-pinterest { background: #CB2027 } ul.compartilha-redes li a.link-whatsapp { background: #7AD06D } section.pushyCompartilhe-hp2 { background: #00000099 } section.pushyCompartilhe-hp2 .content-full { height: 100%; display: flex; align-items: center; } section.pushyCompartilhe-hp2 .fechar-pushy { position: fixed; top: 25px; right: 25px; } section.pushyCompartilhe-hp2 .fechar-pushy .fechar-menu-icon:hover { transform: rotate(90deg) } ul.compartilha-redes-hp2 { width: 100% } ul.compartilha-redes-hp2 li a { display: flex; align-items: center; width: 100%; height: 122px; padding: 0 20px; box-sizing: border-box; transition: .3s } ul.compartilha-redes-hp2 li a .bar-thumb { margin-right: 20px; min-width: 60px; text-align: center; transition: .3s } ul.compartilha-redes-hp2 li a:hover .bar-thumb { transform: translateX(5px); transition: .3s } ul.compartilha-redes-hp2 li a img { height: 40px; } ul.compartilha-redes-hp2 li a .bar-text { font-size: 38px; color: #fff; transition: .3s } ul.compartilha-redes-hp2 li a:hover .bar-text { transform: translateX(10px); transition: .3s } ul.compartilha-redes-hp2 li a.link-facebook { background: #3A559F } ul.compartilha-redes-hp2 li a.link-twitter { background: #76A9EA } ul.compartilha-redes-hp2 li a.link-pinterest { background: #CB2027 } ul.compartilha-redes-hp2 li a.link-whatsapp { background: #7AD06D } @media ( max-width: 600px ) { section.pushyCompartilhe-hp2 .fechar-pushy { top: 25px; right: 25px; } } /* . . . . Paginação . . . . . . . . . . . . . . */ ul.page-numbers { display: flex; flex-wrap: wrap; justify-content: center; margin: 10px 0 10px 0; width: 100%; border-radius: 5px; padding: 5px; box-sizing: border-box; } .page-numbers a, .page-numbers .current { color: #222; background: #fff; font-weight: 500; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; margin: 0 2px; border-radius: 50px; padding: 0 !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; } .page-numbers a:hover { background: #fafafa; } .page-numbers .current { color: #fff; font-weight: 800; background: #4d4d4d; width: 55px; } .page-numbers .dots { padding: 15px 5px 0px 5px; margin: 0; } .page-numbers a.next, .page-numbers a.prev { background: none; border: 0; box-shadow: none; } .page-numbers a.next img, .page-numbers a.prev img { width: 15px; transition: .2s } .page-numbers a.next:hover { transform: translateX( 2px ); transition: .2s } .page-numbers a.prev:hover { transform: translateX( -2px ); transition: .2s } /* ^. . . . Paginação . . . . . . . . . . . . . . */ .content-dois-col { display: flex; } .content-dois-col-min { max-width: 664px; margin: 0 auto } .content-dois-col .col { width: 50%; padding: 12px; box-sizing: border-box; } @media ( max-width: 600px ) { .content-dois-col { flex-direction: column; } .content-dois-col .col { width: 100% } } /* . . . . Busca . . . . . . . . . . . . . . */ .pushyBusca .content { padding: 32px; } .pushyBusca .bar-search input { width: 100%; height: 58px; box-sizing: border-box; font-size: 16px; font-weight: 600; padding: 0 20px; border: 1px solid #ccc; background: 0; border-radius: 4px; } .pushyBusca .bar-search button { border: 0; background: none; margin: 8px 8px 0 0; } .titSeparaBusca { display: flex; padding: 8px 0; margin: 8px 0 0 0 } .titSeparaBusca span { background: #4d4d4d; color: #fff; border-radius: 100px; padding: 2px 16px; display: flex; align-items: center; justify-content: space-between; min-width: 70px; } .titSeparaBusca span:after { content: ""; background: url(../img/arrow-min-bottom-branca.svg) no-repeat center; width: 8px; height: 12px; display: block; margin-left: 8px; } .serch .card-produto { display: flex; width: 100%; height: inherit; padding: 4px; box-sizing: border-box; align-items: center; } .serch .card-produto .thumb { width: 150px; } /* . . . . Mosaico Produtos & Serviços . . . . . . . . . . . . . . */ .mosaico-produtos .box-mosaico { display: flex; } .mosaico-produtos .box-mosaico .box { width: 50% } .mosaico-produtos .card-destacado { max-width: 514px; height: 518px; margin-right: 40px; display: flex; align-items: center; justify-content: center; background: #F9F7FA; } .mosaico-produtos .card-destacado .content { width: 80%; } .mosaico-produtos .box-cards-mosaico { display: flex; width: 100%; } .mosaico-produtos .box-cards-mosaico .bar-mosaico.bar-solo { display: flex; align-items: center; flex-direction: column; justify-content: center; margin-left: 40px; } .mosaico-produtos .box-cards-mosaico .card-produto-digital.card-margin-top, .mosaico-produtos .bar-mais { margin-top: 50px; } .mosaico-produtos .card-produto-digital { width: 263px; height: 304px; align-items: center; transition: .2s } .mosaico-produtos .card-produto-digital:hover { transform: scale(1.08); transition: .2s } .card-produto-digital .mosaico-produtos .bt-mais { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 100px; background: #EEEEEE; } @media ( max-width: 1200px ) { .mosaico-produtos .box-mosaico .box.box-destaque { width: 40% } .mosaico-produtos .box-mosaico .box.box-mosaico { width: 60% } .mosaico-produtos .box-cards-mosaico .card-produto-digital.card-margin-top, .mosaico-produtos .bar-mais { margin-top: 25px; } } @media ( max-width: 768px ) { .mosaico-produtos .box-cards-mosaico .card-produto-digital { width: 200px; } } @media ( max-width: 600px ) { .mosaico-produtos .box-mosaico { flex-direction: column; } .mosaico-produtos .box-mosaico .box, .mosaico-produtos .box-mosaico .box.box-destaque, .mosaico-produtos .box-mosaico .box.box-mosaico { width: 100%; } .mosaico-produtos .box-cards-mosaico { flex-direction: column; } .mosaico-produtos .card-destacado { max-width: 100%; width: 100%; margin-right: 0px; margin-bottom: 25px; height: inherit; padding: 30px 0; } .mosaico-produtos .box-cards-mosaico .card-produto-digital { width: 100%; min-height: 220px } .mosaico-produtos .box-cards-mosaico .bar-mosaico.bar-solo { margin-left: 0px; margin-top: 25px; } } /* . . . . Depoimentos . . . . . . . . . . . . . . */ .depoimentos-cards .box-carrosssel { width: 920px; margin: 0 auto; display: flex; justify-content: center; } .depoimentos-cards .box-carrosssel:after { content: ""; width: 90%; min-height: 220px; background: #fff; border-radius: 30px; box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.1); display: block; position: absolute; bottom: 25px; opacity: .7 } .depoimentos-cards .box-carrosssel:before { content: ""; width: 80%; min-height: 220px; background: #fff; border-radius: 30px; box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.1); display: block; position: absolute; bottom: 15px; opacity: .3 } .card-depoimentos-card { width: 100%; width: 900px; min-height: 220px; padding: 35px 55px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 30px; box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.1); margin: 10px; } .card-depoimentos-card .content { display: flex; align-items: center; } .card-depoimentos-card .content .bar-thumb { width: 155px; min-width: 155px; padding-right: 22px; } .card-depoimentos-card .content .bar-thumb .thumb { border-radius: 100%; } .card-depoimentos-card cite { display: flex; align-items: center; } .card-depoimentos-card cite:before { content: ""; width: 40px; height: 1px; background: #979797; display: block; margin-right: 6px; } .depoimentos-cards .owl-carousel .owl-stage-outer { z-index: 10; } .depoimentos-cards .owl-theme .owl-nav [class*=owl-] { margin: 1px; } .depoimentos-cards .owl-theme .owl-nav { position: absolute; right: 20px; bottom: 50px; z-index: 10 } .depoimentos-cards-copy .content { display: flex; align-items: center; } .depoimentos-cards-copy .content .bar { width: 50%; } .depoimentos-cards-copy .content .bar-text .text-content { max-width: 500px; padding: 0 20px 16px 0; box-sizing: border-box; } .depoimentos-cards-copy .content .bar-text .gravata { margin-bottom: 18px; } .depoimentos-cards-copy .content .bar-text .subtitulo { margin-top: 12px; } .depoimentos-cards-copy .content .bar-text .paragrafo { margin-top: 24px; } .depoimentos-cards-copy .box-carrosssel { max-width: 550px; } .depoimentos-cards-copy .box-carrosssel .card-depoimentos-card { width: 520px; min-height: 320px; } .depoimentos-cards-copy .carrossel-default .owl-nav { bottom: -10px; right: 10px; } .card-depoimentos-card.card-depoimentos-min { box-shadow: none; border-radius: 0px; width: 100%; padding: 0px; min-height: unset; } .card-depoimentos-card.card-depoimentos-min .content { flex-direction: column; align-items: flex-start; } .card-depoimentos-card.card-depoimentos-min .content .bar-thumb { padding-bottom: 10px; display: flex; align-items: flex-end; } .card-depoimentos-card.card-depoimentos-min .content .bar-thumb .thumb { max-width: 80px; } .aspas-min:before { content: ""; background: url(../img/aspas-min.svg) no-repeat center; width: 30px; height: 22px; display: block; } @media ( max-width: 1024px ) { .depoimentos-cards-copy .box-carrosssel .card-depoimentos-card { width: 450px; min-height: 420px; } } @media ( max-width: 768px ) { .depoimentos-cards .box-carrosssel { width: 600px; } .card-depoimentos-card { width: 100%; width: 570px; min-height: 250px; } .card-depoimentos-card .content .bar-thumb { width: 120px; min-width: 120px; } .depoimentos-cards-copy .box-carrosssel .card-depoimentos-card { width: 350px; min-height: 420px; } } @media ( max-width: 600px ) { .depoimentos-cards .box-carrosssel { width: 95%; } .card-depoimentos-card { width: 355px; min-height: 442px; } .card-depoimentos-card .content { flex-direction: column; justify-content: center; } .depoimentos-cards-copy .content { flex-direction: column; } .depoimentos-cards-copy .content .bar { width: 100% } } /* . . . . Cards Post . . . . . . . . . . . . . . */ .grade-tres-posts { display: flex; flex-wrap: wrap; } .grade-tres-posts { padding: 64px 0; max-width: 1026px; margin: 0 auto } .grade-tres-posts .card-post-light { margin: 0 45px 45px 0; } .grade-tres-posts .card-post-light:nth-child(3n) { margin: 0 0 45px 0; } .card-post-light { width: 312px; height: 304px; background: #fff; border-radius: 12px; box-shadow: 0px 0px 58px -17px rgba(0,0,0,0.2); transition: .2s } .card-post-light:hover { box-shadow: 0px 0px 58px -17px rgba(0,0,0,0.3); transition: .2s } .card-post-light .link1 { padding: 42px 32px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .card-post-light .link1 .gravata { color: #434A57; opacity: .7; padding-bottom: 10px; } .card-post-light .link1 .tx-action { text-transform: uppercase; font-weight: 600; } @media ( max-width: 1024px ) { .card-post-light { width: 30.26%; } } @media ( max-width: 768px ) { .grade-tres-posts .card-post-light { margin: 0 33px 33px 0; height: inherit; min-height: 204px; } .grade-tres-posts .card-post-light:nth-child(3n) { margin: 0 0 33px 0; } } @media ( max-width: 600px ) { .grade-tres-posts { max-width: 90% } .grade-tres-posts .card-post-light { margin: 0 0px 20px 0; } .grade-tres-posts .card-post-light:nth-child(3n) { margin: 0 0 20px 0; } .card-post-light { width: 100%; } } /* . . . .Posts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */ .archive .grade-tres-posts { padding: 34px 0; } .single-post .header-bar-text { max-width: 744px; margin: 0 auto } .single-post .header-bar-text .gravata-compartilhe { display: flex; justify-content: space-between; align-items: center; } .single-post .header-bar-text .gravata { text-transform: uppercase; } .single-post .content-post { padding: 44px 0; } .ico-clock { display: block; margin-right: 8px; width: 16px; height: 16px } .ico-clock:before { content: ""; width: 16px; height: 16px; background: url(../img/ico-clock.svg) no-repeat center; display: block; } /* . . . .Blog . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */ .data-post { display: flex; align-items: center; } .Nothumb span.titNo { position: absolute; top: 0px; left: 0px; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; } .bar-thumb .mascara-hover { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; transform: scale(.99); background: rgb(0,0,0); background: radial-gradient(circle, rgba(0,0,0,0.13554908192090398) 0%, rgba(0,0,0,0.32763947740113) 100%); transition: .2s; pointer-events: none; } .card-mascara-hover:hover .mascara-hover { opacity: .5; transform: scale(1); transition: .2s } .blog-ultimos-posts-sidebar .content { display: flex; justify-content: space-between; } .blog-ultimos-posts-sidebar .bar-last-posts { flex-grow: 1 } .blog-ultimos-posts-sidebar .bar-sidebar { min-width: 326px; max-width: 326px; margin-left: 16px; } .box-posts-blog-1-destaque { display: flex; } .box-posts-blog-1-destaque .bar-destaque { min-width: 360px; padding-right: 24px; } .box-posts-blog-1-destaque .card-destaque { max-width: 360px; } .box-posts-blog-1-destaque .card-destaque .data-post { padding-top: 12px; } .box-posts-blog-1-destaque .card-destaque .bar-thumb { margin-bottom: 6px; } .box-posts-blog-1-destaque .lista-cards li:not(li:last-child) { border-bottom: solid 1px #00000020 } .box-posts-blog-1-destaque .lista-cards .card-min { padding-bottom: 20px } .box-posts-blog-1-destaque .lista-cards li:not(li:first-child) { padding-top: 20px; } .blog-ultimos-posts-sidebar2 .box-posts-blog-1-destaque .bar-destaque { min-width: 600px } .blog-ultimos-posts-sidebar2 .box-posts-blog-1-destaque .card-destaque { max-width: 100% } .blog-ultimos-posts-sidebar2 .box-posts-blog-1-destaque .card-destaque .bar-thumb { min-height: 402px; margin-bottom: 18px; background-size: cover !important; } .blog-ultimos-posts-sidebar2 .box-posts-blog-1-destaque .card-destaque .bar-thumb .thumb-Most { opacity: 0; display: block; } .blog-ultimos-posts-sidebar2 .box-posts-blog-1-destaque .card-destaque .no-thumb { background: #4D4D4D } .blog-ultimos-posts-sidebar2 .bar-cards { flex-grow: 1 } .card-min { display: flex; } .card-min .bar-thumb { max-width: 150px; min-width: 150px; padding-right: 16px; } .card-min .data-post { padding-top: 12px; } .blog-ultimos-posts-sidebar2 .card-min .bar-thumb { max-width: 180px; min-width: 180px; } .lista-posts-mais-lidos .card-mais-lidos { padding-bottom: 30px } .card-mais-lidos a { display: flex; align-items: center; } .card-mais-lidos .bar-num { min-width: 80px; text-align: center; } .card-post-default { max-width: 300px } .card-post-default .bar-thumb { margin-bottom: 14px; } .grade-4posts { display: flex; } .grade-4posts .card-post-default { width: 25%; margin: 0 6px 20px 6px } .card-big-full { width: 100%; height: 318px; background: #fafafa; display: flex; } .card-big-full .bar-thumb { min-width: 318px; width: 318px; } .card-big-full .bar-text .content { padding: 40px; box-sizing: border-box; } @media ( max-width: 1300px ) { .grade-4posts .card-post-default { width: 24%; max-width: 24%; margin: 0 4px 12px 4px } .grade-4posts.flexWrap .card-post-default { margin: 0 3px 12px 3px } } @media ( max-width: 1100px ) { .blog-ultimos-posts-sidebar .bar-sidebar { max-width: 250px; min-width: 250px; } .blog-ultimos-posts-sidebar2 .box-posts-blog-1-destaque .bar-destaque { min-width: 500px; } } @media ( max-width: 768px ) { .box-posts-blog-1-destaque { flex-direction: column } .box-posts-blog-1-destaque .bar-destaque { padding-right: 0px; border-bottom: solid 1px #00000020; margin-bottom: 20px; padding-bottom: 20px; min-width: 100%; } .box-posts-blog-1-destaque .card-destaque { max-width: 100%; } .blog-ultimos-posts-sidebar .bar-sidebar { max-width: 300px; min-width: 300px; } .blog-ultimos-posts-sidebar2 .box-posts-blog-1-destaque .bar-destaque { min-width: 100% } .blog-ultimos-posts-sidebar2 .box-posts-blog-1-destaque .card-destaque .bar-thumb { min-height: 300px; } } @media ( max-width: 600px ) { .blog-ultimos-posts-sidebar .content { flex-direction: column; } .card-min .bar-thumb { max-width: 100px; min-width: 100px; padding-right: 10px; } .blog-ultimos-posts-sidebar .bar-sidebar { margin-left: 0px; max-width: 100%; } .blog-ultimos-posts-sidebar2 .card-min .bar-thumb { max-width: 120px; min-width: 120px; } .card-post-default .bar-thumb { margin-bottom: 6px; } .grade-4posts { flex-direction: column } .grade-4posts .card-post-default { width: 100%; max-width: 100%; margin: 0 0px 32px 0px } .card-min .data-post,.box-posts-blog-1-destaque .card-destaque .data-post { padding-top: 6px; } .card-big-full { flex-direction: column; height: inherit; } .card-big-full .bar-thumb { min-width: 100%; width: 100%; } .card-big-full .bar-text .content { padding: 8px 30px 30px 30px } } /* . . . .Bloco Cadastro News . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */ .bloco-cadastro-news { background: #fafafa; display: flex; align-items: center; min-height: 600px } .bloco-cadastro-news .content { display: flex; justify-content: center; } .bar-content-cadastro-news { max-width: 405px } .bar-content-cadastro-news .bar-input { padding-top: 38px; } .bar-content-cadastro-news .bar-input ul.wpuf-form .wpuf-label { margin-bottom: 2px; } .bar-content-cadastro-news .bar-input ul.wpuf-form label { font-size: 14px; } .bar-content-cadastro-news .bar-input ul.wpuf-form input[type=email] { width: 100% !important; border: 0 !important; border-bottom: solid 2px #4d4d4d !important; height: 40px; font-size: 16px; background: none !important; box-shadow: none !important; padding: 0 !important } .bar-content-cadastro-news .bar-input ul.wpuf-form input[type=email]::placeholder { color: #4d4d4d } .bar-content-cadastro-news .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit] { border: 0px; text-shadow: none; box-shadow: none; height: 48px; min-width: 190px; } @media ( max-width: 600px ) { .bar-content-cadastro-news { max-width: 80%; } } /* . . . .Footer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */ ul.link1f li:first-child,.tit-link1f { font-size: 15px; font-weight: 700; } .link1f ul li:first-child { padding-bottom: 10px; font-size: 15px; font-weight: 700; } .bt-cta-loja { display: flex; align-items: center; } .bt-cta-loja .bar-thumb { margin-right: 8px } .bt-f-contato { display: flex; align-items: center; height: 40px; width: 200px; } .bt-f-contato .bar-thumb { margin-right: 8px } .bt-f-contato .bar-thumb img { display: block; } .bar-bts-contato { padding-top: 18px; } .bar-bts-contato li { padding-bottom: 8px; } /* . . . .owl Carrossel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */ .reels-default.owl-theme .owl-dots .owl-dot span { border-radius: 0px; width: 30px; height: 3px; margin: 5px 1px; background: #ffffff50 } .reels-default.owl-theme .owl-dots .owl-dot.active span { background: #fff } .reels-default.owl-theme .owl-nav [class*=owl-]:hover { background: none; } /* . . . .banners . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */ .ad_banner { display: flex; justify-content: center; padding: 14px 0; } .ad_banner .banner { max-width: 100% } .ad_banner_mobile { display: none !important; } .ad_banner img { width: 100%; max-width: 100% } .reels-banners.reels-default .ad_banner { padding: 0px; } .reels-banners.reels-default.owl-theme .owl-dots { position: absolute; bottom: 20px; width: 100%; display: flex; justify-content: center; } @media ( max-width: 600px ) { .ad_banner_desktop { display: none !important; } .ad_banner_mobile { display: block !important; } } /* . . . .carrosséis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */ .bar-carrossel-post { max-width: 1100px; height: 580px; display: block; background: #000; margin: 0 auto } .bar-carrossel-post .card { display: flex; width: 100%; height: 580px; display: flex; align-items: center; justify-content: center; } .bar-carrossel-post .card .thumb-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-size: cover !important; filter: blur(40px); opacity: .8 } .bar-carrossel-post .thumb { max-width: 100%; max-height: 580px; width: auto !important; position: sticky; z-index: 1 } .bar-carrossel-post.reels-default .owl-nav { width: 100%; display: flex; justify-content: space-between; position: absolute; top: 49% } @media ( max-width: 600px ) { .bar-carrossel-post,.bar-carrossel-post .card { height: 400px; } .bar-carrossel-post.reels-default .owl-nav { display: none; } } /* . . . . Contato Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */ .contato-page .content { max-width: 800px; margin: 0 auto; padding-bottom: 80px; } .contato-page .content .texto-acao { padding-top: 22px; } .contato-page .content .phones-action { max-width: 100% } .contato-page .content .bar-form { padding-top: 22px; } .contato-page .content .bar-form .box-form { padding-top: 16px; } /* Formulários F F F F F F F F F F F F F F F F F F F F F F F F F F F F F F F F */ input:focus { border: 0; outline: 0; } .bar-busca { transition: .2s } .bar-busca.focused { box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px; transition: .2s } .formulario-secundary input[type=text], .formulario-secundary input[type=email], .formulario-secundary input[type=date], .formulario-secundary input[type=time], .formulario-secundary textarea, .formulario-secundary select { background: #F3F3F3; border: 0; } .formulario-secundary input[type=date], .formulario-secundary input[type=time] { height: 52px; font-family: 'Open Sans', sans-serif; padding: 17px 8px; } .formulario-secundary input::placeholder, .formulario-secundary textarea::placeholder { color: #4D4D4D; } .formulario-secundary ul.wpuf-form li { margin-bottom: 12px !important; } .formulario-primary ul.wpuf-form { display: flex; flex-wrap: wrap; justify-content: space-between; } .formulario-primary ul.wpuf-form li.metade { width: 48.5%; } .formulario-primary label { font-size: 14px; line-height: 19px; display: block; margin-bottom: 8px; } .formulario-primary input, .formulario-primary textarea, .formulario-primary select { width: 100%; font-size: 16px; padding: 17px; border-radius: 5px; border: solid 1px #E1E1E1; box-sizing: border-box; font-family: 'Open Sans', sans-serif; } .formulario-primary fieldset { padding-bottom: 12px; } .formulario-primary .wpuf-radio-inline input { width: inherit; } .formulario-primary select { height: 54px; } .formulario-primary textarea { min-height: 120px; } .formulario-primary ::placeholder { color: #4d4d4d; } .formulario-primary ul.wpuf-form li { padding: 0; margin-bottom: 18px; width: 100%; } .formulario-primary ul.wpuf-form li .wpuf-label { font-weight: normal; } .formulario-primary ul.wpuf-form li .wpuf-label .required { font-size: 9px; } .formulario-primary ul.wpuf-form li.has-error { padding: 5px; border-radius: 5px; } .formulario-primary .wpuf-error-msg { font-size: 13px; padding: 5px 0; color: red; } .formulario-primary ul.wpuf-form .wpuf-submit .wpuf-errors { display: none; } .formulario-primary ul.wpuf-form .nome_produto { background: #fab1a0; padding: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 0px; } .formulario-primary ul.wpuf-form .nome_produto label { font-weight: 600; color: #333; display: none; } .formulario-primary ul.wpuf-form .nome_produto input { background: none; border: 0; text-align: center; font-weight: bold; font-size: 12px; line-height: 16px; pointer-events: none; } .formulario-primary ul.wpuf-form .nome_produto ::placeholder { color: #fff; font-weight: normal; } .formulario-primary ul.wpuf-form li .wpuf-fields .wpuf-help { font-style: normal; line-height: 17px; } .formulario-primary button { width: 100%; border: 0; } .link_robo { background: url(../img/verify.svg) no-repeat #E1E1E1; background-position: 50px center; color: #333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 20px 0; text-align: center; display: block; font-size: 13px; text-decoration: underline; } .okrobo { background: #00b894 !important } /* formulário : : : : : : : : : : : : : : : : : */ .Formulario { background: #f1f1f1; padding: 20px; border-radius: 5px; margin: 0 32px; } .Formulario input, .Formulario textarea, .Formulario select { width: 100%; font-size: 1em; padding: 1em; border: solid 1px #d5d5d5; box-sizing: border-box; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .Formulario select { height: 53.3px; } .Formulario .button { background: linear-gradient(306deg, rgba(142,205,101) 0%, rgba(118,171,83) 100%); color: #fff; font-size: 18px; font-weight: 600; box-shadow: 0px 10px 7px -4px rgb(0 0 0 / 10%), inset 0px -11px 0px -7px rgb(0 0 0 / 20%); transition: .2s } .Formulario .button:hover { box-shadow: 0px 10px 7px -4px rgb(0 0 0 / 10%), inset 0px -11px 0px -7px rgb(0 0 0 / 0%); transition: .2s } /* Formulários wpuf . . . . . . . . . . . */ .Formulario .wpuf-label { font-size: 14px; } .Formulario ul.wpuf-form li.has-error { padding: 5px; border-radius: 5px; margin-bottom: 8px; } .Formulario .wpuf-error-msg { font-size: 13px; padding: 5px 0; color: red; } .Formulario .Form-wpuf label { margin-bottom: 0px; font-weight: normal; font-size: .85em; line-height: 1.2em; } .Formulario .wpuf-form { display: flex; flex-wrap: wrap; justify-content: space-between; } .Formulario ul.wpuf-form li { margin-bottom: 0px; padding: 5px; width: 100%; } .Formulario ul.wpuf-form li.duplo { width: 48.5%; } .Formulario ul.wpuf-form li.triplo { width: 32%; } .Formulario .Form-wpuf input, .Form-wpuf textarea, .Form-wpuf select { padding: .8em; } .Formulario .Form-wpuf h2 { display: inline-block; font-size: 1em; text-transform: uppercase; font-weight: 800; } .Formulario .wpuf-submit-button { background: #028844; color: #fff; } .Formulario .wpuf-success { text-align: center; border: 0; font-size: 14px; line-height: 19px; } /* Single Produto . . . . . . . . . . . . . . . . . . */ .heroProdutoSingle { display: flex; } .heroProdutoSingle .bar-thumb { width: 50% } .heroProdutoSingle .bar-textCTA { width: 50% } .heroProdutoSingle .bar-price-cta { padding-top: 46px; } .heroProdutoSingle .bar-price { display: flex; } .heroProdutoSingle .bar-price .priceDe .priceLabel { text-decoration: line-through } .heroProdutoSingle .bar-thumb .Fotos { margin-right: 26px; box-sizing: border-box; max-width: 750px } .heroProdutoSingle .bar-thumb .Fotos .ImagensPequenas { padding-top: 8px; } .heroProdutoSingle .bar-thumb .Fotos .ImagensPequenas .item { display: flex; justify-content: center; align-items: center; padding: 4px; box-sizing: border-box; border: solid 1px #fff; } .heroProdutoSingle .bar-thumb .Fotos .ImagensPequenas .current .item { border: solid 1px #979797; } .heroProdutoSingle .bar-thumb .Fotos .ImagensPequenas img { max-width: 80px } .heroProdutoSingle .bar-thumb .Fotos #thumbs { display: flex; justify-content: center; } .heroProdutoSingle .owl-theme .owl-dots .owl-dot span { width: 6px; height: 6px; margin: 4px; } .heroProdutoSingle .ImagensGrandes .owl-theme .owl-dots { display: none; } .bar-cta-fixo { display: block; position: fixed; width: 100%; height: 67px; left: 0px; bottom: 0px; z-index: 9999; display: flex; justify-content: center; align-items: center; transform: translateY(100px); transition: .2s; background: #F9F9F9 } .meio-scroll .bar-cta-fixo { transform: translateY(0px); transition: .2s } .single-produtos, .single-especialidades, .single-products { padding-bottom: 67px; } .heroProdutoSingle .nome-produto { font-size: 44px; line-height: 48px; font-weight: 700; display: block; } .heroProdutoSingle .subtitulo { font-size: 18px; line-height: 28px; display: block; margin-top: 10px; } .heroProdutoSingle .bar-resumo { padding-top: 30px; } @media ( max-width: 1100px ) { .heroProdutoSingle .bar-thumb .Fotos .ImagensPequenas img { max-width: 60px } } @media ( max-width: 600px ) { .wrapper-full.heroProdutoSingle { flex-direction: column; max-width: 100% !important } .heroProdutoSingle,.heroProdutoSingle .bar-textCTA { width: 100%; max-width: 96%; margin: 0 auto; padding-top: 16px } .heroProdutoSingle .bar-thumb { width: 100%; } .heroProdutoSingle .bar-thumb .Fotos { margin-right: 0px; } .heroProdutoSingle .bar-thumb .Fotos .ImagensPequenas { display: none; } .heroProdutoSingle .ImagensGrandes .owl-theme .owl-dots { display: block; } .heroProdutoSingle .bar-bt-cta { margin: 0 auto } .heroProdutoSingle .nome-produto { font-size: 24px; line-height: 30px } .heroProdutoSingle .subtitulo { font-size: 16px; line-height: 24px } .heroProdutoSingle .bar-price-cta { max-width: 300px; margin: 0 auto; padding-top: 26px } .pushyCTAProduto .bar-action .phones-action { flex-direction: column; } } /* Design Cards Itens . . . . . . . . . . . . . . . . . . . . . . . */ .reels-tresmeio { max-width: 1250px; margin: 0 auto } .reels-tresmeio .card-item-image { width: 380px; display: block; background: #fff } .card-item-image { box-shadow: 1px 1px 15px 0 rgba(0,0,0,.03); border: solid 1px #ddd; } .card-item-image .bar-text { padding: 25px; box-sizing: border-box; } .card-item-image .bar-cta { padding: 0 25px 25px } .card-item-image:hover { box-shadow: 0 5px 30px rgba(0,0,0,.05); } .reels-tresmeio .card-item-light { width: 380px; min-height: 380px; } .card-item-light { padding: 62px 44px 22px 44px; box-sizing: border-box; background: #fff; border: solid 1px #ddd; border-radius: 4px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; transition: box-shadow .3s ease-out; will-change: box-shadow } .card-item-light .bar-thumb .thumb { border-top-right-radius: 8px; border-top-left-radius: 8px; } .card-item-light .bar-text { color: #000; padding-bottom: 18px; } .card-item-light .bar-text .nomeService { } .card-item-light .bar-text .subtitulo { padding-top: 6px } .card-item-light .bar-cta { padding-top: 18px; position: absolute; bottom: 22px } .card-item-light .bar-icon { margin-bottom: 12px; } .card-item-light .bar-icon .icon { width: auto; height: 62px; } .card-item-light:hover { box-shadow: 0 5px 30px rgba(0,0,0,.05) } .card-item-light:hover .bt-cta-min { background: #fff } .card-item-light:hover .bt-cta-min:after { right: 36px; transition: .2s } .card-item-light:hover .bt-cta-min:before { opacity: 1; transition: .2s } .card-item-light:hover { background: #fff } .card-item-light:hover .bar-text { color: #000; } @media ( max-width: 1100px ) { .reels-tresmeio .card-item-image, .reels-tresmeio .card-item-light { width: 100%; max-width: 340px; } } @media ( max-width: 600px ) { .reels-tresmeio .card-item-image, .reels-tresmeio .card-item-light { width: 100%; max-width: 220px; padding: 14px; } .carrossel-cards-servicos .owl-item .cardC { margin-left: 8px; } } /* . . . . . . . Modal Vídeo . . . . . . . . . . . . */ #video-wrap:not(.active) {opacity: 0; visibility: hidden; } #video-wrap .video-overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #video-wrap .video-container {width: 95%; transition: all 0.3s ease-in-out; transform: scale(0.9); } #video-wrap .close-video { background: url(../img/close-branco.svg) no-repeat center; width: 16px; height: 16px; display: block; border: 0; position: absolute; top: 3%; right: 3%; transition: .2s } #video-wrap .close-video:hover { transform: rotate(180deg); transition: .2s } #video-wrap video, #video-wrap iframe { position: relative; z-index: 10; border-radius: 0px; box-shadow: 0 0 19px rgba(0, 0, 0, 0.16); width: 100%; height: 100vh; max-height: 90vh; background-color: #000; } #video-wrap video { object-fit: cover; } #video-wrap.active { opacity: 1; visibility: visible; position: fixed; left: 0; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 12px; box-sizing: border-box; height: 100vh; display: flex; transition: all 0.3s ease-in-out; z-index: 99999; align-items: center; justify-content: center; } #video-wrap.active .video-container { transform: scale(1); } @media (max-width: 1659px) and (min-width: 1330px) { #video-wrap .video-container {max-width: 90%; } } @media (min-width: 1660px) { #video-wrap .video-container {max-width: 90%; } } @media ( max-width: 600px ) { #video-wrap.active { padding: 0; } #video-wrap .video-container { max-width: 100%; } #video-wrap video, #video-wrap iframe { height: 400px; max-height: 100vh; } }