* {
box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: 'Roboto', sans-serif;
}
input {
font-family: 'Roboto', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
strong {
font-weight: 700;
}
/** -------------------------- FIM RESET ------------------------- **/
.apenas-mobile {
display: none;
}
.fechar-submenu-mobile {
display: none;
}
.bt-menu-mobile {
display: none;
}
body {
background: #000212;
color: #FFF;
}
header {
float: left;
width: 100%;
position: relative;
}
.logo-adv h1,
.logo-adv .logo {
float: left;
width: 295px;
height: 95px;
text-indent: -99999px;
background: url(../img/projuris-adv.png) no-repeat left 10px;
background-size: 195px auto;
transition: all .5s;
}
.menu-fixo .logo-adv h1,
.menu-fixo .logo-adv .logo {
background-image: url(../img/projuris-adv-invertido.png);
}
.logo-projuris {
}
.logo-projuris h1,
.logo-projuris .logo {
float: left;
width: 295px;
height: 95px;
text-indent: -99999px;
background: url(../img/projuris.png) no-repeat left 10px;
background-size: 195px auto;
transition: all .5s;
}
.menu-fixo .logo-projuris h1,
.menu-fixo .logo-projuris .logo {
background-image: url(../img/projuris-white.png);
}
.centraliza {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.centralizado {
text-align: center;
}
.topo-adv .mn-botao a {
color: #00B600;
border: 1px solid #00B600;
padding: 12px 30px;
border-radius: 30px;
margin: -15px 0 0 0;
}
.topo-adv .mn-botao a:hover {
color: #00B600;
}
.topo-adv .mn-botao a.lk-teste-adv {
background: #00B600;
color: #fff;
}
.barra-topo {
background: #FFF;
float: left;
width: 100%;
height: 100px;
padding: 15px 0;
}
.mn-barra {
float: right;
padding: 30px 0 0 0;
}
.mn-barra li {
float: left;
padding: 0 20px 0 0;
}
.mn-barra a {
font-size: 16px;
line-height: 22px;
color: #000212;
text-decoration: none;
display: inline-block;
padding: 0 17px 0 0;
position: relative;
transition: all .3s;
}
.mn-barra .mn-parent a:after {
content: "";
position: absolute;
top: 3px;
right: 0;
width: 6px;
height: 6px;
border: 3px solid #0A0022;
border-left: 0;
border-top: 0;
transform: rotate(45deg);
transition: all .3s;
}
.mn-barra a:hover {
color: #0756e4;
}
.mn-barra a:hover:after {
border-color: #0756e4;
transform: rotate(270deg);
}
.menu-fixo .mn-barra .mn-parent a:after {
border-color: #fff;
}
.mn-barra .mn-store a {
background: #0756E4;
color: #fff;
margin: -15px 0 0 0;
padding: 15px 60px;
border-radius: 25px;
transition: all .3s;
}
.mn-barra .mn-store a:hover {
background: #12B0F6;
color: #fff;
}
.mn-submenu {
float: left;
width: 100%;
position: absolute;
z-index: 10;
top: 100px;
background: #fff;
padding: 40px 0;
display: none;
}
.mn-submenu.hover {
display: block;
}
.controla-banners {
float: left;
width: 100%;
background: #280BA0;
padding: 60px 0;
}
.lista-banners {
float: left;
width: 100%;
}
.lista-banners li {
float: left;
width: 100%;
padding: 40px 0;
overflow: hidden;
display: none;
opacity: 0;
width: 25%;
}
.lista-banners li.destaque {
display: block;
opacity: 1;
width: 100%;
}
.lista-banners h2 {
font-size: 45px;
line-height: 52px;
font-weight: bold;
float: left;
width: 100%;
padding: 0 0 20px 0;
}
.lista-banners .gravata {
font-size: 20px;
line-height: 28px;
font-weight: 300;
float: left;
width: 100%;
padding: 0 0 25px 0;
}
.lista-banners .cta-banner {
clear: both;
background: #12B0F6;
box-shadow: 0px 15px 20px #000029;
border-radius: 35px;
padding: 12px 45px;
display: inline-block;
font-size: 22px;
color: #fff;
text-decoration: none;
transition: all .5s;
}
.lista-banners .cta-banner:hover {
color: #12B0F6;
background-color: #fff;
}
.banner-texto {
float: left;
width: 60%;
padding: 15px 25px 0 0;
}
.banner-texto .tag {
background: #12B0F6;
display: inline-block;
padding: 5px 45px;
margin: 0 0 15px 0;
color: #fff;
border-radius: 5px;
}
.banner-img {
float: right;
width: 40%;
text-align: right;
}
.banner-img img {
max-width: 100%;
}
.lista-banners.destaques li {
width: 25%;
display: block;
opacity: 1;
}
.lista-banners.destaques li .banner-texto {
width: 100%;
padding: 20px;
}
.lista-banners.destaques li .banner-img {
width: 100%;
text-align: left;
padding: 20px;
}
.lista-banners.destaques h2 {
font-size: 24px;
line-height: 28px;
}
.lista-banners.destaques .gravata {
font-size: 16px;
line-height: 24px;
}
.descricao-submenu {
float: left;
width: 20%;
color: #525662;
padding: 30px 0 0 0;
}
.descricao-submenu p {
font-size: 16px;
line-height: 20px;
}
.controla-banners-ilustrados {
float: left;
width: 100%;
position: relative;
z-index: 1;
}
.controla-banners-educacao {
float: left;
width: 100%;
position: relative;
z-index: 1;
background: url(../img/banner-educacao-bg.png) no-repeat center top;
}
.curva-banner-home {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 168px;
background: url(../img/curva-banner-home.png) no-repeat center -1px;
cursor: pointer;
}
.curva-banner-home span {
border-right: 7px solid #000;
border-bottom: 7px solid #000;
transform: rotate(45deg);
transition: all .3s;
border-radius: 3px;
width: 30px;
height: 30px;
position: absolute;
top: 0;
left: 50%;
margin: 0 0 0 0;
}
.curva-banner-edu {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 168px;
background: url(../img/curva-banner-home.png) no-repeat center -1px;
cursor: pointer;
}
.curva-banner-edu span {
border-right: 7px solid #FFF;
border-bottom: 7px solid #FFF;
transform: rotate(45deg);
transition: all .3s;
border-radius: 3px;
width: 30px;
height: 30px;
position: absolute;
top: 0;
left: 50%;
margin: 0 0 0 0;
}
.banner-ilustrado {
float: left;
width: 100%;
background-repeat: no-repeat;
background-position: top right;
background-color: #efeded;
background-size: 700px auto;
padding: 180px 0 180px 0;
color: #fff;
}
.banner-ilustrado.fonte-escura {
color: #000;
}
.banner-ilustrado h2 {
font-size: 50px;
display: inline-block;
font-weight: bold;
width: 100%;
padding: 0 0 10px 0;
}
.banner-ilustrado p {
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
.ajusta-texto-ilustrado {
float: left;
max-width: 500px;
width: 80%;
}
.ajusta-texto-ilustrado span {
background: #42A5F5;
color: #fff;
}
.banner-educacao {
float: left;
width: 100%;
background-repeat: no-repeat;
background-position: top right;
background: url(../img/banner-educacao-img.png) no-repeat right top;
padding: 180px 0 180px 0;
color: #fff;
}
.banner-educacao.fonte-escura {
color: #000;
}
.banner-educacao h2 {
font-size: 50px;
display: inline-block;
font-weight: bold;
width: 100%;
padding: 0 0 10px 0;
}
.banner-educacao p {
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
.ajusta-texto-educacao {
float: left;
max-width: 500px;
width: 80%;
font-size: 24px;
line-height: 32px;
font-weight: 300;
background: url(../img/banner-educacao-logo.png) no-repeat 0 0;
background-size: 500px auto;
padding: 90px 0 0 0;
}
.ajusta-texto-educacao h2 {
font-weight: 300;
color: #fff;
font-size: 28px;
line-height: 30px;
}
.curva-banner-home {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.banner-opcoes {
float: left;
width: 100%;
text-align: center;
padding: 50px 0 0 0;
}
.banner-opcoes span {
background: #fff;
display: inline-block;
line-height: 1px;
border-radius: 15px;
margin: 0 5px;
cursor: pointer;
}
.banner-opcoes .ponto {
width: 10px;
height: 10px;
}
.banner-opcoes .barra {
width: 30px;
height: 10px;
}
.mn-submenu-sobre .descricao-submenu {
padding: 0;
}
.mn-conteudos .descricao-submenu {
padding: 120px 20px 0 0;
}
.titulo-menu-solucoes {
color: #12b0f6;
font-weight: 700;
font-size: 22px;
line-height: 28px;
}
.titulo-menu-conteudos {
color: #12b0f6;
font-weight: 700;
font-size: 22px;
line-height: 28px;
}
.submenu {
float: left;
width: 80%;
padding: 0 0 0 0;
position: relative;
}
.submenu-solucoes:after {
content: "";
width: 1px;
height: 100%;
background-color: #0756e4;
position: absolute;
top: 0;
left: 48%;
margin-left: -1px;
}
.submenu-solucoes li {
display: inline-block;
width: 50%;
margin: 0 0 25px 0;
padding: 15px 80px 15px 80px;
font-size: 16px;
line-height: 20px;
transition: all .5s;
border-left: 2px solid #fff;
}
.submenu-solucoes li {width: 49%}
.submenu-solucoes li.clear {
clear: both;
}
.submenu-solucoes h3 {
float: left;
width: 100%;
font-size: 22px;
line-height: 28px;
color: #0756e4;
font-weight: 700;
}
.submenu-solucoes li a {
color: #525662;
text-decoration: none;
float: left;
width: 100%;
border-left: 2px solid #fff;
transition: all .3s;
padding: 5px 0 5px 15px;
}
.submenu-solucoes li:hover a {
border-left: 2px solid #0756e4;
}
.submenu-sobre {
padding-left: 100px;
}
.submenu-sobre li {
float: left;
width: 100%;
padding: 10px 0;
}
.submenu-sobre li a {
font-size: 22px;
font-weight: bold;
color: #0a0022;
text-decoration: none;
border-left: 2px solid #fff;
padding: 0 0 0 10px;
transition: all .5s;
}
.submenu-sobre li a:hover {
border-left: 2px solid #0756e4;
}
.submenu-conteudos:after {
content: "";
width: 1px;
height: 70%;
background-color: #0756e4;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 33%;
margin: 0 0 0 -2px;
}
.submenu-conteudos:before {
content: "";
width: 1px;
height: 70%;
background-color: #0756e4;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 66%;
margin: 0 0 0 -2px;
}
.submenu-conteudos li {
display: inline-block;
width: 33%;
margin: 0 0 25px 0;
padding: 15px 25px 15px 0;
font-size: 16px;
line-height: 20px;
transition: all .5s;
border-left: 2px solid #fff;
}
.submenu-conteudos li.clear {
clear: both;
}
.submenu-conteudos h3 {
float: left;
width: 100%;
font-size: 22px;
line-height: 26px;
color: #0756e4;
font-weight: 700;
}
.submenu-conteudos li a {
color: #525662;
text-decoration: none;
float: left;
width: 100%;
border-left: 2px solid #fff;
transition: all .3s;
padding: 5px 0 5px 15px;
}
.submenu-conteudos li:hover a {
border-left: 2px solid #0756e4;
}
.direct{
display: flex;
flex-direction: column;
}
.button_blue{
font-size: 20px;
margin-top: 20px;
color: #fff;
font-weight: 500;
padding: 15px 30px;
background-color: #0756e4;
border: none;
border-radius: 35px;
cursor: pointer;
display: inline-block;
text-decoration: none;
}
.button_blue:hover{
color: #0756e4;
background-color: #fff;
transition: all .3s;
}
.menu-fixo {
position: fixed;
top: 0;
z-index: 99;
transition: all .5s;
.barra-topo {
background: #0A0022;
}
.mn-barra a {
color: #FFF;
}
.mn-barra .mn-store a {
background: #12B0F6;
color: #fff;
}
.mn-barra .mn-store a:hover {
background: #fff;
color: #12B0F6;
}
}
.descricao-submenu a{
text-decoration: none;
}
/** -------------------------- INC TITULO ------------------------- **/
.topo__background{
padding: 100px 0 60px 0px;
background: #201b40;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
}
.topo__title{
font-size: 30px;
font-weight: 300;
padding: 20px 0px;
text-wrap: balance;
}
/** -------------------------- ATALHO JURIS ------------------------- **/
.atalhojuris_background{
background-color: #F0F3F4;
padding: 60px 12%;
display: flex;
flex-direction: row;
}
.atalhojuris_title{
padding-left: 10%;
padding-right: 10%;
width: 50%;
display: flex;
align-items: center;
}
.atalhojuris_img{
padding-right: 10%;
width: 50%;
display: flex;
justify-content: center;
}
.atalhojuris_title h2{
color: #292D38;
font-size: 40px;
font-weight: 700;
}
.atalhojuris_img img{
width: 100%;
max-width: 350px;
}
/** -------------------------- PERCENTUAL ------------------------- **/
.percentual_background{
background-color: #fff;
display: flex;
flex-direction: row;
width: 100%;
}
.percentual_title{
width: 50%;
padding: 60px 20px 60px 20px;
text-wrap: balance;
float: left;
}
.percentual_div{
width: 50%;
padding: 60px 20px 60px 20px;
float: left;
}
.perc{
display: flex;
width: 100%;
padding: 10px;
}
.percentual_title h2{
color: #000212;
font-size: 30px;
font-weight: 300;
padding-bottom: 5px;
text-wrap: balance;
}
.percentual_title p{
color: #292d38;
font-size: 18px;
line-height: 26px;
font-weight: 300;
padding-bottom: 5px;
}
.percentual_btn{
font-size: 20px;
margin-top: 20px;
color: #fff;
font-weight: 500;
padding: 12px 30px;
background-color: #0756e4;
border: none;
border-radius: 35px;
cursor: pointer;
text-decoration: none;
display: inline-block;
}
.percentual_btn:hover{
color: #fff;
background-color: #160544;
transition: all .3s;
}
.percentual_bloc{
display: flex;
flex-direction: column;
width: 30%;
margin-bottom: 15px;
}
.percentual_bloc h2{
font-size: 40px;
font-weight: 700;
color: #0756e4;
text-align: center;
}
.percentual_bloc span{
font-size: 18px;
font-weight: 300;
color: #292D38;
text-align: center;
}
/** -------------------------- MAPA ------------------------- **/
.mapa_background{
background-color: #F0F3F4;
display: flex;
flex-direction: row;
width: 100%;
}
.mapa_title{
width: 50%;
padding: 60px 20px 0 20px;
float: left;
height: 100%;
text-wrap: balance;
display: flex;
align-items: center;
}
.mapa_title h2{
color: #292d38;
font-size: 30px;
font-weight: 600;
padding-bottom: 5px;
}
.mapa_img{
width: 50%;
padding: 60px 20px 0 20px;
float: left;
}
.mapa_img img{
width: 100%;
max-width: 500px;
}
.mapa_blue{
color: #0756E4;
}
/** -------------------------- MARCAS LIDERES ------------------------- **/
.marcaslideres_background{
background-color: #FFF;
display: flex;
width: 100%;
padding: 40px 20px;
}
.marcaslideres_background h2{
color: #292D38;
font-size: 26px;
font-weight: 300;
padding-bottom: 5px;
text-wrap: balance;
}
.marcaslideres_background span{
color: #000212;
font-size: 18px;
font-weight: 300;
padding-bottom: 5px;
text-wrap: balance;
}
.marcaslideres_blue{
color: #0756E4;
}
/** CAROUSEL **/
.marcaslideres_carousel {
float: left;
overflow: hidden;
padding: 15px;
width: 100%;
position:relative;
}
.marcaslideres_carousel .marcaslideres_carousel-inner {
transition: 1s ease all;
float: left;
display: flex;
align-items: center;
}
.marcaslideres_carousel .marcaslideres_carousel-inner .item {
float: left;
}
.marcaslideres_carousel .marcaslideres_left, .marcaslideres_carousel .marcaslideres_right {
position:absolute;
border-radius:50%;
top:calc(50% - 20px);
}
.marcaslideres_carousel .marcaslideres_left {
left:0;
color: #0756E4;
border: none;
background-color: #FFFFFF00;
cursor: pointer;
font-size: 60px;
}
.marcaslideres_carousel .marcaslideres_right {
right:0;
color: #0756E4;
border: none;
background-color: #FFFFFF00;
cursor: pointer;
font-size: 60px;
}
.marcaslideres_carousel .marcaslideres_left.over, .marcaslideres_carousel .marcaslideres_right.over {
pointer-events: none;
color: #92B3ED;
}
.marcaslideres_img{
width: 100%;
max-width: 80px;
filter: grayscale(.5);
transition: all .3s;
}
.marcaslideres_img:hover {
filter: grayscale(0);
}
/** -------------------------- MIDIA ------------------------- **/
.midia_background{
background-color: #F0F3F4;
display: flex;
flex-direction: column;
width: 100%;
text-align: center;
padding: 60px 20px;
}
.midia_background h2{
color: #292D38;
font-size: 30px;
font-weight: 600;
padding-bottom: 5px;
text-wrap: balance;
}
.midia_blue{
color: #0756E4;
}
.midia_background span{
color: #000212;
font-size: 18px;
font-weight: 300;
padding-bottom: 5px;
text-wrap: balance;
}
.midia_background ul{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 30px 0 0 0;
}
.midia_background li{
padding: 0 40px;
}
.midia_background img{
width: 100%;
max-width: 120px;
}
/** -------------------------- JURISCAST ------------------------- **/
.juriscast_background{
background-color: #FFF;
display: flex;
flex-direction: column;
width: 100%;
text-align: center;
padding: 60px 20px;
}
.juriscast_title h2{
color: #292D38;
font-size: 30px;
font-weight: 600;
padding-bottom: 5px;
text-wrap: balance;
}
.juriscast_blue{
color: #0756E4;
}
.juriscast_title span{
color: #000212;
font-size: 18px;
font-weight: 300;
padding-bottom: 5px;
text-wrap: balance;
}
.juriscast_backgroundblue{
background-color: #280BA0;
padding: 40px;
margin-top: 30px;
border-radius: 35px;
display: flex;
flex-direction: row;
text-align: start;
}
.juriscast_backgroundblue img{
width: 100%;
max-width: 450px;
padding-right: 15px;
}
.juriscast_text{
width: 100%;
padding-left: 15px;
display: flex;
flex-direction: column;
}
.juriscast_categoria{
margin-top: 10px;
margin-bottom: 20px;
}
.juriscast_categoria span{
background-color: #12B0F6;
color: #FFFFFF;
font-size: 13px;
font-weight: 300;
padding: 5px 20px;
border-radius: 7px;
text-wrap: balance;
}
.juriscast_text h2{
color: #FFFFFF;
font-size: 30px;
font-weight: 600;
padding-bottom: 10px;
text-wrap: balance;
}
.juriscast_text p{
color: #FFFFFF;
font-size: 18px;
font-weight: 300;
padding-bottom: 10px;
text-wrap: balance;
}
.juriscast_text a{
color: #FFFFFF;
font-size: 14px;
font-weight: 450;
padding-top: 30px;
text-decoration: none;
}
.juriscast_text a:hover{
text-decoration: underline;
}
/** -------------------------- CASOS DE USO ------------------------- **/
.casosuso_background{
background-color: #F0F3F4;
display: flex;
flex-direction: row;
width: 100%;
padding: 60px 20px;
}
.casosuso_texto{
width: 40%;
float: left;
display: flex;
height: 100%;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.casosuso_cards{
width: 60%;
float: left;
display: flex;
}
.casosuso_texto h2{
color: #000212;
font-size: 30px;
font-weight: 300;
padding-bottom: 10px;
text-wrap: balance;
}
.casosuso_texto button{
font-size: 20px;
margin-top: 20px;
color: #fff;
font-weight: 500;
padding: 12px 30px;
background-color: #0756e4;
border: none;
border-radius: 35px;
cursor: pointer;
}
.casosuso_texto button:hover{
color: #fff;
background-color: #160544;
transition: all .3s;
}
.casosuso_card{
width: 100%;
max-width: 300px;
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
padding: 21px;
margin: 0 20px;
box-shadow: 0px 0px 20px #7e828f;
border-radius: 15px;
}
.casosuso_card img{
margin-top: 10px;
margin-bottom: 30px;
width: 100%;
max-width: 120px;
}
.casosuso_card p{
color: #525662;
font-size: 15px;
line-height: 22px;
font-weight: 300;
padding-bottom: 20px;
text-wrap: balance;
}
.casosuso_card a{
color: #0756E4;
font-size: 15px;
font-weight: 450;
padding-top: 30px;
text-decoration: none;
margin-bottom: 20px;
height: 100%;
display: flex;
align-items: flex-end;
}
.casosuso_card a:hover{
text-decoration: underline;
}
/** -------------------------- FOOTER ------------------------- **/
.footer_background{
background-color: #000212;
width: 100%;
padding: 60px 20px;
float: left;
}
.footer_lista{
width: 20%;
float: left;
}
.footer_lista img {
max-width: 250px;
}
.footer_lista ul {
float: left;
width: 100%;
padding: 15px 0 0 0;
}
.footer_lista span{
color: #42A5F5;
font-size: 20px;
font-weight: 500;
padding-bottom: 20px;
}
.footer_lista li{
padding: 5px 0px;
}
.footer_lista a{
color: #FFFFFF;
font-size: 16px;
line-height: 24px;
font-weight: 300;
text-decoration: none;
}
.footer_lista a:hover{
text-decoration: underline;
}
/** -------------------------- TOPO ADV ------------------------- **/
.topoadv_background{
background-color: #F0F3F4;
float: left;
text-align: center;
width: 100%;
padding: 60px 0 0 0;
}
.topoadv_background h1{
color: #292D38;
font-size: 30px;
font-weight: 600;
padding-bottom: 10px;
text-wrap: balance;
}
.topoadv_background p{
color: #000212;
font-size: 18px;
line-height: 26px;
font-weight: 300;
padding: 20px 0;
text-wrap: balance;
}
.topoadv_background span{
color: #000;
font-size: 12px;
font-weight: 600;
padding-bottom: 20px;
}
.topoadv_background img{
width: 100%;
max-width: 800px;
}
/** -------------------------- PERCENTUAL ADV ------------------------- **/
.percentualadv_background{
background-color: #FFFFFF;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 12%;
}
.percentualadv_background h2{
color: #292D38;
font-size: 30px;
font-weight: 600;
padding-bottom: 10px;
}
.percentualadv_background p{
color: #000212;
font-size: 18px;
font-weight: 300;
padding-bottom: 20px;
}
.percentualadv_div{
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
}
.percentualadv_texto{
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: start;
width: 15%;
padding-left: 20px;
margin-top: 20px;
border-left: 1px solid #00B600;
}
.percentualadv_texto h3{
font-size: 40px;
font-weight: 600;
color: #00B600;
margin-bottom: 5px;
}
.percentualadv_texto span{
font-size: 18px;
font-weight: 300;
color: #292d38;
margin-top: 5px;
}
/** -------------------------- METODOLOGIA ADV ------------------------- **/
.metodologiaadv_background{
background-color: #F0F3F4;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 20% 0 20%;
}
.metodologiaadv_background h2{
color: #000212;
font-size: 30px;
font-weight: 600;
padding-bottom: 20px;
}
.metodologiaadv_background strong{
color: #00B600;
}
.metodologiaadv_background img{
margin-top: 30px;
width: 100%;
max-width: 800px;
}
/** -------------------------- DETALHES ADV ------------------------- **/
.detalhesadv_background{
background-color: #F0F3F4;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.detalhesadv_background h2{
color: #292d38;
font-size: 30px;
font-weight: 600;
padding-bottom: 20px;
text-wrap: balance;
}
.detalhesadv_buttons{
display: flex;
flex-direction: row;
justify-content: center;
margin-bottom: 20px;
}
.detalhesadv_buttons button{
margin: 0 20px;
width: 100%;
max-width: 300px;
padding: 15px 20px;
font-size: 16px;
font-weight: 500;
border-radius: 37px;
}
.detalhesadv_ativo{
color: #FFFFFF;
border: 2px solid #00B600;
background-color: #00B600;
cursor: pointer;
}
.detalhesadv_ativo:hover{
color: #FFFFFF;
border: 2px solid #00B600;
background-color: #00B600;
cursor: pointer;
}
.detalhesadv_inativo{
color: #292d38;
border: 2px solid #00B600;
background-color: #F0F3F4;
cursor: pointer;
}
.detalhesadv_inativo:hover{
color: #FFFFFF;
border: 2px solid #00B600;
background-color: #00B600;
cursor: pointer;
}
.detalhesadv_img{
background-color: #00b6001e;
border-radius: 20px;
padding: 60px 80px 0px 80px;
margin-bottom: 30px;
}
.detalhesadv_img img{
width: 100%;
max-width: 800px;
}
.detalhesadv_text{
margin-top: 20px;
display: flex;
flex-direction: row;
}
.detalhesadv_detalhes{
display: flex;
flex-direction: column;
text-align: start;
padding: 0 30px;
}
.detalhesadv_detalhes h3{
color: #000212;
font-size: 20px;
font-weight: 600;
padding-bottom: 20px;
text-wrap: balance;
}
.detalhesadv_detalhes p{
color: #292D38;
font-size: 16px;
font-weight: 300;
padding-bottom: 50px;
text-wrap: balance;
}
.detalhesadv_btnteste{
color: #FFFFFF;
font-size: 20px;
border: 2px solid #00B600;
background-color: #00B600;
cursor: pointer;
}
.detalhesadv_btnteste:hover{
color: #292d38;
border: 2px solid #00B600;
background-color: #F0F3F4;
cursor: pointer;
}
/** -------------------------- DETALHES 2 ADV ------------------------- **/
.detalhes2adv_background{
background-color: #FFF;
display: flex;
flex-direction: row;
width: 100%;
padding: 60px 20px 60px 0%;
}
.detalhes2adv_img{
width: 50%;
float: left;
padding-right: 20px;
}
.detalhes2adv_img img{
width: 100%;
max-width: 700px;
}
.detalhes2adv_text{
width: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding-left: 20px;
height: 100%;
text-wrap: balance;
float: left;
}
.detalhes2adv_text span{
color: #292D38;
font-size: 18px;
font-weight: 300;
padding-bottom: 20px;
}
.detalhes2adv_text h2{
color: #000212;
font-size: 30px;
font-weight: 600;
padding-bottom: 30px;
}
.detalhes2adv_text p{
color: #292D38;
font-size: 18px;
font-weight: 300;
padding-bottom: 20px;
}
.detalhes2adv_text button{
padding: 15px 30px;
font-size: 20px;
font-weight: 500;
border-radius: 37px;
color: #FFFFFF;
border: 2px solid #00B600;
background-color: #00B600;
cursor: pointer;
}
.detalhes2adv_text button:hover{
color: #292d38;
border: 2px solid #00B600;
background-color: #fff;
cursor: pointer;
}
/** -------------------------- DETALHES HEROES ------------------------- **/
.detalhesheroes_background{
background: #F0F3F4;
background-image: url("../img/bg_cinza_heroes.svg");
background-size: cover;
background-position: right 35% bottom 50%;
display: flex;
flex-direction: row;
width: 100%;
padding: 60px 20px 60px 0%;
}
.detalhesheroes_img{
width: 50%;
float: left;
padding-right: 20px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.detalhesheroes_img img{
width: 100%;
max-width: 350px;
}
.detalhesheroes_text{
width: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding-left: 20px;
height: 100%;
text-wrap: balance;
float: left;
}
.detalhesheroes_text span{
color: #292D38;
font-size: 18px;
font-weight: 300;
padding-bottom: 20px;
}
.detalhesheroes_text h2{
color: #000212;
font-size: 30px;
font-weight: 600;
padding-bottom: 30px;
}
.detalhesheroes_text p{
color: #292D38;
font-size: 18px;
font-weight: 300;
padding-bottom: 20px;
}
.detalhesheroes_text button{
padding: 15px 30px;
font-size: 20px;
font-weight: 500;
border-radius: 37px;
color: #FFFFFF;
border: 2px solid #00B600;
background-color: #00B600;
cursor: pointer;
}
.detalhesheroes_text button:hover{
color: #292d38;
border: 2px solid #00B600;
background-color: #fff;
cursor: pointer;
}
/** -------------------------- SOLUCAO ADV ------------------------- **/
.solucaoadv_background{
background-color: #F0F3F4;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.solucaoadv_background h2{
color: #292D38;
font-size: 30px;
font-weight: 600;
padding-bottom: 20px;
text-wrap: balance;
}
.solucaoadv_background strong{
color: #00B600;
}
.solucaoadv_background img{
margin: 20px 0;
width: 100%;
max-width: 900px;
}
.solucaoadv_background button{
padding: 15px 30px;
font-size: 20px;
font-weight: 500;
border-radius: 37px;
color: #FFFFFF;
border: 2px solid #00B600;
background-color: #00B600;
cursor: pointer;
}
.solucaoadv_background button:hover{
color: #292d38;
border: 2px solid #00B600;
background-color: #F0F3F4;
cursor: pointer;
}
/** -------------------------- PRODUTOS COMP ------------------------- **/
.produtoscomp_background{
background-color: #FFF;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.produtoscomp_background h2{
color: #292D38;
font-size: 30px;
font-weight: 600;
padding-bottom: 20px;
}
.produtoscomp_background p{
color: #000212;
font-size: 18px;
font-weight: 300;
padding-bottom: 10px;
}
.produtoscomp_textos{
display: flex;
flex-direction: row;
}
.produtoscomp_cards{
display: flex;
flex-direction: column;
align-items: center;
text-align: start;
width: 100%;
max-width: 300px;
padding: 60px 20px;
margin: 0 20px;
background-color: #FFF;
box-shadow: 0px 0px 20px #0000000D;
border-radius: 15px;
}
.produtoscomp_cards p{
color: #525662;
font-size: 15px;
font-weight: 300;
padding-bottom: 30px;
}
.produtoscomp_cards span{
color: #6A6A6A;
font-size: 15px;
font-weight: 500;
margin-bottom: 20px;
}
.produtoscomp_lista span{
color: #6A6A6A;
font-size: 15px;
font-weight: 500;
margin-bottom: 10px;
}
.produtoscomp_lista{
display: flex;
flex-direction: column;
width: 100%;
}
.produtoscomp_lista li{
color: #6A6A6A;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
display: flex;
align-items: center;
}
.icn{
font-size: 20px;
font-weight: 700;
margin-right: 5px;
}
.peticiona{
color: #1335F6;
}
.acordos{
color: #12B0F6;
}
.adv{
color: #00B600;
}
.produtoscomp_cards a{
color: #292D38;
font-size: 15px;
font-weight: 600;
padding-top: 40px;
text-decoration: none;
}
.produtoscomp_cards a:hover{
text-decoration: underline;
}
/** -------------------------- PLANOS ADV ------------------------- **/
.planosadv_background{
background-color: #FFF;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.planosadv_background h2{
color: #292D38;
font-size: 30px;
font-weight: 600;
padding-bottom: 10px;
}
.planosadv_background span{
color: #000212;
font-size: 18px;
font-weight: 300;
margin-bottom: 20px;
}
.planosadv_textos{
display: flex;
flex-direction: row;
margin-top: 30px;
}
.planosadv_cards{
background-color: #FFFFFF;
box-shadow: 0px 0px 20px #0000000D;
border-radius: 15px;
margin: 0 20px;
width: 25%;
}
.planosadv_cardtopo{
background-color: #00B600;
border-radius: 15px 0px;
padding: 20px 30px;
}
.planosadv_cardtopo h3{
color: #FFFFFF;
font-size: 18px;
font-weight: 600;
padding-bottom: 5px;
}
.planosadv_cardtopo span{
color: #FFFFFF;
font-size: 12px;
font-weight: 300;
padding-bottom: 5px;
}
.planosadv_carditens{
display: flex;
flex-direction: column;
text-align: start;
align-items: center;
padding: 30px 5px;
}
.planosadv_carditens li{
color: #6A6A6A;
font-size: 14px;
font-weight: 300;
padding-bottom: 10px;
display: flex;
align-items: center;
}
.verde{
color: #00B600;
}
.planosadv_botao{
margin-top: 30px;
padding: 15px 30px;
font-size: 20px;
font-weight: 500;
border-radius: 37px;
color: #FFFFFF;
border: 2px solid #00B600;
background-color: #00B600;
cursor: pointer;
}
.planosadv_botao:hover{
color: #292d38;
border: 2px solid #00B600;
background-color: #FFF;
cursor: pointer;
}
/** -------------------------- TESTE ADV ------------------------- **/
.testeadv_background{
background-color: #00B600;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.testeadv_background h2{
color: #FFFFFF;
font-size: 30px;
font-weight: 600;
padding-bottom: 10px;
text-wrap: balance;
}
.testeadv_background p{
color: #FFFFFF;
font-size: 18px;
font-weight: 300;
margin-bottom: 20px;
text-wrap: balance;
}
.testeadv_background button{
margin-top: 20px;
padding: 15px 30px;
font-size: 20px;
font-weight: 700;
border-radius: 37px;
color: #00B600;
border: 2px solid #FFF;
background-color: #FFF;
cursor: pointer;
}
.testeadv_background button:hover{
color: #FFF;
border: 2px solid #FFF;
background-color: #00B600;
cursor: pointer;
}
/** -------------------------- VANTAGENS ADV ------------------------- **/
.vantagensadv_background{
background-color: #FFF;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
}
.vantagensadv_titulos{
margin-top: 5px;
width: 100%;
display: flex;
padding: 60px 20px 0 20px;
}
.vantagensadv_modulos{
font-size: 18px;
text-align: center;
font-weight: 600;
color: #525662;
margin: 0 10px;
border: 2px solid #00B600;
width: 100%;
max-width: 300px;
height: 80px;
border-radius: 14px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: 0.3s;
text-wrap: balance;
}
.vantagensadv_moduloshover{
padding: 15px 5px 40px 5px;
width: 100%;
display: flex;
border-radius: 20px 20px 0px 0px;
flex-direction: column;
align-items: center;
cursor: pointer;
margin: 0 10px;
}
.vantagensadv_moduloshover:hover{
background-color: #F0F3F4;
.vantagensadv_modulos{
background-color: #00B600;
color: #FFF;
}
.vantagensadv_info{
display: none;
}
.vantagensadv_arrow{
display: block;
}
}
.vantagensadv_info{
padding: 5px 10px;
background-color: #00B600;
width: 100%;
font-size: 13px;
font-weight: 300;
max-width: 120px;
margin-top: -13px;
box-shadow: 0px 15px 20px #00000029;
border-radius: 27px;
text-wrap: balance;
}
.vantagensadv_arrow{
color: #00B600;
font-size: 6px;
font-weight: 700;
padding: 4px;
background-color: #fff;
border-radius: 50%;
margin-top: -13px;
display: none;
text-wrap: balance;
}
.vantagensadv_active{
background-color: #F0F3F4;
.vantagensadv_modulos{
background-color: #00B600;
color: #FFF;
}
.vantagensadv_info{
display: none;
}
.vantagensadv_arrow{
display: block;
}
}
.vantagensadv_h100{
width: 100%;
}
.vantagensadv_vantagens{
background-color: #F0F3F4;
padding: 60px 20px 20px 20px;
display: flex;
flex-direction: row;
}
.vantagensadv_vantagens_buttons{
width: 33%;
float: left;
max-width: 300px;
display: flex;
justify-content: flex-start;
flex-direction: column;
}
.vantagensadv_vantagens_buttons button{
margin: 10px 0;
font-size: 16px;
font-weight: 500;
padding: 10px 40px;
border: 2px solid #00B600;
border-radius: 37px;
background-color: #F0F3F4;
color: #00B600;
cursor: pointer;
}
.vantagensadv_vantagens_buttons button:hover{
background-color: #00B600;
color: #FFF;
}
.vantagensadv_vantagens_buttons_act{
background-color: #00B600 !important;
color: #FFF !important;
}
.vantagensadv_botao{
background-color: #F0F3F4;
width: 100%;
padding: 30px 20px 60px 20px;
display: flex;
flex-direction: row;
justify-content: center;
}
.vantagensadv_botao button{
margin-top: 20px;
padding: 15px 30px;
font-size: 19px;
font-weight: 700;
border-radius: 37px;
color: #FFF;
border: 2px solid #00B600;
background-color: #00B600;
cursor: pointer;
}
.vantagensadv_botao button:hover{
color: #00B600;
border: 2px solid #00B600;
background-color: #F0F3F4;
cursor: pointer;
}
.vantagensadv_vantagens_content{
display: flex;
flex-direction: column;
text-align: start;
margin:0 20px;
width: 33%;
float: left;
}
.vantagensadv_vantagens_content h2{
font-size: 30px;
font-weight: 700;
color: #000212;
margin-bottom: 20px;
text-wrap: balance;
}
.vantagensadv_vantagens_content p{
font-size: 18px;
font-weight: 300;
color: #292D38;
margin: 10 0px;
text-wrap: balance;
}
.vantagensadv_vantagens_img{
margin: 0 10px;
width: 33%;
float: left;
display: flex;
align-items: center;
}
.vantagensadv_vantagens_img img{
width: 100%;
max-width: 500px;
margin-left: 20px;
}
/** CAROUSEL **/
.vantagens_carousel {
float: left;
overflow: hidden;
padding: 0 15px;
width: 100%;
position:relative;
margin-top: 30px;
}
.vantagens_carousel .vantagens_carousel-inner {
transition: 1s ease all;
float: left;
display: flex;
align-items: flex-start;
margin: 0 10px;
}
.vantagens_carousel .vantagens_carousel-inner .item {
float: left;
margin: 0 10px;
cursor: pointer;
}
.vantagens_carousel .vantagens_left, .vantagens_carousel .vantagens_right {
position:absolute;
border-radius:50%;
top:calc(50% - 20px);
}
.vantagens_carousel .vantagens_left2, .vantagens_carousel .vantagens_right2 {
position:absolute;
border-radius:50%;
top:calc(50% - 20px);
}
.vantagens_carousel .vantagens_left {
left:0;
color: #00B600;
border: none;
background-color: #FFFFFF00;
cursor: pointer;
font-size: 60px;
margin-right: 30px;
}
.vantagens_carousel .vantagens_right {
right:0;
color: #00B600;
border: none;
background-color: #FFFFFF00;
cursor: pointer;
font-size: 60px;
margin-left: 30px;
}
.vantagens_carousel .vantagens_left2 {
left:0;
color: #0756E4;
border: none;
background-color: #FFFFFF00;
cursor: pointer;
font-size: 60px;
margin-right: 30px;
}
.vantagens_carousel .vantagens_right2 {
right:0;
color: #0756E4;
border: none;
background-color: #FFFFFF00;
cursor: pointer;
font-size: 60px;
margin-left: 30px;
}
.vantagens_carousel .vantagens_left.over, .vantagens_carousel .vantagens_right.over {
pointer-events: none;
color: #81d181;
}
.vantagens_carousel .vantagens_left2.over, .vantagens_carousel .vantagens_right2.over {
pointer-events: none;
color: #7493ce;
}
.vantagens_img{
width: 100%;
max-width: 150px;
}
/** -------------------------- TOPO SOLUÇÕES ------------------------- **/
.toposolucoes_background{
background: rgb(10,0,34);
background-image: linear-gradient(119deg, rgba(10,0,34,1) 36%, rgba(0,0,0,0) 100%), url("../img/bg_solucoes.jpg");
background-size: cover;
background-position: right 35% bottom 90%;
padding: 80px 20px;
display: flex;
flex-direction: row;
height: 500px;
}
.toposolucoes_titulos{
width: 100%;
max-width: 600px;
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
}
.toposolucoes_titulos h1{
color: #FFFFFF;
font-size: 40px;
font-weight: 700;
margin-bottom: 10px;
text-wrap: balance;
}
.toposolucoes_titulos p{
color: #FFFFFF;
font-size: 18px;
line-height: 24px;
font-weight: 300;
margin-top: 10px;
text-wrap: balance;
}
/** -------------------------- TOPO SOLUÇÕES ------------------------- **/
.toposobre_background{
background: rgb(10,0,34);
background-image: linear-gradient(119deg, rgba(10,0,34,1) 36%, rgba(0,0,0,0) 100%), url("../img/bg_quemsomos.JPG");
background-size: cover;
background-position: right 0% bottom 50%;
padding: 80px 20px;
display: flex;
flex-direction: row;
height: 500px;
}
.toposobre_titulos{
width: 100%;
max-width: 600px;
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
}
.toposobre_titulos h1{
color: #FFFFFF;
font-size: 30px;
font-weight: 700;
margin-bottom: 10px;
text-wrap: balance;
}
.toposobre_titulos p{
color: #FFFFFF;
font-size: 18px;
font-weight: 300;
margin-top: 10px;
text-wrap: balance;
}
/** -------------------------- SOLUCOES ------------------------- **/
.solucoes_background{
background-color: #FFF;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.solucoes_background h2{
color: #292D38;
font-size: 30px;
font-weight: 300;
padding-bottom: 20px;
}
.solucoes_background p{
color: #000212;
font-size: 18px;
font-weight: 300;
padding-bottom: 50px;
}
.solucoes_textos{
display: flex;
flex-direction: row;
margin: 30px 0;
justify-content: center;
}
.solucoes_cards{
display: flex;
flex-direction: column;
align-items: center;
text-align: start;
width: 100%;
max-width: 300px;
padding: 60px 20px;
margin: 0 20px;
background-color: #FFF;
box-shadow: 0px 0px 20px #0000000D;
border-radius: 15px;
}
.solucoes_cards img {
width: 100%;
max-width: 220px;
margin-bottom: 30px;
}
.solucoes_cards p{
color: #525662 !important;
font-size: 14px !important;
line-height: 20px !important;
font-weight: 300 !important;
padding-bottom: 30px !important;
text-wrap: balance;
}
.solucoes_cards span{
color: #6A6A6A;
font-size: 14px;
font-weight: 500;
margin-bottom: 20px;
}
.solucoes_lista span{
color: #6A6A6A;
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
}
.solucoes_lista{
display: flex;
flex-direction: column;
width: 100%;
}
.solucoes_lista li{
color: #6A6A6A;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
display: flex;
align-items: center;
}
.solucoes_cards a{
color: #292D38;
font-size: 14px;
font-weight: 600;
padding-top: 40px;
text-decoration: none;
}
.solucoes_cards a:hover{
text-decoration: underline;
}
/** -------------------------- TOPO QUEM SOMOS ------------------------- **/
.topoquemsomos_background{
background-image: linear-gradient(90deg, #0A0022 0%, #0A0022 17%, #0A0022A5 28%, #5B5B5B00 100%), url("../img/bg_quemsomos.JPG");
background-repeat: no-repeat;
background-position: right 0% bottom 40%;
padding: 80px 20px;
display: flex;
align-items: center;
flex-direction: row;
height: 500px;
}
.topoquemsomos_titulos{
width: 100%;
max-width: 600px;
}
.topoquemsomos_titulos h1{
color: #FFFFFF;
font-size: 30px;
font-weight: 700;
margin-bottom: 10px;
}
.topoquemsomos_titulos p{
color: #FFFFFF;
font-size: 18px;
font-weight: 300;
margin-top: 10px;
}
/** -------------------------- PRODUTOS COMP ------------------------- **/
.produtoscomp2_background{
background-color: #F0F3F4;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 12%;
}
.produtoscomp2_background h2{
color: #0756E4;
font-size: 34px;
font-weight: 600;
padding-bottom: 20px;
}
.produtoscomp2_background p{
color: #292D38;
font-size: 21px;
font-weight: 300;
padding-bottom: 50px;
}
.produtoscomp2_textos{
display: flex;
flex-direction: row;
}
.produtoscomp2_cards{
display: flex;
flex-direction: column;
align-items: center;
text-align: start;
width: 100%;
max-width: 300px;
padding: 60px 20px;
margin: 0 20px;
background-color: #FFF;
box-shadow: 0px 0px 20px #0000000D;
border-radius: 15px;
}
.produtoscomp2_cards p{
color: #525662;
font-size: 15px;
font-weight: 300;
padding-bottom: 30px;
}
.produtoscomp2_cards span{
color: #6A6A6A;
font-size: 15px;
font-weight: 500;
margin-bottom: 20px;
}
.produtoscomp2_lista span{
color: #6A6A6A;
font-size: 15px;
font-weight: 500;
margin-bottom: 10px;
}
.produtoscomp2_lista{
display: flex;
flex-direction: column;
width: 100%;
}
.produtoscomp2_lista li{
color: #6A6A6A;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
display: flex;
align-items: center;
}
.produtoscomp2_cards a{
color: #292D38;
font-size: 15px;
font-weight: 600;
padding-top: 40px;
text-decoration: none;
}
.produtoscomp2_cards a:hover{
text-decoration: underline;
}
/** -------------------------- QUEM SOMOS ------------------------- **/
.quemsomos_background{
background-color: #280BA0;
display: flex;
flex-direction: row;
text-align: center;
width: 100%;
padding: 60px 20px;
}
.quemsomos_img{
width: 50%;
float: left;
display: flex;
justify-content: center;
}
.quemsomos_img img{
width: 100%;
max-width: 400px;
margin: 0 30px 0 0;
}
.quemsomos_texto{
width: 50%;
float: left;
display: flex;
flex-direction: column;
text-align: start;
justify-content: center;
height: 100%;
}
.quemsomos_texto h2{
font-size: 30px;
font-weight: 700;
color: #12B0F6;
margin-bottom: 10px;
}
.quemsomos_texto p{
font-size: 18px;
font-weight: 300;
color: #FFFFFF;
}
/** -------------------------- SOBRE ------------------------- **/
.sobre_background{
background-color: #FFFFFF;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.sobre_div{
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
}
.sobre_texto{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 15%;
padding-left: 20px;
margin-top: 20px;
}
.sobre_texto h3{
font-size: 40px;
font-weight: 600;
color: #0756E4;
margin-bottom: 5px;
}
.sobre_texto span{
font-size: 18px;
font-weight: 300;
color: #292d38;
margin-top: 5px;
}
.sobre_video{
width: 100%;
margin: 80px 0;
}
.sobre_video iframe{
border-radius: 27px;
}
.sobre_titulo span{
font-size: 18px;
font-weight: 200;
color: #292D38;
}
.sobre_titulo h2{
font-size: 30px;
font-weight: 700;
color: #0756E4;
margin-bottom: 10px;
margin-top: 20px;
}
.sobre_titulo p{
font-size: 18px;
font-weight: 300;
color: #292D38;
text-align: start;
}
/** -------------------------- TOPO OBRIGADO ------------------------- **/
.topoobrigado_background{
background: rgb(10,0,34);
background-image: linear-gradient(119deg, rgba(10,0,34,1) 36%, rgba(0,0,0,0) 100%), url("../img/bg_obrigado.jpg");
background-size: cover;
background-position: right 35% bottom 75%;
padding: 80px 20px;
display: flex;
flex-direction: row;
height: 500px;
}
.topoobrigado_titulos{
width: 100%;
height: 100%;
max-width: 600px;
display: flex;
flex-direction: column;
justify-content: center;
}
.topoobrigado_titulos h1{
color: #0756E4;
font-size: 30px;
font-weight: 700;
margin-bottom: 10px;
text-wrap: balance;
}
.topoobrigado_titulos p{
color: #FFFFFF;
font-size: 18px;
font-weight: 300;
margin-top: 10px;
text-wrap: balance;
}
/** -------------------------- TOPO CODIGOS ------------------------- **/
.topocodigos_background{
background: rgb(10,0,34);
background-image: linear-gradient(119deg, rgba(10,0,34,1) 36%, rgba(0,0,0,0) 100%), url("../img/topo_codigos.png");
background-size: cover;
background-position: right 35% bottom 75%;
padding: 80px 20px;
display: flex;
flex-direction: row;
height: 500px;
}
.topocodigos_titulos{
width: 100%;
height: 100%;
max-width: 600px;
display: flex;
flex-direction: column;
justify-content: center;
}
.topocodigos_titulos h1{
color: #FFF;
font-size: 30px;
font-weight: 700;
margin-bottom: 10px;
text-wrap: balance;
}
.topocodigos_titulos p{
color: #FFFFFF;
font-size: 18px;
font-weight: 300;
margin-top: 10px;
text-wrap: balance;
}
/** -------------------------- 404 ------------------------- **/
.erro404_background{
background-color: #F0F3F4;
display: flex;
flex-direction: row;
text-align: center;
width: 100%;
padding: 80px 20px;
color: #525662;
}
.erro404_img{
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
float: left;
}
.erro404_img img{
max-width: 450px;
}
.erro404_titulos{
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
float: left;
justify-content: center;
}
.erro404_titulos h1{
font-size: 200px;
font-weight: 900;
color: #160544;
text-wrap: balance;
}
.erro404_titulos h2{
font-size: 30px;
font-weight: 700;
color: #525662;
margin-bottom: 20px;
text-wrap: balance;
}
.erro404_titulos p{
font-size: 20px;
font-weight: 300;
color: #525662;
text-wrap: balance;
}
/** -------------------------- TOPO SUPORTE ------------------------- **/
.toposuporte_background{
background-color: #fff;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 80px 20px;
}
.toposuporte_background h1{
font-size: 30px;
font-weight: 700;
color: #292D38;
margin-bottom: 10px;
text-wrap: balance;
}
.toposuporte_background p{
font-size: 18px;
font-weight: 300;
color: #292D38;
margin-bottom: 10px;
text-wrap: balance;
}
/** -------------------------- PRODUTOS ------------------------- **/
.produtos_background{
background-color: #F0F3F4;
display: flex;
flex-direction: column;
width: 100%;
padding: 50px 20px;
}
.produtos_itens{
width: 100%;
display: flex;
flex-direction: row;
text-align: center;
align-items: center;
justify-content: center;
}
.produtos_cards{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
max-width: 380px;
height: 200px;
margin: 30px 60px;
background-color: #FFF;
box-shadow: 0px 0px 20px #7E828F;
border-radius: 15px;
}
.produtos_cards img{
max-width: 250px;
margin-bottom: 20px;
}
.produtos_cards span{
color: #000;
margin-bottom: 30px;
}
.produtos_cards button{
background-color: #0756E4;
color: #FFFFFF;
font-size: 16px;
padding: 10px 30px;
box-shadow: 0px 15px 20px #00000029;
border: 2px solid #0756E4;
border-radius: 35px;
cursor: pointer;
}
.produtos_cards button:hover{
background-color: #FFFFFF;
color: #0756E4;
border: 2px solid #0756E4;
}
/** -------------------------- TOPO CONTATO ------------------------- **/
.topocontato_background{
background-color: #fff;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 80px 20px;
}
.topocontato_background h1{
font-size: 30px;
font-weight: 700;
color: #292D38;
margin-bottom: 10px;
text-wrap: balance;
}
.topocontato_background p{
font-size: 18px;
font-weight: 300;
color: #292D38;
margin-bottom: 10px;
text-wrap: balance;
}
/** -------------------------- CONTATOS ------------------------- **/
.contatos_background{
background-color: #F0F3F4;
display: flex;
flex-direction: column;
width: 100%;
padding: 50px 20px
}
.contatos_itens{
width: 100%;
display: flex;
flex-direction: row;
text-align: center;
align-items: center;
justify-content: center;
}
.contatos_cards{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 100%;
max-width: 450px;
padding: 30px;
height: 250px;
margin: 30px 60px;
background-color: #FFF;
box-shadow: 0px 0px 20px #7E828F;
border-radius: 15px;
}
.contatos_cards span{
color: #000;
margin-bottom: 30px;
}
.contatos_titulos{
margin: 0 10px;
text-align: start;
}
.contatos_titulos h2{
font-size: 20px;
font-weight: 700;
color: #000212;
margin-bottom: 10px;
}
.contatos_titulos p{
font-size: 13px;
font-weight: 300;
color: #525662;
margin-bottom: 10PX;
}
.contatos_titulos button{
background-color: #0756E4;
color: #FFFFFF;
font-size: 14px;
padding: 10px 30px;
box-shadow: 0px 15px 20px #00000029;
border: 2px solid #0756E4;
border-radius: 35px;
cursor: pointer;
}
.contatos_titulos button:hover{
background-color: #FFFFFF;
color: #0756E4;
border: 2px solid #0756E4;
}
.contatos_img{
width: 100%;
margin: 0 20px 0 0;
}
.contatos_img img{
max-width: 130px;
}
.contatos_titulo{
text-align: center;
}
.contatos_titulo h2{
color: #0756E4;
font-size: 30px;
font-weight: 700;
margin-bottom: 10px;
text-wrap: balance;
}
.contatos_titulo p{
color: #292D38;
font-size: 18px;
font-weight: 300;
margin-top: 10px;
text-wrap: balance;
}
/** -------------------------- ENDEREÇO ------------------------- **/
.endereco_background{
background-color: #FFF;
display: flex;
flex-direction: row;
width: 100%;
padding: 50px 20px;
}
.endereco_titulos{
padding: 10px;
width: 50%;
display: flex;
flex-direction: column;
float: left;
height: 100%;
justify-content: center;
}
.endereco_titulos span{
font-size: 18px;
font-weight: 300;
color: #292D38;
margin-bottom: 10px;
text-wrap: balance;
}
.endereco_titulos h2{
font-size: 30px;
font-weight: 700;
color: #280BA0;
margin-bottom: 30px;
text-wrap: balance;
}
.endereco_titulos p{
font-size: 18px;
font-weight: 300;
color: #292D38;
margin-bottom: 20px;
text-wrap: balance;
}
.endereco_mapa{
padding: 10px;
width: 50%;
float: left;
display: flex;
justify-content: center;
height: 100%;
justify-content: center;
}
/** -------------------------- TOPO EMP ------------------------- **/
.topoemp_background{
background-color: #F0F3F4;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 80px 20px 60px 20px;
}
.topoemp_background h1{
color: #292D38;
font-size: 42px;
line-height: 48px;
font-weight: 600;
padding-bottom: 10px;
text-wrap: balance;
}
.topoemp_background p{
color: #000212;
font-size: 18px;
line-height: 24px;
font-weight: 300;
padding: 10px 0;
text-wrap: balance;
}
.topoemp_background span{
color: #000;
font-size: 12px;
font-weight: 600;
padding-bottom: 20px;
text-wrap: balance;
}
.topoemp_background img{
width: 100%;
max-width: 800px;
}
/** -------------------------- PERCENTUAL EMP ------------------------- **/
.percentualemp_background{
background-color: #FFFFFF;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 40px 20px 60px 20px;
}
.percentualemp_background h2{
color: #292D38;
font-size: 30px;
font-weight: 600;
padding-bottom: 10px;
text-wrap: balance;
}
.percentualemp_background p{
color: #000212;
font-size: 18px;
font-weight: 300;
padding-bottom: 20px;
text-wrap: balance;
}
.percentualemp_div{
width: 100%;
float: left;
}
.percentualemp_texto{
float: left;
text-align: start;
width: 20%;
padding: 0 20px 0 20px;
margin-top: 20px;
border-left: 1px solid #0756E4;
text-align: center;
}
.percentualemp_texto h3{
font-size: 40px;
font-weight: 600;
color: #0756E4;
margin-bottom: 5px;
text-wrap: balance;
}
.percentualemp_texto span{
font-size: 18px;
font-weight: 300;
color: #292d38;
margin-top: 5px;
text-wrap: balance;
}
/** -------------------------- DETALHES 2 EMP ------------------------- **/
.detalhes2emp_background{
background-color: #F0F3F4;
display: flex;
flex-direction: row;
width: 100%;
padding: 60px 12% 60px 0%;
}
.detalhes2emp_img{
width: 50%;
}
.detalhes2emp_img img{
width: 100%;
max-width: 700px;
}
.detalhes2emp_text{
margin-left: 20px;
width: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.detalhes2emp_text span{
color: #292D38;
font-size: 18px;
font-weight: 300;
padding-bottom: 20px;
text-wrap: balance;
}
.detalhes2emp_text h2{
color: #000212;
font-size: 30px;
font-weight: 600;
padding-bottom: 30px;
text-wrap: balance;
}
.detalhes2emp_text p{
color: #292D38;
font-size: 18px;
font-weight: 300;
padding-bottom: 20px;
text-wrap: balance;
}
.detalhes2emp_text button,
.detalhes2emp_text a{
padding: 15px 30px;
font-size: 20px;
font-weight: 500;
border-radius: 37px;
color: #FFFFFF;
border: 2px solid #0756E4;
background-color: #0756E4;
cursor: pointer;
text-decoration: none;
display: inline-block;
}
.detalhes2emp_text button:hover{
color: #292d38;
border: 2px solid #0756E4;
background-color: #fff;
cursor: pointer;
}
/** -------------------------- TRABALHE ------------------------- **/
.trabalhe_background{
background-color: #280BA0;
display: flex;
flex-direction: row;
width: 100%;
padding: 0px 12% 0px 0%;
}
.trabalhe_img{
width: 50%;
}
.trabalhe_img img{
width: 100%;
max-width: 700px;
}
.trabalhe_text{
width: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.trabalhe_text h2{
color: #12B0F6;
font-size: 30px;
font-weight: 600;
padding-bottom: 30px;
text-wrap: balance;
}
.trabalhe_text p{
color: #FFFFFF;
font-size: 18px;
font-weight: 300;
padding-bottom: 20px;
text-wrap: balance;
}
.trabalhe_text button{
padding: 15px 30px;
font-size: 20px;
font-weight: 500;
border-radius: 37px;
color: #FFFFFF;
border: 2px solid #12B0F6;
background-color: #12B0F6;
cursor: pointer;
}
.trabalhe_text button:hover{
color: #280BA0;
border: 2px solid #FFF;
background-color: #FFF;
cursor: pointer;
}
/** -------------------------- VANTAGENS EMP ------------------------- **/
.vantagensemp_background{
background-color: #FFF;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
display: inline-block;
width: 100%;
}
.vantagensemp_titulos{
margin-top: 5px;
width: 100%;
display: flex;
padding: 40px 20px 0 20px;
}
.vantagensemp_modulos{
font-size: 18px;
text-align: center;
font-weight: 600;
color: #525662;
margin: 0 10px;
border: 2px solid #0756E4;
width: 100%;
max-width: 300px;
height: 80px;
border-radius: 14px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: 0.3s;
}
.vantagensemp_moduloshover{
padding: 15px 5px 40px 5px;
width: 100%;
display: flex;
border-radius: 20px 20px 0px 0px;
flex-direction: column;
align-items: center;
cursor: pointer;
margin: 0 3px;
}
.vantagensemp_moduloshover:hover{
background-color: #F0F3F4;
.vantagensemp_modulos{
background-color: #0756E4;
color: #FFF;
}
.vantagensemp_info{
display: none;
}
.vantagensemp_arrow{
display: block;
}
}
.vantagensemp_info{
padding: 5px 10px;
background-color: #0756E4;
width: 100%;
font-size: 13px;
font-weight: 300;
max-width: 120px;
margin-top: -13px;
box-shadow: 0px 15px 20px #00000029;
border-radius: 27px;
}
.vantagensemp_arrow{
color: #0756E4;
font-size: 6px;
font-weight: 700;
padding: 4px;
background-color: #fff;
border-radius: 50%;
margin-top: -13px;
display: none;
}
.vantagensemp_active{
background-color: #F0F3F4;
.vantagensemp_modulos{
background-color: #0756E4;
color: #FFF;
}
.vantagensemp_info{
display: none;
}
.vantagensemp_arrow{
display: block;
}
}
.vantagensemp_vantagens{
background-color: #F0F3F4;
padding: 60px 12% 20px 12%;
display: flex;
flex-direction: row;
}
.vantagensemp_vantagens_buttons{
float: left;
margin: 0 10px;
width: 33%;
max-width: 300px;
display: flex;
justify-content: flex-start;
flex-direction: column;
}
.vantagensemp_vantagens_buttons button{
margin: 10px 0;
font-size: 16px;
font-weight: 500;
padding: 10px 40px;
border: 2px solid #0756E4;
border-radius: 37px;
background-color: #F0F3F4;
color: #0756E4;
cursor: pointer;
}
.vantagensemp_vantagens_buttons button:hover{
background-color: #0756E4;
color: #FFF;
}
.vantagensemp_vantagens_buttons_act{
background-color: #0756E4 !important;
color: #FFF !important;
}
.vantagensemp_botao{
background-color: #F0F3F4;
width: 100%;
padding: 30px 12% 60px 12%;
display: flex;
flex-direction: row;
justify-content: center;
}
.vantagensemp_botao button,
.vantagensemp_botao a{
margin-top: 20px;
padding: 15px 30px;
font-size: 20px;
font-weight: 700;
border-radius: 37px;
color: #FFF;
border: 2px solid #0756E4;
background-color: #0756E4;
cursor: pointer;
text-decoration: none;
}
.vantagensemp_botao button:hover{
color: #0756E4;
border: 2px solid #0756E4;
background-color: #F0F3F4;
cursor: pointer;
}
.vantagensemp_vantagens_content{
display: flex;
flex-direction: column;
text-align: start;
margin:0 20px;
width: 33%;
float: left;
}
.vantagensemp_vantagens_content h2{
font-size: 30px;
font-weight: 700;
color: #000212;
margin-bottom: 20px;
}
.vantagensemp_vantagens_content p{
font-size: 18px;
font-weight: 300;
color: #292D38;
margin: 10 0px;
}
.vantagensemp_vantagens_img{
margin: 0 10px;
width: 33%;
float: left;
display: flex;
align-items: center;
}
.vantagensemp_vantagens_img img{
width: 100%;
max-width: 364px;
margin-left: 40px;
}
/** -------------------------- TERMOS ACORDOS ------------------------- **/
.termosacordos_background{
background-color: #FFF;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.termosacordos_background p{
color: #292D38;
font-size: 18px;
font-weight: 300;
padding-bottom: 20px;
text-wrap: balance;
}
.termosacordos_background h2{
font-size: 30px;
font-weight: 700;
color: #292D38;
margin-bottom: 20px;
text-wrap: balance;
}
.termosacordos_background h1{
color: #000212;
font-size: 40px;
font-weight: 800;
padding-bottom: 20px;
text-wrap: balance;
}
/** -------------------------- TESTE EMP ------------------------- **/
.testeemp_background{
background-color: #0756E4;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.testeemp_background h2{
color: #FFFFFF;
font-size: 30px;
font-weight: 600;
padding-bottom: 10px;
text-wrap: balance;
}
.testeemp_background p{
color: #FFFFFF;
font-size: 18px;
font-weight: 300;
margin-bottom: 20px;
text-wrap: balance;
}
.testeemp_background button,
.testeemp_background a {
margin-top: 20px;
padding: 15px 30px;
font-size: 20px;
font-weight: 700;
border-radius: 37px;
color: #0756E4;
border: 2px solid #FFF;
background-color: #FFF;
cursor: pointer;
text-decoration: none;
display: inline-block;
}
.testeemp_background button:hover{
color: #FFF;
border: 2px solid #FFF;
background-color: #0756E4;
cursor: pointer;
}
.cta-topo {
color: #00B600;
border: 1px solid #00B600;
padding: 15px 20px;
border-radius: 30px;
margin: -15px 0 0 0;
margin: 0 0 0 20px;
background: #00B600;
color: #fff;
transition: all .3s;
cursor: pointer;
display: inline-block;
text-decoration: none;
margin: 20px 0 30px 0;
}
.cta-topo.cta-azul {
background-color: #0756E4;
border-color: #0756E4;
}
.form-cta {
float: left;
width: 100%;
text-align: center;
padding: 30px 0 50px 0;
}
.form-cta input {
border: 1px solid #707070;
border-radius: 28px;
display: inline-block;
width: 500px;
padding: 15px 15px;
}
.form-cta button {
color: #00B600;
border: 1px solid #00B600;
padding: 15px 20px;
border-radius: 30px;
margin: -15px 0 0 0;
margin: 0 0 0 20px;
background: #00B600;
color: #fff;
transition: all .3s;
cursor: pointer;
}
.form-cta-azul button {
background: #0756E4;
border-color: #0756E4;
}
.formcta button:hover {
background: #fff;
color: #00B600;
}
/** -------------------------- MATERIAIS && JURISCAST CONTEUDO && EVENTOS CONTEUDO ------------------------- **/
.materiais_background{
background-color: #FFF;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 20px 0 20px;
}
.materiais_background h2{
font-size: 30px;
font-weight: 700;
color: #292D38;
margin-bottom: 20px;
text-wrap: balance;
}
.materiais_background strong{
color: #0756E4;
}
.materiais_borda{
width: 100%;
border: 1px solid #00000029;
}
.materiais_conteudo{
margin: 40px 0;
display: flex;
flex-direction: row;
text-align: start;
width: 100%;
}
.materiais_filtrar{
color: #292D38;
width: 100%;
max-width: 250px;
margin-right: 20px;
}
.materiais_filtrar h3{
font-size: 26px;
font-weight: 600;
color: #292D38;
margin-bottom: 20px;
text-wrap: balance;
}
.materiais_filtros{
width: 100%;
border: 1px solid #95989A;
padding: 30px;
box-shadow: 0px 3px 6px #00000029;
border-radius: 28px;
}
.materiais_filtros_opt{
border-bottom: 1px solid #95989A;
margin-bottom: 20px;
}
.materiais_filtros_opt h3{
font-size: 26px;
font-weight: 600;
color: #292D38;
margin-bottom: 20px;
cursor: pointer;
text-wrap: balance;
}
.materiais_itens_conteudo{
width: 100%;
display: flex;
flex-direction: column;
}
.materiais_itens{
color: #292D38;
width: 100%;
margin-left: 20px;
display: flex;
flex-direction: row;
justify-content: center;
min-height: 300px;
}
.materiais_item{
width: 100%;
max-width: 300px;
margin: 0 20px 40px 20px;
background-color: #E6E6E6;
padding: 20px;
border-radius: 28px;
display: flex;
flex-direction: column;
}
.materiais_item_img{
display: flex;
justify-content: center;
}
.materiais_item_img img{
width: 100%;
max-width: 90%;
margin-bottom: 20px;
}
.materiais_item h4{
font-size: 18px;
font-weight: 500;
color: #525662;
margin: 20px 0;
cursor: pointer;
text-wrap: balance;
}
.materiais_item span{
font-size: 11px;
font-weight: 400;
color: #E6E6E6;
background-color: #12B0F6;
cursor: pointer;
width: 100%;
max-width: 120px;
text-align: center;
padding: 5px 20px;
border-radius: 7px;
position: absolute;
margin-top: 3px;
text-wrap: balance;
}
.materiais_item p{
font-size: 12px;
font-weight: 300;
color: #525662;
margin-bottom: 20px;
cursor: pointer;
}
.materiais_btn{
display: flex;
justify-content: center;
margin: 20px 0;
height: 100%;
align-items: flex-end;
}
.materiais_btn button{
background-color: #0756E4;
color: #E6E6E6;
border: 1px solid #0756E4;
font-size: 14px;
font-weight: 300;
padding: 10px 20px;
border-radius: 35px;
box-shadow: 0px 15px 20px #00000029;
cursor: pointer;
}
/** -------------------------- NOVIDADES PORTAL ------------------------- **/
.novidadesportal_background{
background-color: #F0F3F4;
display: flex;
width: 100%;
padding: 60px 20px;
}
.novidadesportal_background h2{
font-size: 30px;
font-weight: 700;
color: #292D38;
margin-bottom: 20px;
text-wrap: balance;
}
.novidadesportal_background strong{
color: #0756E4;
}
.novidadesportal_card_img img{
width: 100%;
border-radius: 5px 5px 0 0;
}
.novidadesportal_card{
background-color: #E6E6E6;
min-height: 300px;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 0 0 5px 5px;
}
.novidadesportal_card_text{
padding: 20px;
}
.novidadesportal_card_meta{
display: flex;
justify-content: space-between;
font-size: 10px;
color: #B4B4B4;
}
.novidadesportal_card_title{
margin-top: 20px;
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: #525662;
text-align: start;
text-wrap: balance;
}
.novidadesportal_card_desc{
margin-top: 20px;
font-size: 10px;
line-height: 13px;
color: #525662;
text-align: start;
text-wrap: balance;
}
.novidadesportal_card_footer{
text-align: start;
display: flex;
align-items: center;
font-size: 10px;
color: #525662;
font-weight: 600;
padding: 20px;
height: 100%;
text-wrap: balance;
}
.novidadesportal_card_footer img{
margin: 0 10px 0 0;
}
/** CAROUSEL **/
.novidadesportal_carousel {
float: left;
overflow: hidden;
padding: 15px;
width: 100%;
position:relative;
margin-top: 30px;
}
.novidadesportal_carousel .novidadesportal_carousel-inner {
transition: 1s ease all;
float: left;
display: flex;
align-items: flex-start;
margin: 0 50px;
}
.novidadesportal_carousel .novidadesportal_carousel-inner .item {
float: left;
margin: 0 10px;
cursor: pointer;
}
.novidadesportal_carousel .novidadesportal_left, .novidadesportal_carousel .novidadesportal_right {
position:absolute;
border-radius:50%;
top:calc(50% - 20px);
}
.novidadesportal_carousel .novidadesportal_left {
left:0;
color: #0756E4;
border: none;
background-color: #FFFFFF00;
cursor: pointer;
font-size: 60px;
margin-right: 30px;
}
.novidadesportal_carousel .novidadesportal_right {
right:0;
color: #0756E4;
border: none;
background-color: #FFFFFF00;
cursor: pointer;
font-size: 60px;
margin-left: 30px;
}
.novidadesportal_carousel .novidadesportal_left.over, .novidadesportal_carousel .novidadesportal_right.over {
pointer-events: none;
color: #92B3ED;
}
.novidadesportal_img{
width: 100%;
max-width: 150px;
}
/** -------------------------- DEPOIMENTOS ------------------------- **/
.depoimentos_background{
background-color: #fff;
display: flex;
width: 100%;
padding: 60px 20px;
}
.depoimentos_background h2{
font-size: 30px;
font-weight: 700;
color: #292D38;
margin-bottom: 20px;
text-wrap: balance;
}
.depoimentos_background strong{
color: #0756E4;
}
.depoimentos_conteudo{
display: flex;
width: 100%;
justify-content: center;
flex-direction: column;
}
.depoimentos_img{
display: flex;
align-items: center;
width: 25%;
}
.depoimentos_img img{
width: 100%;
max-width: 120px;
}
.depoimentos2_img{
display: flex;
align-items: center;
width: 25%;
justify-content: center;
}
.depoimentos2_img img{
width: 100%;
max-width: 80px;
}
.depoimentos_texto{
display: flex;
color: #292D38;
font-size: 16px;
width: 100%;
text-align: start;
align-items: center;
text-wrap: balance;
}
.depoimentos_topo{
display: flex;
}
.depoimentos_texto p{
margin-top: 10px;
}
.depoimentos_texto i{
font-size: 28px;
color: #0756E4;
transform: scale(-1);
margin-top: -37px;
}
.depoimentos_footer{
font-size: 14px;
font-weight: 600;
color: #292D38;
display: flex;
margin: 20px 30px 0 0;
justify-content: flex-end;
}
/** CAROUSEL **/
.depoimentos_carousel {
float: left;
overflow: hidden;
padding: 15px;
width: 100%;
position:relative;
margin-top: 30px;
}
.depoimentos_carousel .depoimentos_carousel-inner {
transition: 1s ease all;
float: left;
display: flex;
margin: 0 50px;
}
.depoimentos_carousel .depoimentos_carousel-inner .item {
float: left;
margin: 0 150px 0 80px;
cursor: pointer;
display: flex;
}
.depoimentos_carousel .depoimentos_left, .depoimentos_carousel .depoimentos_right {
position:absolute;
border-radius:50%;
top:calc(50% - 20px);
}
.depoimentos_carousel .depoimentos_left {
left:0;
color: #0756E4;
border: none;
background-color: #FFFFFF00;
cursor: pointer;
font-size: 60px;
margin-right: 30px;
}
.depoimentos_carousel .depoimentos_right {
right:0;
color: #0756E4;
border: none;
background-color: #FFFFFF00;
cursor: pointer;
font-size: 60px;
margin-left: 30px;
}
.depoimentos_carousel .depoimentos_left.over, .depoimentos_carousel .depoimentos_right.over {
pointer-events: none;
color: #92B3ED;
}
/** -------------------------- CASOS DE USO ------------------------- **/
.agenda_background{
background-color: #FFF;
display: flex;
flex-direction: column;
width: 100%;
padding: 60px 20px;
display: none;
}
.agenda_texto{
width: 100%;
display: flex;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
}
.agenda_texto h2{
color: #292D38;
font-size: 30px;
font-weight: 700;
padding-bottom: 10px;
text-wrap: balance;
}
.agenda_texto span{
color: #000212;
font-size: 18px;
font-weight: 400;
padding-bottom: 30px;
text-wrap: balance;
}
.agenda_conteudo{
display: flex;
margin-top: 30px;
}
.agenda_item{
color: #0A0022;
width: 25%;
padding: 20px;
text-wrap: balance;
}
.agenda_data{
display: flex;
align-items: center;
margin-bottom: 30px;
}
.agenda_data h3{
font-size: 55px;
font-weight: 800;
text-wrap: balance;
}
.agenda_data span{
font-size: 20px;
font-weight: 400;
text-wrap: balance;
margin-left: 10px;
}
.agenda_desc h4{
color: #0756E4;
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
text-wrap: balance;
}
.agenda_desc p{
color: #0A0022;
font-size: 16px;
text-wrap: balance;
margin-bottom: 15px;
}
.agenda_desc a{
color: #12B0F6;
font-size: 14px;
font-weight: 500;
text-decoration: underline;
}
.agenda_hr{
border: 1px solid rgb(190, 190, 190);
border-radius: 10px;
}
.agenda_rgt{
border-right: 2px solid rgb(190, 190, 190);
}
.agenda_botao{
display: flex;
justify-content: center;
}
.agenda_botao button,
.agenda_botao a {
font-size: 20px;
margin-top: 40px;
color: #fff;
font-weight: 600;
padding: 12px 30px;
background-color: #0756e4;
border: none;
border-radius: 35px;
cursor: pointer;
display: inline-block;
text-decoration: none;
}
.agenda_botao button:hover{
color: #fff;
background-color: #160544;
transition: all .3s;
}
/** -------------------------- DETALHES ACOR ------------------------- **/
.detalhesacor_background{
background-color: #F0F3F4;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.detalhesacor_background h2{
color: #292d38;
font-size: 30px;
font-weight: 600;
padding-bottom: 20px;
text-wrap: balance;
}
.detalhesacor_buttons{
display: flex;
flex-direction: row;
justify-content: center;
margin-bottom: 20px;
}
.detalhesacor_buttons button{
margin: 0 20px;
width: 100%;
max-width: 300px;
padding: 15px 30px;
font-size: 16px;
font-weight: 500;
border-radius: 37px;
}
.detalhesacor_ativo{
color: #FFFFFF;
border: 2px solid #0756E4;
background-color: #0756E4;
cursor: pointer;
}
.detalhesacor_ativo:hover{
color: #FFFFFF;
border: 2px solid #0756E4;
background-color: #0756E4;
cursor: pointer;
}
.detalhesacor_inativo{
color: #292d38;
border: 2px solid #0756E4;
background-color: #F0F3F4;
cursor: pointer;
}
.detalhesacor_inativo:hover{
color: #FFFFFF;
border: 2px solid #0756E4;
background-color: #0756E4;
cursor: pointer;
}
.detalhesacor_img{
background-color: #34c2ff27;
border-radius: 20px;
padding: 60px 80px 0px 80px;
margin-bottom: 30px;
}
.detalhesacor_img img{
width: 100%;
max-width: 800px;
}
.detalhesacor_text{
margin-top: 20px;
display: flex;
flex-direction: row;
}
.detalhesacor_detalhes{
display: flex;
flex-direction: column;
text-align: start;
padding: 0 30px;
}
.detalhesacor_detalhes h3{
color: #000212;
font-size: 20px;
font-weight: 600;
padding-bottom: 20px;
text-wrap: balance;
}
.detalhesacor_detalhes p{
color: #292D38;
font-size: 16px;
font-weight: 300;
padding-bottom: 50px;
text-wrap: balance;
}
.detalhesacor_btnteste{
color: #FFFFFF;
border: 2px solid #0756E4;
background-color: #0756E4;
cursor: pointer;
}
.detalhesacor_btnteste:hover{
color: #292d38;
border: 2px solid #0756E4;
background-color: #F0F3F4;
cursor: pointer;
}
/** -------------------------- DETALHES 2 EMP ------------------------- **/
.detalhes3cont_background{
background-color: #FFF;
display: flex;
flex-direction: row;
width: 100%;
padding: 60px 12% 60px 0%;
}
.detalhes3cont_img{
width: 50%;
}
.detalhes3cont_img img{
width: 100%;
max-width: 700px;
}
.detalhes3cont_text{
width: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.detalhes3cont_text span{
color: #292D38;
font-size: 18px;
font-weight: 300;
padding-bottom: 20px;
text-wrap: balance;
}
.detalhes3cont_text h2{
color: #000212;
font-size: 30px;
font-weight: 600;
padding-bottom: 30px;
text-wrap: balance;
}
.detalhes3cont_text p{
color: #292D38;
font-size: 18px;
font-weight: 300;
padding-bottom: 20px;
text-wrap: balance;
}
.detalhes3cont_text button,
.detalhes3cont_text a {
padding: 15px 30px;
font-size: 20px;
font-weight: 500;
border-radius: 37px;
color: #FFFFFF;
border: 2px solid #0756E4;
background-color: #0756E4;
cursor: pointer;
text-decoration: none;
display: inline-block;
}
.detalhes3cont_text button:hover{
color: #292d38;
border: 2px solid #0756E4;
background-color: #fff;
cursor: pointer;
}
/** -------------------------- PRODUTOS COMP OFC ------------------------- **/
.produtoscompofc_background{
background-color: #F0F3F4;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.produtoscompofc_background strong{
color: #0756E4;
}
.produtoscompofc_background h2{
color: #292D38;
font-size: 34px;
font-weight: 600;
padding-bottom: 20px;
}
.produtoscompofc_background p{
color: #000212;
font-size: 21px;
font-weight: 300;
padding-bottom: 50px;
}
.produtoscompofc_textos{
display: flex;
flex-direction: row;
}
.produtoscompofc_cards{
display: flex;
flex-direction: column;
align-items: center;
text-align: start;
width: 100%;
max-width: 300px;
padding: 60px 20px;
margin: 0 20px;
background-color: #FFF;
box-shadow: 0px 0px 20px #0000000D;
border-radius: 15px;
}
.produtoscompofc_cards p{
color: #525662;
font-size: 15px;
font-weight: 300;
padding-bottom: 30px;
}
.produtoscompofc_cards span{
color: #6A6A6A;
font-size: 15px;
font-weight: 500;
margin-bottom: 20px;
}
.produtoscompofc_lista span{
color: #6A6A6A;
font-size: 15px;
font-weight: 500;
margin-bottom: 10px;
}
.produtoscompofc_lista{
display: flex;
flex-direction: column;
width: 100%;
}
.produtoscompofc_lista li{
color: #6A6A6A;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
display: flex;
align-items: center;
}
.icn{
font-size: 20px;
font-weight: 700;
margin-right: 5px;
}
.produtoscompofc_cards a{
color: #292D38;
font-size: 15px;
font-weight: 600;
padding-top: 40px;
text-decoration: none;
}
.produtoscompofc_cards a:hover{
text-decoration: underline;
}
/** CAROUSEL **/
.produtoscomp_carousel {
float: left;
overflow: hidden;
padding: 15px;
width: 100%;
position:relative;
margin-top: 30px;
}
.produtoscomp_carousel .produtoscomp_carousel-inner {
transition: 1s ease all;
float: left;
display: flex;
align-items: flex-start;
margin: 0 10px;
}
.produtoscomp_carousel .produtoscomp_carousel-inner .item {
float: left;
margin: 0 30px;
cursor: pointer;
}
.produtoscomp_carousel .produtoscomp_left, .produtoscomp_carousel .produtoscomp_right {
position:absolute;
border-radius:50%;
top:calc(50% - 20px);
}
.produtoscomp_carousel .produtoscomp_left {
left:0;
color: #0756E4;
border: none;
background-color: #FFFFFF00;
cursor: pointer;
font-size: 60px;
margin-right: 30px;
}
.produtoscomp_carousel .produtoscomp_right {
right:0;
color: #0756E4;
border: none;
background-color: #FFFFFF00;
cursor: pointer;
font-size: 60px;
margin-left: 30px;
}
.produtoscomp_carousel .produtoscomp_left.over, .produtoscomp_carousel .produtoscomp_right.over {
pointer-events: none;
color: #92B3ED;
}
.produtoscomp_img{
width: 100%;
max-width: 150px;
}
/** -------------------------- EDUCACAO ------------------------- **/
.educacao_background{
background-color: #F0F3F4;
display: flex;
flex-direction: row;
width: 100%;
padding: 100px 20px 60px 20px;
}
.educacao_img{
width: 50%;
float: left;
display: flex;
justify-content: center;
align-items: center;
}
.educacao_img img{
max-width: 400px;
}
.educacao_textos{
width: 50%;
float: left;
display: flex;
flex-direction: column;
align-items: flex-start;
height: 100%;
justify-content: center;
}
.educacao_textos h1{
color: #000212;
font-size: 30px;
font-weight: 800;
padding-bottom: 20px;
text-wrap: balance;
}
.educacao_textos p{
color: #6A6A6A;
font-size: 18px;
font-weight: 400;
margin-bottom: 10px;
text-wrap: balance;
}
/** -------------------------- CURSOS EDUCACAO ------------------------- **/
.cursosedu_background{
background-color: #F0F3F4;
display: flex;
flex-direction: row;
width: 100%;
padding: 60px 20px 60px 20px;
}
.cursosedu_texto{
text-align: center;
}
.cursosedu_texto h2{
color: #000212;
font-size: 30px;
font-weight: 800;
padding-bottom: 20px;
text-wrap: balance;
}
.cursosedu_texto strong{
color: #CA299D;
}
.cursosedu_cursos{
width: 100%;
display: flex;
flex-direction: row;
}
.cursosedu_item{
width: 25%;
padding: 15px;
margin-top: 20px;
}
.cursosedu_item_img{
position: relative;
z-index: 1;
}
.cursosedu_item_img img{
max-width: 100%;
}
.cursosedu_item_conteudo{
position: relative;
background-color: #E6E6E6;
border-radius: 0px 0px 18px 18px;
margin-top: -15px;
z-index: 2;
padding: 20px;
min-height: 100px;
}
.cursosedu_item_conteudo h3{
color: #525662;
font-size: 16px;
font-weight: 600;
padding-bottom: 10px;
text-wrap: balance;
}
.cursosedu_item_conteudo span{
color: #525662;
font-size: 12px;
font-weight: 300;
text-wrap: balance;
}
.cursosedu_btn{
display: flex;
justify-content: center;
}
.cursosedu_btn a{
font-size: 20px;
margin-top: 30px;
color: #CA299D;
font-weight: 500;
padding: 12px 30px;
background-color: #FFFFFF;
box-shadow: 0px 15px 20px #00000029;
border: none;
border-radius: 35px;
cursor: pointer;
text-decoration: none;
display: inline-block;
}
.cursosedu_btn a:hover{
color: #fff;
background-color: #CA299D;
transition: all .3s;
}
/** -------------------------- EDUCACAO SOBRE ------------------------- **/
.educacaosobre_background{
background-color: #FFF;
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.educacaosobre_textos{
width: 100%;
display: flex;
flex-direction: row;
}
.educacaosobre_titulo{
width: 40%;
padding: 0 10px;
display: flex;
flex-direction: column;
justify-content: center;
}
.educacaosobre_titulo h2{
color: #000212;
font-size: 30px;
font-weight: 600;
padding-bottom: 10px;
text-wrap: balance;
}
.educacaosobre_titulo p{
color: #292D38;
font-size: 18px;
font-weight: 400;
text-wrap: balance;
}
.educacaosobre_desc{
width: 30%;
padding: 0 20px;
}
.educacaosobre_desc h2{
color: #CA299D;
font-size: 18px;
font-weight: 600;
padding-bottom: 10px;
text-wrap: balance;
}
.educacaosobre_desc p{
color: #292D38;
font-size: 14px;
font-weight: 400;
text-wrap: balance;
}
/** -------------------------- BENEFICIOS HEROES ------------------------- **/
.beneficiosheroes_background{
background-color: #FFF;
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.beneficiosheroes_textos{
width: 100%;
display: flex;
flex-direction: row;
}
.beneficiosheroes_titulo{
width: 40%;
padding: 0 10px;
display: flex;
flex-direction: column;
justify-content: center;
}
.beneficiosheroes_titulo h2{
color: #000212;
font-size: 30px;
font-weight: 400;
padding-bottom: 10px;
text-wrap: balance;
}
.beneficiosheroes_titulo p{
color: #292D38;
font-size: 18px;
font-weight: 400;
text-wrap: balance;
}
.beneficiosheroes_desc{
width: 30%;
padding: 0 20px;
}
.beneficiosheroes_desc h2{
color: #0756E4;
font-size: 18px;
font-weight: 600;
padding-bottom: 10px;
text-wrap: balance;
}
.beneficiosheroes_desc p{
color: #292D38;
font-size: 14px;
font-weight: 400;
text-wrap: balance;
}
/** -------------------------- SOBRE HEROES ------------------------- **/
.sobreheroes_background{
background: #00157B;
background-image: url("../img/bg_azul_heroes.svg");
background-size: cover;
background-position: right 30% bottom 50%;
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.sobreheroes_textos{
width: 100%;
display: flex;
flex-direction: row;
}
.sobreheroes_titulo{
width: 50%;
padding: 0 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.sobreheroes_titulo h2{
color: #FFFFFF;
font-size: 30px;
font-weight: 600;
padding-bottom: 10px;
text-wrap: balance;
}
.sobreheroes_titulo p{
color: #FFF;
font-size: 18px;
font-weight: 400;
text-wrap: balance;
}
.sobreheroes_desc{
width: 50%;
padding: 0 20px;
}
.sobreheroes_desc h2{
color: #CA299D;
font-size: 18px;
font-weight: 600;
padding-bottom: 10px;
text-wrap: balance;
}
.sobreheroes_desc p{
color: #FFF;
font-size: 18px;
font-weight: 300;
text-wrap: balance;
}
/** -------------------------- TESTE EDUCACAO ------------------------- **/
.testeedu_background{
background: rgb(250,70,127);
background: linear-gradient(119deg, rgba(250,70,127,1) 0%, rgba(248,81,76,1) 21%, rgba(147,69,203,1) 98%);
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.testeedu_background h2{
color: #FFFFFF;
font-size: 30px;
font-weight: 600;
padding-bottom: 10px;
text-wrap: balance;
}
.testeedu_background p{
color: #FFFFFF;
font-size: 18px;
font-weight: 300;
margin-bottom: 20px;
text-wrap: balance;
}
.testeedu_background button{
margin-top: 20px;
padding: 15px 30px;
font-size: 20px;
font-weight: 700;
border-radius: 37px;
color: #FD5247;
border: 2px solid #FFF;
background-color: #FFF;
cursor: pointer;
}
.testeedu_background button:hover{
color: #FD5247;
border: 2px solid #e0e0e0;
background-color: #e0e0e0;
cursor: pointer;
}
/** -------------------------- TESTE HEROES ------------------------- **/
.testehero_background{
background-color: #000B68;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
width: 100%;
padding: 60px 20px;
}
.testehero_background h2{
color: #FFFFFF;
font-size: 30px;
font-weight: 600;
padding-bottom: 10px;
text-wrap: balance;
}
.testehero_background p{
color: #FFFFFF;
font-size: 18px;
font-weight: 300;
margin-bottom: 20px;
text-wrap: balance;
}
.testehero_background button{
margin-top: 20px;
padding: 15px 30px;
font-size: 20px;
font-weight: 700;
border-radius: 37px;
color: #0756E4;
border: 2px solid #FFF;
background-color: #FFF;
cursor: pointer;
}
.testehero_background button:hover{
color: #0756E4;
border: 2px solid #e0e0e0;
background-color: #e0e0e0;
cursor: pointer;
}
/** -------------------------- TOPO SOLUÇÕES ------------------------- **/
.topocom_background{
background: rgb(10,0,34);
background-image: linear-gradient(119deg, rgba(10,0,34,1) 36%, rgba(0,0,0,0) 100%), url("../img/bg_heroes.png");
background-size: cover;
background-position: right 0% bottom 100%;
padding: 80px 20px;
display: flex;
flex-direction: row;
height: 500px;
}
.topocom_titulos{
width: 100%;
max-width: 600px;
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
}
.topocom_titulos h1{
color: #FFFFFF;
font-size: 30px;
font-weight: 700;
margin-bottom: 10px;
text-wrap: balance;
}
.topocom_titulos p{
color: #FFFFFF;
font-size: 18px;
font-weight: 300;
margin-top: 10px;
text-wrap: balance;
}
.loading {
float: left;
width: 100%;
height: 100%;
background: rgba(255,255,255, 0.9);
position: fixed;
top: 0;
left: 0;
z-index: 100;
display: none;
}
.circ-fora {
border: 6px solid #3babe2;
width: 60px;
height: 60px;
background: none;
float: left;
position: absolute;
top: 50%;
left: 50%;
border-radius: 90px;
transition: .3s;
}
.anima.loading .circ-fora {
border: 5px solid #3259a6;
}
.circ-dentro {
border: 6px solid #3259a6;
width: 40px;
height: 40px;
background: none;
float: left;
position: absolute;
top: 50%;
left: 50%;
margin: 10px 0 0 10px;
border-radius: 90px;
transition: .3s;
}
.anima.loading .circ-dentro {
border: 8px solid #3babe2;
}
.quadrado {
width: 30px;
height: 30px;
background-color: #fff;
position: absolute;
float: left;
top: 50%;
left: 50%;
margin: 32px 0 0 0;
}
.seta {
position: absolute;
top: 50%;
left: 50%;
margin: 38px 0 0 1px;
width: 22px;
height: 22px;
border-left: 6px solid #3259a6;
border-top: 6px solid #3babe2;
transform: rotate(90deg);
transition: .5s;
}
.anima.loading .seta {
transform: rotate(450deg);
}
.loading .texto {
font-size: 14px;
font-weight: 700;
position: absolute;
top: 50%;
left: 50%;
color: #000;
margin: 70px 0 0 -10px;
}
.faixa-vantagens {
width: 100%;
display: inline-block;
text-align: center;
background-color: #fff;
color: #000;
padding: 60px 0 0 0;
}
.faixa-vantagens h3 {
font-size: 34px;
line-height: 34px;
font-weight: 700;
display: inline-block;
width: 100%;
padding: 0 0 20px 0;
}
.faixa-vantagens p {
font-size: 16px;
line-height: 24px;
}
.faixa-vantagens .centraliza {
width: 100%;
max-width: 750px;
}
.faixa-vantagens h3 strong {
color: #0756E4;
}
.legenda-video {
display: inline-block;
width: 100%;
text-align: center;
clear: both;
color: #000212;
font-size: 16px;
line-height: 22px;
font-weight: 300;
padding: 10px 0 20px 0;
}
.bt-com-link {
color: #000212;
}
.bt-com-link .link-texto {
color: #000212;
}
.janela-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
transition: all 1s;
display: none;
}
.janela-bg.ativo {
opacity: .5;
display: block;
}
.janela-direita {
position: fixed;
z-index: 200;
top: 4%;
left: -100%;
width: 650px;
height: auto;
max-height: 92%;
border-radius: 5px;
background: rgba(240,243,244,1);
padding: 25px;
color: #000;
transition: all 1s;
overflow-x: hidden;
overflow-y: auto;
}
.janela-direita.ativo {
left: 50%;
margin: 0 0 0 -300px;
}
.janela-direita p {
color: #000;
font-size: 18px;
line-height: 24px;
font-weight: 300;
padding: 0 0 25px 0;
}
.janela-direita strong {
color: #000;
font-weight: 700;
font-size: 28px;
line-height: 32px;
display: inline-block;
width: 100%;
padding: 0 0 15px 0;
}
.janela-fechar {
position: absolute;
top: 30px;
right: 30px;
border: 2px solid #333;
border-radius: 90px;
width: 34px;
height: 30px;
line-height: 30px;
text-align: center;
cursor: pointer;
}
.coluna-topo-esquerda {
float: left;
width: 50%;
text-align: left;
padding: 0 15px 0 0;
}
.coluna-topo-direita {
float: right;
width: 50%;
}
.video-topo {
border: 2px solid #ddd;
}