body, html { height: 100%; }
.hotpixel { display: none; }

/* botões . . . . . . . . . . . . . . . . . */

.bt-seta { display: flex; justify-content: center; align-items: center; height: 48px; border-radius: 100px; max-width: 240px; padding: 0 24px; white-space: nowrap; }
.bt-seta-black { background: #000; color: #fff; }
.bt-seta-black:after { content: ""; background: url(../img/arrow-r-branca.svg) no-repeat center; width: 18px; height: 18px; display: inline-block; background-size: cover; margin-left: 12px; }
.bt-seta-black:hover { background: #E02020 }
.bt-seta-blue { background: #0B438B; color: #fff; }
.bt-seta-blue:after { content: ""; background: url(../img/arrow-r-branca.svg) no-repeat center; width: 18px; height: 18px; display: inline-block; background-size: cover; margin-left: 12px; }
.bt-seta-blue:hover { background: #08336D }
.bt-seta-branco { background: #fff; color: #000; border: inset 2px #000; }
.bt-seta-branco:after { content: ""; background: url(../img/arrow-r.svg) no-repeat center; width: 18px; height: 18px; display: inline-block; background-size: cover; margin-left: 12px; }
.bt-seta-visitar:after { content: ""; transform: rotate(-45deg); } 
.bt-seta-visitar:hover { background: #FFEAEA; border: solid 2px #FFEAEA; }
.bt-seta-samples:after { content: ""; background: url(../img/arrow-r-branca.svg) no-repeat center; width: 18px; height: 18px; display: inline-block; background-size: cover; margin-left: 12px; transition: .2s }
.bt-seta-samples:hover:after { transform: rotate(-45deg); transition: .2s }
.tag-label-bt { cursor: pointer; }

.bt-red { border: solid 2px #E02020; color: #E02020; border-radius: 100px; padding: 4px 18px; white-space: nowrap; display: inline-block; }
.bt-red:hover { background: #E02020; color: #fff }

.bt-red-line { border: solid 2px #fff; color: #fff; border-radius: 100px; padding: 4px 18px; white-space: nowrap; display: inline-block; }
.bt-red-line:hover { background: #E02020; border: solid 2px #E02020; }

.bt-line-blue { border: solid 2px #fff; color: #fff; border-radius: 100px; padding: 4px 18px; white-space: nowrap; display: inline-block; }
.bt-line-blue:hover { background: #1262D6; border: solid 2px #1262D6; color: #fff }

.bt-black-line { border: solid 2px #4d4d4d; color: #4d4d4d; border-radius: 100px; padding: 4px 18px; white-space: nowrap; display: inline-block; }
.bt-black-line:hover { background: #4d4d4d; color: #fff }

@media ( max-width: 768px ) {
.bt-seta-samples:after { width: 12px; height: 12px; }
}


/* Header . . . . . . . . . . . . . . . . . */
.header-default { z-index: 1000;  height: 80%; box-sizing: border-box; position: absolute; top: 0; left: 0; transition: .4s }
.scrollDesce .header-default { position: fixed; height: 100px; transform: translateY(-100px); transition: .4s }
.header-default .content { width: 100%; padding: 100px 100px 0; box-sizing:  border-box; }
.scrollDesce .header-default .content { pointer-events: inherit; }
.scrollDesce .header-default .content { pointer-events: inherit; }
.header-default .content .logo-menu { display: flex; justify-content: space-between; align-items: center; }
.scrollDesce .logo { transform: translateY(-100px); }
.add-menu,.fechar-menu-icon { width: 29px; }
.add-menu:hover line { stroke: #E02020 }
.add-menu:hover { transform: rotate(-90deg); }
.scrollDesce .menu-add { transform: translateX(50px); display: block; }
.logo-branco, .logo-blue { display: none; }

.black-page .header-default { background: none; }
.black-page .logo-branco { display: block; }
.black-page .logo-black { display: none; }
.black-page .add-menu line { stroke: #fff }
body.meio-scroll.black-page .add-menu line { stroke: #000 }

.nav-header { display: none; }
.nav-header { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #E02020; z-index: 999999 }
.nav-header.active-menu { display: block; }
body.active-menu { overflow: hidden; }
.logo-fechar { display: flex; justify-content: space-between; padding: 124px 100px 20px 100px }
.nav-header .link-h { color: #fff; display: block; padding: 6px 0; transition: .2s }
.nav-header .link-h:hover { font-weight: 700; transition: .2s }
.nav-header .menu-header { display: flex; align-items: center; flex-direction: column; }
.fechar-menu-icon:hover { transform: rotate(90deg) }
.scrollDesce .fechar-menu { transform: translateX(50px) }
.scrollDesce .nav-header .logo-fechar { padding-top: 24px; }

.wrapper-section-header { height: 400px; display: block; pointer-events: none; }
.pageCTA .header-default { height: unset; z-index: 1000 }
.page-template-page-criacao-sites-medicos .logo-branco { display: none; }
.page-template-page-criacao-sites-negocios-locais .logo-blue, .page-template-page-criacao-sites-negocios-locais .logo-branco { display: none; }
.page-template-page-criacao-sites-negocios-locais .logo-black { display: block; }
.page-template-page-criacao-sites-negocios-locais .add-menu line { stroke: #E02020 }
.page-template-page-criacao-sites-medicos .logo-blue { display: block; }

@media ( max-width: 1250px ) {
.header-default .content { padding: 100px 50px 0 }
.scrollDesce .menu-add,.scrollDesce .fechar-menu  { transform: translateX(10px); }
}

@media ( max-width: 768px ) {
.nav-header .logo-fechar { padding: 124px 50px 20px 50px }
}

@media ( max-width: 600px ) {
.header-default { height: 80% }
.header-default .content { padding: 10px 25px 0 }
.scrollDesce .header-default .content { padding: 100px 25px 0 }
.scrollDesce .menu-add,.scrollDesce .fechar-menu { transform: translateX(0px); }
.add-menu,.fechar-menu-icon { width: 21px; }
.logo-fechar { padding: 24px 25px 20px 25px }
}

/* Heros . . . . . . . . . . . . . . . . . */

.hero-page { position: absolute; width: 100%; height: 70%; z-index: 999; pointer-events: none;  }
.pageCTA .hero-page { pointer-events: unset; }
.scrollDesce .hero-page,.wrapper-hero-full.wrapper-hero-full-single-services { transform: translateY(-300px) }
.hero-page .content { display: flex; align-items: center; justify-content: center; height: 100%; }
.hero-page .content-slogan { text-align: center; }
.hero-page .content-slogan .title { font-size: 44px; line-height: 42px }
.hero-page .content-slogan .title span { display: block; }
.hero-page .content-slogan .title500 { font-weight: 500; }
.hero-page .bar-tag { display: flex; justify-content: center; align-items: center; padding-bottom: 16px; }
.hero-page .bar-tag .label { margin-right: 8px; }
.hero-page .bar-content-texts { display: flex; flex-direction: column; justify-content: space-between; height: 100% }
.hero-page .bar-content-texts .content-slogan { padding-top: calc(var(--vh, 1vh)*10 - .60vw) }
.hero-page.hero-page-single-service { height: 100% }
.hero-page .hero-services { display: flex; justify-content: space-between; align-items: center; }
.hero-page .hero-services .texts { max-width: 568px; padding-right: 10px; box-sizing: border-box; }
.hero-page .hero-services .tit { font-size: 54px; line-height: 60px; font-weight: 700 }
.hero-page .hero-services .subtit { font-size: 22px; line-height: 30px; font-weight: 500; padding-top: 18px }
.hero-page .hero-services .bar-cta-hero { padding-top: 22px; }
.hero-page .hero-services .thumb-gmn .pic { position: absolute; bottom: -50px; left: -125px; }
.hero-page .hero-services .thumb-gmn .pic .pic-thumb { width: 100%; max-width: 256px }
.hero-page .hero-services .thumb-sf-gmn { width: 100%; max-width: 328px }
.hero-page .hero-services .thumb-gmn .pic-nl { position: absolute; bottom: -50px; left: -55px; }
.hero-page .hero-services .thumb-gmn .pic .pic-thumb-nl { max-width: 262px; width: 100% }

.hero-full { width: 100%; height: 100%; background: #3F2B87; position: fixed; }
.meio-scroll .hero-full {  }
.wrapper-hero-full { height: 130%; display: block; pointer-events: none; }
.wrapper-hero-full.wrapper-hero-full-single-services { height: 100% }
.hero-full .card-hero-full { width: 100%; height: 100%; min-height: 100vh }
.hero-full .bar-h-info { position: fixed; left: 0; bottom: 80px; width: 100%; display: block; }
.hero-full .owl-dots { position: absolute; top: 0; width: 100%; display: flex; justify-content: center; }
.video-card-hero { height: calc(100% + 1px); width: calc(100% + 1px); object-fit: cover; min-height: 100vh }
.hero-full .card-hero-full .thumb-card-work { width: 100%; height: 100%; display: block; min-height: 100vh; background-size: cover !important; }
/*.hero-full-services { background: url(../img/capas-servico-fractal-black.webp) no-repeat center; background-size: cover; }*/
.bar-logo-cliente { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.bar-logo-cliente .work-logo { max-width: 300px; width: unset !important; }

.hero-page.hero-page-single-service.hero-site-medico { background: #F8F9FA }
.hero-full-site-medico { background: #F8F9FA }
.hero-site-medico.hero-page .bar-content-texts { align-items: center; justify-content: flex-end; } 
.hero-site-medico.hero-page .bar-logo { padding-bottom: 60px; }

.hero-full-site-nl { background: #F8F9FA }


@media ( max-width: 768px ) {
.hero-page .hero-services .tit { font-size: 44px; line-height: 50px }
.hero-page .hero-services .thumb-gmn .pic { bottom: -150px; left: -35px; }
.hero-page .hero-services .thumb-gmn .pic-nl { bottom: -250px }
}

@media ( max-width: 600px ) {
.scrollDesce .hero-page  { transform: translateY(-500px) }
.scrollDesce .hero-page-single-service  { transform: translateY(-50px) }
.hero-page-single .content-slogan .title { font-size: 24px; line-height: 30px; }
.hero-page .bar-content-texts .content-slogan .title { font-size: 30px; line-height: 34px }
.bar-logo-cliente .work-logo { max-width: 150px }

.hero-page.hero-page-single-service { height: unset; }
.hero-page .content.content-services { height: inherit; }
.hero-page .hero-services { flex-direction: column; padding-top: 150px }
.hero-page .hero-services .tit { font-size: 30px; line-height: 38px }
.hero-page .hero-services .subtit { font-size: 18px; line-height: 25px; }
.hero-page .hero-services .bar-thumb { padding-top: 60px; }
.hero-page .hero-services .thumb-gmn .pic { bottom: -50px; left: -35px; }
.hero-page .hero-services .thumb-gmn .pic-nl { bottom: -50px; left: -40px; }

.wrapper-hero-full-single-services.wrapper-hero-full { height: 150% }

}

/* ui layout . . . . . . . . . . . . . . . . . */

.wrapper-media { max-width: 1250px; margin: 0 auto }
.wrapper-600 { max-width: 600px; margin: 0 auto }
.wrapper-h { width: 100%; padding: 0 100px; box-sizing: border-box; }
.wrapper-content-sidebar-services { background: #fff; position: sticky; z-index: 10  }
.space-h { display: block; height: 100px; pointer-events: none; }
.space-h-min { display: block; height: 50px; pointer-events: none; }
.content-main { background: #fff; z-index: 10; position: sticky; width: 100%; }
.content-main-black { background: #000 }
.h-info-bar { display: flex; justify-content: space-between; align-items: center; }
.h-info-bar .h-info-bar-left { display: flex; align-items: center; margin-right: .5em }
.h-info-bar .h-info-bar-left .label { margin-left: .5em }
.tag-label { border: solid 2px #000; color: #000; border-radius: 100px; padding: 4px 18px; white-space: nowrap; display: inline-block; }
.h-info-bar .label { color: #000 }
.bar-h-info .space-line { height: 1px; background: #000; margin-bottom: calc(16.4px + 1.125vw); }
.tag-hotpixel { width: 44px; height: 44px; border: solid 2px #000; display: flex; align-items: center; justify-content: center; border-radius: 100px;  }

.bar-branca .tag-label { border: solid 2px #fff; color: #fff; }
.bar-branca .tag-label.tag-label-bt:hover { background: #fff; color: #000; border: solid 2px #fff; }
.bar-branca .label { color: #fff; }
.bar-branca .space-line { background: #fff; }

.seta-r { background: url(../img/arrow-r.svg) no-repeat center; width: 14px; height: 14px; display: inline-block; background-size: cover; }
.oolhe { position: sticky; top: calc(var(--vh, 1vh)*50 - 12.29167vw); background: url(../img/work.svg) no-repeat center; height: 400px; width: 100%; background-size: contain; display: block; }
.work-branco { position: sticky; top: calc(var(--vh, 1vh)*50 - 12.29167vw); background: url(../img/work-branco.svg) no-repeat center; height: 400px; width: 100%; background-size: contain; display: block; }
.contato { background: url(../img/contato.svg) no-repeat center; height: 400px; width: 100%; background-size: contain; display: block;  }
.the_work { position: sticky; top: calc(var(--vh, 1vh)*10 - 12.29167vw); background: url(../img/the_work.svg) no-repeat center; height: 280px; width: 100%; background-size: contain; display: block; }
.mobile { position: sticky; top: calc(var(--vh, 1vh)*10 - 12.29167vw); background: url(../img/mobile.svg) no-repeat center; height: 280px; width: 100%; background-size: contain; display: block; }
.proximo { position: sticky; top: calc(var(--vh, 1vh)*10 - 12.29167vw); background: url(../img/proximo.svg) no-repeat center; height: 480px; width: 100%; background-size: contain; display: block; pointer-events: none; }
.google { background: url(../img/google-logo.svg) no-repeat center; height: 660px; width: 100%; background-size: contain; display: block; }

.bar-text-1000 { max-width: 1000px; margin: 0 auto }
.bar-default-text { max-width: 920px; margin: 0 auto }
.bar-cta { width: 100%; display: flex; justify-content: center; align-items: center; }
.bar-cta .label { padding-right: 8px; }

.mosaico-thumbs .bar-thumbs { max-width: 1250px; margin: 0 auto }
.mosaico-thumbs .bar-col-thumbs { display: flex; align-items: center; justify-content: space-between; }
.mosaico-thumbs .bar-col-thumbs .col { width: 50%; }
.mosaico-thumbs .bar-col-thumbs .col-thumb { display: flex; align-items: center; }
.mosaico-thumbs .thumb { display: block; }

.thumb-device-mobile { display: flex; justify-content: center; }
.thumb-device-mobile .thumb { max-width: 610px; }

.thumb-center { display: flex; justify-content: center; }
.thumb-beneficios-site-medico { width: 100%; max-width: 781px; }

.list-ferramenta li { display: flex; justify-content: space-between; border-bottom: dotted 1px #000; padding: 12px 30px; box-sizing: border-box; }
.list-ferramenta .ferramenta { text-align: right; padding-right: 8px; }

.next-post-work { background: #000 }
.next-post-work .bar-card .card-work { margin: 0 auto }

.bar-grade-mais-quatro .space-line { width: 100%; height: 1px; background: #000; display: block; }
.grade-mais-quatro { display: flex; justify-content: space-between; }
.grade-mais-quatro .col { width: 49%; padding: 50px 0 }
.grade-mais-quatro .col .bar-text { max-width: 470px; margin: 0 auto }
.grade-mais-quatro .space-line-v { width: 1px; background: #000; }
.grade-mais-quatro .col-thumb { display: flex; align-items: center; }

.card-recurso { width: 560px; height: 560px; background: #000; padding: 154px 54px 54px 34px; box-sizing: border-box; border-radius: 18px; }
.card-recurso .tag-number { border: solid 2px #4d4d4d; width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; border-radius: 100px; margin-bottom: 20px;  }
.carrossel-recursos-medico .card-recurso { background: #F3F3F3 }

.reels-default .bt-nav { background: url(../img/arrow-r.svg) no-repeat center; width: 18px; height: 18px; display: block; }
.reels-default .bt-nav.nav-prev { transform: rotate(180deg); }
.reels-default.owl-theme .owl-nav { position: absolute; top: -50px; padding: 0 100px; box-sizing: border-box; }

.bar-thumb-big { max-width: 50% }
.bar-thumb-big-right { display: flex; justify-content: flex-end; }

.device-mobile-redes-sociais { max-width: 600px; margin: 0 auto }
.device-mobile-redes-sociais .bar-logos { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; }
.device-mobile-redes-sociais .logos-redes-sociais { width: 100%; height: 80%; display: flex; flex-direction: column; justify-content: space-around; align-items: center; }
.device-mobile-redes-sociais .logos-redes-sociais li { height: 33%; display: flex; align-items: center; }
.device-mobile-redes-sociais .logos-redes-sociais .logo-rede { width: 100%; max-width: 200px; }

.tresCol { display: flex; }
.tresCol .col { width: 33.33% }
.tresCol .col .bar-thumb { position: relative; background: #F3F3F3; display: flex; justify-content: center; align-items: center; padding: 22px 12px 102px 12px; box-sizing:  border-box; }
.tresCol .col .bar-thumb .thumb { display: block; width: 100%; max-width: 95% }
.tresCol .col .bar-thumb-cta .boxCTA { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-end; padding-bottom: 32px; box-sizing: border-box; transition: .2s }
.tresCol .col .bar-thumb-cta:hover .boxCTA { background: #1E7AFE10; transition: .2s }
.tresCol .col .bar-thumb-cta .boxCTA .bt-seta-samples { display: flex; align-items: center;justify-content: space-between; height: 36px; background: #4d4d4d }
.tresCol .col .bar-thumb-cta:hover .boxCTA .bt-seta-samples {  }
.tresCol .col .bar-thumb-icon { display: flex; align-items: center; justify-content: center; height: 200px; }

.tresCol .col .bar-text { text-align: center; max-width: 80%; margin: 0 auto; padding-top: 40px; }
.tresCol .col .bar-text .title { padding-bottom: 15px; }

.bar-text-min { max-width: 550px; margin: 0 auto }
.bar-text-min .title { padding-bottom: 20px; }

.barraCTAFixa { width: 100%; height: 60px; display: flex; justify-content: center; align-items: center; position: fixed; bottom: -60px; left: 0; z-index: 99; transition: .2s }
.scrollDesce .barraCTAFixa { bottom: 0; transition: .2s }
.barraCTAFixaRed { background: #ff6b81 }
.barraCTAFixaBlue { background: #1E7AFE; }

.logoGMN { width: 100%; max-width: 200px; }
.bar-thumb-big-site-saude { width: 100%; height: 610px; background: url(../img/site-para-profissionais-da-saude-completo.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }
.thumb-gmn-site-hotpixel { max-width: 597px; width: 100%; }
.bar-thumb-big-site-nl { width: 100%; height: 610px; background: url(../img/site-para-negocios-locais-completo.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }

.full-dois-box { display: flex; justify-content: space-between; }
.full-dois-box .box { width: 50%; height: 680px; display: flex; justify-content: center; align-items: center; }
.full-dois-box .box .content { display: flex; flex-direction: column; align-items: center; }
.full-dois-box .box .bar-thumb { min-height: 352px; transition: .2s }
.full-dois-box .box:hover .bar-thumb { transform: translateY(-12px); transition: .2s }
.full-dois-box .box .bar-thumb .thumb { width: 100%; max-width: 320px; }
.full-dois-box .box .bar-text { max-width: 240px; text-align: center; padding: 14px 0 }
.full-dois-box .box.box-blue { background: #1977FE }
.full-dois-box .box.box-cinza { background: #F8F9FA }

@media ( max-width: 768px ) {
.wrapper-h { padding: 0 50px; }
.oolhe,.contato,.mobile,.work-branco { height: 200px; }
.the_work,.mobile { height: 160px; }
.proximo { height: 220px; }
.google { height: 300px }
.card-recurso { width: 400px }
.reels-default.owl-theme .owl-nav { padding: 0 50px; }
.bar-thumb-big { max-width: 80% }

.logoGMN { max-width: 140px; }

}

@media ( max-width: 600px ) {
.wrapper-h { padding: 0 25px; }
.space-h { height: 50px; }
.space-h-min { height: 25px; }
.tag-hotpixel { width: 28px; height: 28px; }
.seta-r { width: 10px; height: 10px; }
.oolhe,.contato,.the_work,.work-branco { height: 80px; }
.oolhe,.work-branco { top: calc(var(--vh, 1vh)*20 - 12.29167vw) }
.the_work{ top: calc(var(--vh, 1vh)*10 - 20.29167vw) }
.mobile { top: calc(var(--vh, 1vh)*10 - 30.29167vw) }
.proximo { height: 180px; }
.google { height: 200px }
.list-ferramenta li { padding: 12px 10px; }

.grade-mais-quatro .col { padding: 20px 0; transform: scale(0.9) }
.grade-mais-quatro .col .thumb-wp-ico { max-width: 90px; }
.grade-mais-quatro .col .bar-text .title { min-height: 100px; display: flex; align-items: center; }

.card-recurso { width: 300px; height: 340px; padding: 34px 24px; }
.card-recurso .font-38 { font-size: calc(10.4px + 2.375vw) }
.card-recurso .font-22 { font-size: 15px; line-height: 22px; }

.reels-default.owl-theme .owl-nav { padding: 0 25px; }

.device-mobile-redes-sociais .logos-redes-sociais .logo-rede { max-width: 100px }

.tresCol { flex-direction: column; }
.tresCol .col { width: 100%; padding-bottom: 20px; }

.logoGMN { max-width: 100px; }
.bar-thumb-big-site-saude,.bar-thumb-big-site-nl { height: 410px }

.full-dois-box { flex-direction: column; }
.full-dois-box .box { width: 100% }

}

/* work . . . . . . . . . . . . . . . . . */
.card-work { width: 100%; max-width: 1200px; height: 80vh; background: #6236FF; margin: 0 auto 100px auto; position: relative; display: block; }
.card-work .bar-tag { position: absolute; left: 0px; bottom: 50px; display: block; width: 100%; }
.card-work .bar-tag .content-tag { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 32px; box-sizing: border-box; }
.card-work .tag-label.tag-label-branca { border: solid 2px #fff; color: #fff; margin-right: 10px; }
.card-work:hover .tag-label.tag-label-branca { background: #fff; color: #000; }
.card-work .video-card-hero { min-height: unset; }
.card-work .thumb-card-work {  width: 100%; height: 100%; display: block; background-size: cover !important; }
.content-the-work .item,.content-mobile .item { position: inherit; }

.post-type-archive-work { background: #000; }

@media ( max-width: 1250px ) {
.card-work { max-width: 80% }
}

@media ( max-width: 768px ) {
.card-work { height: 60vh }
}

@media ( max-width: 600px ) {
.card-work { height: 50vh; max-width: 85% }
.card-work .bar-tag {  bottom: 30px; }
.card-work .bar-tag .content-tag { padding: 0 16px; }
}

/* footer . . . . . . . . . . . . . . . . . */

.footer-custom { background: #000; padding-bottom: 50px; }
.pageCTA .footer-custom { padding-bottom: 50px; }

/* formulários . . . . . . . . . . . . . . . . . */

.bar-form-footer { max-width: 440px; margin: 0 auto; padding: 20px 0; }
.bar-form-footer .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
.bar-form-footer .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
.bar-form-footer .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
.bar-form-footer .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields select { font-size: 18px; color: #fff; text-align: center; border: none; background: none; border-bottom: solid 1px; box-shadow: none; }
.bar-form-footer .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text]:focus { color: #fff; outline: none; }
.bar-form-footer .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit] { font-size: 20px; background: #fff; color: #000; text-shadow: none; border: none; width: 197px; height: 48px; border-radius: 100px; margin: 0 auto; box-shadow: none; transition: .2s }
.bar-form-footer .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit]:after { content: ""; background: url(../img/arrow-r.svg) no-repeat center; display: block; width: 18px; height: 18px; margin-left: 12px; }
.bar-form-footer .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit]:hover { background: #44bd32; transition: .2s }
.bar-form-footer ul.wpuf-form li { display: flex; align-items: center; }
.bar-form-footer ul.wpuf-form .wpuf-submit .wpuf-errors, .bar-form-footer .wpuf-error-msg { display: none; }
.bar-form-footer ul.wpuf-form li.has-error { background: none }
.bar-form-footer .wpuf-form-add.wpuf-style ul.wpuf-form .has-error .wpuf-fields input[type=text] { border-bottom: solid 1px red }
.bar-form-footer .wpuf-success { background: none; border: 0; border-bottom: 1px solid #44bd32; text-align: center; color: #44bd32 }

.bar-form-min .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit] { background: #3F51B5; color: #fff; }
.bar-form-min .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
.bar-form-min .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
.bar-form-min .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
.bar-form-min .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields select { border-bottom: solid 1px #000; color: #000 }
.bar-form-min .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text]:focus,
.bar-form-min .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email]:focus { color: #000; }

/* Acordion FAQs . . . . . . . . . . . . . . . . . . . . . . . */

 .tabs input {
	 position: absolute;
	 opacity: 0;
	 z-index: -1;
}
 .tabs .row {
	 display: flex;
}
 .tabs .row .col {
	 flex: 1;
}
 .tabs .row .col:last-child {
	 margin-left: 1em;
}

/* Accordion styles */
 .tabs {
	overflow: hidden;
    margin: 0 auto;
    max-width: 1250px;
}
 .tab {
	 width: 100%;
	 overflow: hidden;
	 margin-bottom: 11px;
}
 .tab-label {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 padding: 1em;
	 min-height: 90px;
	 box-sizing: border-box;
	 background: #F8F8F8; 
	 border-bottom: solid 1px rgba(0, 0, 0, 0.2); 
	 cursor: pointer;
	 border-radius: 4px;
}

 .tab-label::after {
	 content: "+";
	 font-size: 40px;
	 color: #1E7AFE;
	 font-weight: 100;
	 display: flex;
	 justify-content: center;
	 align-items: center; 
	 width: 1em;
	 height: 1em;
	 transition: all 0.35s;
}
 .tab-content {
 	display: inherit !important;
	 max-height: 0;
	 height: 0;
	 padding: 0 1em;
	 transition: all 0.35s;
}

.tab-content.cms-text p, .tab-content.cms-text h3, .tab-content.cms-text ul { max-width: 96% }

 .tab-close {
	 display: flex;
	 justify-content: flex-end;
	 padding: 1em;
	 font-size: 0.75em;
	 background: #2c3e50;
	 cursor: pointer;
}
 .tab-close:hover {
	 background: #1a252f;
}
 input:checked + .tab-label::after {
 		content: "-";
	 transform: rotate(180deg);
}
 input:checked ~ .tab-content {
	 max-height: inherit;
	 height: inherit;
	 padding: 1em;
}

 input:checked ~ .tab-content .font-medium {
 	color: #666;
 }
 /* fim Acordion FAQs . . . . . . . . . . . . . . . . . . . . . . . */

 /* Steps line . . . . . . . . . . . . . . . . . . . . . . . */

.stepsLine { display: flex;; min-height: 800px; }
.step-line-bar { display: flex; justify-content: center; width: 100%; height: 100%; position: absolute; pointer-events: none; }
.step-line-bar .step-line { width: 3px; display: block; height: 100%; background: #7BABF7 }
.stepsLine .cicle-step { width: 40px; height: 40px; border-radius: 100px; display: flex; justify-content: center; align-items: center; background: #3C4BA6 }
.cicle-step.cicle-step-first { position: absolute; top: 0; }
.cicle-step.cicle-step-first:before { content: ""; background: url(../img/arrow-down-line.svg) no-repeat center; width: 20px; height: 20px; }
.cicle-step.cicle-step-Statistics:before { content: ""; background: url(../img/icon_Statistics.svg) no-repeat center; width: 20px; height: 20px; }
.cicle-step.cicle-step-Posts:before { content: ""; background: url(../img/icon_Posts.svg) no-repeat center; width: 20px; height: 20px; }
.cicle-step.cicle-step-protection-active:before { content: ""; background: url(../img/icon_protection-active.svg) no-repeat center; width: 20px; height: 20px; }
.cicle-step.cicle-step-rotection-active:before { content: ""; background: url(../img/icon_Review.svg) no-repeat center; width: 20px; height: 20px; }
.cicle-step.cicle-step-AI:before { content: ""; background: url(../img/icon_AI.svg) no-repeat center; width: 20px; height: 20px; }
.cicle-step.cicle-step-Keyword:before { content: ""; background: url(../img/icon_Keyword.svg) no-repeat center; width: 20px; height: 20px; }
.cicle-step.cicle-step-Tasks:before { content: ""; background: url(../img/icon_Tasks.svg) no-repeat center; width: 20px; height: 20px; }

.stepsLine .content-steps { position: sticky; z-index: 1; top: 0; width: 100%; padding-top: 80px }
.stepsLine .content-steps .copy { display: flex; justify-content: space-between; align-items: center; padding-bottom: 200px; }
.stepsLine .content-steps .copy .icon-step { display: flex;justify-content: center; width: 100%; position: absolute; }
.stepsLine .content-steps .copy .bar { flex-grow: 1; width: 40% }
.stepsLine .content-steps .copy .bar.bar-thumb { display: flex; justify-content: flex-end; }
.stepsLine .content-steps .copy .bar.bar-thumb .content-bar { padding-right: 60px; box-sizing: border-box; }
.stepsLine .content-steps .copy .bar.bar-text .content-bar { padding-left: 60px; box-sizing: border-box; }
.stepsLine .content-steps .copy .content-bar { max-width: 650px; }
.stepsLine .content-steps .copy .bar.bar-thumb .thumb { width: 100%; max-width: 100%; }
.stepsLine .content-steps .copy .gravata { color: #4989F5; display: block; padding-bottom: 30px; }
.stepsLine .content-steps .copy .titulo { display: block; padding-bottom: 30px; }

@media ( max-width: 600px ) {
.step-line-bar { width: 40px; }
.stepsLine .content-steps .copy { flex-direction: column-reverse; padding-bottom: 100px }
.stepsLine .content-steps .copy .bar { width: inherit; }
.stepsLine .content-steps .copy .bar.bar-text .content-bar { padding-left: 40px; }
.stepsLine .content-steps .copy .bar.bar-thumb .content-bar { padding-left: 40px; padding-right: 0px; padding-top: 80px; }
.stepsLine .content-steps .copy .icon-step { justify-content: flex-start; top: 50%; }
}

 /* Modal Action CTA . . . . . . . . . . . . . . . . . . . . . . . */

.modal-action-cta .content { display: flex; overflow-x: hidden; align-items: center; padding-bottom: 62px }
.modal-action-cta .content .bar { width: 50% }
.modal-action-cta .bar-text .text { max-width: 560px; }
.modal-action-cta .box-form { max-width: 520px; width: 100%; min-height: 600px; background: #fff; border-radius: 16px; padding: 34px; box-sizing: border-box; }
.modal-action-cta .box-form .header-box { display: flex; }
.modal-action-cta .box-form .header-box .bar-thumb { padding-right: 24px; box-sizing: border-box; }
.modal-action-cta .box-form .header-box .logoGMN { width: 68px }
.modal-action-cta .box-form .header-box .tit { padding-bottom: 12px }

@media ( max-width: 768px ) {

.modal-action-cta .content{ flex-direction: column }
.modal-action-cta .content .bar { width: 100% }
.modal-action-cta .content .bar-text { padding: 12px 0 32px 0 }
.modal-action-cta .box-form { padding: 14px; }
.modal-action-cta .box-form .header-box { flex-direction: column; align-items: center; }
.modal-action-cta .box-form .header-box .bar-thumb { padding-right: 0px; padding: 18px 0 }

}

/* . Modal . . . . . . . . . . . . . . . . . . . .  */

.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(0,0,0, .4);
  transition: opacity .25s ease;
  z-index: 999999;
}

.modal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.modal-state {
  display: none;
}

.modal-state:checked + .modal {
  opacity: 1;
  visibility: visible;
}

.modal-state:checked + .modal .modal__inner {
  top: 0px;
}

.modal__inner {
  transition: top .25s ease;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: auto;
  overflow: auto;
  background: #3F51B5;
  border-radius: 0px;
  padding: 0px;
  height: 100%;
}

.modal__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.modal__close:after,
.modal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

.modal__close:hover:after,
.modal__close:hover:before {
  background: #aaa;
}

.modal__close:before {
  transform: rotate(-45deg);
}

.content-modal { width: 90%; margin: 0 auto }

@media ( max-width: 768px ) {
  .modal__inner {
    box-sizing: border-box;
  }

.modal-state:checked + .modal .modal__inner { top: 0px; }
.content-modal { width: 100%; }
}