@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 50;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-50.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-100.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 150;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-150.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-200.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 250;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-250.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-300.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 350;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-350.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-400.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 450;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-450.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-500.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 550;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-550.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-600.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 650;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-650.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-700.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 750;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-750.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-800.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 850;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-850.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-900.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 950;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-950.woff2) format('woff2');
}
@font-face {
font-family: 'Aspekta';
font-style: normal;
font-weight: 1000;
font-display: swap;
src: url(//luby.co/wp-content/themes/luby/assets/fonts/Aspekta-1000.woff2) format('woff2');
}
html {
scroll-behavior: smooth;
}
body {
background-color: #010914;
color: #FFF;
font-family: 'Aspekta';
}
.col-mid {
display: flex;
justify-content: right;
}
.col-mid__content {
max-width: 540px;
width: 100%;
}
.p_150 {
padding-bottom: 150px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Aspekta';
font-weight: 600;
}
h1 {
letter-spacing: -2.4px;
font-size: 120px;
opacity: 0.8;
}
h2 {
font-size: 40px;
line-height: 1.15;
font-weight: 600;
}
h4 {
font-size: 28px;
letter-spacing: 0.84px;
font-weight: 300;
color: #B7C3D4;
}
h5 {
font-size: 22px;
color: #FFF;
font-weight: 500;
}
p {
letter-spacing: 0.48px;
color: #B7C3D4;
font-weight: 300;
}
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty,
p:empty{
margin: 0;
padding: 0;
display: none;
}
img {
max-width: 100%;
height: auto;
}
header {
position: absolute;
width: 100%;
z-index: 9999999;
top: 30px;
}
.header_content {
position: relative;
padding: 10px 50px;
display: flex;
align-items: center;
gap: 40px;
justify-content: space-between;
}
.fale-com-a-luby a {
background-color: #41A0DC;
padding: 15px 30px;
border-radius: 100px;
color: #fff;
transition: all 0.5s ease;
}
.fale-com-a-luby a:hover {
background-color: #fff;
color: #41A0DC;
}
.main-navigation .menu > li a:hover {
color: #41A0DC !important;
}
.fale-com-a-luby a:hover::before {
display: none;
}
.main-navigation .menu > li.fale-com-a-luby.current-menu-item > a,
.main-navigation .menu > li.fale-com-a-luby.current-menu-ancestor > a {
color: #fff;
}
.main-navigation .menu > li.fale-com-a-luby.current-menu-item > a::before,
.main-navigation .menu > li.fale-com-a-luby.current-menu-ancestor > a::before {
content: none;
}
.main-navigation .menu > li.fale-com-a-luby > a::before {
content: none;
}
.page-template-contato .fale-com-a-luby a {
color: #fff !important;
}
.page-template-contato .main-navigation .menu > li > a.simple__btn {
color: #fff !important;
}
.main-navigation .menu > li#menu-item-122.current-menu-item > a:hover::before {
content: none;
}
#menu-item-122:hover::before {
content: none;
}
.main-navigation .simple__btn:hover {
color: #fff !important;
}
.main-navigation .simple__btn::before {
background-color: #0E36EF;
}
.main-navigation .menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 30px;
align-items: baseline;
}
.main-navigation .menu > li {
position: relative; } .main-navigation .menu > li > a {
text-decoration: none;
color: #FFF;
font-size: 14px;
letter-spacing: 1px;
display: block;
position: relative;
margin-top: 8px;
margin-bottom: 8px;
}
a:hover {
text-decoration: none;
} .main-navigation .menu li.menu-item-has-children > a::after {
content: ' ';
font-size: 12px;
margin-left: 10px;
width: 11px;
height: 6px;
background-repeat: none;
transition: transform 0.3s ease, filter 0.3s ease;
display: inline-block;
position: relative;
background-image: url(//luby.co/wp-content/themes/luby/assets/img/icon-menu.png);
filter: brightness(0) invert(1); }
.main-navigation .menu li.menu-item-has-children:hover > a::after {
transform: rotate(180deg);
filter: none; }
.main-navigation .menu > li > a.simple__btn {
background-color: #41A0DC;
border-color: #41A0DC;
}
.main-navigation .menu > li > a.simple__btn::before {
background-color: #0E36EF;
}
.main-navigation .menu > li > a.simple__btn::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #41A0DC; border-radius: 100px;
z-index: -1;
transition: transform 0.5s;
transform: scaleX(0);
transform-origin: left;
}
.main-navigation .menu > li > a.simple__btn:hover::before {
background: #0E36EF; transform: scaleX(1); width: 100%;
}
.main-navigation .menu > li > a.simple__btn {
color: #fff; }
.main-navigation .menu > li:hover > a.simple__btn {
color: #fff !important; border-color: #0E36EF !important;
background-color: #0E36EF;
}
.parent-pageid-129 .loopcases {
padding-top: 100px;
}
.page-id-51218 .loopcases {
padding-top: 0;
} .main-navigation .menu > li ul {
list-style: none;
margin: 0;
position: absolute;
top: 100%;
display: none;
background-color: #f9f9f9;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 100%;
min-width: 180px;
border-radius: 10px;
padding: 5px 20px;
left: -20px;
} .main-navigation .menu > li:hover > ul {
display: block;
} .main-navigation .menu > li ul li {
padding: 8px 0px;
} .main-navigation .menu > li ul li a {
display: block;
text-decoration: none;
font-size: 14px;
letter-spacing: 1px;
color: #52647C;
font-weight: 400;
}
.btn-site-projeto {
padding-top: 15px;
}
.main-navigation .menu > li a[href="#WhatWeDo"] + ul.sub-menu {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
top: 100%;
left: 0;
display: none;
background-color: #f9f9f9;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 100%;
min-width: 180px;
border-radius: 10px;
padding: 5px 20px;
left: -20px;
}
.main-navigation .menu > li:hover a[href="#WhatWeDo"] + ul.sub-menu {
width: max-content;
display: flex;
flex-direction: row;
gap: 48px;
}
.main-navigation .menu li a[href="#WhatWeDo"] + ul.sub-menu li > a::after {
display: none !important;
}
.main-navigation .menu > li:hover a[href="#WhatWeDo"] + ul.sub-menu > li > a {
color: #41A0DC !important;
margin-bottom: 12px;
}
.main-navigation .menu > li:hover a[href="#WhatWeDo"] + ul.sub-menu ul {
all: unset;
padding-top: 32px !important;
} .main-navigation .menu > li > a::before {
content: '';
display: block;
width: 0; height: 2px;
background-color: #41A0DC; position: absolute;
bottom: -5px;
left: 0;
transition: width 0.4s ease;
border-radius: 100px; } .main-navigation .menu > li > a:hover::before,
.main-navigation .menu > li:hover > ul::before {
width: 18px;
} .main-navigation .menu > li:hover > a::before {
width: 18px;
} .main-navigation .menu > li:hover > a {
color: #41A0DC !important; } .main-navigation .menu > li.current-menu-item > a,
.main-navigation .menu > li.current-menu-ancestor > a {
color: #41A0DC; } .main-navigation .menu > li.current-menu-item > a::before,
.main-navigation .menu > li.current-menu-ancestor > a::before {
content: '';
display: block;
width: 18px; height: 2px;
background-color: #41A0DC; position: absolute;
bottom: 0;
left: 0;
}
.header_content:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: -9;
border-radius: 100px;
top: 0px;
left: 0px;
backdrop-filter: blur(10px);
background-color: rgb(0 0 0 / 18%);
border: 1px solid #ffffff0d;
}
.herobanner .row {
display: flex;
align-items: center;
text-align: center;
padding-top: 200px;
}
.herobanner {
position: relative;
overflow: hidden;
}
.herobanner video {
position: absolute;
width: 1920px;
height: auto;
z-index: -1;
min-width: 100%;
}
.herobanner:after {
content: '';
height: 672px;
width: 100%;
position: absolute;
bottom: -50px;
background: rgb(1, 9, 20);
background: linear-gradient(180deg, rgba(1, 9, 20, 0) 0%, rgba(1, 9, 20, 0.59) 54%, rgba(1, 9, 20, 1) 95%, rgba(1, 9, 20, 1) 100%);
}
.herobanner:before {
content: '';
width: 100%;
position: absolute;
height: 100%;
background-color: #061730;
opacity: 0.6;
}
.herobanner .container {
z-index: 99;
position: relative;
}
.btn__scroll {
padding: 90px 0px;
opacity: 0.2;
}
.btn__scroll span {
font-size: 28px;
font-weight: 300;
color: #B7C3D4;
}
.btn__scroll a:hover {
text-decoration: none;
}
.simple__btn {
border: 1px solid #fff;
padding: 14px 40px;
border-radius: 100px;
display: table;
margin: auto;
background: linear-gradient(to right, transparent 50%, blue 50%);
background-size: 200% 100%;
background-position: left bottom;
color: #fff;
text-align: center;
text-decoration: none;
transition: background-position 0.4s, color 0.4s;
position: relative;
z-index: 1;
overflow: hidden;
letter-spacing: 0.48px;
transition: background 2s ease;
}
.simple__btn::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #41A0DC;
border-radius: 100px;
z-index: -1;
transition: transform 0.4s;
transform: scaleX(0);
transform-origin: left;
}
.simple__btn:hover::before {
transform: scaleX(1);
}
.simple__btn:hover {
color: #fff;
text-decoration: none;
border: 1px solid #41A0DC;
background-color: #41A0DC;
}
.herobanner .btn__content {
margin-top: 35px;
}
.page-blog_content .btn__content {
padding-top: 60px;
}
.contactfooter {
position: relative;
z-index: 9;
}
.bignumbers__content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
padding: 0 60px;
position: relative;
}
.bignumbers__content li {
width: 30%;
text-align: center;
}
.bignumbers__item {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.bignumbers__content li {
position: relative;
}
.bignumbers__content li:after {
content: '';
width: 100%;
height: 100%;
border: 1px solid #41A0DC;
position: absolute;
left: 0px;
top: 0px;
border-radius: 100%;
transition: transform 0.3s ease-in-out;
}
.bignumbers__content li:hover:after {
transform: scale(1.17);
}
li.bignumbers__between {
width: 5%;
display: flex;
align-items: center;
justify-content: center;
}
.bignumbers__between span {
width: 16px;
height: 16px;
display: table;
background-color: #41A0DC;
border-radius: 100px;
}
.bignumbers__between:after {
display: none;
}
.bignumbers__item span {
font-size: 24px;
font-weight: 600;
color: #41a0dc;
margin-bottom: 10px;
width: 80%;
}
.bignumbers__item p {
font-size: 16px;
font-weight: 400;
margin-bottom: 0px;
width: 80%;
letter-spacing: 0.48px;
}
.bignumbers {
margin-top: 85px;
background: rgb(1, 9, 20);
background: linear-gradient(180deg, rgba(1, 9, 20, 0) 0%, rgba(1, 9, 20, 0.59) 38%, rgba(1, 9, 20, 1) 38%);
margin-bottom: 150px;
}
.soluctions__header {
margin-bottom: 75px;
}
.soluctions__header p {
font-size: 28px;
line-height: 30px;
color: #B7C3D4;
font-weight: 300;
letter-spacing: 0.84px;
}
.soluctions-nav button {
width: 65px;
height: 65px;
background-color: transparent;
color: #FFF;
border: 1px solid #b7c3d47a;
border-radius: 100%;
cursor: pointer;
}
.soluctions-nav button.owl-next:hover,
.soluctions-nav button.owl-prev:hover {
transition: all 0.5s ease;
border-color: #005CE5;
}
.soluctions-nav .owl-next:after,
.soluctions-nav .owl-prev:after {
content: '';
width: 100%;
height: 100%;
background-image: url(//luby.co/wp-content/themes/luby/assets/img/prev-next.svg);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
}
.soluctions-nav .owl-prev:after {
background-image: url(//luby.co/wp-content/themes/luby/assets/img/prev.svg);
}
.soluctions-nav button.disabled:before {
display: none;
}
.soluctions-nav button.disabled:hover {
border-color: #FFF;
}
.soluctions-nav button span {
display: none;
}
.soluctions-nav button.disabled {
cursor: auto;
opacity: 0.2;
}
.soluctions-nav {
display: flex;
justify-content: end;
gap: 20px;
margin-top: 20px;
}
.soluctions-nav .owl-prev,
.soluctions-nav .owl-next {
position: relative;
width: 65px;
height: 65px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100px;
overflow: hidden;
color: #005CE5;
cursor: pointer;
z-index: 1;
border: none; outline: none; border: 1px solid #FFF;
}
.soluctions-nav .owl-prev::before,
.soluctions-nav .owl-next::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background-color: #005CE5;
border-radius: 100px;
transition: all 0.5s ease;
z-index: -1;
}
.soluctions-nav .owl-prev:hover::before,
.soluctions-nav .owl-next:hover::before {
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #005CE5;
}
.soluctions-nav .owl-prev span,
.soluctions-nav .owl-next span {
position: relative;
z-index: 1;
color: #005CE5;
font-size: 24px; }
.soluctions-nav .owl-prev:hover span,
.soluctions-nav .owl-next:hover span {
color: #FFF; }
.testimonials .card-columns .card {
position: relative;
background-color: inherit;
border-radius: 0px 24px 24px 24px;
border: 1px solid #7c8ea71a;
padding: 35px;
}
.testimonials .card-columns .card::after {
content: '';
background: rgb(0, 92, 229);
background: linear-gradient(158deg, rgba(0, 92, 229, 1) 0%, rgba(5, 23, 51, 1) 41%, rgba(15, 35, 65, 1) 100%);
border-radius: 0px 24px 24px 24px;
opacity: 0.1;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
}
.testimonials__header {
margin-bottom: 75px;
text-align: center;
}
.testimonials__name {
width: calc(100% - 56px);
float: left;
}
.homelight__2-img {
position: relative;
}
img.homelight__2-img {
max-width: 100%;
width: 100%;
height: auto;
position: absolute;
margin-top: -400px;
opacity: 0.5;
z-index: -999;
}
a.blogloop__item {
position: relative;
}
a.blogloop__item::after {
content: '';
content: '';
background: rgb(0, 92, 229);
background: linear-gradient(158deg, rgba(0, 92, 229, 1) 0%, rgba(5, 23, 51, 1) 41%, rgba(15, 35, 65, 1) 100%);
border-radius: 0px 24px 24px 24px;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: -9;
opacity: 0.2;
}
.blogloop__img img {
max-width: 100%;
height: auto;
border-radius: 0px 24px 0px 0px;
}
.blogloop__item {
background: transparent linear-gradient(180deg, #005CE54D 0%, #0517334D 49%, #0F234133 100%) 0% 0% no-repeat padding-box;
border-radius: 0px 24px 24px 24px;
}
a.blogloop__content {
padding: 25px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.conteudo-destaque-blog h2 {
color: #fff;
font-size: 48px;
font-weight: 400;
padding-bottom: 14px;
}
.blogloop__btn-content .btn__next {
width: 45px;
height: 45px;
margin-left: 100px;
}
.blogloop__content h5 {
font-size: 22px;
font-weight: 400;
}
span.btn__next-readmore {
position: absolute;
left: -100px;
z-index: 9999;
font-size: 16px;
letter-spacing: 0.48px;
}
a.blogloop__category {
position: absolute;
bottom: 0px;
padding: 10px 26px;
border-radius: 4px;
backdrop-filter: blur(7px);
background-color: rgba(223, 223, 223, 0.2);
left: 25px;
bottom: 25px;
letter-spacing: 0.42px;
font-size: 14px;
color: #FFF;
z-index: 99;
}
.blogloop__img {
position: relative;
}
.blogloop__header {
margin-bottom: 40px;
}
.homelight__1 {
position: relative;
}
.homelight__1::before {
content: '';
width: 100%;
height: 1356px; position: absolute;
background-image: url(//luby.co/wp-content/themes/luby/assets/img/homelight__1.png);
top: -390px;
left: 0px;
z-index: -9999;
background-size: 100%;
background-repeat: no-repeat;
}
.customers {
position: relative;
padding: 150px 0px;
overflow: hidden;
}
.customers:after {
content: '';
width: 1170px;
height: 894px;
position: absolute;
top: 0px;
background-image: url(//luby.co/wp-content/themes/luby/assets/img/planet.png);
z-index: -99999;
background-repeat: no-repeat;
background-size: auto;
}
.customers__header {
margin-bottom: 100px;
}
.whoweare__list-content {
display: flex;
align-items: center;
}
ul.whoweare__list {
list-style: none;
padding: 0px;
display: flex;
flex-direction: column;
gap: 30px;
margin: 0px;
}
.whoweare__list li p {
margin-bottom: 0px;
}
ul.whoweare__list li {
width: 150px;
min-height: 140px;
display: flex;
justify-content: center;
flex-direction: column;
padding: 20px;
border-radius: 0px 10px 10px 10px;
position: relative;
}
.whoweare__content {
display: flex;
align-items: center;
}
.whoweare__btn-content .simple__btn {
display: table;
float: left;
margin-top: 40px;
}
.whoweare__content-item {
position: relative;
z-index: 999;
}
.whoweare__content-item h2 {
margin-bottom: 40px;
}
ul.whoweare__list li::after {
content: '';
background: #7C8EA7 0% 0% no-repeat padding-box;
border: 0.5px solid #E6F0FF1A;
border-radius: 0px 10px 10px 10px;
opacity: 1;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: -9;
opacity: 0.1;
border: 0.5px solid #e6f0ff;
}
footer {
background-color: #FFF;
border-radius: 50px 50px 0px 0px;
padding-top: 90px;
position: relative;
z-index: 9;
}
.footer-rs {
display: flex;
align-items: start;
padding: 0px;
gap: 20px;
margin-top: 20px;
}
ul#casesslider-nav {
list-style: none;
padding: 0;
padding-left: 20px;
max-height: 650px;
height: auto;
overflow: auto;
padding: 0 32px;
margin-bottom: 50px;
} ul#casesslider-nav::-webkit-scrollbar {
width: 6px;
} ul#casesslider-nav::-webkit-scrollbar-track {
background: #888;
} ul#casesslider-nav::-webkit-scrollbar-thumb {
background: #41A0DC;
} ul#casesslider-nav::-webkit-scrollbar-thumb:hover {
background: #555;
}
.btn-case-list {
display: flex;
align-items: baseline;
gap: 20px;
cursor: pointer;
}
.btn-case-list .btn__next {
width: 40px;
height: 40px;
}
.btn-case-list .btn__next svg {
transform: rotate(326deg);
transition: transform 0.3s ease;
}
.loopcases {
padding: 100px 0;
}
.loopcases .title_container {
margin-bottom: 32px;
}
@media (min-width: 430.98px) {
.loopcases h2 {
padding-bottom: 70px;
}
.loopcases .title_container {
margin-bottom: 50px;
}
}
.loopcases .title_container .subtitle {
font-size: 16px;
font-weight: 600;
color: #B7C3D4;
}
.footer-menu {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
padding-top: 12px;
}
footer h5, footer h5 a {
color: #41A0DC;
font-size: 16px;
font-weight: 300;
position: relative;
}
footer a {
color: #52647C;
}
.footer-menu li a {
color: #52647C;
font-size: 14px;
font-weight: 300;
position: relative;
transition: all 0.6s ease;
}
.footer-menu li a:hover, footer h5 a:hover {
color: #005CE5;
text-decoration: none;
}
.footer-menu li a::after, footer h5 a::after {
content: '';
background-image: url(//luby.co/wp-content/themes/luby/assets/img/seta-hover-footer.svg);
background-repeat: no-repeat;
width: 10px;
height: 6px;
position: absolute;
right: -16px;
bottom: 7px;
opacity: 0;
transition: all 0.6s ease;
}
.footer-menu li a:hover::after, footer h5 a:hover::after {
opacity: 1;
}
footer hr {
background-color: #EAEAEA;
width: 100%;
margin-top: 45px;
}
.linha-direitos {
display: flex;
justify-content: space-between;
padding-bottom: 90px;
padding-top: 10px;
width: 100%;
font-size: 14px;
color: #807E7E;
}
.linha-direitos a {
color: #52647C;
}
.formulario-home {
margin-bottom: 150px;
position: relative;
z-index: 2;
padding-top: 200px;
}
.formulario-home::after {
content: '';
background-repeat: no-repeat;
background-size: cover;
position: absolute;
height: 100%;
width: 100%;
bottom: -190px;
z-index: -3;
background: rgb(0, 92, 229);
background: linear-gradient(167deg, rgb(0 92 229 / 0%) 0%, rgb(0 92 229 / 0%) 39%, rgb(0 92 229 / 28%) 60%, rgb(0 92 229 / 55%) 100%);
}
.formulario-home h2 {
color: #41A0DC;
font-weight: 500;
padding-bottom: 30px;
}
.page-id-1136 .itens-list-block li {
color: #fff;
}
.page-id-1136 .itens-list-block li span {
color: #7C8EA7;
}
.formulario-contato {
margin-bottom: 150px;
position: relative;
z-index: 2;
padding-top: 200px;
}
.formulario-contato h2 {
color: #41A0DC;
font-weight: 500;
}
.formulario-contato::after {
content: '';
background-image: url(//luby.co/wp-content/themes/luby/assets/img/bg-contato-form.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
height: 1101px;
width: 100%;
bottom: -350px;
z-index: -3;
}
.wpcf7 input,
.wpcf7 select {
border: none;
padding-left: 20px;
height: 55px;
border-radius: 4px;
background: #ffffff21;
color: #fff;
width: 100%;
margin-bottom: 25px;
}
.form p {
margin-bottom: 0;
}
.wpcf7 select {
color: #7C8EA7;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
color: #B7C3D4;
}
.form-btn-submit {
margin-top: 25px;
}
.wpcf7 textarea {
border: none;
border-radius: 4px;
background: #ffffff21;
padding-left: 20px;
padding-top: 10px;
color: #fff;
width: 100%;
display: flex;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
padding: 10px 70px;
border-radius: 30px;
background: linear-gradient(to right, #0E36EF 50%, transparent 50%);
background-size: 200% 100%;
background-position: right bottom; cursor: pointer;
border: solid 1px #FFFFFF;
color: #FFFFFF;
transition: background-position 0.6s ease, color 0.6s ease;
position: relative;
overflow: hidden;
z-index: 1;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
background-position: left bottom; color: #FFFFFF; border-color: #0E36EF; }
span.wpcf7-spinner {
display: none;
}
.wpcf7-not-valid-tip {
position: absolute;
}
.wpp-contato {
display: flex;
padding-top: 40px;
}
.btn-blue-luby {
background-color: #41A0DC;
padding: 15px 30px;
border-radius: 100px;
color: #fff;
}
.wpp-contato a {
background-color: #41A0DC;
padding: 15px 30px;
border-radius: 100px;
color: #fff;
display: flex;
align-items: center;
gap: 10px;
}
.sociais-contato {
list-style: none;
padding: 0;
display: flex;
gap: 20px;
padding-top: 40px;
}
.sociais-contato img {
width: 24px;
}
.herobanner-premiacoes {
padding-top: 200px;
position: relative;
z-index: 999;
padding-bottom: 120px;
background-image: url(//luby.co/wp-content/themes/luby/assets/img/bg-premiacoes-2.png);
background-color: #021026;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center;
}
.title-premiacoes {
display: flex;
flex-direction: column;
gap: 20px;
align-items: baseline;
position: relative;
z-index: 99;
}
.herobanner-premiacoes h2 {
font-size: 72px;
font-weight: 600;
opacity: 1;
line-height: 1.18;
}
.soluctions__content-show .btn__next {
position: absolute;
right: 20px;
bottom: 35px;
}
.soluctions__content-show .btn__next svg {
transform: rotate(326deg);
}
.btn__next {
position: relative;
width: 65px;
height: 65px;
background-color: #ffffff1f;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100px;
color: white;
cursor: pointer;
z-index: 1;
}
.btn__next::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background-color: #005CE5;
border-radius: 100px;
transition: all 0.5s ease;
z-index: -1;
}
.btn__next:hover::before {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.btn__next svg {
position: relative;
z-index: 1;
}
.lista-end {
list-style: none;
padding: 0px 12px;
display: flex;
flex-wrap: wrap;
column-gap: 80px;
row-gap: 60px;
}
.lista-end li a {
text-decoration: none;
}
.lista-end li a h3 {
color: #fff;
font-weight: 500;
}
.lista-end li a p {
color: #B7C3D4;
}
.lista-end li a:hover h3 {
color: #41A0DC;
}
.end-to-end {
margin-bottom: 120px;
}
.linha-lis-end {
padding-top: 80px;
}
.lista-end li {
width: 312px;
}
.item-end {
display: flex;
flex-direction: column;
align-items: baseline;
gap: 20px;
}
.aprendizado .item-end {
background: #051021;
padding: 30px;
border-radius: 0px 24px 24px 24px;
height: 388px;
}
.aprendizado .conteudo-list-end {
width: 280px;
}
.item-end img {
width: 30px;
height: 30px;
}
.aprendizado .item-end .conteudo-list-end h3 {
color: #41A0DC;
}
.presenca {
padding-top: 90px;
}
.presenca span {
color: #41A0DC;
font-size: 25px;
}
.imgs-historia {
display: flex;
}
.two-imgs-historia {
display: flex;
align-items: baseline;
flex-direction: column;
gap: 10px;
padding: 0px;
}
.hero-banner {
padding-top: 200px;
padding-bottom: 120px;
background-attachment: fixed;
background-size: cover;
position: relative;
overflow: hidden;
}
.hero-banner:after {
content: '';
width: 170%;
height: 100%;
position: absolute;
bottom: 0px;
background: rgb(1, 9, 20);
background: radial-gradient(circle, rgba(1, 9, 20, 0) 0%, rgba(1, 9, 20, 0.904359243697479) 36%, rgba(1, 9, 20, 1) 100%);
right: -70%;
}
.hero-banner:before {
content: '';
position: absolute;
height: 207px;
width: 100%;
bottom: 0px;
background: linear-gradient(0deg, rgba(1, 9, 20, 1) 0%, rgba(1, 9, 20, 0.804359243697479) 50%, rgb(1 9 20 / 0%) 100%);
z-index: 9;
}
.our-story_content, .our-mission_content {
border: 1px solid #182737;
border-radius: 0px 30px 30px 30px;
padding: 100px;
}
.our-story_content:after, .our-mission_content:after {
content: '';
background: linear-gradient(132deg, rgba(0, 92, 229, 1) 0%, rgba(5, 23, 51, 1) 50%, rgba(15, 35, 65, 1) 100%);
width: 100%;
top: 0px;
position: absolute;
height: 100%;
opacity: 0.2;
left: 0px;
border-radius: 0px 30px 30px 30px;
}
.hero-banner_light {
width: 900px;
height: 900px;
background: rgb(65, 160, 220);
background: radial-gradient(circle, rgb(65 160 220 / 93%) 0%, rgba(255, 255, 255, 0) 73%);
position: absolute;
top: -510px;
z-index: 9;
opacity: 0.3;
left: -100px;
}
.hero-banner .container {
position: relative;
z-index: 9;
}
.hero-banner h1 {
font-size: 72px;
font-weight: 600;
opacity: 1;
line-height: 1.18;
}
.our-story_content, .our-mission_content {
position: relative;
}
.hero-banner_row {
align-items: center;
justify-content: space-between;
}
.know-section_item {
text-align: center;
}
.know-section {
background-image: url(//luby.co/wp-content/themes/luby/assets/img/escritorio.png);
padding: 200px 0px;
position: relative;
}
.know-section:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: #010913;
top: 0px;
opacity: 0.9;
}
.know-section:before {
content: '';
width: 100%;
height: 200px;
position: absolute;
top: 0px;
z-index: 1;
background: linear-gradient(180deg, rgba(1, 9, 20, 1) 0%, rgba(1, 9, 20, 0.804359243697479) 50%, rgb(1 9 20 / 0%) 100%);
}
.know-section .container:before {
content: '';
position: absolute;
background: linear-gradient(0deg, rgba(1, 9, 20, 1) 0%, rgba(1, 9, 20, 0.804359243697479) 50%, rgb(1 9 20 / 0%) 100%);
width: 100%;
height: 200px;
left: 0px;
bottom: 0px;
}
.know-section .row {
z-index: 9;
position: relative;
}
ul.flexible-list {
list-style: none;
padding: 0px;
display: flex;
flex-direction: column;
gap: 20px;
max-width: 310px;
color: #B7C3D4;
padding-left: 14px;
}
.flexible-list li {
position: relative;
}
.flexible-list li::before {
content: '';
position: absolute;
left: -22px;
top: 7px;
width: 12px;
height: 12px;
border-radius: 100%;
background-color: #FFB40F;
}
.flexible-list li a {
color: #fff;
cursor: auto;
text-decoration: none;
}
.flexible-list li.active a {
color: #FFB40F; }
.flexible-mapa {
position: relative;
}
.esg-compromisso {
padding: 200px 0px;
position: relative;
}
.esg-compromisso h2 {
font-size: 72px;
font-weight: 600;
opacity: 1;
line-height: 1.18;
}
.btn-projetos a {
display: flex;
align-items: baseline;
gap: 14px;
color: #41A0DC;
}
.btn-projetos .btn__next {
width: 40px;
height: 40px;
background-color: #fff;
}
.btn-projetos .btn__next svg {
transform: rotate(90deg);
transition: transform 0.3s ease;
}
.esg-compromisso::before {
content: '';
position: absolute;
height: 207px;
width: 100%;
bottom: 0px;
background: linear-gradient(0deg, rgba(1, 9, 20, 1) 0%, rgba(1, 9, 20, 0.804359243697479) 50%, rgb(1 9 20 / 0%) 100%);
z-index: 9;
}
.btn-site-projeto .btn__next {
width: 40px;
height: 40px;
background-color: #fff;
}
.btn-site-projeto a {
display: flex;
align-items: baseline;
gap: 14px;
color: #41A0DC;
}
.btn-site-projeto .btn__next svg {
transform: rotate(326deg);
transition: transform 0.3s ease;
}
.projetos-esg {
padding-top: 120px;
position: relative;
z-index: 999;
}
.conteudo-text-projeto p {
color: #B7C3D4;
font-weight: 300;
}
.conteudo-text-projeto span {
color: #fff;
font-weight: 500;
}
.project-name {
display: flex;
flex-direction: column;
align-items: baseline;
gap: 14px;
padding-left: 60px;
position: relative;
}
.project-name::before {
content: '';
width: 3px;
height: 160px;
border-radius: 50px;
background-color: #41A0DC;
position: absolute;
left: -1px;
}
.project-name h3 {
font-size: 38px;
font-weight: 600;
}
.linha-projeto {
padding-bottom: 300px;
}
.iniciativas {
padding-bottom: 130px;
position: relative;
z-index: 99;
}
.iniciativas::before {
content: '';
background-image: url(//luby.co/wp-content/themes/luby/assets/img/bg-esg-end.png);
position: absolute;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 1249px;
z-index: 0;
}
.iniciativas::after {
content: '';
background-image: url(//luby.co/wp-content/themes/luby/assets/img/bg-contato-form.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
height: 910px;
width: 100%;
bottom: -372px;
z-index: 0;
}
.page-template-esg footer {
margin-top: 270px;
z-index: 999;
}
.iniciativas .container {
position: relative;
z-index: 999;
}
.next-gen {
padding-top: 200px;
padding-bottom: 120px;
}
.expanda { padding-bottom: 100px;
}
.linha-data {
padding: 80px 0px;
}
.redefinindo {
padding-top: 200px;
padding-bottom: 120px;
}
.data-ailabs {
background-color: #E6F0FF;
padding: 80px 0px;
position: relative;
z-index: 99;
}
.sub-labs h3 {
color: #41a0dc;
font-weight: 600;
}
.sub-labs_btn a {
display: flex;
align-items: center;
color: #41a0dc;
gap: 20px;
width: auto;
}
.sub-labs_text h2 {
margin-bottom: 80px;
}
.sub-labs_btn a .btn__next {
background-color: #41a0dc;
width: 40px;
height: 40px;
transform: rotate(320deg);
}
.subs-labs_item:after {
content: '';
width: 100%;
height: 1px;
background-color: #B7C3D4;
margin: 80px 0px;
opacity: 0.2;
}
.subs-labs_item:last-child:after {
content: none;
}
.data-ailabs.sub-labs {
padding: 100px 0px;
}
.subs-labs_item p {
letter-spacing: 0.48px;
line-height: 22px;
color: #52647C;
}
.data-ailabs.tech-lab-interna {
padding: 132px 0 40px;
}
.data-ailabs.tech-lab-interna + .data-ailabs.tech-lab-interna {
padding-top: 40px;
}
.data-ailabs.tech-lab-interna + .data-ailabs.tech-lab-interna .sub-labs_text h2{
padding-top: 40px;
border-top: 1px #B7C3D4 dotted;
}
.data-ailabs.sub-labs.tech-lab-interna:nth-last-child(1) {
padding-bottom: 124px;
}
.data-ailabs h2,
.data-ailabs h3,
.data-ailabs p {
color: #021026;
}
.logos-datalabs {
display: flex;
padding: 0;
flex-wrap: wrap;
list-style: none;
row-gap: 30px;
justify-content: center;
align-items: center;
column-gap: 20px;
padding-top: 60px;
}
.page-template-data-ailabs .know-section {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-top: 200px;
}
.card-redefinindo {
background: transparent;
border: none;
}
.card-redefinindo .card-body {
color: #B7C3D4;
padding-right: 64px;
}
.card-redefinindo button {
font-size: 24px;
font-weight: 500;
color: #41A0DC;
width: 100%;
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
}
.card-redefinindo .btn-link.focus,
.btn-link:focus,
.card-redefinindo .btn-link.focus,
.btn-link:hover {
text-decoration: none;
}
.card-redefinindo .btn__next {
width: 40px;
height: 40px;
background-color: #41A0DC;
}
.card-redefinindo .card-header {
border-bottom: none;
}
div#accordion {
display: flex;
flex-direction: column;
gap: 24px; }
#casesslider .btn__next {
opacity: 0;
transition: opacity 0.3s ease;
}
#casesslider li.active .btn__next {
opacity: 1;
background-color: #fff;
}
#casesslider li:hover .btn__next::before {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#casesslider li {
list-style: none;
}
.btn-case-list p {
color: #707070;
}
#casesslider-nav li {
color: #707070;
transition: color 0.3s ease;
margin-bottom: 20px;
}
.casesslider-link:hover {
text-decoration: none;
} #casesslider-nav li.active,
#casesslider-nav li:hover {
color: #B7C3D4;
position: relative;
}
#casesslider-nav li::before {
content: '';
position: absolute;
left: -22px;
width: 0px;
height: 0px;
border-radius: 50%;
background-color: #41A0DC;
transition: all 0.5s ease;
opacity: 0; }
.casesslider-link {
pointer-events: auto; position: relative; z-index: 1; display: block; }
#casesslider-nav li {
pointer-events: auto;
}
.casesslider-link {
pointer-events: auto;
}
.casesslider-link:before,
.casesslider-link:after {
content: none; }
#casesslider-nav li.active::before {
width: 2px;
height: 138px;
opacity: 1; }
#casesslider-nav li a {
display: block; }
.casesslider-link.active {
pointer-events: auto; position: relative; z-index: 1; } .casesslider-link.active * {
pointer-events: auto; } #casesslider-nav li.active .casesslider-link h5,
#casesslider-nav li.active .casesslider-link p,
#casesslider-nav li.active .btn-case-list p,
#casesslider-nav li:hover .casesslider-link h5,
#casesslider-nav li:hover .casesslider-link p,
#casesslider-nav li:hover .casesslider-link b {
color: #B7C3D4;
} #casesslider-nav li:not(.active) .casesslider-link h5,
#casesslider-nav li:not(.active) .casesslider-link p {
color: #707070;
}
.loopcases .simple__btn {
margin: 0;
}
.whoweare__list span {
font-size: 32px;
color: #41A0DC;
}
.herobanner-premiacoes::before {
content: '';
position: absolute;
height: 207px;
width: 100%;
bottom: 0px;
background: linear-gradient(0deg, rgba(1, 9, 20, 1) 0%, rgba(1, 9, 20, 0.804359243697479) 50%, rgb(1 9 20 / 0%) 100%);
z-index: 9;
}
.soluctions {
overflow: hidden;
position: relative;
}
.slider-depoimentos .owl-carousel .owl-theme {
background-color: #00bff2 !important;
scale: 1.2 !important;
}
.soluctions .owl-carousel .owl-stage-outer {
overflow: unset;
}
.soluctions .owl-carousel .owl-nav .owl-next:focus,
.soluctions .owl-carousel .owl-nav .owl-prev:focus {
outline: 0;
}
.soluctions__item {
position: relative;
overflow: hidden;
display: block;
height: 520px;
padding: 35px;
border-radius: 0px 24px 24px 24px;
border: 1px solid #7c8ea71a;
color: #FFF;
}
a.soluctions__item:after {
content: '';
background: rgb(0, 92, 229);
background: linear-gradient(158deg, rgba(0, 92, 229, 1) 0%, rgba(5, 23, 51, 1) 41%, rgba(15, 35, 65, 1) 100%);
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
opacity: 0.2;
}
.soluctions__img-show {
opacity: 0;
width: 100%;
transform: translateY(-100%);
transition: all 0.5s ease-in-out;
position: absolute;
left: 0px;
top: 0px;
}
.soluctions__content-show {
opacity: 0;
transform: translateY(100%);
transition: all 0.5s ease-in-out;
}
.soluctions__content,
.soluctions__icon {
transition: opacity 0.5s ease-in-out;
}
.soluctions__item:hover .soluctions__img-show {
opacity: 1;
transform: translateY(0);
position: absolute;
top: 0px;
width: 100%;
left: 0px;
}
.soluctions__item:hover .soluctions__img-show::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
}
.soluctions__content-show {
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
padding: 0px 35px;
padding-top: 16px;
padding-bottom: 60px;
z-index: 99;
}
.soluctions__item:hover .soluctions__content-show {
opacity: 1;
transform: translateY(0);
}
.soluctions__item:hover .soluctions__content,
.soluctions__item:hover .soluctions__icon {
opacity: 0;
}
.soluctions__content {
position: absolute;
bottom: 35px;
width: 100%;
left: 0px;
padding: 0px 35px;
display: flex;
justify-content: space-between;
align-items: center;
}
.soluctions__content:after {
content: '';
position: absolute;
width: calc(100% - 60px);
height: 1px;
background-color: #7c8ea71a;
left: 30px;
top: -40px;
}
.soluctions__content-show h3:after {
content: '';
width: 100%;
height: 1px;
display: table;
margin: 20px 0px 20px 0px;
background-color: #7c8ea71a;
}
a.soluctions__item:hover {
color: #FFF;
}
.soluctions__content-show p {
font-size: 16px;
color: #B7C3D4;
font-weight: 300;
letter-spacing: 0.84px;
width: 100%;
}
.loopcases {
position: relative;
z-index: 999;
}
.revolucionar {
position: relative;
z-index: 999;
padding-top: 120px;
}
.revolucionar h2 {
padding-bottom: 20px;
}
.revolucionar p {
padding-bottom: 20px;
}
.premiacoes-certificacoes .soluctions__content-show .btn__next svg {
transform: rotate(314deg);
}
.premiacoes-certificacoes .soluctions__content-show {
top: 0;
}
.lista-logos-soluctions {
display: flex;
list-style: none;
padding: 0;
align-items: baseline;
justify-content: space-between;
}
.blogloop {
position: relative;
z-index: 9;
}
.blogloop__btn-content .btn__next svg {
position: relative;
z-index: 1;
transform: rotate(315deg);
}
.blogloop__btn-content .btn__next {
background-color: #fff;
}
.testimonials {
padding-top: 150px;
}
.card.cta-contato {
height: 297px;
display: flex;
justify-content: space-between;
}
.cta-contato h3 {
color: #fff;
}
.card.cta-contato a {
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 9;
}
.card.cta-contato a .btn__next {
background-color: #fff;
}
.card.cta-contato a .btn__next svg {
transform: rotate(320deg);
}
.card.cta-contato a:hover {
text-decoration: none;
}
.aprendizado {
padding-top: 0;
padding-bottom: 120px;
}
.linha-list-aprendizado {
padding-top: 60px;
}
.lista-experiencia {
padding: 0;
list-style: none;
position: relative;
z-index: 9;
display: flex;
flex-wrap: wrap;
column-gap: 24px;
row-gap: 24px;
}
.lista-experiencia li {
background-color: #e6f0ff2e;
list-style: none;
font-weight: 600;
border-radius: 0px 16px 16px 16px;
padding: 14px 24px;
color: #fff;
transition: background-color 0.3s ease;
color: #41A0DC;
font-size: 15px;
}
.lista-experiencia li:hover,
.lista-experiencia li:active {
background-color: #fff;
}
.lista-experiencia li.active {
background-color: #fff; }
.lista-experiencia li a {
text-decoration: none; color: inherit; display: block;
}
.page-template-immersive .revolucionar .fale-com-a-luby {
display: none;
}
.bigcard-experiencia {
padding-top: 120px;
padding-bottom: 120px;
}
.bigcard-experiencia .our-story_content,
.bigcard-experiencia .our-mission_content {
padding: 50px;
}
.bigcard-experiencia .our-story_content h2,
.bigcard-experiencia .our-mission_content h2 {
padding-bottom: 40px;
color: #fff;
}
.item-navegation.first-item_case {
padding-top: 10px;
}
.bigcard-experiencia .our-story_content p,
.bigcard-experiencia .our-mission_content p {
color: #fff;
}
.bigcard-experiencia .our-story_content .col-md-12,
.bigcard-experiencia .our-mission_content .col-md-12 {
position: relative;
z-index: 9999;
}
.bigcard-experiencia .our-story_content .col-md-6,
.bigcard-experiencia .our-mission_content .col-md-6 {
position: relative;
z-index: 9999;
}
.ecossistema-empresarial {
position: relative;
z-index: 9999;
padding-top: 120px;
padding-bottom: 120px;
}
.impacto_content {
padding-top: 120px;
padding-bottom: 120px;
position: relative;
z-index: 9999;
}
.linha-impacto {
padding-top: 40px;
}
.lista-impacto {
display: flex;
list-style: none;
padding: 0;
background-color: #fff;
border-radius: 0px 8px 8px 8px;
padding: 30px 70px;
flex-wrap: wrap;
column-gap: 50px;
row-gap: 20px;
padding-top: 40px;
}
.lista-impacto li {
width: 245px;
}
.card-impacto span {
background-color: #fff;
color: #41A0DC;
font-size: 20px;
border-radius: 8px 8px 0px 0px;
padding: 15px 70px;
}
.card-impacto h3 {
font-size: 20px;
color: #0F2341;
}
.card-impacto p {
font-size: 13px;
color: #7C8EA7;
}
.impacto_content h2 {
color: #41A0DC;
}
.white-impact {
background-color: #E6F0FF;
}
.white-depo {
position: relative;
}
.white-depo::before {
content: '';
background: radial-gradient(241.41% 99.33% at 114.87% -59.23%, rgba(65, 160, 220, 0.40) 0%, rgba(65, 160, 220, 0.00) 100%), #E6F0FF;
position: absolute;
width: 100%;
height: 106%;
top: 0;
bottom: 0;
}
.white-depo h2 {
color: #0F2341;
}
.white-depo .card-columns .card {
background-color: #fff;
}
.white-depo .card-columns {
padding-top: 30px;
}
.white-depo .card-columns .card p {
color: #7C8EA7;
}
.white-depo .card-columns .card .testimonials__name span {
color: #0F2341;
}
.white-depo .card-columns .card .testimonials__name p {
color: #0F2341;
}
.white-depo .card-columns .card::after {
display: none;
}
.white-depo .card-columns .card.cta-contato h3 {
color: #021026;
}
.white-depo .card-columns .card.cta-contato a {
color: #41A0DC;
}
.white-depo .card-columns .card.cta-contato a .btn__next {
background-color: #41A0DC;
}
.colaboracao {
padding: 120px 0px;
}
.colaboracao span {
color: #41A0DC;
font-size: 25px;
}
.colaboracao h2 {
color: #021026;
}
.colaboracao p {
color: #52647C;
}
.diferencial {
padding: 120px 0px;
}
.timeline {
overflow: hidden;
position: relative;
margin-top: 90px;
margin-bottom: 90px;
}
.timeline_slider {
display: block;
}
.partners-section {
padding-top: 112px;
}
.partners-section .container {
border: 1px solid #182737;
border-radius: 0 30px 30px 30px;
padding: 100px;
}
.list-partners {
display: flex;
justify-content: center;
align-items: center;
gap: 40px;
margin-top: 80px;
}
.list-partners.list-3,
.list-partners.list-4,
.list-partners.list-5,
.list-partners.list-6 {
flex-wrap: wrap;
display: grid;
gap: 30px;
width: 100%;
}
.list-partners.list-3 {
grid-template-columns: repeat(3, minmax(100px, 250px));
}
.list-partners.list-4 {
grid-template-columns: repeat(4, minmax(100px, 200px));
}
.list-partners.list-5 {
grid-template-columns: repeat(5, minmax(100px, 180px));
}
.list-partners.list-6 {
grid-template-columns: repeat(6, 1fr);
}
.list-partners.list-3 li.partner-logo-item,
.list-partners.list-4 li.partner-logo-item,
.list-partners.list-5 li.partner-logo-item,
.list-partners.list-6 li.partner-logo-item{
width: 100%;
max-width: 80%;
} .list-partners .partner-logo-item {
display: flex;
max-width: 125px;
max-height: 40px;
justify-content: center;
align-items: center;
}
.list-partners .partner-logo-item img {
width: 100%;
height: auto;
max-height: 100%;
object-fit: contain;
}
@media screen and (max-width: 1024px) {
.partners-section .container {
padding: 50px;
}
.list-partners.list-3 {
grid-template-columns: repeat(auto-fill, minmax(150px, 200px));
}
.list-partners.list-4 {
grid-template-columns: repeat(auto-fill, minmax(150px, 200px));
}
.list-partners.list-5 {
grid-template-columns: repeat(auto-fill, minmax(100px, 200px));
}
.list-partners.list-6 {
grid-template-columns: repeat(auto-fill, minmax(100px, 200px));
}
}
@media screen and (max-width: 768px) {
.partners-section .container {
padding: 30px;
}
.list-partners.list-3 ,
.list-partners.list-4,
.list-partners.list-5 ,
.list-partners.list-6 {
grid-template-columns: repeat(auto-fill, minmax(180px, 200px));
}
}
@media screen and (max-width: 512px) {
.list-partners.list-3 ,
.list-partners.list-4,
.list-partners.list-5 ,
.list-partners.list-6 {
grid-template-columns: repeat(auto-fill, minmax(100px, 150px));
}
}
@media screen and (max-width: 450px) {
.partners-section .container {
padding: 20px;
}
.list-partners.list-3,
.list-partners.list-4 ,
.list-partners.list-5 ,
.list-partners.list-6 {
grid-template-columns: repeat(auto-fill,  minmax(100px, 150px));
}
}
@media screen and (max-width: 420px) {
.list-partners.list-3,
.list-partners.list-4,
.list-partners.list-5,
.list-partners.list-6 {
gap: 20px;
grid-template-columns: repeat(auto-fill,  minmax(90px, 120px));
}
}
.text-image-bg-azul {
background: linear-gradient(150deg, rgb(1 16 81) 0%, rgba(5, 23, 51, 0.20) 50%, rgba(15, 35, 65, 0.20) 100%);
padding: 112px 0;
}
.sessao_texto_imagem_dark{
padding: 112px 0;
}
.texto_imagem_dark_description {
width: 50%;
}
.texto_imagem_dark_img {
width: 50%;
margin-left: 69px;
}
@media screen and (max-width: 1024px) {
.sessao_texto_imagem_dark{
padding: 90px 0;
}
.sessao_texto_imagem_dark .d-flex{
flex-wrap: wrap;
}
.texto_imagem_dark_description {
width: 100%;
}
.texto_imagem_dark_img {
width: 100%;
margin-left: 0;
margin-top: 30px;
text-align: center;
}
}
@media screen and (max-width: 1024px) {
.sessao_texto_imagem_dark {
padding: 50px 0;
}
}
.sessao_texto_imagem_light .container .content {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 69px;
}
.tecnologia-tech {
padding: 120px 0px;
}
.tecnologia-tech .list-tecnologias {
column-gap: 23px;
justify-content: space-between;
}
.timeline .owl-carousel .owl-stage-outer {
overflow: unset !important;
}
.timeline .owl-carousel .owl-stage:before {
content: '';
position: absolute;
width: 100%;
height: 1px;
top: 85px;
left: 0;
background-image: linear-gradient(to right, #B7C3D4 50%, transparent 50%);
background-size: 20px 50px;
opacity: 0.4;
}
.timeline_slider {
position: relative;
}
.timeline_nav.soluctions-nav {
justify-content: start;
}
.timeline_slider:before {
content: '';
width: 100%;
height: 100%;
background-color: #010914;
left: -100%;
z-index: 1;
position: absolute;
}
.timeline_nav-content {
position: relative;
z-index: 9;
}
.timeline_ano-content {
position: relative;
}
.timeline_line {
display: table;
float: left;
margin-left: 10px;
margin-right: 20px;
}
.timeline_slider-item {
min-height: 200px;
}
.timeline_ano {
font-size: 42px;
font-weight: 600;
color: #317aa8;
margin-left: 30px;
display: table;
}
ul.timeline_list {
display: flex;
width: 100%;
list-style: none;
padding: 10px 0px 0px;
flex-direction: column;
gap: 10px;
}
ul.timeline_list li p {
color: #B7C3D4;
margin-bottom: 0;
}
ul.timeline_list li {
display: flex;
gap: 10px;
}
.timeline_nav-content:before {
content: '';
position: absolute;
width: 90%;
height: 1px;
top: 85px;
background-image: linear-gradient(to right, #B7C3D4 50%, transparent 50%);
background-size: 20px 50px;
opacity: 0.4;
}
.timeline_nav.soluctions-nav {
justify-content: start;
width: 170px;
position: relative;
height: 100%;
background-color: #010914;
margin-top: 50px;
}
.our-story span, .our-mission span {
color: #41A0DC;
font-size: 24px;
}
p.timeline-text {
font-size: 24px;
margin-left: 72px;
}
.timeline-text_content {
margin-bottom: 90px;
}
ul.bignumbers__content.bignumbers__4 {
padding: 0px;
}
.bignumbers.bignumbers__4_content li {
width: 14%;
}
.bignumbers.bignumbers__4_content li.bignumbers__between {
width: 5%;
}
.bignumbers.bignumbers__4_content li {
width: 21%;
}
.bignumbers__4_text h2 {
text-align: center;
margin-bottom: 60px;
}
.bignumbers.bignumbers__4_content li:hover:after {
transform: scale(1.27);
}
figure.globo-sobre {
position: absolute;
opacity: 1;
}
figure.globo-sobre img {
max-width: 100%;
opacity: 0.4;
}
figure.globo-sobre:before {
content: '';
background: linear-gradient(180deg, rgba(1, 9, 20, 1) 0%, rgba(1, 9, 20, 0.804359243697479) 50%, rgb(1 9 20 / 0%) 100%);
position: absolute;
width: 100%;
height: 140px;
left: 0px;
top: 0px;
}
figure.globo-sobre:after {
content: '';
background: linear-gradient(0deg, rgba(1, 9, 20, 1) 0%, rgba(1, 9, 20, 0.804359243697479) 50%, rgb(1 9 20 / 0%) 100%);
position: absolute;
width: 100%;
height: 140px;
left: 0px;
bottom: 0px;
}
.bignumbers__4_text {
padding-top: 90px;
}
.end-to-end {
position: relative;
z-index: 1;
}
.lista-diferencial {
list-style: none;
display: flex;
justify-content: space-between;
width: 100%;
text-align: center;
padding-top: 60px;
flex-wrap: wrap;
}
.lista-diferencial li {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
width: 240px;
}
.lista-diferencial li p {
color: #41A0DC;
font-size: 18px;
}
.procurando {
padding: 120px 0px;
}
.procurando .our-story_content,
.procurando .our-mission_content {
padding: 60px 40px;
align-items: center;
}
ul#myTab {
justify-content: center;
border-bottom: none;
padding-bottom: 30px;
position: relative;
}
ul#myTab::after {
content: '';
position: absolute;
bottom: 18px;
width: 100%;
height: 1px;
background-color: #B7C3D4;
z-index: -1;
}
.talentos-negocios {
padding: 120px 0px;
}
.nav-tabs .nav-link {
border: none;
color: #fff;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
background: transparent;
border: none;
color: #fff;
position: relative;
}
.nav-tabs .nav-link::after {
content: '';
position: absolute;
width: 0px;
left: 0;
bottom: -12px;
background-color: #41A0DC;
border-radius: 70px;
transition: all 0.5s ease;
}
.nav-tabs .nav-link.active::after {
width: 100%;
left: 0px;
height: 3px;
}
.linha-tabs .nav-item a {
font-size: 16px;
font-weight: 600;
}
div#myTabContent {
width: 509px;
}
div#myTabContent h3 {
color: #41A0DC;
}
li.nav-item {
width: 370px;
text-align: center;
}
.hero-banner_btn a.simple__btn {
margin: inherit;
}
.nossos-labs:after {
display: none;
}
p.nossos-labs_hat {
color: #41a0dc;
font-weight: 600;
letter-spacing: 1.5px;
margin-bottom: 30px;
}
.nossos-labs_hat span {
color: #E6F0FF;
}
.page-id-265 .text-image figure {
margin-top: -90px;
}
.page-id-265 .text-image figure img {
scale: 1.2;
}
.nossos-labs h1 {
margin-bottom: 30px;
}
.page-id-300 .lista-futures {
justify-content: center;
column-gap: 40px;
}
.page-id-300 .lista-futures li {
width: 293px;
}
.page-id-283 .text-image figure {
padding-top: 40px;
}
.page-id-283 .text-image figure img {
scale: 1.2;
}
.page-id-134 .title-list-img h4 {
font-size: 26px;
}
.page-id-1008 .text-image figure {
padding-top: 40px;
}
.hero-banner_btn {
margin-top: 64px;
}
.know-section.know-section_labs {
padding: 100px 0px;
}
section.redefinindo.nossos-labs_accordion {
padding-top: 100px;
padding-bottom: 150px;
}
.nossos-labs_accordion
.p-blue {
font-weight: 700;
color: #41a0dc;
}
.hero-banner h1 {
margin-bottom: 40px;
}
.white-future {
padding: 120px 0px;
background: radial-gradient(241.41% 99.33% at 114.87% -59.23%, rgba(65, 160, 220, 0.40) 0%, rgba(65, 160, 220, 0.00) 100%), #E6F0FF;
}
.blue-title h2 {
color: #41A0DC !important;
font-size: 32px !important;
padding-bottom: 0px !important;
}
.white-services {
padding: 120px 0px;
background: radial-gradient(241.41% 99.33% at 114.87% -59.23%, rgba(65, 160, 220, 0.40) 0%, rgba(65, 160, 220, 0.00) 100%), #E6F0FF;
}
.linha-texto-white {
padding-top: 120px;
}
.linha-texto-white p {
color: #52647C;
}
.white-future .lista-futures .conteudo-list-end h3 {
color: #010914;
font-size: 20px;
}
.white-services .lista-futures .conteudo-list-end h3 {
color: #010914;
font-size: 20px;
}
.white-services h2,
.white-services h3 {
color: #010914;
}
.white-services h2 {
padding-bottom: 30px;
}
.white-services p {
color: #52647C;
}
.white-future .lista-futures .conteudo-list-end p {
color: #52647C;
}
.white-services .lista-futures .conteudo-list-end p {
color: #52647C;
}
.white-future h2 {
color: #010914;
padding-bottom: 20px;
}
.white-services .lista-futures li {
border-radius: 8px;
background: rgba(255, 255, 255, 0.40);
padding: 32px 24px;
width: 264px;
}
.white-future .lista-futures li {
border-radius: 8px;
background: rgba(255, 255, 255, 0.40);
padding: 32px 24px;
width: 264px;
}
.sticky-item {
position: -webkit-sticky;
position: sticky;
top: 200px;
max-height: 80vh;
overflow-y: auto;
border: none;
}
.labs-block-blue .our-story_content,
.labs-block-blue .our-mission_content {
padding: 45px;
}
.labs-block-blue {
padding-bottom: 120px;
}
.labs-block-blue h3 {
color: #41A0DC;
}
.list-labs {
list-style: none;
}
.page-id-300 .text-image figure img {
scale: 1.2;
}
.title-list-img {
display: flex;
align-items: center;
gap: 20px;
padding-bottom: 5px;
}
.title-list-img h4 {
color: #41A0DC;
font-weight: 600;
}
.block-sticky {
padding: 120px 0;
background-image: url(//luby.co/wp-content/themes/luby/assets/img/bg-parallax.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
position: relative;
z-index: 10;
}
.block-sticky::after {
content: '';
height: 120px;
width: 100%;
position: absolute;
bottom: -13px;
background: rgb(1, 9, 20);
background: linear-gradient(180deg, rgba(1, 9, 20, 0) 0%, rgba(1, 9, 20, 0.59) 54%, rgba(1, 9, 20, 1) 95%, rgba(1, 9, 20, 1) 100%);
}
.block-sticky::before {
top: 0;
content: '';
height: 200px;
width: 100%;
position: absolute;
background: rgb(1, 9, 20);
background: linear-gradient(359deg, rgba(1, 9, 20, 0) 0%, rgba(1, 9, 20, 0.59) 54%, rgba(1, 9, 20, 1) 95%, rgba(1, 9, 20, 1) 100%);
}
.block-sticky .list-labs > li + li {
margin-top: 24px;
padding-top: 24px;
border-top: 1px  rgba(183, 195, 212, 0.4) dotted;
}
.block-sticky .list-labs > li .title-list-img {
margin-bottom: 16px;
}
.block-sticky .list-labs > li .title-list-img h4 {
font-size: 24px;
margin-bottom: 0;
}
.block-sticky .list-labs > li p:last-child {
margin-bottom: 0;
}
.block-sticky .list-labs > li ul {
padding-left: 32px;
line-height: 1.15;
list-style-type: circle;
}
.block-sticky .list-labs > li ul> li {
margin-bottom: 10px;
}
.block-sticky .hero-banner_btn {
position: relative;
z-index: 30;
}
.chamada-content {
background-image: url(//luby.co/wp-content/themes/luby/assets/img/bg-section-chamada.png);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
height: 678px;
}
.fale-com-a-luby {
padding-top: 0px;
}
.lista-futures { list-style: none;
padding: 0;
padding-top: 50px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 32px;
}
.page-id-50881 .lista-futures {
display: flex;
gap: 32px;
}
.lista-futures li {
width: 100%;
}
.page-id-50881 .lista-futures li {
flex: 1;
}
.futures-list .our-story_content,
.futures-list .our-mission_content {
padding: 40px 65px;
}
.lista-futures .conteudo-list-end h3 {
color: #41A0DC;
font-size: 24px;
font-weight: 600;
}
.lista-futures .conteudo-list-end p {
color: #B7C3D4;
font-size: 16px;
font-weight: 300;
}
.lista-futures .conteudo-list-end p b {
color: #FFF;
font-weight: 600;
}
.text-image {
padding: 120px 0px;
}
.chamada-content {
padding-top: 120px;
}
.flexible-mapa img {
max-width: 100%;
}
.white-list-section {
background: radial-gradient(241.41% 99.33% at 114.87% -59.23%, rgba(65, 160, 220, 0.40) 0%, rgba(65, 160, 220, 0.00) 100%), #E6F0FF;
padding: 120px 0px;
}
.white-list-section h2 {
color: #010914;
}
.white-list-section p {
color: #52647C;
}
.white-list-section .lista-futures h3 {
color: #010914;
}
.conteudo-list-end ul {
display: flex;
flex-direction: column;
list-style: disc;
padding: 0;
padding-left: 15px;
}
.white-list-section .lista-futures li {
border-radius: 8px;
background: rgba(255, 255, 255, 0.40);
padding: 32px 24px;
width: 338px;
}
.lista-interna-white li {
background: transparent !important;
width: auto !important;
padding: 0 !important;
color: #52647C !important;
}
.white-list-section .lista-futures {
gap: 50px;
}
.page-template-tech-labs .blogloop {
padding-top: 90px;
}
.page-id-315 .loopcases {
padding-top: 120px;
}
.page-id-265 .title-moldadas {
text-align: left !important;
}
.white-maldadas {
background: radial-gradient(241.41% 99.33% at 114.87% -59.23%, rgba(65, 160, 220, 0.40) 0%, rgba(65, 160, 220, 0.00) 100%), #E6F0FF;
padding: 120px 0px;
}
.white-maldadas h2 {
color: #010914;
}
.white-maldadas h3 {
color: #010914;
}
.white-maldadas p {
color: #52647C;
}
.lista-moldadas {
padding: 0;
display: flex;
flex-direction: column;
gap: 5px;
list-style: disc;
padding-left: 19px;
}
.lista-moldadas li {
color: #52647C;
}
.title-moldadas {
padding-bottom: 40px;
}
.nossos-labs .simple__btn {
border: 1px solid #41A0DC;
background-color: #41A0DC;
}
.nossos-labs .simple__btn:hover {
background-color: #0E36EF;
border: 1px solid #0E36EF;
}
.nossos-labs .simple__btn::before {
background: #0E36EF;
}
.page-id-246 .futures-list .lista-futures li {
width: 292px;
}
.page-id-246 .futures-list .lista-futures {
column-gap: 43px;
justify-content: center;
}
.single-header img {
max-width: 100%;
height: auto;
}
.single-header__content {
padding-bottom: 40px;
}
.linha-single {
justify-content: center;
padding-bottom: 40px;
}
.text-image h3 {
color: #7C8EA7;
font-size: 24px;
font-weight: 600;
}
.futures-list {
padding-bottom: 120px;
}
section.relacionados {
padding-top: 60px;
padding-bottom: 80px;
}
section.relacionados article {
padding-top: 40px;
}
.case_content {
padding-top: 200px;
padding-bottom: 120px;
position: relative;
}
.case_content::after {
content: "";
position: absolute;
width: 1200px;
height: 1200px;
background: radial-gradient(circle, rgb(7 27 108) 0%, rgba(255, 255, 255, 0) 72%);
filter: blur(250px);
z-index: -1;
opacity: 0.9;
right: 0;
bottom: -480px;
background-position-x: 387px;
background-repeat: no-repeat;
background-size: contain;
}
.case_content img {
max-width: 100%;
}
.navegation-case-menu {
position: sticky;
top: 200px;
max-height: 80vh;
overflow-y: auto;
border: none;
}
.chamada-content h2 {
padding-bottom: 20px;
}
.chamada-content p {
padding-bottom: 20px;
}
.navegation-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 15px;
padding: 0;
padding-left: 15px;
position: relative;
}
.navegation-list::before {
content: '';
height: 100%;
width: 2px;
opacity: 0.3;
background: #7C8EA7;
position: absolute;
left: 0;
border-radius: 30px;
}
.navegation-list li a {
color: #7C8EA7;
font-size: 14px;
font-weight: 600;
transition: color 0.3s ease;
}
.navegation-list li .active {
color: #41A0DC;
position: relative;
}
.navegation-list li .active::before {
content: '';
height: 30px;
width: 3px;
background-color: #41A0DC;
left: -15px;
position: absolute;
border-radius: 30px;
opacity: 1;
transition: all 0.3s ease;
}
.itens-list-inovacao {
display: flex;
padding: 0;
list-style: none;
justify-content: space-between;
padding-top: 10px;
flex-wrap: wrap;
flex-direction: column;
gap: 40px;
}
.itens-list-inovacao li {
width: 100%;
}
.item-navegation {
padding-top: 60px;
position: relative;
}
.item-navegation::before {
content: '';
width: 100%;
height: 1px;
position: absolute;
top: 40px;
background-color: #7C8EA733;
}
.item-navegation span {
color: #7C8EA7;
font-size: 15px;
}
.obrigado .btn__content {
margin-top: 50px;
}
.itens-list-inovacao span {
color: #B7C3D4;
font-size: 16px;
text-transform: none;
font-weight: 400;
}
.lista-twoblock {
padding: 10px 0px;
font-weight: 300;
}
.itens-list-inovacao p {
color: #B7C3D4;
font-size: 16px;
font-weight: 300;
}
p.title-list-icon {
color: #FFF;
font-weight: 600;
}
.conteudo-lista-inovacao p {
margin-bottom: 0px;
}
.item-navegation h3 {
color: #41A0DC;
font-size: 32px;
font-weight: 600;
padding-top: 15px;
}
.item-navegation h4 {
color: #FFF;
font-size: 20px;
font-weight: 600;
}
.texto-imagem-block {
display: flex;
justify-content: space-between;
align-items: center;
gap: 45px;
}
.imagem-texto-block {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.list-big-number {
padding: 0;
list-style: none;
display: flex;
}
.list-big-number .item {
display: flex;
flex-direction: column;
align-items: baseline;
}
.conteudo-lista-inovacao {
padding-top: 14px;
}
.list-big-number .item span {
font-size: 30px;
color: #fff;
font-weight: 600;
line-height: 36px;
padding-bottom: 10px;
}
.list-big-number .item p {
color: #fff;
font-size: 14px;
font-weight: 400;
}
.list-services {
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 10px;
padding-top: 20px;
}
.list-services li {
padding: 12px 32px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.10);
color: #7C8EA7;
}
.list-tecnologias {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.case_navegation {
position: relative;
z-index: 999;
padding-bottom: 120px;
}
p.two-text-block_title {
margin-bottom: 0px;
color: #FFF;
font-weight: 600;
}
.itens-list-inovacao li img {
border-radius: 5px;
background: var(--linha, rgba(124, 142, 167, 0.20));
padding: 6px 8px;
}
.itens-list-block li {
color: #41a0dc;
position: relative;
font-size: 16px;
line-height: 22px; letter-spacing: 0.48px;
}
.itens-list-block li::before {
content: '_';
color: #7C8EA7;
position: absolute;
top: -8px;
left: -16px;
}
.itens-list-block span {
color: #B7C3D4;
text-transform: none;
font-size: 16px;
}
.itens-list-block {
padding: 0;
padding-left: 17px;
list-style: none;
display: flex;
flex-direction: column;
gap: 13px;
padding-top: 15px;
}
.texto-block {
padding-bottom: 20px;
padding-top: 20px;
}
.services-content {
padding-bottom: 20px;
padding-top: 20px;
}
.conteudo-de-texto {
padding-bottom: 0px;
padding-top: 20px;
}
#sobre-case h2 {
padding: 30px 0px;
}
.two-text-block {
padding-bottom: 0px;
padding-top: 20px;
}
.list-two-block {
padding: 0px;
display: flex;
list-style: none;
justify-content: space-between;
gap: 20px;
padding-top: 20px;
}
.parent-pageid-1320 .list-two-block {
flex-direction: column;
}
.list-two-block span {
text-transform: none;
}
.cases-nav button {
border: none;
background: transparent;
outline: none;
}
.owl-prev svg {
transform: rotate(180deg);
}
.cases-nav button.disabled .btn__next {
opacity: 0.2;
cursor: auto;
}
.cases-nav {
display: flex;
justify-content: space-between;
position: absolute;
top: 226px;
width: 114%;
left: -60px;
}
.cases-nav .btn__next {
width: 40px;
height: 40px;
}
.title-case h2 {
padding-bottom: 20px;
}
.page-template-page-home .soluctions__icon img {
width: auto !important;
}
.customers__content {
position: relative;
overflow: hidden;
width: 100%;
height: 100%; }
.logos-wrapper {
display: flex;
width: 200%;
height: 100%; animation: marquee 40s linear infinite;
}
.logos {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.logos li {
list-style: none;
margin: 0px 32px;
max-width: 250px;
width: 100%;
}
.erro-content {
padding-top: 300px;
padding-bottom: 120px;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: auto;
}
.erro-content h1 {
font-size: 48px;
color: #fff;
font-weight: 600;
}
.btn-home-explorar {
display: flex;
align-items: baseline;
gap: 20px;
}
.explore {
padding-top: 120px;
}
.explore h2 {
padding-bottom: 30px;
color: #00bff2;
}
.error404 .hero-banner::after {
display: none;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
} .customers__content:hover .logos-wrapper {
animation-play-state: paused;
}
.linha-vertical-projetos {
position: relative;
}
.linha-vertical-projetos::before {
content: '';
position: absolute;
left: 15px;
width: 1px;
height: 100%;
background-color: #38414e;
opacity: 0.2;
}
.page-template-page-seja-luber .btn-projetos .btn__next svg {
transform: rotate(326deg);
}
.procurando .simple__btn {
margin: 0;
}
.procurando .btn-projetos {
padding: 20px 0px;
}
.procurando p {
padding-bottom: 20px;
}
.blog__header {
text-align: center;
}
.blogloop_row {
gap: 50px 0px;
padding-top: 40px;
}
.blog-destaque {
padding-top: 90px;
align-items: center;
}
.date-post {
display: flex;
align-items: flex-start;
gap: 10px;
}
.blog-destaque_img {
position: relative;
}
.blog-destaque_img img {
width: 100%;
max-width: 100%;
border-radius: 10px;
height: auto;
}
.blog-page {
position: relative;
padding-top: 200px;
padding-bottom: 120px;
overflow: hidden;
}
.blog-page::before {
content: '';
background: rgb(0, 92, 229);
background: radial-gradient(circle, rgba(0, 92, 229, 1) 0%, rgba(15, 35, 65, 0) 46%);
background-size: contain;
height: 505px;
width: 100%;
position: absolute;
top: 245px;
left: -280px;
opacity: 0.5;
filter: blur(100px);
transform: rotate(20deg);
}
.blog-page::after {
content: '';
background: rgb(0, 92, 229);
background: radial-gradient(circle, rgba(0, 92, 229, 1) 0%, rgba(15, 35, 65, 0) 46%);
background-size: contain;
height: 253px;
width: 138%;
position: absolute;
top: 458px;
right: -623px;
opacity: 0.7;
filter: blur(100px);
transform: rotate(166deg);
}
.blog-page .container .row {
z-index: 9;
position: relative;
}
.page-blog_content {
margin-bottom: 60px;
}
.blog__header h1 {
font-size: 120px;
font-weight: 400;
}
.page-blog_title {
position: relative;
margin-bottom: 30px;
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}
.page-blog_title h2 {
color: #41A0DC;
font-size: 30px;
margin-bottom: 0;
display: block;
padding-right: 10px;
position: relative;
z-index: 1;
flex: none;
}
.page-blog_title:after {
content: '';
width: 100%;
height: 1px;
background-color: #41a0dc;
position: relative;
margin-top: 5px;
}
#searchform {
width: 100%;
max-width: 500px;
position: relative;
}
.hero-banner_search {
display: flex;
justify-content: center;
margin-top: 40px;
}
.form_file input[type="text"],
.form_file input[type="email"],
#searchform input,
#searchform select,
.select-header{
width: 100%;
height: 57px;
background-color: #52647c24;
border-radius: 10px;
border: none;
color: #FFF;
padding-left: 10px;
padding-right: 50px;
}
.form_file{
padding: 0 35px 40px;
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
.form_file input[type="email"]{
margin-top: 6px;
}
.form_file input[type="submit"]{
margin-top: 18px;
width: 100%;
max-width: 144px;
height: 48px;
}
#searchsubmit {
position: absolute;
background-color: inherit;
border: none;
top: calc(50% - 13px);
right: 15px;
}
.blog__header p {
font-size: 24px;
color: #B7C3D4;
}
.single-header {
padding-top: 220px;
background: linear-gradient(to bottom, #021026 80%, #ffffff 20%);
}
.single-title {
text-align: center;
padding: 0 20px;
}
.newsletter .wpcf7-form-control-wrap input[type="checkbox"] {
width: auto;
height: auto;
margin-bottom: 0px;
}
.single-title h2 {
padding-top: 30px;
}
.single-title .date-post {
justify-content: center;
padding: 14px 0px;
}
.row.linha-sociais {
justify-content: center;
padding-bottom: 80px;
}
.sociais-single {
display: flex;
gap: 20px;
padding-top: 20px;
}
.newsletter .wpcf7-list-item {
margin: 0;
display: flex;
align-items: baseline;
gap: 10px;
}
b {
font-weight: 700;
}
.newsletter input.wpcf7-form-control.wpcf7-submit.has-spinner {
width: 35%;
}
.newsletter {
padding-top: 90px;
padding-bottom: 60px;
}
.newsletter .container {
position: relative;
}
.newsletter .container::before {
content: '';
height: 1px;
position: absolute;
top: -72px;
width: 100%;
background-color: #7C8EA7;
opacity: 0.2;
}
.newsletter h2 {
color: #41A0DC;
font-size: 48px;
font-weight: 400;
padding-bottom: 14px;
}
.categoria-blog-single a {
padding: 10px 26px;
border-radius: 4px;
backdrop-filter: blur(7px);
background-color: rgba(223, 223, 223, 0.2);
letter-spacing: 0.42px;
font-size: 14px;
color: #FFF;
}
section.conteudo-post {
background-color: #fff;
}
.conteudo-post p, .conteudo-post li, .conteudo-post h2, .conteudo-post h3, .conteudo-post h4, .conteudo-post h5, .conteudo-post a {
color: #52647C;
}
.page-blog_content .simple__btn {
padding: 14px 80px;
}
.conteudo-post img {
max-width: 100%;
height: auto;
}
.page-search h1 {
font-size: 48px;
font-weight: 400;
}
.linha-relacionados {
padding-top: 50px;
}
.artigos-blog-page .row {
row-gap: 40px;
}
.texto-imagem-block img {
max-width: 100%;
height: auto;
}
.linha-imagem-mapa {
position: relative;
}
.linha-imagem-mapa .miami {
position: absolute;
top: 298px;
background-color: transparent;
left: 367px;
width: 38px;
height: 38px;
border-radius: 100%;
transition: all 0.5s ease;
}
.cornelio {
position: absolute;
top: 467px;
background-color: transparent;
left: 516px;
width: 38px;
height: 38px;
border-radius: 100%;
transition: all 0.5s ease;
}
.linha-imagem-mapa .cornelio:hover {
background-color: #ffb40fcc;
width: 44px;
height: 44px;
left: 516px;
cursor: pointer;
}
.bullet-capital span {
display: none;
}
.linha-imagem-mapa .miami:hover {
background-color: #ffb40fcc;
width: 44px;
height: 44px;
top: 295px;
left: 364px;
cursor: pointer;
}
.linha-imagem-mapa .miami:hover span {
position: absolute;
top: -62px;
left: -37px;
width: 125px;
height: 55px;
font-size: 16px;
background: #fff;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
}
.linha-imagem-mapa .cornelio:hover span {
position: absolute;
top: -62px;
left: -37px;
width: 125px;
height: 55px;
font-size: 16px;
background: #fff;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
}
.saopaulo {
position: absolute;
top: 426px;
background-color: transparent;
left: 538px;
width: 38px;
height: 38px;
border-radius: 100%;
transition: all 0.5s ease;
}
.linha-imagem-mapa .saopaulo:hover {
background-color: #ffb40fcc;
width: 44px;
height: 44px;
left: 538px;
cursor: pointer;
}
.linha-imagem-mapa .saopaulo:hover span {
position: absolute;
top: -62px;
left: -37px;
width: 125px;
height: 55px;
font-size: 16px;
background: #fff;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
}
.flexible-mapa figure {
position: relative;
}
.parana-map {
position: absolute;
width: 28px;
height: 28px;
background: transparent;
bottom: 175px;
left: 221px;
border-radius: 100%;
transition: all 0.5s ease;
}
.parana-map:hover {
background: #ffb40fcc;
cursor: pointer;
}
.saopaulo-map {
position: absolute;
}
.text-map span {
color: #41A0DC;
font-size: 16px;
}
.text-map p {
margin-bottom: 0;
color: #7C8EA7;
}
.parana-map .text-map {
display: none;
}
.parana-map:hover .text-map {
display: flex;
position: absolute;
top: -102px;
left: -183px;
width: 388px;
height: 90px;
flex-direction: column;
background: #fff;
border-radius: 4px;
justify-content: center;
padding-left: 10px;
}
.saopaulo-map .text-map {
display: none;
}
.saopaulo-map {
position: absolute;
width: 28px;
height: 28px;
background: transparent;
bottom: 229px;
left: 303px;
border-radius: 100%;
transition: all 0.5s ease;
}
.saopaulo-map:hover {
cursor: pointer;
background: #ffb40fcc;
}
.saopaulo-map:hover .text-map {
display: flex;
position: absolute;
top: -102px;
left: -183px;
width: 388px;
height: 90px;
flex-direction: column;
background: #fff;
border-radius: 4px;
justify-content: center;
padding-left: 10px;
}
.talentos-negocios .btn-projetos a {
color: #fff;
}
.card-columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.25rem;
} .card-columns .join-us-card {
grid-column: 3; }
.card-body ul li {
font-size: 16px;
}
.card-body h4 {
font-size: 18px;
}
.card-body strong {
font-weight: bold;
}
.uphome {
position: absolute;
bottom: 20%;
right: 6%;
}
.page-template-immersive .loopcases {
padding-top: 120px;
}
.page-template-immersive .fale-com-a-luby {
padding-top: 20px;
}
.nossos-labs-immersive video {
position: absolute;
top: 0;
width: 1900px;
height: auto;
}
.nossos-labs-immersive:after {
content: '';
width: 170%;
height: 100%;
position: absolute;
bottom: 0px;
background: rgb(1, 9, 20);
background: radial-gradient(circle, rgba(1, 9, 20, 0) 0%, rgba(1, 9, 20, 0.904359243697479) 57%, rgba(1, 9, 20, 1) 100%);
right: -70%;
}
.menu-mobile {
display: none;
}
.offcanvas-menu.open {
transform: translateX(0);
opacity: 1;
}
.offcanvas-backdrop.show {
display: block;
}
.logo-hamburger {
display: flex;
align-items: center;
width: 75%;
justify-content: space-between;
overflow: hidden;
}
.menu-mobile {
position: relative;
z-index: 11;
}
.menu-toggle {
width: 40px;
height: 24px;
background: none;
border: none;
display: flex;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
z-index: 999;
}
.menu-toggle .bar {
width: 100%;
height: 2px;
background-color: #fff;
transition: 0.4s;
}
span.bar.bar-two {
width: 55%;
}
span.bar.bar-three {
width: 85%;
}
.offcanvas-menu {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(1, 9, 20, 0.98);
transform: translateX(-100%);
transition: transform 0.3s ease;
opacity: 0;
z-index: 10;
overflow-y: hidden;
}
.offcanvas-menu.open {
transform: translateX(0);
opacity: 1;
}
.menu-list {
display: flex;
flex-direction: column;
padding: 0;
text-align: center;
width: 100%;
height: 100%;
justify-content: center;
align-items: baseline;
padding-left: 30px;
list-style: none;
}
.menu-mobile button:focus {
outline: none;
}
.menu-list li {
margin: 14px 0;
}
.menu-list li a {
font-size: 16px;
color: #fff;
text-decoration: none;
display: block;
padding: 10px;
}
.sociais-menu ul {
display: flex;
list-style: none;
gap: 10px;
}
.menu-list .fale-com-a-luby a {
padding: 15px 30px !important;
} .sociais-menu {
position: absolute;
bottom: 120px;
}
#menu-menu-principal-1 li {
position: relative;
text-align: left;
}
#menu-menu-principal-1 > .menu-item-has-children > a::after {
content: ' ';
font-size: 12px;
margin-left: 10px;
width: 11px;
height: 6px;
background-repeat: no-repeat;
transition: transform 0.3s ease, filter 0.3s ease;
display: inline-block;
position: relative;
background-image: url(//luby.co/wp-content/themes/luby/assets/img/icon-menu.png);
filter: brightness(0) invert(1);
}
#menu-menu-principal-1 > .menu-item-has-children:hover > a::after {
transform: rotate(180deg);
filter: none;
}
#menu-menu-principal-1 li::after {
content: '';
position: absolute;
bottom: -10px;
width: 300px;
height: 1px;
background: rgba(124, 142, 167, 0.20);
}
#menu-menu-principal-1 li:last-child::after,
#menu-menu-principal-1 li:nth-last-child(2)::after {
content: none;
}
#offcanvasMenu .header_logo {
position: absolute;
top: 33px;
left: 35px;
}
.sub-menu li::after {
display: none;
}
.sub-menu li.menu-item.menu-item-type-post_type.menu-item-object-page a::after {
display: none;
}
.menu-list li .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 112px;
background: linear-gradient(158deg, rgba(0, 92, 229, 1) -53%, rgba(5, 23, 51, 1) 45%, rgba(15, 35, 65, 1) 100%);
min-width: 200px;
z-index: 10;
list-style: none;
padding: 0;
border-radius: 10px;
padding-left: 30px;
}
.menu-list li:hover > .sub-menu {
display: block; }
.offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
display: none;
z-index: 9;
}
.offcanvas-backdrop.show {
display: block;
}
.filtro-case {
position: sticky;
top: 200px;
max-height: 80vh;
overflow-y: auto;
border: none;
}
.filtro-case p {
font-size: 24px;
color: #41A0DC;
}
.filtro-case ul {
padding: 0;
display: flex;
list-style: none;
flex-wrap: wrap;
row-gap: 19px;
column-gap: 30px;
}
.filtro-case ul li {
color: #fff;
border: 1px solid #fff;
padding: 10px 20px;
border-radius: 30px;
font-size: 16px;
transition: all 0.5s ease;
}
.filtro-case ul li a {
color: #fff;
}
.filtro-case ul li:hover a {
color: #41A0DC;
}
.filtro-case ul li:hover {
background-color: #fff;
}
.filtro-case ul li.active a {
color: #41A0DC;
}
.filtro-case ul li.active {
background-color: #fff;
}
.linha-cards-cases {
display: flex;
flex-wrap: wrap;
row-gap: 35px;
}
.filtro-cases {
padding-bottom: 120px;
}
.card-case-filtro {
position: relative;
z-index: 99;
}
.conteudo-resumo-case::before {
content: '';
position: absolute;
background: rgb(0, 92, 229);
background: linear-gradient(158deg, rgba(0, 92, 229, 1) 0%, rgba(5, 23, 51, 1) 41%, rgba(15, 35, 65, 1) 100%);
width: 92%;
border-radius: 0px 0px 24px 24px;
opacity: 0.2;
z-index: 9;
height: 180px;
}
.card-case-filtro img {
padding: 20px 50px;
background-color: #fff;
border-radius: 0px 24px 0px 0px;
}
.text-resumo-case {
padding: 20px;
}
.text-resumo-case h3 {
font-size: 24px;
color: #41A0DC;
font-weight: 400;
padding-bottom: 34px;
position: relative;
}
.text-resumo-case h3::after {
content: '';
position: absolute;
bottom: 14px;
left: 0;
width: 100%;
height: 1px;
background-color: #7C8EA7;
opacity: 0.2;
}
.filtro-cases .simple__btn {
padding: 14px 80px;
}
.linha-ver-mais-cases {
padding-top: 50px;
}
.card-case-filtro {
display: none; }
.card-case-filtro.active {
display: block; }
.impacto_content p {
color: #7C8EA7;
}
.card-case-filtro .btn__next {
position: absolute;
top: 15px;
right: 33px;
background: #41A0DC;
width: 60px;
height: 60px;
}
.card-case-filtro .btn__next svg {
position: relative;
z-index: 1;
transform: rotate(329deg);
}
.card-case-filtro:hover .btn__next::before {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.testimonials__img img {
width: 54px;
height: 54px;
border-radius: 100%;
object-fit: cover;
}
.page-id-357 .list-two-block {
flex-direction: row;
}
.loopcases .owl-carousel .owl-item img {
width: auto;
}
.main-navigation .menu > #bandeira > a::before {
display: none;
}
.menu #bandeira a svg {
width: 30px;
}
.item-navegation.first-item_case:before {
display: none;
}
button#load-more-btn {
cursor: pointer;
}
.all-posts {
padding-top: 60px;
}
nav.navigation.pagination {
justify-content: center;
padding-top: 40px;
}
@media (max-width: 1599px) {
.page-template-page-home .soluctions__item {
height: 280px;
}
.page-template-page-home.soluctions__icon {
width: 70px;
}
.soluctions__item h3 {
font-size: 20px;
}
.soluctions__content-show p {
font-size: 14px;
width: 100%;
}
.page-template-page-home.soluctions__content-show {
bottom: -31px;
padding: 72px 35px;
background: rgb(0, 92, 229);
background: linear-gradient(213deg, rgba(0, 92, 229, 0) -35%, rgb(3 12 28) 62%);
}
.page-template-page-home .soluctions__content-show .btn__next {
width: 40px;
height: 40px;
}
.page-template-page-home.soluctions__content-show h3:after {
margin: 10px 0px 10px 0px;
}
.page-template-page-home.soluctions__content .btn__next {
width: 40px;
height: 40px;
}
}
@media (max-width: 1199.98px) {
.blog-page::after {
right: -399px;
}
.lista-diferencial li {
width: 110px;
}
.ecossistema-empresarial .row {
flex-direction: column;
}
.ecossistema-empresarial br {
display: block;
}
.linha-imagem-mapa .miami {
width: 38px;
height: 38px;
top: 248px;
left: 306px;
}
.ecossistema-empresarial div#accordion {
padding-left: 0;
width: 130%;
}
.card-columns {
grid-template-columns: repeat(2, 1fr);
}
.parana-map {
bottom: 144px;
left: 182px;
}
.saopaulo-map {
bottom: 189px;
left: 251px;
}
.linha-imagem-mapa .miami:hover {
width: 38px;
height: 38px;
top: 248px;
left: 306px;
}
.linha-imagem-mapa .cornelio {
width: 38px;
height: 38px;
left: 434px;
top: 393px;
}
.linha-imagem-mapa .saopaulo {
top: 358px;
left: 452px;
}
.linha-imagem-mapa .saopaulo:hover {
top: 358px;
width: 38px;
height: 38px;
left: 452px;
}
.linha-imagem-mapa .cornelio:hover {
width: 38px;
height: 38px;
left: 434px;
top: 393px;
}
.blog-page::before {
left: -167px;
}
.bignumbers__item span {
font-size: 20px;
}
.bignumbers__item p {
font-size: 14px;
} #casesslider {
max-width: 960px;
}
.newsletter input.wpcf7-form-control.wpcf7-submit.has-spinner {
width: 40%;
}
.texto-imagem-block {
flex-direction: column;
}
.conteudo-destaque-blog h2 {
font-size: 38px;
}
h1 {
font-size: 90px;
}
h2 {
font-size: 36px;
}
h4 {
font-size: 21px;;
}
.soluctions__header p {
font-size: 21px;
}
.whoweare_img img {
max-width: 100%;
}
.talentos-negocios li.nav-item {
width: 310px;
}
.lista-diferencial img {
width: 90px;
}
.uphome {
bottom: 25%;
right: 2%;
}
}
.white-future p {
color: #52647C;
} @media (max-width: 991.98px) {
.linha-relacionados {
row-gap: 30px;
}
.menu-list li:hover > .sub-menu {
display: none; }
.menu-toggle.active .bar-one {
transform: rotate(45deg) translate(5px, 5px);
width: 100%; }
.menu-toggle.active .bar-two {
opacity: 0; }
.menu-toggle.active .bar-three {
transform: rotate(-45deg) translate(9px, -9px);
width: 100%;
}
.menu-mobile {
display: flex;
justify-content: center;
position: fixed;
width: 100%;
top: 20px;
z-index: 99999;
}
.list-big-number .item {
align-items: center;
}
.texto-imagem-block img {
padding-bottom: 20px;
}
.texto-block {
padding: 20px 0px;
}
.itens-list-inovacao {
flex-direction: column;
}
.itens-list-inovacao li {
width: 100%;
}
.title-case {
padding-bottom: 30px;
}
.logo-case {
padding-bottom: 30px;
}
.case_content {
padding-top: 120px;
padding-bottom: 0;
}
.logo-hamburger {
padding: 20px 0px;
}
.logo-hamburger:before {
content: '';
width: 92%;
height: 100%;
position: absolute;
z-index: -9;
border-radius: 100px;
top: 0px;
left: 13px;;
backdrop-filter: blur(10px);
background-color: rgb(0 0 0 / 40%);
border: 1px solid #ffffff0d;
}
.bignumbers__content li {
width: 100%;
}
.ecossistema-empresarial div#accordion {
width: 100%;
}
.lista-diferencial li {
width: 160px;
}
.talentos-negocios li.nav-item {
width: 230px;
}
.saopaulo-map {
display: none;
}
.parana-map {
display: none;
}
.linha-list-aprendizado {
row-gap: 34px;
}
header {
display: none;
}
.bullet-capital {
display: none;
}
.bullet-capital:hover {
display: none;
}
.conteudo-destaque-blog h2 {
padding-top: 20px;
}
.blog__header h1 {
font-size: 68px;
}
.newsletter input.wpcf7-form-control.wpcf7-submit.has-spinner {
width: 100%;
}
.whoweare__content {
margin-top: 50px;
}
.card-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
#casesslider {
max-width: 720px;
}
.col-mid {
order: 1;
}
.col-mid__content {
max-width: 100%;
}
.casesslider__btn-content {
justify-content: center;
display: flex;
}
.blogloop_row {
flex-direction: column;
gap: 40px;
}
.blogloop__img img {
width: 100%;
max-width: 100%;
}
br {
display: none;
}
.bignumbers__item span {
font-size: 28px;
}
.bignumbers__item p {
font-size: 19px;
} .itens_lista_icones_horizontais {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
justify-content: space-between;
} .itens_lista_icones_horizontais > .item_container:nth-child(n + 3) {
margin-top: 30px;
}
.itens_lista_icones_horizontais .item_container .icon_container {
display: flex;
justify-content: center
}
.itens_lista_icones_horizontais .item_icon {
margin: 0 auto !important;
}
.itens_lista_icones_horizontais .item_titulo {
text-align: center !important;
}
.itens_lista_icones_horizontais .icon_container::after {
display: none !important;
} .lista_frames_grid_escuro .cards_container {
grid-template-columns: 1fr;
} .lista_frames_grid_opaco .cards_container {
grid-template-columns: 1fr;
}
} @media (max-width: 767.98px) { .card-columns {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
grid-template-columns: repeat(1, 1fr);
}
.list-labs li {
padding-bottom: 20px;
}
.page-id-265 .text-image figure {
margin-top: -52px;
}
.linha-direitos {
flex-direction: column;
}
.soluctions__item {
height: 400px;
}
.linha-cards-cases {
padding-top: 30px;
}
.cases-nav {
left: -24px;
top: 281px;
}
.bignumbers__content {
gap: 10px;
}
.list-tecnologias li img {
max-width: 85px;
}
.block-sticky {
padding: 90px 0px;
}
.filtro-case ul {
column-gap: 10px;
row-gap: 10px;
}
.futures-list .our-story_content,
.futures-list .our-mission_content {
padding: 39px 14px;
}
.white-services .lista-futures li {
width: 100%;
}
.linha-imagem-mapa img {
transform: scale(1.8);
}
.white-future .lista-futures li {
width: 100%;
}
.list-labs {
padding: 0;
}
.flexible-section {
overflow: hidden;
}
.navegation-case-menu {
display: none;
}
.flexible_row {
row-gap: 75px;
}
.esg-compromisso {
padding-top: 100px;
}
.flexible-mapa img {
transform: scale(1.5);
}
.know-section_item {
text-align: left;
}
.know-section_item h2 {
padding-bottom: 14px;
}
.page-template-page-seja-luber .hero-banner {
padding-top: 135px;
}
.projetos-esg {
padding-top: 0px;
}
.bignumbers.bignumbers__4_content li.bignumbers__between {
width: 50%;
}
.herobanner-premiacoes h2 {
font-size: 48px;
}
ul.bignumbers__content.bignumbers__4 {
flex-direction: column;
align-items: center;
}
.page-template-tech-labs-interna .loopcases {
padding-top: 50px;
}
.bignumbers.bignumbers__4_content li {
width: 50%;
}
.bignumbers__item span {
font-size: 16px;
}
.bignumbers__item p {
font-size: 12px;
}
.bignumbers {
margin-top: 40px;
margin-bottom: 40px;
}
.uphome {
top: 10%;
right: 8%;
}
.page-template-page-sobre .bignumbers__item span {
font-size: 35px;
}
.page-template-page-sobre .bignumbers__item p {
font-size: 16px;
}
.timeline-text_content {
margin-bottom: 20px;
}
p.timeline-text {
margin-left: 0;
font-size: 18px;
}
.premiacoes-certificacoes .soluctions__content-show {
bottom: 0;
top: auto;
}
.premiacoes-certificacoes .soluctions__icon img {
width: 287px !important;
}
.premiacoes-certificacoes .soluctions__content-show p {
font-size: 13px;
}
.premiacoes-certificacoes .soluctions__content-show h3 {
font-size: 22px;
}
.presenca {
padding-bottom: 50px;
padding-top: 40px;
overflow: hidden;
}
.formulario-home {
padding-top: 90px;
}
.end-to-end {
margin-bottom: 40px;
}
.logos li img {
max-width: 180px;
}
.blog-page {
padding-bottom: 50px;
}
.timeline_nav.soluctions-nav {
height: 40%;
}
.page-template-page-sobre .our-story_content,
.page-template-page-sobre .our-mission_content {
padding: 40px;
}
.timeline_nav-content:before {
display: none;
}
.page-template-immersive .loopcases {
padding-top: 50px;
}
.soluctions__img-show {
opacity: 1;
transform: translateY(0);
position: absolute;
top: 0px;
width: 100%;
left: 0px;
}
.soluctions__content-show {
opacity: 1;
transform: translateY(0);
transition: all 0.5s ease-in-out;
background: rgb(0, 92, 229);
background: linear-gradient(213deg, rgba(0, 92, 229, 0) -35%, rgb(3 12 28) 62%);
padding: 101px 35px;
}
.page-template-premiacoes-certificacoes .soluctions__content-show {
background: transparent;
}
.soluctions__content {
opacity: 0;
}
.soluctions__content-show p {
font-size: 15px;
}
.colaboracao {
padding: 50px 0px;
}
.diferencial {
padding: 50px 0px;
}
.know-section {
padding: 90px 0;
}
.hero-banner h1 {
font-size: 48px;
}
.lista-diferencial {
padding-left: 0;
}
.lista-diferencial li p {
font-size: 14px;
}
.lista-diferencial li {
width: 132px;
}
.lista-diferencial img {
width: 70px;
}
.lista-diferencial {
justify-content: space-around;
}
.procurando {
padding: 50px 0px;
}
.expanda h3 {
padding-bottom: 20px;
}
.hero-banner {
padding-top: 140px;
padding-bottom: 40px;
background-position: center;
}
.nossos-labs-immersive video {
left: -200px;
}
.redefinindo .col-md-4 h3 {
padding-right: 31px;
}
.logos-datalabs img {
max-width: 150px;
}
.logos-datalabs {
column-gap: 0;
}
.talentos-negocios li.nav-item {
width: 170px;
}
.aprendizado .conteudo-list-end {
width: 100%;
}
div#myTabContent {
width: 100%;
}
.p_150 {
padding-bottom: 40px;
}
ul.whoweare__list {
flex-direction: inherit;
margin-top: 40px;
flex-wrap: wrap;
justify-content: space-between;
}
#casesslider {
max-width: 540px;
}
.soluctions-nav .owl-prev,
.soluctions-nav .owl-next {
width: 38px;
height: 38px;
}
.whoweare__list li:last-child {
width: 100%;
}
.soluctions__header {
margin-bottom: 25px;
}
h1 {
font-size: 80px;
}
h2 {
font-size: 25px;
}
.soluctions-nav {
justify-content: start;
gap: 10px;
margin-bottom: 20px;
margin-top: 0px;
}
.soluctions__header p {
font-size: 14px;
line-height: 20px;
}
.list-big-number .item span {
font-size: 26px;
}
.list-big-number .item p {
font-size: 14px;
width: 257px;
text-align: center;
}
.esg-compromisso h2 {
font-size: 48px;
}
.project-name {
padding-left: 0;
}
.linha-projeto {
padding-bottom: 100px;
}
.conteudo-text-projeto p {
font-size: 14px;
}
.conteudo-text-projeto span {
font-size: 14px;
}
.project-name h3 {
font-size: 32px;
}
.iniciativas .row {
row-gap: 30px;
}
.expanda {
padding-top: 50px;
padding-bottom: 50px;
}
.data-ailabs.sub-labs {
padding: 50px 0px;
}
.card-redefinindo button {
font-size: 20px;
}
div#accordion {
padding-left: 0;
}
.page-template-data-ailabs .know-section {
padding-top: 100px;
}
.page-template-data-ailabs .blogloop {
padding-top: 45px;
}
.iniciativas {
padding-bottom: 0;
}
.procurando .row {
row-gap: 30px;
}
.procurando .simple__btn {
padding: 14px 15px;
font-size: 13px;
}
.procurando .our-story_content, .procurando .our-mission_content {
padding: 36px 19px;
}
.talentos-negocios {
padding: 60px 0px;
}
.bigcard-experiencia .our-story_content,
.bigcard-experiencia .our-mission_content {
padding: 20px;
}
.page-template-page-seja-luber .testimonials {
padding-top: 50px;
}
h3 {
font-size: 22px;
}
.page-template-data-ailabs .card-header .btn-link br {
display: block;
}
.lista-impacto {
padding: 30px;
}
.impacto_content {
padding-top: 50px;
padding-bottom: 50px;
} .itens_lista_icones_horizontais {
display: flex !important;
flex-direction: column;
gap: 30px !important;
list-style: none;
padding: 0;
margin: 0;
}
.itens_lista_icones_horizontais > .item_container {
width: 100% !important;
display: grid;
grid-template-columns: 1fr 2fr;
}
.itens_lista_icones_horizontais > .item_container .icon_container {
display: flex !important;
justify-content: start;
align-items: start;
}
.itens_lista_icones_horizontais > .item_container .icon_container .item_icon {
margin: 0 !important;
}
.itens_lista_icones_horizontais > .item_container .item_titulo {
margin: 0 !important;
text-align: left !important;
}
.itens_lista_icones_horizontais > .item_container .item_text {
margin: 0 !important;
} .lista_frames_grid .cards_container {
display: flex;
gap: 16px !important;
flex-direction: column;
padding: 0;
}
} @media (max-width: 575.98px) { .container {
padding-left: 30px;
padding-right: 30px;
}
.project-name::before {
left: -16px;
}
.premiacoes-certificacoes .soluctions__item {
height: 620px;
}
.linha-tabs .nav-item a {
font-size: 14px;
}
ul#myTab::after {
width: 96%;
}
ul#myTab {
column-gap: 10px;
}
.linha-tabs .nav-link {
padding: 0;
}
.talentos-negocios li.nav-item {
width: 90px;
}
h1 {
font-size: 50px;
}
.herobanner__content h4 br {
display: none;
}
}
@media (max-width: 430.98px) {
.soluctions__content-show {
padding: 33px 35px;
bottom: -3px;
}
.soluctions__content-show .btn__next {
bottom: 22px;
}
}
.wpcf7-submit.disabled {
cursor: not-allowed !important;
pointer-events: none !important;
opacity: 0.2 !important;
}
span.wpcf7-not-valid-tip {
display: none !important
}
label.error {
color: red !important;
display: block !important;
margin-top: -20px !important;
margin-bottom: 20px !important;
}
.bloco-texto-sozinho_texto p {
color: #B7C3D4;
font-size: 18px;
font-weight: regular;
line-height: 28px;
letter-spacing: 0.48px;
}
.expanda_lista-accordion {
padding-top: 100px;
}
.accordion_title {
font-size: 3rem;
font-weight: 600;
line-height: 60px;
text-align: center;
}
.texto-expanda-lista p {
text-align: center;
color: #E6F0FF;
padding-top: 26px;
text-align: center;
font-weight: 400;
line-height: 22px; letter-spacing: 0.48px;
}
.section_wrapper {
padding: 60px 0;
}
.flexible_content_bg__light {
background: var(--Radial, radial-gradient(241.41% 99.33% at 114.87% -59.23%, rgba(65, 160, 220, 0.40) 0%, rgba(65, 160, 220, 0.00) 100%), radial-gradient(293.49% 83.01% at -33.65% 108.14%, rgba(65, 160, 220, 0.40) 0%, rgba(65, 160, 220, 0.00) 100%), #E6F0FF);
}
.flexible_content_label {
display: flex;
align-items: center;
justify-content: center;
height: 42px;
padding: 10px;
margin-top: 32px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
}
.flexible_content_label__dark {
background: linear-gradient(to bottom, #142F50, #398CC3);
}
.flexible_content_label__light {
background-color: #41A0DC;
}
.flexible_content_subtitle {
font-size: 24px;
font-weight: 600;
}
.flexible_content_text__dark {
color: #52647C;
}
.flexible_content_text__light {
color: #B7C3D4;
} .itens_lista_icones_horizontais {
display: flex;
justify-content: space-between;
gap: 0;
}
.itens_lista_icones_horizontais .item_titulo {
font-size: 20px;
font-weight: 600;
margin: 24px 0;
}
.itens_lista_icones_horizontais .item_container {
width: 262px;
margin: 40px auto 0 auto;
}
.itens_lista_icones_horizontais .icon_container {
display: flex;
align-items: center;
}
.itens_lista_icones_horizontais .icon_container__with_decoration::after {
content: "";
display: block;
margin-left: 8px;
width: 63px;
height: 6px;
border-radius: 20px;
background: linear-gradient(to right, #010914, #398CC3);
}
.itens_lista_icones_horizontais li {
list-style: none !important;
}
.itens_lista_icones_horizontais li::before {
content: "•";
display: inline;
font-size: 24px !important;
font-weight: 400 !important;
color: #41A0DC !important;
}
.itens_lista_icones_horizontais .item_text {
display: inline;
padding-left: 9px;
padding-top: 7px;
} .cards_container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 32px;
padding: 0;
}
.page-id-51040 .cards_container {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.lista_frames_grid .cards_container {
margin-top: 16px;
}
.cards_container .card {
list-style: none;
margin: 0;
padding: 24px;
border-radius: 0 10px 10px 10px;
}
.cards_container .white_card {
background-color: #FFFFFF;
}
.cards_container .dark_card {
border: 1px solid rgba(230, 240, 255, 0.20);
background: linear-gradient(108deg, rgba(0, 92, 229, 0.20) 0%, rgba(5, 23, 51, 0.20) 50%, rgba(15, 35, 65, 0.20) 100%);
}
.card_title_blue {
color: #41A0DC;
font-size: 20px;
font-weight: 600;
}
.card_title_black {
color: #010914;
font-size: 24px;
font-weight: 600;
}
.card_text_light_grey {
color: #B7C3D4;
}
.card_text_dark_grey {
color: #52647C;
}
.cards_container .card_text_tiny {
font-size: 16px;
font-weight: 300;
}
.cards_container .card_text_regular {
font-size: 16px;
font-weight: 400;
} .lista_frames_grid_escuro .cards_container {
margin-top: 32px;
justify-content: space-between;
} .cards_container .white_card {
background-color: rgba(255, 255, 244, 0.4);
}
.owl-item .item.cases-tech-labs {
display: flex;
width: 100%;
justify-content: center;
height: auto;
align-items: center;
}
@media (min-width: 430.98px) {
.owl-item .item.cases-tech-labs {
max-height: 650px;
}
}
.owl-stage {
display: flex;
align-items: center;
}
.bloco-steps {
padding: 100px 0px;
background: linear-gradient(150deg, rgb(1 16 81) 0%, rgba(5, 23, 51, 0.20) 50%, rgba(15, 35, 65, 0.20) 100%);
}
.bloco-steps__list {
list-style: none;
padding-top: 32px;
padding-left: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 32px;
}
.bloco-steps__list .layout_2 {
gap: 70px
}
.bloco-steps__list li {
width: 100%;
max-width: 300px;
margin-top: 50px;
}
.bloco-steps__list.layout_2 li {
max-width: 350px;
}
.bloco-steps__list.layout_3 li {
max-width: 300px;
}
.bloco-steps__list li .title-list-img {
display: flex !important;
flex-direction: column !important;
text-align: center;
}
.bloco-steps__list p {
text-align: center;
color: white;
font-weight: 400;
}
.bloco-steps__description {
margin-top: 44px;
text-align: center;
color: white;
}
.card-redefinindo .btn__next {
min-width: 40px
}
.button-action-hero {
color: #fff !important;
text-decoration: none !important;
border: 1px solid #41A0DC !important;
background-color: #41A0DC !important;
position: relative !important;
z-index: 30 !important;
}
.button-action-hero:hover {
color: #fff !important;
text-decoration: none !important;
border: 1px solid #0E36EF !important;
background-color: #0E36EF !important;
}
.button-action-hero::before {
background: #0E36EF !important;
}
.list-unless-padding ul,
.list-unless-padding ol,
ul, ol {
padding-left: 1.3rem;
}
.list_post_image_text_data ul,
.list_post_image_text_data ol {
color: #B7C3D4
}
.list_post_image_text_data .row:nth-child( 2n ) {
flex-direction: row-reverse !important;
}
.list_post_partner_Advisors p {
font-weight: 300;
}
.list_post_partner_Advisors p strong {
font-weight: 600;
}
.partner_Advisors_action {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
margin-top: 4px;
}
.partner_Advisors_tag {
padding: 10px 20px;
border: 1px solid #B7C3D4;
border-radius: 25px;
font-weight: 300;
}
@media (max-width: 767.98px) {
.partner_Advisors_action {
display: flex;
flex-direction: column;
}
.partner_Advisors_tag {
flex: none;
width: fit-content;
}
} .text-blur,
.text-blue {
color: #41a0dc;
}
.text-paragraph {
color: #B7C3D4
}
.no-background {
background: unset !important;
}
.bg-blue-gradient {
background: linear-gradient(150deg, rgb(1 16 81) 0%, rgba(5, 23, 51, 0.20) 50%, rgba(15, 35, 65, 0.20) 100%) !important;
}
.no-event{
pointer-events: none!important;
}
.blogloop__content.download-content{
height: 130px!important;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
:root {
--select-bg-color: #52647c24; --select-text-color: #757575; --select-border-color: #3f4a59; --select-highlight-color: #007bff; --select-option-hover-bg: rgba(255, 255, 255, 0.1); --select-font-size: 16px; --select-padding: 12px 15px; --select-border-radius: 8px; }
.custom-select-wrapper {
position: relative;
width: 80%;
max-width: 500px;
user-select: none;
}
.select-header {
background-color: var(--select-bg-color);
color: var(--select-text-color);
padding: var(--select-padding);
border-radius: var(--select-border-radius);
border: 1px solid var(--select-border-color);
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
padding-left: 32px;
padding-right: 32px;
}
.arrow-icon {
width: 24px;
height: 24px;
transition: transform 0.3s ease;
}
.custom-select-wrapper.open .arrow-icon {
transform: rotate(180deg);
}
.select-options {
position: absolute;
top: calc(100% + 5px);
left: 0;
right: 0;
background-color: var(--select-bg-color);
border-radius: var(--select-border-radius);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
list-style: none;
padding: 0;
margin: 0;
max-height: 200px;
overflow-y: auto;
z-index: 1000;
border: 1px solid var(--select-border-color);
}
.select-options.hidden {
display: none;
}
.select-options .option {
color: var(--select-text-color);
padding: var(--select-padding);
cursor: pointer;
transition: background-color 0.2s ease;
text-align: left;
padding-left: 32px;
padding-right: 32px;
}
.select-options .option:hover {
color: var(--select-highlight-color);
}
.select-options .option.selected {
color: var(--select-highlight-color);
} .select-options::-webkit-scrollbar {
width: 8px;
}
.select-options::-webkit-scrollbar-track {
background: var(--select-bg-color);
border-radius: var(--select-border-radius);
}
.select-options::-webkit-scrollbar-thumb {
background: var(--select-border-color);
border-radius: var(--select-border-radius);
}
.select-options::-webkit-scrollbar-thumb:hover {
background: #555;
}
.blog-page.page-download_list {
overflow: unset;
}
.text_align_left{
text-align: left!important;
}
.text_align_center{
text-align: center!important;
}
.text_align_right{
text-align: right!important;
}
.remove_background{
border: unset!important;
background: unset !important;
padding-left: 0!important;
padding-right: 0!important;
}
.w-482 {
width: 100%;
max-width: 482px;
}
.font-16 {
font-size: 16px!important;
line-height: 1.2!important;
}
.font-40 {
font-size: 40px;
line-height: 1.1;
}
.font-46 {
font-size: 46px;
line-height: 1.1;
}
.font-48 {
font-size: 48px;
line-height: 1.1;
}
.mt-30 {
margin-top: 30px;
}
.mb-30 {
margin-bottom: 30px;
}
.my-30 {
margin-top: 30px;
margin-bottom: 30px;
}
.mt-54 {
margin-top: 54px;
}
.mb-54 {
margin-bottom: 54px;
}
.my-54 {
margin-top: 54px;
margin-bottom: 54px;
}
.mt-80 {
margin-top: 80px;
}
.mb-80 {
margin-bottom: 80px;
}
.my-80 {
margin-top: 80px;
margin-bottom: 80px;
}
.mt-86 {
margin-top: 86px;
}
.mb-86 {
margin-bottom: 86px;
}
.my-86 {
margin-top: 86px;
margin-bottom: 86px;
}
.py-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.pt-80{
padding-top: 80px!important;
}
.filter-brightness-08{
filter: brightness(0.8);
}
@media (max-width: 767.98px) {
.font-40 {
font-size: 25px;
}
.w-md-75 {
max-width: 75% !important;
}
.w-md-50 {
max-width: 50% !important;
}
.w-md-30 {
max-width: 30% !important;
}
.txt-md-center {
text-align: center !important;
}
.mt-md-20 {
margin-top: 20px !important;
}
.mt-md-30 {
margin-top: 30px !important;
}
}
@media (max-width: 575.98px) {
.w-sm-75 {
max-width: 75% !important;
}
.w-sm-50 {
max-width: 50% !important;
}
.w-sm-30 {
max-width: 30% !important;
}
.text-sm-center {
text-align: center !important;
}
.mt-sm-20 {
margin-top: 20px !important;
}
.mt-sm-30 {
margin-top: 30px !important;
}
}