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;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
font-family: "Titillium Web", sans-serif;
background: #ffffff;
}
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;
}
.container {
max-width: 1170px;
margin: 0 auto;
}
@media screen and (max-width: 1170px) {
.container {
max-width: 94%;
}
}
#banner {
background-image: url(//www.kinea.com.br/wp-content/themes/kinea/src/images/img-banner-principal.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media screen and (max-width: 768px) {
#banner {
background-image: url(//www.kinea.com.br/wp-content/themes/kinea/src/images/img-banner-principal-mob.png);
background-size: auto 75% !important;
background-position: -460px top;
background-color: #061844;
}
}
#banner .logo {
padding-top: 36px;
}
#banner .logo svg .a {
fill: #fff;
}
@media screen and (max-width: 1170px) {
#banner .logo {
padding-left: 24px;
padding-right: 24px;
}
}
#banner .conteudo {
display: flex;
align-items: center;
margin-top: 52px;
justify-content: space-between;
}
@media screen and (max-width: 1170px) {
#banner .conteudo {
flex-wrap: wrap;
margin-top: 24px;
}
}
#banner .conteudo .texto {
flex-basis: 533px;
}
#banner .conteudo .texto h1 {
font-size: 46px;
line-height: 58px;
color: #fff;
font-weight: 600;
}
@media screen and (max-width: 768px) {
#banner .conteudo .texto h1 {
font-size: 28px;
line-height: 38px;
}
}
#banner .conteudo .texto p {
font-size: 20px;
line-height: 31px;
color: #fff;
margin-top: 16px;
font-weight: 400;
}
@media screen and (max-width: 768px) {
#banner .conteudo .texto p {
font-size: 16px;
line-height: 24px;
}
}
@media screen and (max-width: 1170px) {
#banner .conteudo .texto {
flex-basis: 100%;
padding-left: 24px;
}
}
#banner .conteudo .formulario {
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 5px 5px 25px #0618441a;
}
@media screen and (max-width: 1170px) {
#banner .conteudo .formulario {
flex-basis: 100%;
margin-top: 24px;
}
}
#banner .conteudo .formulario .formPadrao {
padding: 48px;
}
@media screen and (max-width: 768px) {
#banner .conteudo .formulario .formPadrao {
padding: 35px 14px 24px 14px;
}
}
#banner .conteudo .formulario .formPadrao svg {
width: 16px;
height: 16px;
}
#banner .conteudo .formulario .formPadrao .iconeCampo .a {
fill: #9a9a9a;
-webkit-transition: all 50ms ease-in 50ms;
-moz-transition: all 50ms ease-in 50ms;
-o-transition: all 50ms ease-in 50ms;
transition: all 50ms ease-in 50ms;
}
#banner .conteudo .formulario .formPadrao .display-itens {
display: flex;
align-items: center;
}
#banner .conteudo .formulario .formPadrao .GroupCampo {
border: 1px solid #cecece;
position: relative;
-webkit-transition: border 50ms ease-in 50ms;
transition: border 50ms ease-in 50ms;
padding: 12.5px 24px;
margin-bottom: 37px;
}
#banner .conteudo .formulario .formPadrao input {
display: inline-block;
border: none;
font-size: 18px;
line-height: 27px;
width: calc(100% - 26px);
margin-bottom: 0px;
color: #9a9a9a;
padding-left: 16px;
font-family: "Titillium Web", sans-serif;
}
@media screen and (max-width: 768px) {
#banner .conteudo .formulario .formPadrao input {
font-size: 16px;
line-height: 24px;
}
}
#banner .conteudo .formulario .formPadrao input:focus {
outline: none;
}
#banner .conteudo .formulario .formPadrao input[type="submit"] {
background-color: #2095ee;
box-shadow: 5px 5px 10px #2095ee40;
border-radius: 2px;
text-align: center;
width: 100%;
height: 56px;
line-height: 56px;
color: #ffffff;
border: 0;
font-size: 18px;
cursor: pointer;
padding-left: 0;
padding-right: 0;
-webkit-transition: all 50ms ease-out 50ms;
-moz-transition: all 50ms ease-out 50ms;
-o-transition: all 50ms ease-out 50ms;
transition: all 50ms ease-out 50ms;
background-repeat: no-repeat;
background-position: center;
}
#banner .conteudo .formulario .formPadrao input[type="submit"].BtnLoading {
color: transparent;
background-image: url(//www.kinea.com.br/wp-content/themes/kinea/src/images/loader.gif);
background-position: center;
background-size: auto 30px;
}
#banner .conteudo .formulario .formPadrao input[type="submit"].BtnLoading:hover {
background-color: #2095ee;
background-position: center;
}
#banner .conteudo .formulario .formPadrao input[type="submit"]:hover {
background-color: #061844;
}
#banner .conteudo .formulario .formPadrao label {
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #061844;
display: inline-block;
}
#banner .conteudo .formulario .formPadrao label.labelInterno {
position: absolute;
top: -14px;
padding: 0px 12px;
left: 12px;
-webkit-transition: all 50ms ease-in 50ms;
-moz-transition: all 50ms ease-in 50ms;
-o-transition: all 50ms ease-in 50ms;
transition: all 50ms ease-in 50ms;
}
#banner .conteudo .formulario .formPadrao .labelInterno {
background: white;
}
#banner .conteudo .formulario .formPadrao span {
font-weight: 300;
font-size: 13.6px;
line-height: 25px;
color: #686868;
margin-top: 24px;
display: block;
}
@media screen and (max-width: 1170px) {
#banner .conteudo .formulario .formPadrao span {
text-align: center;
}
}
#banner .icone-scroll {
text-align: center;
padding-bottom: 36px;
margin-top: 91px;
}
#banner .icone-scroll img {
max-width: 36px;
}
@media screen and (max-width: 1170px) {
#banner .icone-scroll {
display: none;
}
}
#banner-atlas {
background-image: url(//www.kinea.com.br/wp-content/themes/kinea/src/images/img-banner-principal-lp-atlas.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#banner-atlas .topo_Banner {
display: flex;
justify-content: space-between;
align-items: center;
}
#banner-atlas .topo_Banner ul {
display: flex;
}
#banner-atlas .topo_Banner ul li {
margin-right: 48px;
}
#banner-atlas .topo_Banner ul li:last-of-type {
margin-right: 0;
}
#banner-atlas .topo_Banner ul li a {
font-size: 20px;
line-height: 31px;
letter-spacing: 0px;
color: #ffffff;
font-weight: 300;
}
@media screen and (max-width: 768px) {
#banner-atlas .topo_Banner .menuTopo {
display: none;
}
}
@media screen and (max-width: 570px) {
#banner-atlas .container {
width: 100%;
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
}
}
#banner-atlas .logo {
padding-top: 36px;
}
#banner-atlas .logo svg .a {
fill: #fff;
}
@media screen and (max-width: 1170px) {
#banner-atlas .logo {
padding-left: 24px;
padding-right: 24px;
}
}
#banner-atlas .conteudo {
display: flex;
align-items: center;
margin-top: 52px;
justify-content: space-between;
}
@media screen and (max-width: 1170px) {
#banner-atlas .conteudo {
flex-wrap: wrap;
margin-top: 24px;
}
}
#banner-atlas .conteudo .texto {
flex-basis: 533px;
}
#banner-atlas .conteudo .texto strong {
font-weight: 600;
}
#banner-atlas .conteudo .texto h1 {
font-size: 46px;
line-height: 58px;
color: #fff;
font-weight: 600;
}
@media screen and (max-width: 768px) {
#banner-atlas .conteudo .texto h1 {
font-size: 28px;
line-height: 38px;
}
}
#banner-atlas .conteudo .texto p {
font-size: 20px;
line-height: 31px;
color: #fff;
margin-top: 16px;
font-weight: 400;
max-width: 530px;
}
#banner-atlas .conteudo .texto p.secPar {
max-width: 288px;
}
@media screen and (max-width: 768px) {
#banner-atlas .conteudo .texto p {
font-size: 16px;
line-height: 24px;
}
}
@media screen and (max-width: 1170px) {
#banner-atlas .conteudo .texto {
flex-basis: 100%;
padding-left: 24px;
}
}
#banner-atlas .conteudo .formulario {
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 5px 5px 25px #0618441a;
}
@media screen and (max-width: 1170px) {
#banner-atlas .conteudo .formulario {
flex-basis: 100%;
margin-top: 24px;
}
}
#banner-atlas .conteudo .formulario .formPadrao {
padding: 48px;
}
#banner-atlas .conteudo .formulario .formPadrao .CampoComum {
margin-bottom: 0;
}
#banner-atlas .conteudo .formulario .formPadrao .CampoComum.CheckBoxField {
display: flex;
}
#banner-atlas .conteudo .formulario .formPadrao .CampoComum span {
display: block;
width: 100%;
}
@media screen and (max-width: 425px) {
#banner-atlas .conteudo .formulario .formPadrao .CampoComum span {
max-width: 210px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 768px) {
#banner-atlas .conteudo .formulario .formPadrao {
padding: 35px 14px 24px 14px;
}
}
#banner-atlas .conteudo .formulario .formPadrao svg {
width: 16px;
height: 16px;
}
#banner-atlas .conteudo .formulario .formPadrao .iconeCampo .a {
fill: #9a9a9a;
-webkit-transition: all 50ms ease-in 50ms;
-moz-transition: all 50ms ease-in 50ms;
-o-transition: all 50ms ease-in 50ms;
transition: all 50ms ease-in 50ms;
}
#banner-atlas .conteudo .formulario .formPadrao .display-itens {
display: flex;
align-items: center;
}
#banner-atlas .conteudo .formulario .formPadrao .GroupCampo {
border: 1px solid #cecece;
position: relative;
-webkit-transition: border 50ms ease-in 50ms;
transition: border 50ms ease-in 50ms;
padding: 12.5px 24px;
margin-bottom: 24px;
}
#banner-atlas .conteudo .formulario .formPadrao input {
display: inline-block;
border: none;
font-size: 18px;
line-height: 27px;
width: calc(100% - 26px);
margin-bottom: 0px;
color: #9a9a9a;
padding-left: 16px;
font-family: "Titillium Web", sans-serif;
}
@media screen and (max-width: 768px) {
#banner-atlas .conteudo .formulario .formPadrao input {
font-size: 16px;
line-height: 24px;
}
}
#banner-atlas .conteudo .formulario .formPadrao input:focus {
outline: none;
}
#banner-atlas .conteudo .formulario .formPadrao input[type="submit"] {
background-color: #2095ee;
box-shadow: 5px 5px 10px #2095ee40;
border-radius: 2px;
text-align: center;
width: 100%;
height: 56px;
line-height: 56px;
color: #ffffff;
border: 0;
font-size: 18px;
cursor: pointer;
padding-left: 0;
padding-right: 0;
-webkit-transition: all 50ms ease-out 50ms;
-moz-transition: all 50ms ease-out 50ms;
-o-transition: all 50ms ease-out 50ms;
transition: all 50ms ease-out 50ms;
background-repeat: no-repeat;
background-position: center;
}
#banner-atlas .conteudo .formulario .formPadrao input[type="submit"].BtnLoading {
color: transparent;
background-image: url(//www.kinea.com.br/wp-content/themes/kinea/src/images/loader.gif);
background-position: center;
background-size: auto 30px;
}
#banner-atlas .conteudo .formulario .formPadrao input[type="submit"].BtnLoading:hover {
background-color: #2095ee;
background-position: center;
}
#banner-atlas .conteudo .formulario .formPadrao input[type="submit"]:hover {
opacity: 0.9;
}
#banner-atlas .conteudo .formulario .formPadrao label {
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #061844;
display: inline-block;
}
#banner-atlas .conteudo .formulario .formPadrao label.labelInterno {
position: absolute;
top: -14px;
padding: 0px 12px;
left: 12px;
-webkit-transition: all 50ms ease-in 50ms;
-moz-transition: all 50ms ease-in 50ms;
-o-transition: all 50ms ease-in 50ms;
transition: all 50ms ease-in 50ms;
}
#banner-atlas .conteudo .formulario .formPadrao .labelInterno {
background: white;
}
#banner-atlas .conteudo .formulario .formPadrao span {
font-weight: 300;
font-size: 13.6px;
line-height: 25px;
color: #686868;
margin-top: 24px;
display: block;
padding-left: 0;
}
@media screen and (max-width: 1170px) {
#banner-atlas .conteudo .formulario .formPadrao span {
text-align: center;
}
}
#banner-atlas .icone-scroll {
text-align: center;
padding-bottom: 32px;
margin-top: 89px;
}
#banner-atlas .icone-scroll img {
max-width: 36px;
}
@media screen and (max-width: 1170px) {
#banner-atlas .icone-scroll {
display: none;
}
}
#LPAtlas #fique-atualizado .carrosel-fique-atualizado .slick-slide p {
color: #686868;
font-size: 20px;
line-height: 30px;
font-weight: 400;
margin-top: 36px;
}
#LPAtlas #fique-atualizado .disclaimer p {
color: #55658e;
font-size: 14px;
margin-left: 400px;
padding-top: 64px;
padding-bottom: 16px;
}
@media screen and (max-width: 1170px) {
#LPAtlas #fique-atualizado .disclaimer p {
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: calc(100% - 16px);
width: 100%;
padding-top: 36px;
}
}
@media screen and (max-width: 1170px) {
#LPAtlas #fique-atualizado .disclaimer {
flex-basis: 100%;
}
}
@media screen and (max-width: 1170px) {
#LPAtlas #fique-atualizado h2 {
margin-bottom: 36px;
}
}
@media screen and (max-width: 570px) {
#LPAtlas #fique-atualizado h2 {
max-width: 175px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 570px) {
#LPAtlas #fique-atualizado {
padding-bottom: 0px;
}
}
#LPAtlas .ConteudoComoInvestir {
margin-top: 84px;
margin-bottom: 84px;
}
@media screen and (max-width: 570px) {
#LPAtlas .ConteudoComoInvestir {
margin-top: 64px;
}
}
@media screen and (max-width: 570px) {
#LPAtlas .ConteudoComoInvestir h2 {
text-align: center;
}
}
#LPAtlas .ConteudoComoInvestir p {
font-size: 16px;
line-height: 24px;
max-width: 415px;
}
@media screen and (max-width: 570px) {
#LPAtlas .ConteudoComoInvestir p {
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 570px) {
#LPAtlas .ConteudoComoInvestir .row.rowAtlas,
#LPAtlas .ConteudoComoInvestir .row.linhasOndeInvestir,
#LPAtlas .ConteudoComoInvestir .row.rowPrevAtlas {
max-width: 270px;
margin-left: auto;
margin-right: auto;
}
}
#LPAtlas .ConteudoComoInvestir .row.rowAtlas h2,
#LPAtlas .ConteudoComoInvestir .row.rowPrevAtlas h2 {
text-align: left;
}
#LPAtlas .rowAtlas {
margin-top: 48px;
}
#LPAtlas .rowAtlas h2 {
font-size: 20px;
line-height: 30px;
}
#LPAtlas .rowPrevAtlas {
margin-top: 34px;
}
#LPAtlas .rowPrevAtlas h2 {
font-size: 20px;
line-height: 30px;
}
#LPAtlas .linhasOndeInvestir {
margin-top: 24px;
}
#LPAtlas #rodape {
padding-top: 22.5px;
}
#LPAtlas #rodape .texto {
margin-top: 6px;
}
@media screen and (max-width: 767px) {
#LPAtlas .ConteudosPlataformas h2 {
font-size: 24px;
line-height: 36px;
}
}
#LPAtlas .rowAtlas .ConteudosPlataformas h2 {
font-size: 20px;
line-height: 30px;
}
#VideoAtlas {
background: #f8f7f5 0% 0% no-repeat padding-box;
position: relative;
padding: 84px 0px;
}
#VideoAtlas .ComoInvestirLinha {
width: 128px;
left: -64px;
}
#VideoAtlas .row {
align-items: center;
}
@media screen and (max-width: 767px) {
#VideoAtlas .row .txtVideo h2 {
font-size: 24px;
line-height: 36px;
}
}
#VideoAtlas .row .txtVideo p {
font-size: 24px;
line-height: 36px;
color: #686868;
font-weight: 400;
margin-top: 16px;
}
@media screen and (max-width: 767px) {
#VideoAtlas .row .txtVideo p {
font-size: 20px;
line-height: 31px;
}
}
@media screen and (max-width: 767px) {
#VideoAtlas .row .txtVideo p {
text-align: center;
}
}
@media screen and (max-width: 767px) {
#VideoAtlas .row .txtVideo {
text-align: center;
padding-left: 15px;
padding-right: 15px;
}
}
#VideoAtlas .row .ImgVideo img {
max-width: 100%;
}
@media screen and (max-width: 767px) {
#VideoAtlas .row .ImgVideo {
margin-top: 48px;
}
}
@media screen and (max-width: 767px) {
#VideoAtlas .containerSite {
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 767px) {
#VideoAtlas {
padding: 64px 0px;
}
}
#fique-atualizado {
background: #061844;
position: relative;
padding: 94px 0 0 0;
}
@media screen and (max-width: 1170px) {
#fique-atualizado {
padding: 62px 0 0 0;
}
}
#fique-atualizado .containerCalc {
margin-left: calc((100% - 1170px) / 2);
display: flex;
align-items: center;
}
@media screen and (max-width: 1170px) {
#fique-atualizado .containerCalc {
flex-wrap: wrap;
justify-content: center;
margin-left: 0;
}
}
#fique-atualizado .dots.superior {
position: absolute;
left: 0;
top: 0;
z-index: 1;
display: none;
}
@media screen and (max-width: 768px) {
#fique-atualizado .dots.superior img {
max-width: 320px;
}
}
#fique-atualizado .dots.inferior {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
}
@media screen and (max-width: 1170px) {
#fique-atualizado .dots.inferior {
display: none;
}
}
#fique-atualizado .texto {
position: relative;
z-index: 10;
flex-basis: 400px;
}
@media screen and (max-width: 1170px) {
#fique-atualizado .texto {
flex-basis: 100%;
text-align: center;
}
}
#fique-atualizado .texto h2 {
font-size: 46px;
line-height: 58px;
color: #fff;
font-weight: 600;
}
@media screen and (max-width: 768px) {
#fique-atualizado .texto h2 {
font-size: 24px;
line-height: 34px;
}
}
#fique-atualizado .texto .brDesk {
display: none;
}
@media screen and (max-width: 768px) {
#fique-atualizado .texto .brDesk {
display: block;
}
}
#fique-atualizado .texto .brMob {
display: block;
}
@media screen and (max-width: 768px) {
#fique-atualizado .texto .brMob {
display: none;
}
}
#fique-atualizado .texto .btn {
width: 270px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
background: #2095ee;
margin-top: 36px;
border-radius: 2px;
-webkit-transition: all 50ms ease-out 50ms;
-moz-transition: all 50ms ease-out 50ms;
-o-transition: all 50ms ease-out 50ms;
transition: all 50ms ease-out 50ms;
}
@media screen and (max-width: 1170px) {
#fique-atualizado .texto .btn {
margin-left: auto;
margin-right: auto;
margin-top: 24px;
margin-bottom: 36px;
}
}
#fique-atualizado .texto .btn a {
display: block;
padding: 20px 90px;
color: #fff;
text-decoration: none;
}
#fique-atualizado .texto .btn a:hover {
color: #061844;
}
#fique-atualizado .texto .btn:hover {
background: #fff;
color: #061844;
}
#fique-atualizado .carrosel-fique-atualizado {
overflow: hidden;
flex-basis: 1145px;
position: relative;
z-index: 10;
}
@media screen and (max-width: 1170px) {
#fique-atualizado .carrosel-fique-atualizado {
flex-basis: 100%;
margin-left: 12px;
}
}
#fique-atualizado .carrosel-fique-atualizado .slick-slide {
background: #fff;
width: 270px !important;
margin-right: 30px;
height: 324px;
padding: 36px 24px;
box-sizing: border-box;
}
#fique-atualizado .carrosel-fique-atualizado .slick-slide h2 {
font-size: 22px;
line-height: 34px;
color: #061844;
margin-top: 16px;
margin-bottom: 16px;
font-weight: 400;
}
#fique-atualizado .carrosel-fique-atualizado .slick-slide p {
font-size: 16px;
line-height: 24px;
color: #818181;
font-weight: 400;
}
#fique-atualizado .prev-next {
display: flex;
align-items: center;
justify-content: center;
margin-top: 36px;
}
#fique-atualizado .prev-next .fa {
font-size: 25px;
padding-top: 12px;
}
#fique-atualizado .prev-next .prev.slick-arrow {
background: #fff;
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 50%;
text-align: center;
margin-right: 16px;
cursor: pointer;
-webkit-transition: all 50ms ease-out 50ms;
-moz-transition: all 50ms ease-out 50ms;
-o-transition: all 50ms ease-out 50ms;
transition: all 50ms ease-out 50ms;
}
#fique-atualizado .prev-next .prev.slick-arrow .fa {
padding-right: 5px;
}
#fique-atualizado .prev-next .prev.slick-arrow:hover {
background: #213f87;
color: #fff;
}
#fique-atualizado .prev-next .next.slick-arrow {
background: #fff;
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 50%;
text-align: center;
-webkit-transition: all 50ms ease-out 50ms;
-moz-transition: all 50ms ease-out 50ms;
-o-transition: all 50ms ease-out 50ms;
transition: all 50ms ease-out 50ms;
cursor: pointer;
}
#fique-atualizado .prev-next .next.slick-arrow .fa {
padding-left: 5px;
}
#fique-atualizado .prev-next .next.slick-arrow:hover {
background: #213f87;
color: #fff;
}
@media screen and (max-width: 1170px) {
#fique-atualizado .prev-next {
display: none;
}
}
#fundos {
background: #f2f2ef;
padding: 64px 0 51px 0;
text-align: center;
}
#fundos .container {
position: relative;
}
#fundos .container .LinhaDetalheContainer {
position: absolute;
bottom: -90px;
right: -110px;
z-index: 9999;
display: none;
}
@media screen and (max-width: 1410px) {
#fundos .container .LinhaDetalheContainer {
right: 0px;
}
}
@media screen and (max-width: 1170px) {
#fundos .container .LinhaDetalheContainer {
display: none;
}
}
@media screen and (max-width: 1170px) {
#fundos {
padding: 48px 0 34px 0;
}
}
#fundos h2 {
font-size: 40px;
line-height: 58px;
color: #061844;
font-weight: 600;
}
@media screen and (max-width: 768px) {
#fundos h2 {
font-size: 24px;
line-height: 34px;
}
}
@media screen and (max-width: 450px) {
#fundos h2 {
max-width: 205px;
margin-left: auto;
margin-right: auto;
}
}
#fundos p {
margin-top: 16px;
margin-bottom: 24px;
font-size: 16px;
line-height: 24px;
color: #686868;
}
@media screen and (max-width: 450px) {
#fundos p {
max-width: 336px;
margin-left: auto;
margin-right: auto;
}
}
#fundos .btn {
width: 270px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
background: #2095ee;
margin-top: 36px;
margin-left: auto;
margin-right: auto;
border-radius: 2px;
-webkit-transition: all 50ms ease-out 50ms;
-moz-transition: all 50ms ease-out 50ms;
-o-transition: all 50ms ease-out 50ms;
transition: all 50ms ease-out 50ms;
cursor: pointer;
}
#fundos .btn a {
display: block;
padding: 20px 90px;
color: #fff;
text-decoration: none;
}
#fundos .btn:hover {
background: #061844;
}
#fundos .carrosel-conheca-nossos-fundos {
margin-top: 36px;
}
#fundos .carrosel-conheca-nossos-fundos .slick-slide {
width: 270px !important;
margin-right: 30px;
background: #fff;
height: 324px;
padding: 36px 24px;
box-sizing: border-box;
box-shadow: 5px 5px 25px #ebebebcc;
}
#fundos .carrosel-conheca-nossos-fundos h2 {
font-size: 22px;
line-height: 34px;
margin-top: 16px;
margin-bottom: 16px;
text-align: left;
}
@media screen and (max-width: 450px) {
#fundos .carrosel-conheca-nossos-fundos h2 {
max-width: inherit;
}
}
#fundos .carrosel-conheca-nossos-fundos p {
text-align: left;
margin: 0;
}
#fundos .carrosel-conheca-nossos-fundos .slick-prev.angle.slick-arrow {
position: absolute;
left: -25px;
top: 50%;
z-index: 10;
background: #fff;
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 50%;
text-align: center;
box-shadow: 5px 5px 25px #dededee0;
margin-top: -24px;
-webkit-transition: all 50ms ease-out 50ms;
-moz-transition: all 50ms ease-out 50ms;
-o-transition: all 50ms ease-out 50ms;
transition: all 50ms ease-out 50ms;
cursor: pointer;
}
#fundos .carrosel-conheca-nossos-fundos .slick-prev.angle.slick-arrow:hover {
background: #061844;
color: #fff;
}
#fundos .carrosel-conheca-nossos-fundos .fa {
font-size: 25px;
padding-top: 12px;
}
#fundos .carrosel-conheca-nossos-fundos .slick-next.angle.slick-arrow {
position: absolute;
right: -25px;
top: 50%;
z-index: 10;
background: #fff;
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 50%;
text-align: center;
box-shadow: 5px 5px 25px #dededee0;
margin-top: -24px;
-webkit-transition: all 50ms ease-out 50ms;
-moz-transition: all 50ms ease-out 50ms;
-o-transition: all 50ms ease-out 50ms;
transition: all 50ms ease-out 50ms;
cursor: pointer;
}
#fundos .carrosel-conheca-nossos-fundos .slick-next.angle.slick-arrow:hover {
background: #061844;
color: #fff;
}
#rodape {
background: #041130;
padding: 48px 0 80px 0;
}
@media screen and (max-width: 1170px) {
#rodape {
padding: 36px 0;
}
}
#rodape .logo .a {
fill: #fff;
}
@media screen and (max-width: 1170px) {
#rodape .logo {
padding-bottom: 36px;
border-bottom: 1px solid #354772;
}
}
@media screen and (max-width: 1170px) {
#rodape .redes-sociais {
margin-top: 36px;
}
}
#rodape .linha-rodape {
display: flex;
align-items: center;
justify-content: space-between;
}
#rodape .linha-rodape .redes-sociais a {
margin-right: 36px;
text-decoration: none !important;
}
@media screen and (max-width: 1170px) {
#rodape .linha-rodape .redes-sociais a {
margin-right: 20px;
}
}
#rodape .linha-rodape .redes-sociais a:nth-of-type(6n) {
margin-right: 0;
}
@media screen and (max-width: 1170px) {
#rodape .linha-rodape {
display: block;
text-align: center;
}
}
#rodape .mostrar-mais {
display: none;
}
@media screen and (max-width: 1170px) {
#rodape .mostrar-mais {
display: block;
height: 1px;
background-color: #354772;
text-align: center;
margin-top: 24px;
margin-bottom: 24px;
}
}
@media screen and (max-width: 1170px) {
#rodape .mostrar-mais span {
background-color: #041130;
position: relative;
top: -0.5em;
padding: 0 10px;
color: #fff;
}
}
#rodape .texto.ativo {
height: auto;
}
#rodape .texto.ativo::after {
display: none;
}
#rodape .texto {
margin-top: 48px;
padding: 48px 0 36px 0;
border-top: 1px solid #354772;
}
@media screen and (max-width: 1170px) {
#rodape .texto {
border-top: none;
margin-top: 36px;
padding: 0;
text-align: center;
height: 380px;
position: relative;
overflow: hidden;
}
}
@media screen and (max-width: 1170px) {
#rodape .texto::after {
content: "";
position: absolute;
width: 100%;
height: 61px;
bottom: 0;
left: 0;
background: transparent linear-gradient(180deg, rgba(4, 17, 48, 0) 0%, #041130 100%) 0% 0% no-repeat padding-box;
opacity: 1;
}
}
#rodape .texto p {
font-size: 12px;
line-height: 19px;
color: #9da4b5;
}
@media screen and (max-width: 1170px) {
#rodape .linha-rodape.todosDireitos {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
}
}
#rodape .selos {
display: flex;
align-items: center;
}
#rodape .selos .logoComoInvestir {
margin-right: 36px;
}
@media screen and (max-width: 1170px) {
#rodape .selos {
flex-basis: 100%;
order: 1;
justify-content: center;
margin-bottom: 32px;
}
}
#rodape .todos-os-direitos {
font-size: 14px;
line-height: 21px;
color: #9da4b5;
}
@media screen and (max-width: 1170px) {
#rodape .todos-os-direitos {
flex-basis: 100%;
order: 2;
}
}
#conhecaGestores {
position: relative;
padding: 128px 0px 92px 0px;
}
@media screen and (max-width: 1170px) {
#conhecaGestores {
padding: 64px 0;
}
}
#conhecaGestores h2 {
color: #061844;
font-weight: 600;
font-size: 40px;
line-height: 58px;
margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
#conhecaGestores h2 {
font-size: 24px;
line-height: 58px;
text-align: center;
}
}
#conhecaGestores .detalheGestores {
position: absolute;
width: 64px;
top: 189px;
display: none;
}
#conhecaGestores .detalheGestores img {
width: 100%;
}
#conhecaGestores .detalheGestores img:nth-of-type(2n) {
top: 1px;
position: absolute;
left: 0;
display: none;
}
@media screen and (max-width: 1170px) {
#conhecaGestores .detalheGestores {
display: none;
}
}
#conhecaGestores .TodosGestores {
display: flex;
max-width: 100%;
flex-wrap: wrap;
}
@media screen and (max-width: 1170px) {
#conhecaGestores .TodosGestores {
margin-right: -15px;
margin-left: -15px;
}
}
@media screen and (max-width: 768px) {
#conhecaGestores .TodosGestores {
margin-right: 0px;
margin-left: 0px;
}
}
@media screen and (max-width: 450px) {
#conhecaGestores .TodosGestores {
padding-left: 32px;
}
}
#conhecaGestores .TodosGestores .itemGestores {
text-align: center;
margin-right: 84px;
margin-bottom: 32px;
}
#conhecaGestores .TodosGestores .itemGestores span {
height: 148px;
width: 148px;
border-radius: 50%;
display: inline-block;
position: relative;
overflow: hidden;
}
#conhecaGestores .TodosGestores .itemGestores span img {
width: 100%;
top: 0;
position: absolute;
left: 0;
}
@media screen and (max-width: 768px) {
#conhecaGestores .TodosGestores .itemGestores span {
height: 100px;
width: 100px;
}
}
#conhecaGestores .TodosGestores .itemGestores h3 {
color: #061844;
font-size: 20px;
line-height: 31px;
font-weight: 600;
margin-top: 24px;
}
@media screen and (max-width: 450px) {
#conhecaGestores .TodosGestores .itemGestores h3 {
margin-top: 0px;
}
}
#conhecaGestores .TodosGestores .itemGestores p {
color: #686868;
font-size: 16px;
line-height: 24px;
margin-top: 8px;
}
@media screen and (max-width: 1170px) {
#conhecaGestores .TodosGestores .itemGestores {
margin-right: 0;
flex-basis: 33%;
padding: 0 15px;
box-sizing: border-box;
}
}
@media screen and (max-width: 768px) {
#conhecaGestores .TodosGestores .itemGestores {
flex-basis: 50%;
}
}
@media screen and (max-width: 450px) {
#conhecaGestores .TodosGestores .itemGestores {
flex-basis: 100%;
display: flex;
align-items: center;
}
}
@media screen and (max-width: 450px) {
#conhecaGestores .TodosGestores .itemGestores .txtGestores {
text-align: left;
margin-left: 24px;
}
}
#conhecaGestores .TodosGestores .itemGestores:last-of-type {
margin-right: 0px;
}
#cadastreseKinea {
padding: 128px 0px 208px;
position: relative;
width: 100%;
overflow: hidden;
}
@media screen and (max-width: 1170px) {
#cadastreseKinea {
padding: 64px 0px 35px 0;
}
}
#cadastreseKinea .container {
position: relative;
}
#cadastreseKinea .destaqueLinha {
position: absolute;
z-index: -1;
top: 0;
width: 100%;
right: 0;
left: 50%;
margin-left: -680px;
display: none;
}
@media screen and (max-width: 1170px) {
#cadastreseKinea .destaqueLinha {
display: none;
}
}
#cadastreseKinea .destaqueBolinha {
position: absolute;
right: -90px;
bottom: 80px;
}
@media screen and (max-width: 1170px) {
#cadastreseKinea .destaqueBolinha {
display: none;
}
}
#cadastreseKinea h2 {
color: #061844;
font-weight: 600;
font-size: 40px;
line-height: 58px;
margin-bottom: 36px;
}
@media screen and (max-width: 1170px) {
#cadastreseKinea h2 {
text-align: center;
}
}
@media screen and (max-width: 768px) {
#cadastreseKinea h2 {
font-size: 24px;
line-height: 34px;
}
}
#cadastreseKinea form .iconeCampo svg {
width: 16px;
}
#cadastreseKinea form .iconeCampo .a {
fill: #9a9a9a;
-webkit-transition: all 50ms ease-in 50ms;
-moz-transition: all 50ms ease-in 50ms;
-o-transition: all 50ms ease-in 50ms;
transition: all 50ms ease-in 50ms;
}
#cadastreseKinea form .display-itens {
display: flex;
align-items: center;
}
#cadastreseKinea form .GroupCampo {
border: 1px solid #cecece;
position: relative;
-webkit-transition: border 50ms ease-in 50ms;
transition: border 50ms ease-in 50ms;
padding: 12.5px 24px;
margin-bottom: 37px;
background: white;
height: 56px;
}
#cadastreseKinea form input {
display: inline-block;
border: none;
font-size: 18px;
line-height: 27px;
width: calc(100% - 26px);
margin-bottom: 0px;
color: #9a9a9a;
padding-left: 16px;
font-family: "Titillium Web", sans-serif;
}
#cadastreseKinea form input:focus {
outline: none;
}
#cadastreseKinea form label {
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #061844;
display: inline-block;
}
#cadastreseKinea form label.labelInterno {
position: absolute;
top: -14px;
padding: 0px 12px;
left: 12px;
-webkit-transition: all 50ms ease-in 50ms;
-moz-transition: all 50ms ease-in 50ms;
-o-transition: all 50ms ease-in 50ms;
transition: all 50ms ease-in 50ms;
}
#cadastreseKinea form .labelInterno {
background: white;
}
#cadastreseKinea form span {
font-weight: 300;
font-size: 14px;
line-height: 26px;
color: #686868;
margin-top: 16px;
display: block;
}
@media screen and (max-width: 768px) {
#cadastreseKinea form span {
text-align: center;
max-width: 220px;
margin-left: auto;
margin-right: auto;
}
}
#cadastreseKinea form .CampoComum {
flex-basis: 100%;
}
#cadastreseKinea form .GroupCampo {
flex-basis: 370px;
margin-right: 30px;
box-sizing: border-box;
margin-bottom: 0;
}
@media screen and (max-width: 1170px) {
#cadastreseKinea form .GroupCampo {
margin-right: 0px;
margin-bottom: 16px;
}
}
#cadastreseKinea form #cadastroRodape {
flex-basis: 370px;
background-color: #2095ee;
box-shadow: 5px 5px 10px #2095ee40;
border-radius: 2px;
text-align: center;
width: 100%;
height: 56px;
line-height: 56px;
color: #ffffff;
border: 0;
font-size: 18px;
cursor: pointer;
max-width: 370px;
box-sizing: border-box;
-webkit-transition: all 50ms ease-out 50ms;
-moz-transition: all 50ms ease-out 50ms;
-o-transition: all 50ms ease-out 50ms;
transition: all 50ms ease-out 50ms;
background-repeat: no-repeat;
background-position: center;
background-size: auto 30px;
}
#cadastreseKinea form #cadastroRodape:hover {
background: #061844;
background-position: center;
}
#cadastreseKinea form #cadastroRodape.BtnLoading:hover {
background-position: center;
background-color: #2095ee;
}
#cadastreseKinea form #cadastroRodape.BtnLoading {
color: transparent;
background-image: url(//www.kinea.com.br/wp-content/themes/kinea/src/images/loader.gif);
background-position: center;
background-size: auto 30px;
background-repeat: no-repeat;
}
@media screen and (max-width: 1170px) {
#cadastreseKinea form #cadastroRodape {
max-width: inherit;
}
}
#cadastreseKinea form .todoForm {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 1170px) {
#cadastreseKinea form .todoForm {
display: block;
}
}
#pageLive #banner {
background-size: cover;
padding-bottom: 254px;
}
@media screen and (max-width: 920px) {
#pageLive #banner {
padding-bottom: 0;
}
}
@media screen and (max-width: 920px) {
#pageLive #banner .logo {
padding-left: 0;
padding-right: 0;
}
}
#pageLive #banner .tag {
background: #041130;
font-size: 18px;
line-height: 27px;
display: inline-block;
padding: 4px;
color: #ffffff;
margin-bottom: 20px;
}
#pageLive #banner .conteudo {
margin-top: 66px;
}
@media screen and (max-width: 520px) {
#pageLive #banner .conteudo {
margin-top: 28px;
}
}
#pageLive #banner .conteudo .formulario {
max-width: 470px;
position: relative;
}
@media screen and (max-width: 920px) {
#pageLive #banner .conteudo .formulario {
margin-top: 36px;
}
}
@media screen and (max-width: 920px) {
#pageLive #banner .conteudo .formulario {
max-width: 100%;
}
}
#pageLive #banner .conteudo .formulario label {
font-size: 16px;
line-height: 24px;
}
#pageLive #banner .conteudo .formulario span {
text-align: center;
}
#pageLive #banner .conteudo .formulario .display-itens {
height: 56px;
margin-top: 8px;
box-shadow: 5px 5px 25px #ebebeb33;
border: 1px solid #cecece;
margin-bottom: 16px;
}
#pageLive #banner .conteudo .formulario #cadastro {
margin-top: 9px;
}
#pageLive #banner .conteudo .formulario .formPadrao {
padding: 36px 46px 16px;
}
@media screen and (max-width: 920px) {
#pageLive #banner .conteudo .formulario .formPadrao {
padding: 36px 0px 16px;
position: relative;
}
}
@media screen and (max-width: 920px) {
#pageLive #banner .conteudo .formulario .complFundo {
background: white;
position: absolute;
height: 100%;
width: calc(106% + 2px);
left: calc(-3% - 1px);
z-index: 0;
box-shadow: 5px 5px 25px #0618441a;
}
}
@media screen and (max-width: 1170px) {
#pageLive #banner .conteudo .texto {
flex-basis: auto;
}
}
@media screen and (max-width: 920px) {
#pageLive #banner .conteudo .texto {
flex-basis: 100%;
padding-left: 0;
}
}
#pageLive #banner h1 {
font-size: 32px;
line-height: 42px;
font-style: italic;
font-weight: 400;
}
#pageLive #banner h1 strong {
display: block;
margin-top: 24px;
font-size: 32px;
line-height: 36px;
font-weight: 600;
font-style: normal;
}
#pageLive #rodape {
padding: 36px 0 64px 0;
}
@media screen and (max-width: 920px) {
#pageLive #rodape {
margin-top: 10px;
}
}
#pageLive #rodape .mostrar-mais {
display: none;
}
#pageLive #rodape .linha-rodape {
justify-content: start;
}
@media screen and (max-width: 1170px) {
#pageLive #rodape .linha-rodape {
display: flex;
}
}
@media screen and (max-width: 920px) {
#pageLive #rodape .linha-rodape {
flex-wrap: wrap;
}
}
#pageLive #rodape .linha-rodape.todosDireitos {
justify-content: space-between;
}
#pageLive #rodape .texto {
margin-top: 36px;
padding: 0;
margin-bottom: 56px;
}
@media screen and (max-width: 1170px) {
#pageLive #rodape .texto:after {
display: none;
}
}
@media screen and (max-width: 1170px) {
#pageLive #rodape .texto {
height: auto;
border-top: 1px solid #354772;
}
}
@media screen and (max-width: 920px) {
#pageLive #rodape .texto {
margin-bottom: 36px;
}
}
#pageLive #rodape .redes-sociais {
margin-left: auto;
}
#pageLive #rodape .redes-sociais a:last-of-type {
margin-right: 0;
}
@media screen and (max-width: 920px) {
#pageLive #rodape .redes-sociais {
margin-left: 0px;
width: 100%;
}
}
#pageLive #rodape .parceria {
display: flex;
align-items: center;
margin-left: 36px;
}
@media screen and (max-width: 920px) {
#pageLive #rodape .parceria {
flex-wrap: wrap;
margin-left: 0;
width: 100%;
}
}
#pageLive #rodape .parceria p {
font-size: 14px;
line-height: 21px;
color: #9da4b5;
font-weight: 300;
}
@media screen and (max-width: 920px) {
#pageLive #rodape .parceria p {
text-align: center;
flex: 0 0 100%;
margin-top: 24px;
}
}
#pageLive #rodape .parceria .imges {
display: flex;
align-items: center;
}
@media screen and (max-width: 920px) {
#pageLive #rodape .parceria .imges {
width: 100%;
justify-content: center;
margin-top: 16px;
}
}
#pageLive #rodape .parceria .imges span {
margin-left: 16px;
}
@media screen and (max-width: 920px) {
#pageLive #rodape .parceria .imges span:first-of-type {
margin-left: 0px;
}
}
@media screen and (max-width: 520px) {
#pageLive #rodape .logo svg {
width: 96px;
}
}
@media screen and (max-width: 1170px) {
#pageLive #rodape .logo {
padding-bottom: 0;
border-bottom: 0;
}
}
@media screen and (max-width: 920px) {
#pageLive #rodape .logo {
flex-basis: 100%;
}
}
@media screen and (max-width: 1170px) {
#pageLive #rodape .selos {
flex-basis: auto;
order: 2;
margin-bottom: 0;
}
}
@media screen and (max-width: 920px) {
#pageLive #rodape .selos {
flex-basis: 100%;
margin-top: 28px;
}
}
@media screen and (max-width: 1170px) {
#pageLive #rodape .todos-os-direitos {
flex-basis: auto;
}
}
@media screen and (max-width: 920px) {
#pageLive #rodape .todos-os-direitos {
flex-basis: 100%;
}
}
#pageLive #banner.PageFormSimples h1 strong {
display: block;
font-size: 36px;
line-height: 48px;
max-width: 400px;
}
#pageLive #banner.PageFormSimples h1 span {
display: block;
margin-top: 32px;
font-style: normal;
font-weight: 300;
font-size: 21px;
max-width: 440px;
}
#pageLive.pageCadastroSimples #banner .conteudo .formulario {
flex-basis: 440px;
}
@media (max-width: 980px) {
#pageLive.pageCadastroSimples #banner .conteudo .formulario {
flex-basis: 100%;
max-width: 100%;
}
}
#pageLive.pageCadastroSimples #banner .conteudo .formulario .formPadrao {
padding: 46px 36px 36px;
}
#pageLive.pageCadastroSimples #banner .conteudo .formulario span {
text-align: left;
margin-top: 16px;
}
#pageLive.pageCadastroSimples #cadastro {
background: #0c1d48;
}
#pageLive.pageCadastroSimples #cadastro:hover {
background: #213f87;
}
#pageLive.pageCadastroSimples .iconeCampo {
width: 16px;
display: inline-block;
}
#pageLive.pageCadastroSimples .iconeCampo svg {
width: 16px;
height: 16px;
}
#pageLive.pageCadastroSimples .iconeCampo img {
width: 16px;
height: 16px;
}
#pageLive.pageCadastroSimples #banner .conteudo .formulario .formPadrao .GroupCampo {
display: flex;
align-items: center;
}
#pageLive.pageCadastroSimples #banner .conteudo .formulario .formPadrao .GroupCampo.CampoEmpresa {
margin-bottom: 24px;
}
#pageLive.pageCadastroSimples #banner .conteudo .formulario .formPadrao input[type="tel"],
#pageLive.pageCadastroSimples #banner .conteudo .formulario .formPadrao input[type="email"],
#pageLive.pageCadastroSimples #banner .conteudo .formulario .formPadrao input[type="password"],
#pageLive.pageCadastroSimples #banner .conteudo .formulario .formPadrao input[type="text"] {
display: inline-block;
border: none;
font-size: 18px;
line-height: 27px;
width: calc(100% - 32px);
margin-bottom: 0px;
color: #9a9a9a;
padding-left: 16px;
font-family: "Titillium Web", sans-serif;
}
#pageLive.pageCadastroSimples ::-webkit-input-placeholder {
opacity: 1 !important;
}
#pageLive.pageCadastroSimples:-ms-input-placeholder {
opacity: 1 !important;
}
#pageLive.pageCadastroSimples ::placeholder {
opacity: 1 !important;
}
.formPadrao .CampoComum.CheckBoxField {
display: flex;
margin-bottom: 24px !important;
align-items: center;
}
.formPadrao .CampoComum.CheckBoxField input {
width: 15px !important;
margin-right: 12px;
}
.formPadrao .CampoComum.CheckBoxField span {
margin-top: 0 !important;
}
#pageAtlas .formulario,
#PageIPCA .formulario,
#KafeKinea .formulario,
#Lp-Xp .formulario {
flex-basis: 468.7px;
}
@media (max-width: 1170px) {
#pageAtlas .formulario .formPadrao span,
#PageIPCA .formulario .formPadrao span,
#KafeKinea .formulario .formPadrao span,
#Lp-Xp .formulario .formPadrao span {
text-align: left !important;
}
}
@media (max-width: 425px) {
#pageAtlas .formulario .formPadrao span,
#PageIPCA .formulario .formPadrao span,
#KafeKinea .formulario .formPadrao span,
#Lp-Xp .formulario .formPadrao span {
text-align: left !important;
max-width: 100% !important;
}
}
#KafeKinea .formulario .formPadrao span {
text-align: left !important;
}
@media (max-width: 768px) {
#PageLP .container {
max-width: calc(100% - 24px);
}
}
#PageLP .lp-institucional #banner-lp {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
position: relative;
}
#PageLP .lp-institucional .formPadrao {
padding: 0;
}
#PageLP .lp-institucional .formPadrao .GroupCampo {
margin-bottom: 27px;
}
#PageLP .lp-institucional .formPadrao .CampoComum.CheckBoxField {
margin-top: -8px;
}
#PageLP .lp-institucional .formPadrao .CampoComum.CheckBoxField span {
font-size: 13px;
line-height: 20px;
padding-left: 8px;
}
#PageLP .lp-institucional .formPadrao input[type="submit"] {
background: #4793e9;
}
#PageLP .lp-institucional .formPadrao input[type="submit"]:hover {
background: #4793e9;
opacity: 0.9;
}
#PageLP .lp-institucional .banner .conteudo {
margin-top: 100px;
margin-bottom: 90px;
}
#PageLP .lp-institucional .descricaoQuemSomos .TodoCarrossel {
margin-top: 124px;
margin-bottom: 124px;
}
@media (max-width: 768px) {
#PageLP .lp-institucional .descricaoQuemSomos .TodoCarrossel {
margin-top: 64px;
margin-bottom: 64px;
}
}
#PageLP .lp-institucional .descricaoQuemSomos .TodoCarrossel .itemQuemSomos {
margin-top: 0px;
margin-bottom: 0px;
}
#PageLP .lp-institucional .descricaoQuemSomos .TodoCarrossel .itemQuemSomos h3 {
margin-top: 16px;
}
@media (max-width: 768px) {
#PageLP .lp-institucional .descricaoQuemSomos .TodoCarrossel .itemQuemSomos h3 {
margin-top: 0px;
}
}
#PageLP .lp-institucional .descricaoQuemSomos .TodoCarrossel .itemQuemSomos span {
display: block;
font-size: 16px;
font-style: italic;
}
#PageLP .lp-institucional .videoQuemSomos {
padding-top: 0px;
margin-bottom: 124px;
}
#PageLP .lp-institucional .videoQuemSomos h2 {
text-align: center;
margin-bottom: 24px;
font-size: 28px;
line-height: 46px;
}
#PageLP .lp-institucional .trajetoriaKinea .containerSite {
max-width: 1340px;
}
#PageLP .lp-institucional .trajetoriaKinea .itemTimeline {
margin-left: 64px;
position: relative;
}
#PageLP .lp-institucional #fique-atualizado .containerCalc {
flex-wrap: wrap;
margin-left: calc((100% - 1140px) / 2);
}
#PageLP .lp-institucional #fique-atualizado .containerCalc .texto {
flex-basis: 100%;
}
#PageLP .banner .ov {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background: #061844 0% 0% no-repeat padding-box;
opacity: 0.6;
}
#PageLP .banner .container {
position: relative;
z-index: 2;
}
#PageLP .banner .container .topo_Banner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#PageLP .banner .container .topo_Banner .menuTopo ul {
display: flex;
}
#PageLP .banner .container .topo_Banner .menuTopo ul li {
margin-right: 36px;
}
#PageLP .banner .container .topo_Banner .menuTopo ul li a {
font-family: "Titillium Web", sans-serif;
letter-spacing: 0px;
color: #ffffff;
font-size: 20px;
line-height: 31px;
}
#PageLP .banner .container .topo_Banner .menuTopo ul li:last-of-type {
margin-right: 0px;
}
@media (max-width: 768px) {
#PageLP .banner .container .topo_Banner .menuTopo {
display: none;
}
}
#PageLP .banner .container .icone-scroll {
align-content: center;
display: flex;
justify-content: center;
padding-bottom: 24px;
}
#PageLP .banner .container .icone-scroll .moveDiv2 {
display: block;
width: 36px;
}
#PageLP .banner .container .icone-scroll .moveDiv2 img {
width: 100%;
}
#PageLP .banner .container .conteudo {
align-items: center;
display: flex;
justify-content: space-between;
}
@media (max-width: 768px) {
#PageLP .banner .container .conteudo {
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
#PageLP .banner .container .conteudo .texto {
flex-basis: 100%;
}
}
#PageLP .banner .container .conteudo .formulario {
flex-basis: 442px;
background: white;
padding: 36px 36px 24px 36px;
}
@media (max-width: 768px) {
#PageLP .banner .container .conteudo .formulario {
margin-top: 36px;
flex-basis: 100%;
}
}
#PageLP .banner .container .conteudo h1 {
font-family: "Titillium Web", sans-serif;
letter-spacing: 0px;
color: #ffffff;
font-size: 40px;
line-height: 61px;
font-weight: 600;
margin-bottom: 16px;
}
@media (max-width: 768px) {
#PageLP .banner .container .conteudo h1 {
font-size: 32px;
line-height: 48px;
}
}
#PageLP .banner .container .conteudo p {
font-family: "Titillium Web", sans-serif;
letter-spacing: 0px;
color: #ffffff;
font-size: 20px;
line-height: 31px;
font-weight: 400;
margin-bottom: 24px;
max-width: 424px;
}
#PageLP .banner .container .conteudo p.secPar {
max-width: 354px;
font-weight: 600;
}
@media (max-width: 768px) {
#PageLP .banner .container .conteudo p {
font-size: 16px;
line-height: 24px;
}
}
#PageLP .banner .logo svg .a {
fill: #ffffff !important;
}
@media (max-width: 768px) {
#PageLP .banner .logo {
margin-top: 34px;
}
}
#PageLP .container {
padding-left: 0px;
padding-right: 0px;
}
#PageLP #sobre .TodoCarrossel {
width: 100%;
}
@media (max-width: 768px) {
#PageLP #sobre .TodoCarrossel {
text-align: center;
flex-basis: 100%;
}
}
@media (max-width: 768px) {
#PageLP #sobre .TodoCarrossel .itemQuemSomos {
margin-top: 48px;
}
}
@media (max-width: 768px) {
#PageLP #sobre .TodoCarrossel .itemQuemSomos:first-of-type {
margin-top: 0px;
}
}
#PageLP #fique-atualizado {
background: #061844;
overflow: hidden;
}
@media (max-width: 1170px) {
#PageLP #fique-atualizado .containerCalc {
margin-left: auto !important;
max-width: 960px;
margin-right: auto;
}
}
#PageLP #fique-atualizado .carrosel-fique-atualizado {
overflow: visible;
}
@media (max-width: 1170px) {
#PageLP #fique-atualizado .carrosel-fique-atualizado {
overflow: hidden;
margin-bottom: 64px;
}
}
#PageLP #fique-atualizado .container h2 {
font-family: "Titillium Web", sans-serif;
letter-spacing: 0px;
color: #ffffff;
font-size: 28px;
line-height: 56px;
font-weight: 600;
}
#PageLP #fique-atualizado .container p {
font-family: "Titillium Web", sans-serif;
letter-spacing: 0px;
color: #ffffff;
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-top: 16px;
margin-bottom: 36px;
}
#PageLP #fique-atualizado .prev-next {
margin-bottom: 64px;
}
@media (max-width: 768px) {
#PageLP .trajetoriaKinea {
padding-bottom: 0;
}
}
#PageLP #playlist-15-anos {
padding-top: 124px;
padding-bottom: 228px;
}
@media (max-width: 768px) {
#PageLP #playlist-15-anos {
padding-top: 64px;
padding-bottom: 124px;
}
}
#PageLP #playlist-15-anos .todoPlaylist {
display: flex;
}
@media (max-width: 768px) {
#PageLP #playlist-15-anos .todoPlaylist {
flex-wrap: wrap;
}
}
#PageLP #playlist-15-anos .todoPlaylist .textoPlaylist {
flex-basis: 50%;
}
@media (max-width: 768px) {
#PageLP #playlist-15-anos .todoPlaylist .textoPlaylist {
flex-basis: 100%;
}
}
#PageLP #playlist-15-anos .todoPlaylist .textoPlaylist h2 {
color: #c7b680;
font-family: "Titillium Web", sans-serif;
line-height: 55px;
font-weight: 400;
font-size: 36px;
max-width: 320px;
}
@media (max-width: 768px) {
#PageLP #playlist-15-anos .todoPlaylist .textoPlaylist h2 {
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
#PageLP #playlist-15-anos .todoPlaylist .textoPlaylist p {
margin-top: 28px;
max-width: 390px;
font-family: "Titillium Web", sans-serif;
font-size: 18px;
line-height: 27px;
}
@media (max-width: 768px) {
#PageLP #playlist-15-anos .todoPlaylist .textoPlaylist p {
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
#PageLP #playlist-15-anos .todoPlaylist .textoPlaylist p strong {
font-weight: 600;
}
#PageLP #playlist-15-anos .todoPlaylist .textoPlaylist .buttom_assistir {
margin-top: 24px;
}
#PageLP #playlist-15-anos .todoPlaylist .textoPlaylist .buttom_assistir a {
width: 270px;
height: 56px;
line-height: 56px;
text-align: center;
color: #ffffff;
font-size: 18px;
background: #4793e9 0% 0% no-repeat padding-box;
box-shadow: 5px 5px 10px #06184426;
display: block;
}
@media (max-width: 768px) {
#PageLP #playlist-15-anos .todoPlaylist .textoPlaylist .buttom_assistir a {
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
#PageLP #playlist-15-anos .todoPlaylist .textoPlaylist .buttom_assistir a:hover {
opacity: 0.9;
}
#PageLP #playlist-15-anos .todoPlaylist .playlist {
flex-basis: 50%;
}
@media (max-width: 768px) {
#PageLP #playlist-15-anos .todoPlaylist .playlist {
flex-basis: 100%;
margin-top: 48px;
}
}
#PageLP #playlist-15-anos .todoPlaylist .playlist .headerPlayList {
background: #061844 0% 0% no-repeat padding-box;
border-radius: 4px 4px 0px 0px;
padding: 16px 24px;
}
#PageLP #playlist-15-anos .todoPlaylist .playlist .headerPlayList h3 {
color: #ffffff;
font-family: "Titillium Web", sans-serif;
font-size: 20px;
line-height: 31px;
}
#PageLP #playlist-15-anos .todoPlaylist .playlist .headerPlayList p {
color: #ffffff;
font-family: "Titillium Web", sans-serif;
font-size: 16px;
line-height: 24px;
}
#PageLP #playlist-15-anos .todoPlaylist .playlist .conteudoPlaylist {
background: #f6f6f6 0% 0% no-repeat padding-box;
box-shadow: 8px 8px 50px #00000014;
border: 1px solid #e5e5e5;
border-radius: 4px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
#PageLP #playlist-15-anos .todoPlaylist .playlist .conteudoPlaylist .itemPlaylist a {
flex-wrap: wrap;
align-items: center;
color: inherit;
display: flex;
padding-left: 24px;
padding-right: 24px;
padding-bottom: 8px;
padding-top: 6px;
}
@media (max-width: 450px) {
#PageLP #playlist-15-anos .todoPlaylist .playlist .conteudoPlaylist .itemPlaylist a {
padding-left: 12px;
padding-right: 12px;
}
}
#PageLP #playlist-15-anos .todoPlaylist .playlist .conteudoPlaylist .itemPlaylist a:hover {
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 1px 1px 20px #00000029;
}
#PageLP #playlist-15-anos .todoPlaylist .playlist .conteudoPlaylist .itemPlaylist a .count {
margin-right: 12px;
font-family: "Titillium Web", sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0px;
color: #686868;
}
#PageLP #playlist-15-anos .todoPlaylist .playlist .conteudoPlaylist .itemPlaylist a .imgPlay {
flex-basis: 124px;
height: 69px;
border-radius: 10px;
margin-right: 12px;
position: relative;
background-size: cover;
background-position: center;
}
@media (max-width: 450px) {
#PageLP #playlist-15-anos .todoPlaylist .playlist .conteudoPlaylist .itemPlaylist a .imgPlay {
flex-basis: 90px;
height: 50px;
}
}
@media (max-width: 390px) {
#PageLP #playlist-15-anos .todoPlaylist .playlist .conteudoPlaylist .itemPlaylist a .imgPlay {
flex-basis: 60px;
}
}
#PageLP #playlist-15-anos .todoPlaylist .playlist .conteudoPlaylist .itemPlaylist a .imgPlay .duracao {
position: absolute;
color: #ffffff;
font-family: "Titillium Web", sans-serif;
font-size: 13px;
border-radius: 4px;
width: 44px;
text-align: center;
height: 19px;
line-height: 19px;
right: 4px;
bottom: 6px;
background: rgba(52, 57, 72, 0.9);
}
#PageLP #playlist-15-anos .todoPlaylist .playlist .conteudoPlaylist .itemPlaylist a .conteudoItemPlay h4 {
font-family: "Titillium Web", sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: bold;
color: #061844;
}
@media (max-width: 390px) {
#PageLP #playlist-15-anos .todoPlaylist .playlist .conteudoPlaylist .itemPlaylist a .conteudoItemPlay h4 {
font-size: 14px;
}
}
#PageLP #playlist-15-anos .todoPlaylist .playlist .conteudoPlaylist .itemPlaylist a .conteudoItemPlay p {
font-family: "Titillium Web", sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #686868;
}
@media (max-width: 390px) {
#PageLP #playlist-15-anos .todoPlaylist .playlist .conteudoPlaylist .itemPlaylist a .conteudoItemPlay p {
font-size: 14px;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}