html {
font-size: 16px; }
body {
font-family: "Outfit", sans-serif;
background-image: url(//s-dot.com.br/wp-content/themes/dot/assets/img/bg.png);
color: rgba(255, 255, 255, 0.6);
font-weight: 100;
font-size: 1.2rem;
line-height: 150%;
}
main {
position: relative;
overflow: visible;
}  h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: "Montserrat", sans-serif;
font-weight: 100;
line-height: 110%;
color: rgba(255, 255, 255, 0.9);
}
h1,
.h1 {
font-size: 5.375rem; }
h2,
.h2 {
font-size: 2.25rem; }
h3,
.h3 {
font-size: 1.5rem; } h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
.h1 strong,
.h2 strong,
.h3 strong,
.h4 strong,
.h5 strong,
.h6 strong {
color: #fff;
font-weight: 400;
} p {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 150%;
color: rgba(255, 255, 255, 0.6);
} .text-orange {
color: #ec6608 !important;
font-weight: 400;
}
.cky-box-bottom-right {
right: 75px !important;
}
.bg-white {
background-color: #ffffff !important;
}
.bg-white h1,
.bg-white .h1,
.bg-white h2,
.bg-white .h2,
.bg-white h3,
.bg-white .h3,
.bg-white h4,
.bg-white .h4,
.bg-white h5,
.bg-white .h5,
.bg-white h6,
.bg-white .h6 {
color: #1d1d1b;
}
.bg-white h1 strong,
.bg-white .h1 strong,
.bg-white h2 strong,
.bg-white .h2 strong,
.bg-white h3 strong,
.bg-white .h3 strong,
.bg-white h4 strong,
.bg-white .h4 strong,
.bg-white h5 strong,
.bg-white .h5 strong,
.bg-white h6 strong,
.bg-white .h6 strong {
color: #1d1d1b;
}
.bg-white p {
color: #1d1d1b80;
}
.pt-120 {
padding-top: 120px;
}
.pb-120 {
padding-bottom: 120px;
}
.pt-80 {
padding-top: 80px;
}
.pb-80 {
padding-bottom: 80px;
}
.container-fluid {
padding-right: 30px;
padding-left: 30px;
} .col-with-container {
display: block;
}
.col-with-container .container {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.col-with-container {
display: flex;
justify-content: end;
}
.col-fluid-content {
display: block;
} .main-header {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 2rem 0;
background-color: transparent;
z-index: 999;
}
.main-header--fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
} @media (max-width: 991.98px) {
.main-header {
transition: opacity 0.45s ease;
}
.main-header.main-header--hidden-at-footer {
opacity: 0;
pointer-events: none;
}
}
.main-header--scrolled .main-nav {
display: inline-flex;
width: auto;
margin-left: auto;
margin-right: 0;
background-image: url(//s-dot.com.br/wp-content/themes/dot/assets/img/bg.png);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border-radius: 50px;
border: 1px solid rgba(0, 0, 0, 0.06);
padding: 10px 15px;
transform: translateY(8px);
}
.main-header .row {
align-items: center;
} .logo-header {
display: inline-block;
transition: all 0.3s ease;
}
.logo-header svg path,
.logo-header svg rect {
transition: fill 0.3s ease;
} .logo-header svg [fill="white"],
.logo-header svg [fill="#fff" i],
.logo-header svg [fill="#ffffff" i] {
fill: #ffffff;
} .logo-header--over-white svg [fill="white"],
.logo-header--over-white svg [fill="#fff" i],
.logo-header--over-white svg [fill="#ffffff" i] {
fill: #1d1d1b !important;
} .main-nav {
gap: 10px;
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: nowrap;
transition:
background 0.35s ease,
backdrop-filter 0.35s ease,
-webkit-backdrop-filter 0.35s ease,
border-radius 0.35s ease,
border-color 0.35s ease,
padding 0.35s ease,
transform 0.35s ease,
opacity 0.35s ease;
}
.main-nav__toggle {
background: none;
border: none;
cursor: pointer;
padding: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
z-index: 1001;
transition: all 0.3s ease;
flex-shrink: 0;
}
.main-nav__toggle-icon {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 59px;
height: 16px;
position: relative;
}
.main-nav__toggle-line {
display: block;
width: 100%;
height: 2px;
background-color: #ec6608;
border-radius: 3px;
transition: all 0.3s ease;
}
.main-nav__toggle[aria-expanded="true"] .main-nav__toggle-line:nth-child(1) {
transform: rotate(45deg) translate(6px, 6px);
}
.main-nav__toggle[aria-expanded="true"] .main-nav__toggle-line:nth-child(2) {
transform: rotate(-45deg) translate(6px, -6px);
}
.main-nav__menu {
position: relative;
width: 0;
max-width: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition:
width 0.4s cubic-bezier(0.4, 0, 0.2, 1),
max-width 0.4s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.3s ease,
visibility 0.3s ease,
padding 0.3s ease;
padding: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.main-nav__menu--open {
width: auto;
max-width: 800px;
opacity: 1;
visibility: visible;
padding: 1rem 2rem 1rem;
}
.main-nav__close {
background: none;
border: none;
cursor: pointer;
padding: 0.5rem;
display: none;
align-items: center;
justify-content: center;
margin-left: 1rem;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.main-nav__mobile-top {
display: none;
}
.main-nav__mobile-top-actions {
display: flex;
align-items: center;
gap: 18px;
}
.main-nav__close:hover {
transform: scale(1.1);
}
.main-nav__close svg {
width: 43px;
height: 43px;
}
.main-nav__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
gap: 2rem;
flex-wrap: nowrap;
}
.main-nav__item {
margin: 0;
white-space: nowrap;
}
.main-nav__link {
display: block;
color: #878787;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 17.6px;
letter-spacing: 0.32px;
text-decoration: none;
}
.main-nav__link:hover {
color: #ec6608;
text-decoration: none;
}
.main-nav__link--active {
color: #ec6608;
}
ul.main-nav__languages {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
gap: 2rem;
flex-wrap: nowrap;
padding-right: 20px;
padding-left: 20px;
}
ul.main-nav__languages li a {
font-weight: 700 !important;
} .hero-banner {
position: relative;
overflow: visible;
z-index: 2;
}
.hero-banner__background {
position: absolute;
top: 76px;
left: 37px;
width: 935px;
height: auto;
z-index: 0;
pointer-events: none;
overflow: visible;
}
.hero-banner__image {
position: absolute;
left: -10%;
top: 0;
transform: translateY(0);
width: auto;
height: auto;
max-width: 60%;
opacity: 0.5;
object-fit: contain;
object-position: left top;
will-change: transform;
z-index: 10;
}
.hero-banner__container {
position: relative;
z-index: 1;
}
.hero-banner__row {
padding-top: 240px;
padding-bottom: 240px;
min-height: 100vh;
display: flex;
align-items: center;
}
.projetos-contant {
position: relative;
z-index: 0;
} .projetos-dot {
position: absolute;
align-items: center;
justify-content: center;
width: 135px;
height: 135px;
margin: 0 auto;
z-index: 5;
right: 20%;
top: -249px;
}
.projetos-dot__image {
position: relative;
z-index: 10;
margin: 0;
width: 135px;
height: 135px;
}
.projetos-dot__image img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
opacity: 0.6;
transform: scale(1);
transition:
opacity 0.25s ease,
transform 0.25s ease;
}
.projetos-dot__circle--3:hover .projetos-dot__image img {
opacity: 1;
transform: scale(1.2);
}
.projetos-dot__circle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
border: 1px solid #ec6608;
pointer-events: none;
will-change: width, height;
opacity: 1;
}
.projetos-dot__circle--1,
.projetos-dot__circle--2,
.projetos-dot__circle--3 {
width: 135px;
height: 135px;
border-color: #ec67083a;
}  .featured-projects {
min-height: 600px;
position: relative;
z-index: 1;
overflow: visible;
} .featured-projects__content {
position: sticky;
top: 120px;
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
width: 100%;
align-self: flex-start;
}
.featured-projects__product-title {
font-weight: 400;
}
.featured-projects__image-wrapper {
position: relative;
display: block;
text-decoration: none;
margin-bottom: 80px;
}
.featured-projects__product-image {
overflow: hidden;
border-radius: 8px;
position: relative;
}
.featured-projects__product-image figure {
margin-bottom: 0;
}
.featured-projects__product-image img {
max-width: 100%;
width: 100%;
height: auto;
transform: scale(var(--featured-image-scale, 1));
transform-origin: center center;
transition: transform 0.18s linear;
will-change: transform;
display: block;
}
.featured-projects_icon {
position: absolute;
bottom: 15px;
left: 15px;
opacity: 0;
visibility: hidden;
transition:
opacity 0.3s ease,
visibility 0.3s ease;
z-index: 15;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
background: #ec6608;
}
.featured-projects__image-wrapper:hover .featured-projects_icon {
opacity: 1;
visibility: visible;
}
.featured-projects_icon svg {
width: 15px;
height: 15px;
}
.featured-projects__badges .badge {
background-color: #ec6608;
color: rgba(255, 255, 255, 0.7);
padding: 10px 16px;
border-radius: 2rem;
font-size: 13px;
font-weight: 300;
font-family: "Montserrat", sans-serif;
border: none;
} .design-simplify {
padding-top: 120px;
border-radius: 100px 100px 0px 0px;
}
.design-simplify__title {
font-size: 3.9rem;
}
.design-simplify__description {
color: #1d1d1b80 !important;
font-size: 22px;
font-family: "Montserrat", sans-serif;
line-height: 1.3;
}
.design-simplify__item strong {
font-weight: 600;
} .slider-section {
overflow: hidden;
}
.slider-section__slider {
margin: 0;
transform: rotate(-1deg);
}
.slider-section__slider .owl-stage-outer {
overflow: visible !important;
}
.slider-section__slider .owl-nav {
display: none;
}
.slider-section__slider .owl-dots {
display: none;
}
.slider-section__content img {
opacity: 0.6;
transition: opacity 0.3s ease;
}
.slider-section__item:hover .slider-section__content img {
opacity: 1;
} .newsletter-section__col {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
}
img.newsletter-section__image {
border-radius: 50px;
}
.newsletter-btn {
display: flex;
align-items: center;
} .newsletter-popup {
position: fixed;
inset: 0;
width: 100%;
height: 100%;
z-index: 2000;
display: block; visibility: hidden;
pointer-events: none;
transition: visibility 0s linear 0.7s;
}
.newsletter-popup.is-open {
visibility: visible;
pointer-events: auto;
transition: visibility 0s linear 0s;
}
.newsletter-popup__backdrop {
position: absolute;
inset: 0;
background: transparent;
}
.newsletter-popup__panel {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 80vh;
max-height: 80vh;
transform: translateY(100%);
transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
overflow: auto;
will-change: transform;
z-index: 1; background-image: url(//s-dot.com.br/wp-content/themes/dot/assets/img/bg-news.png);
background-size: auto;
background-repeat: repeat;
background-position: center;
}
.newsletter-popup__panel::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: min(520px, 20vw);
height: min(520px, 55vw);
background-image: url(//s-dot.com.br/wp-content/themes/dot/assets/img/circulo-news.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
pointer-events: none;
z-index: 0; }
.newsletter-popup__panel > * {
position: relative;
z-index: 1; }
.newsletter-popup.is-open.is-animating .newsletter-popup__panel {
transform: translateY(0);
}
.newsletter-popup__close {
position: absolute;
top: 16px;
right: 16px;
z-index: 5;
background: transparent;
border: 0;
cursor: pointer;
}
.newsletter-popup__close-text-text {
color: #fff;
font-size: 12px;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-weight: 300;
letter-spacing: 2px;
cursor: pointer;
margin-right: 18px;
}
.newsletter-popup__close-text svg {
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
padding: 5px;
width: 35px;
height: 35px;
}
.newsletter-popup__container.container {
padding-top: 300px;
position: relative;
}
.newsletter-popup__container.container::before {
content: "";
position: absolute;
top: 26%;
left: 12%;
width: 500px;
height: 180px;
background-image: url(//s-dot.com.br/wp-content/themes/dot/assets/img/detalhe-news.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.newsletter-popup__text {
font-size: 19px;
font-family: "Montserrat", sans-serif;
color: #fff;
font-weight: 300;
} .blog-highlight__btn-more {
display: flex;
align-items: center;
justify-content: end;
}
.blog-highlight__post {
display: block;
height: 100%;
}
.blog-highlight__link {
display: block;
text-decoration: none;
color: inherit;
transition: transform 0.3s ease;
}
.blog-highlight__link:hover {
text-decoration: none;
}
.blog-highlight__link:hover h3,
.blog-highlight__link:hover h4 {
color: #ec6608;
}
.blog-highlight__image-wrapper {
overflow: hidden;
border-radius: 30px;
}
p.blog-highlight__post-summary {
font-size: 16px;
}
.blog-highlight__image {
width: 100%;
height: auto;
display: block;
transition: transform 0.3s ease;
}
.blog-highlight__post:hover .blog-highlight__image {
transform: scale(1.05);
}
.blog-highlight__body {
padding: 0;
padding-right: 30px;
}
.blog-highlight__meta {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1rem;
flex-wrap: wrap;
justify-content: space-between;
}
.blog-highlight__category {
font-weight: 500;
color: #ec6608;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
text-decoration: none;
}
a.blog-highlight__category:hover {
color: #ec6608;
text-decoration: underline;
}
.blog-highlight__permalink-icon {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: inherit;
}
.blog-highlight__date {
color: rgba(29, 29, 27, 0.6);
font-size: 12px;
font-weight: 500;
margin-left: 20px;
opacity: 0.7;
}
.blog-highlight__meta .btn-sinple-icon svg {
transform: rotate(320deg);
}
.blog-highlight__arrow {
margin-left: auto;
}
.blog-highlight__post-title {
margin-bottom: 0.75rem;
font-size: 1.5rem;
line-height: 1.3;
transition: color 0.3s ease;
}
.blog-highlight__post h4 {
color: #1d1d1b;
font-weight: 500;
font-size: 28px;
font-family: "Montserrat", sans-serif;
margin-bottom: 20px;
transition: all 0.4s ease;
}
.blog-highlight__post:hover h4 {
color: #ec6608 !important;
}
.blog-highlight__post-summary {
color: rgba(29, 29, 27, 0.7);
margin-bottom: 0;
}  .testimonials-section {
background-color: #f5f5f5;
border-radius: 0px 0px 100px 100px;
position: relative;
z-index: 2;
} .testimonials-section__header {
margin-bottom: 4rem;
}
.testimonials-section__title {
font-family: "Montserrat", sans-serif;
font-size: 3rem;
font-weight: 100;
line-height: 1.2;
color: #878787;
}
.testimonials-section__title strong {
font-weight: 600;
color: #1d1d1b;
}
.testimonials-section__title .text-orange {
color: #ec6608;
font-weight: 100;
} .testimonials-slider {
padding: 2rem 0 4rem;
position: relative;
max-width: 100%;
}
.testimonials-slider .swiper-wrapper {
align-items: center;
}
.testimonials-slider .swiper-slide {
display: flex;
justify-content: center;
}
.testimonials-slider__item {
padding: 0 1rem 2rem;
width: 100%;
max-width: 900px;
display: flex;
flex-direction: column;
align-items: center;
} .testimonials-slider__logo-wrap {
margin-bottom: 2rem;
display: flex;
justify-content: center;
}
.testimonials-slider__logo {
width: 120px;
height: 120px;
border-radius: 50%;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
border: 3px solid #ff9800;
}
.testimonials-slider__logo:hover {
transform: scale(1.05);
}
.testimonials-slider__logo figure {
margin: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.testimonials-slider__logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
}
.featured-projects__title svg {
margin-left: 16px;
border-radius: 28.01px;
background: #1d1d1b;
padding: 5px;
}
.testimonials-slider__content {
max-width: 900px;
margin: 0 auto;
text-align: center;
}
.testimonials-slider__quote {
margin-bottom: 2rem;
display: flex;
justify-content: center;
}
.testimonials-slider__quote svg {
width: 100px;
height: 100px;
line-height: 1;
}
.testimonials-slider__quote svg text {
font-family: "Georgia", serif;
}
.testimonials-slider__author {
margin-bottom: 2.5rem;
}
.testimonials-slider__name {
font-family: "Montserrat", sans-serif;
font-size: 1.5rem;
font-weight: 600;
color: #1d1d1b;
margin-bottom: 0.5rem;
}
.testimonials-slider__position {
font-family: "Outfit", sans-serif;
font-size: 0.875rem;
font-weight: 300;
color: #878787;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}
.testimonials-slider__text {
max-width: 700px;
margin: 0 auto;
}
.testimonials-slider__text p {
font-family: "Montserrat", sans-serif;
font-size: 1.125rem;
font-weight: 300;
line-height: 1.8;
color: #545454;
margin: 0;
} .testimonials-slider .swiper-button-next,
.testimonials-slider .swiper-button-prev {
width: 50px;
height: 50px;
border-radius: 50%;
color: #878787;
transition: all 0.3s ease;
margin-top: 0;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
} .testimonials-slider .swiper-button-next::after,
.testimonials-slider .swiper-button-prev::after {
content: none;
display: none;
}
.testimonials-slider .swiper-button-next img,
.testimonials-slider .swiper-button-prev img {
width: 40px;
height: 40px;
object-fit: contain;
display: block;
}
.testimonials-slider .swiper-button-next:hover,
.testimonials-slider .swiper-button-prev:hover {
transform: translateY(-50%) scale(1.1);
} .testimonials-slider .swiper-pagination {
display: none;
}
.conheca-esfera_title {
display: flex;
gap: 16px;
}
.hero-banner__background-sobre {
display: flex;
justify-content: end;
position: absolute;
width: 100%;
top: 0px;
z-index: -1;
}
.hero-banner__background-sobre::after{
content: '';
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 90%;
background: #1D1E20;
background: radial-gradient(circle, rgba(29, 30, 32, 0.62) 0%, rgba(255, 255, 255, 0) 70%);
}
nav .btn-secondary__text {
color: #ec6608;
} @media (max-width: 991.98px) {
.testimonials-section__title {
font-size: 2.5rem;
}
.newsletter-popup__panel::after {
display: none;
}
.testimonials-slider .swiper-button-prev {
left: -40px;
}
.testimonials-slider .swiper-button-next {
right: -40px;
}
}
@media (max-width: 767.98px) {
.testimonials-section__title {
font-size: 28px;
}
.newsletter-popup__text {
font-size: 16px;
}
.testimonials-slider__quote svg {
width: 60px;
height: 60px;
}
.testimonials-slider {
padding-bottom: 0px;
}
.testimonials-slider__name {
font-size: 16px;
}
.testimonials-slider__author {
margin-bottom: 2rem;
}
.testimonials-slider__position {
font-size: 12px;
}
.testimonials-slider__text p {
font-size: 14px;
}
.testimonials-slider .swiper-button-next,
.testimonials-slider .swiper-button-prev {
width: 40px;
height: 40px;
}
.testimonials-slider .swiper-button-next img,
.testimonials-slider .swiper-button-prev img {
width: 18px;
height: 18px;
}
.testimonials-slider .swiper-button-prev {
left: 0px;
}
.testimonials-slider .swiper-button-next {
right: 0px;
}
} .clients-items {
width: 100%;
max-width: 800px;
}
ul.clients-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
list-style: none;
padding: 0;
margin: 0;
}
.clients-section .featured-projects__description {
max-width: 440px;
}
.clients-list__item {
display: flex;
align-items: center;
justify-content: center;
background-color: #54545433;
border-radius: 5px;
transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
} .clients-list:hover .clients-list__item:not(:hover) {
background-color: #2e2e2e;
} .clients-list__item:hover {
background-color: #54545433;
}
.clients-section .featured-projects__title {
max-width: 440px;
font-weight: 400;
}
.featured-projects__title span strong {
font-weight: 700;
}
.featured-projects__title strong {
font-weight: 500;
}
.clients-list__item figure {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.clients-list__item img {
max-width: 100%;
height: auto;
display: block;
} @media (max-width: 991.98px) {
ul.clients-list {
gap: 1.25rem;
}
}
@media (max-width: 575.98px) {
ul.clients-list {
gap: 0.75rem;
}
}  .btn-main {
display: inline-flex;
align-items: center;
gap: 20px;
background-color: #ec6608;
color: #1d1d1b;
padding: 10px 10px 10px 40px;
border-radius: 999px;
text-decoration: none;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
transition: all 0.3s ease;
border: none;
cursor: pointer;
height: 60px;
}
.btn-main__text {
color: #1d1d1b;
}
.btn-main__arrow {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #1d1d1b;
border-radius: 50%;
transition: transform 0.3s ease;
flex-shrink: 0;
}
.btn-main__arrow svg {
width: 20px;
height: 20px;
transition: transform 0.3s ease;
}
.btn-main__arrow svg path {
stroke: #ec6608;
fill: none;
}
.btn-main:hover {
background-color: #f87a23;
text-decoration: none;
}
.btn-main:hover .btn-main__arrow {
transform: scale(1.1);
}
.btn-main:hover .btn-main__arrow svg {
transform: scale(1.1);
} .btn-secondary {
display: inline-flex;
align-items: center;
gap: 40px;
background-color: transparent;
color: #ec6608;
padding: 12px 15px 12px 40px;
border-radius: 999px;
border: 1px solid #ec6608;
text-decoration: none;
font-family: "Outfit", sans-serif;
font-size: 0.8rem;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
transition: all 0.3s ease;
cursor: pointer;
}
.btn-secondary__text {
color: #fff;
}
.btn-secondary__arrow {
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
flex-shrink: 0;
}
.btn-secondary__arrow svg {
width: 20px;
height: 20px;
transition: transform 0.3s ease;
}
.btn-secondary:hover {
background-color: rgba(236, 102, 8, 0.1);
border-color: #ec6608;
text-decoration: none;
color: #ec6608;
}
.btn-secondary:hover .btn-secondary__text {
color: #ec6608;
}
.btn-secondary:hover .btn-secondary__arrow {
transform: translateX(1px);
}
.btn-secondary:hover .btn-secondary__arrow svg {
transform: translateX(1px);
} .main-nav__contact-mobile,
.main-nav__languages-mobile {
display: none;
}
.main-nav__contact-desktop,
.main-nav__languages-desktop {
display: inline-flex;
} @media (min-width: 992px) {
.main-nav__contact-mobile,
.main-nav__languages-mobile {
display: none !important;
}
.main-nav__contact-desktop,
.main-nav__languages-desktop {
display: inline-flex !important;
} .main-nav--menu-open .main-nav__contact-desktop {
order: 1;
}
.main-nav--menu-open .main-nav__menu {
order: 2;
}
.main-nav--menu-open .main-nav__languages-desktop {
order: 3;
}
.main-nav--menu-open .main-nav__toggle {
order: 4;
}
}
.esfera-list {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0px;
gap: 10px;
}
.conheca-esfera {
padding-top: 128px;
padding-bottom: 128px;
position: relative;
}
.conheca-esfera__container {
position: relative;
z-index: 9;
}
figure.conheca-esfera__bg {
position: absolute;
right: 0px;
top: -300px;
}
.no-sticky {
position: relative;
}
.blog-highlight__btn-more .btn-sinple {
display: flex;
align-items: center;
font-size: 12px;
gap: 20px;
text-decoration: none;
font-weight: 400;
color: #1d1d1b;
letter-spacing: 2px;
transition: all 0.5s ease;
}
.blog-highlight__btn-more .btn-sinple:hover {
color: #ec6608;
}
.blog-highlight__btn-more .btn-sinple:hover .btn-sinple-icon {
background-color: #ec6608;
scale: 1.1;
transition: all 0.5s ease;
}
.single-image__image,
.single-image__image img {
width: 100%;
height: auto;
}
.btn-sinple-icon {
width: 34px;
height: 34px;
background-color: #e5e5e5;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
transition: all 0.5s ease;
}
.container-fluid_case-img {
max-width: 1700px;
}
.featured-projects__list {
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 10px;
}
.featured-projects__list li {
font-size: 16px;
font-family: "Montserrat", sans-serif;
transition: all 0.5s ease;
}
.featured-projects__list li:hover {
color: #fff;
}
.featured-projects__list li:after {
content: "";
display: table;
width: 100%;
height: 1px;
background-color: #ffffff99;
margin-top: 10px;
transition: all 0.5s ease;
}
.featured-projects__list li:hover:after {
background-color: #fff;
}
.featured-projects__content-solucoes {
padding-right: 100px;
margin-top: 240px;
top: 0px;
}
.featured-projects__title {
position: relative;
}
.featured-projects__title-number {
position: absolute;
right: 0px;
top: 0px;
font-size: 86px;
color: #ec6608;
}
.footer-contact {
list-style: none;
padding: 0px;
margin: 0px;
display: flex;
flex-direction: column;
gap: 0px;
padding-top: 30px;
}
.footer-contact li a {
color: rgba(255, 255, 255, 0.6);
text-decoration: none;
font-family: "Outfit", sans-serif;
font-weight: 200;
font-size: 16px;
}
.text-locais {
color: #ec6608;
} footer {
padding-top: 120px;
padding-bottom: 80px;
background-color: #ffffff;
position: relative;
}
footer:after {
content: "";
width: 100%;
height: 100%;
background-color: #292927;
position: absolute;
top: 0px;
border-radius: 100px 100px 0px 0px;
}
footer .container {
position: relative;
z-index: 1;
}
.footer-menu-1 {
display: flex;
flex-direction: column;
list-style: none;
padding: 0px;
margin: 0px;
gap: 30px;
}
.footer-menu-1 a {
font-family: "Montserrat", sans-serif;
color: #fff;
text-decoration: none;
font-weight: 400;
font-size: 28px;
transition: all 0.4s ease;
}
.footer-menu-1 a:hover {
color: #ec6608;
margin-left: 20px;
} .social-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
color: rgba(255, 255, 255, 0.6);
font-size: 1.5rem;
text-decoration: none;
transition: all 0.3s ease;
border-radius: 50%;
}
.social-icon:hover {
color: #ec6608;
background-color: rgba(236, 102, 8, 0.1);
transform: translateY(-2px);
text-decoration: none;
}
.social-icon i {
display: inline-block;
}
.page-template-expertise footer,
.single-cases footer {
background-color: transparent;
}
.featured-projects__product-title br {
display: none;
}
.esfera-list li {
width: 16%;
}
.blog-highlight__title strong {
font-weight: 500;
}
.footer-menu-2 {
list-style: none;
padding: 0px;
margin: 0px;
display: flex;
flex-direction: column;
gap: 15px;
}
.footer-menu-2 a {
font-family: "Outfit", sans-serif;
color: rgba(255, 255, 255, 0.4);
text-decoration: none;
font-weight: 200;
font-size: 16px;
transition: all 0.4s ease;
}
.footer-menu-2 a:hover {
color: #fff;
}
.social-links {
padding-bottom: 30px;
}
.text-locais {
display: flex;
flex-direction: column;
justify-content: end;
}
.text-locais span {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 10px;
color: #ec6608;
text-transform: uppercase;
}
.content-footer {
padding-top: 40px;
}
.linha-footer h5 {
color: rgba(255, 255, 255, 0.9);
font-family: "Outfit", sans-serif;
font-weight: 500;
font-size: 18px;
margin-bottom: 0;
}
.text-copyright {
color: rgba(255, 255, 255, 0.6);
font-family: "Outfit", sans-serif;
font-weight: 300;
font-size: 16px;
margin-bottom: 0;
}
.linha-social-footer {
display: flex;
flex-direction: column;
justify-content: end;
}
.linha-desenvolvido {
padding-top: 60px;
}
.linha-desenvolvido p {
font-size: 15px;
color: rgba(255, 255, 255, 0.6);
font-family: "Montserrat", sans-serif;
font-weight: 400;
margin-bottom: 0;
display: flex;
align-items: center;
gap: 8px;
}
.li-esfera a {
position: relative;
display: inline-flex;
align-items: center;
}
.li-esfera a .icon-esfera {
position: absolute;
bottom: -1px;
right: -50px;
width: 30px;
height: 31px;
object-fit: contain;
transition:
width 0.3s ease,
height 0.3s ease;
}
.li-esfera a:hover .icon-esfera {
width: 40px;
height: 39px;
} .cards-projetos-section {
padding-top: 120px;
overflow: hidden;
}
.cards-projetos-mobile {
display: none;
}
.cards-projetos-swiper {
width: 100%;
}
.cards-projetos-swiper .swiper-wrapper {
align-items: stretch;
}
.card-projeto-item-mobile {
display: block;
text-decoration: none;
color: inherit;
border-radius: 24px;
overflow: hidden;
}
.card-projeto-item-mobile .card-projeto-content,
.card-projeto-item-mobile .card-projeto-image,
.card-projeto-item-mobile .card-projeto-overlay,
.card-projeto-item-mobile .card-projeto-image img {
border-radius: 24px;
}
.cards-projetos-pagination {
position: relative;
margin-top: 18px;
text-align: center;
}
.cards-projetos-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
opacity: 0.5;
background: transparent;
margin: 0 6px !important;
border: 1px solid #ec6608;
}
.cards-projetos-pagination .swiper-pagination-bullet-active {
opacity: 1;
background: #ec6608;
}
.cards-projetos-container {
display: flex;
justify-content: center;
align-items: stretch;
gap: 0; min-height: 560px;
flex-wrap: nowrap;
width: 100%;
margin: 0 auto;
}
.card-projeto-item {
position: relative;
border-radius: 40px;
overflow: hidden;
cursor: pointer;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
flex: 1; height: 760px;
margin: 0 2px; display: block;
text-decoration: none;
color: inherit;
}
.card-projeto-item.active {
flex: 8; opacity: 1;
z-index: 10;
}
.card-projeto-content {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 40px;
}
.card-projeto-image {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 20px;
}
.card-projeto-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
border-radius: 20px;
}
.card-projeto-item.active .card-projeto-image img {
transform: scale(1);
}
.card-projeto-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.1) 0%,
rgba(0, 0, 0, 0.3) 70%,
rgba(0, 0, 0, 0.85) 100%
);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 32px 28px;
color: #fff;
opacity: 0;
transition: opacity 0.35s ease;
z-index: 2;
border-radius: 20px;
}
.card-projeto-item.active .card-projeto-overlay {
opacity: 1;
}
.card-projeto-info {
text-align: left;
display: flex;
flex-direction: column;
gap: 12px;
}
.card-projeto-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.card-projeto-tag {
display: inline-block;
padding: 2px 9px;
font-size: 10px;
font-weight: 300;
font-family: "Montserrat", sans-serif;
color: #fff;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 0.02em;
background-color: #ec6608;
}
.card-projeto-titulo br {
display: none;
}
.card-projeto-titulo {
font-family: "Montserrat", sans-serif;
font-size: 40px;
font-weight: 500;
color: #fff;
margin: 0;
}
.card-projeto-item:not(.active):hover {
opacity: 0.95;
transform: translateY(-4px);
}
h3.featured-projects__product-title.h2 {
font-size: 32px;
font-weight: 300;
font-family: "Montserrat", sans-serif;
color: #ececec;
}
.featured-projects__product-content {
margin-top: 30px;
transform: translateY(0);
transition: transform 0.4s ease;
will-change: transform;
}
.featured-projects__image-wrapper:hover .featured-projects__product-content {
transform: translateY(-10px);
}
.btn-load-more {
color: #1d1d1b;
text-transform: uppercase;
font-size: 12px;
font-weight: 300;
font-family: "Montserrat", sans-serif;
text-decoration: none;
transition: all 0.4s ease;
display: inline-flex;
justify-content: center;
gap: 8px;
align-items: center;
background: transparent;
border: none;
cursor: pointer;
padding: 0;
}
.btn-load-more:hover {
color: #ec6608;
transform: translateY(-4px);
}
.btn-load-more.loading,
.btn-load-more:disabled {
opacity: 0.7;
cursor: wait;
}
.page-template-projetos footer {
background-color: transparent;
}
.page-template-a-dot footer {
background-color: transparent;
}
.dot-team-section {
border-radius: 100px 100px 0 0;
}
.dot-team-section h4 {
color: #1d1d1b;
font-weight: 600;
font-size: 24px;
font-family: "Montserrat", sans-serif;
margin-bottom: 24px;
}
.dot-team-section p {
color: #1d1d1b;
font-weight: 300;
font-size: 16px;
}
.img-team-section {
position: relative;
padding-top: 60px;
}
.img-dot-section {
margin-left: -10%;
}
.container-blog-destaque {
display: flex;
justify-content: center;
}
.card-one-destaque {
position: relative;
}
.card-one-destaque::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
border-radius: 40px;
overflow: hidden;
z-index: 1;
}
.span-categoria {
position: absolute;
top: 30px;
left: 30px;
z-index: 2;
}
.span-categoria span {
font-size: 12px;
font-weight: 600;
font-family: "Montserrat", sans-serif;
color: #ec6608;
background-color: #1d1d1b;
padding: 4px 12px;
border-radius: 16px;
text-transform: uppercase;
letter-spacing: 16%;
}
.two-cards-destaque {
display: flex;
flex-direction: column;
gap: 10px;
}
.card-one-destaque__image {
overflow: hidden;
border-radius: 40px;
}
.card-one-destaque__image figure {
margin: 0;
}
.card-one-destaque__image img {
width: 100%;
display: block;
border-radius: 40px;
transition: transform 0.4s ease;
}
a:hover .card-one-destaque__image img {
transform: scale(1.05);
}
.card-one-destaque__content {
position: absolute;
bottom: 30px;
left: 30px;
padding-right: 50px;
z-index: 2;
}
.card-one-destaque__content h3 {
color: #fff;
font-size: 56px;
font-weight: 500;
font-family: "Montserrat", sans-serif;
margin-bottom: 20px;
transition: all 0.4s ease;
}
a:hover .card-one-destaque__content h3 {
margin-bottom: 25px;
}
.card-one-destaque__content p {
color: #fff;
font-size: 24px;
font-weight: 200;
font-family: "Outfit", sans-serif;
margin-bottom: 0;
}
.two-cards-destaque .card-one-destaque__content h3 {
font-size: 36px;
}
.container-blog-destaque .col-lg-6 {
padding-right: 0;
}
.card-one-destaque__content time {
color: #fff;
font-size: 12px;
font-weight: 300;
font-family: "Outfit", sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
}
.seta-icon img {
width: 50px;
height: 50px;
}
@media (max-width: 767.98px) { .card-one-destaque__content h3 {
font-size: 28px;
}
.card-one-destaque__content p {
font-size: 16px;
}
.two-cards-destaque .card-one-destaque__content h3 {
font-size: 22px;
}
}
.conteudos-section h3 {
font-size: 36px;
color: #1d1d1b;
font-weight: 300;
}
.conteudos-section h3 b {
color: #ec6608;
font-weight: 500;
}
a:hover .conteudos-section h3 b {
color: #ec6608;
}
input#conteudos-search {
border-radius: 70px;
background: rgba(29, 29, 27, 0.04);
border: none;
padding: 15px 30px;
width: 100%;
}
input#conteudos-search::placeholder {
font-size: 12px;
font-weight: 500;
font-family: "Montserrat", sans-serif;
}
form.conteudos-section__search {
position: relative;
}
button.conteudos-section__search-btn {
position: absolute;
right: 10px;
bottom: 10px;
border-radius: 20px;
background: #1d1d1b;
border: none;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.content-busca {
text-align: end;
}
.destaque-single .card-one-destaque__content h3 {
font-size: 28px;
color: #ffffff;
font-weight: 500;
margin-top: 8px;
}
.destaque-single .card-one-destaque__content p {
font-size: 16px;
}
.card-one-ultima-publicacao-wrap a {
text-decoration: none;
display: flex;
align-items: center;
gap: 20px;
}
.card-one-ultima-publicacao-wrap a p {
font-size: 14px;
color: #1d1d1b;
font-weight: 500;
font-family: "Montserrat", sans-serif;
margin-bottom: 0;
transition: all 0.4s ease;
}
.card-one-ultima-publicacao-wrap a:hover p {
color: #ec6608;
}
.ultimas-publicacoes ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 20px;
}
.card-one-ultima-publicacao-wrap figure {
margin: 0;
overflow: hidden;
border-radius: 20px;
}
.card-one-ultima-publicacao-wrap figure img {
width: 100%;
transition: all 0.4s ease;
overflow: hidden;
border-radius: 20px;
}
.card-one-ultima-publicacao-wrap a:hover figure img {
transform: scale(1.08);
}
.categorias ul {
list-style: none;
padding: 0;
margin: 0;
padding-left: 18px;
display: flex;
flex-direction: column;
gap: 20px;
}
.categorias ul li a {
text-decoration: none;
font-size: 14px;
font-style: normal;
font-weight: 600;
font-family: "Outfit", sans-serif;
color: #1d1d1b;
text-transform: uppercase;
transition: all 0.4s ease;
}
.categorias ul li a:hover {
color: #ec6608;
}
.conteudo-lateral h3 {
font-size: 24px;
font-weight: 300;
color: #1d1d1b;
margin-bottom: 16px;
}
.conteudo-lateral b {
color: #ec6608;
font-weight: 500;
}
.margin-lateral {
margin-bottom: 32px;
}
.conteudo-lateral hr {
border: 1px solid #ec6608;
margin-bottom: 32px;
margin-top: 32px;
}
.single-post-content__text p,
.single-post-content__text li {
color: #3b3c4a;
font-weight: 400;
font-size: 16px;
font-family: "Montserrat", sans-serif;
}
.single-post h1 {
font-size: 64px;
color: #1d1d1b;
font-weight: 500;
}
.single-post-content__text li::marker {
color: #ec6608;
}
.single-post-content__text li b {
color: #ec6608;
font-weight: 500;
}
.single-post-content__text h2,
.single-post-content__text h3,
.single-post-content__text h4,
.single-post-content__text h5,
.single-post-content__text h6 {
color: #1d1d1b;
font-weight: 500;
}
.sociais ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 10px;
}
.sociais ul li img {
border-radius: unset;
}
.sociais {
padding-top: 60px;
}
.bg-gray {
background-color: #f2f2f2;
}
.bg-gray h2 {
font-size: 36px;
color: #1d1d1b;
font-weight: 300;
font-family: "Montserrat", sans-serif;
}
.bg-gray h2 b {
color: #ec6608;
font-weight: 500;
}
.single-post-related__categoria {
display: flex;
align-items: center;
gap: 45px;
padding-top: 20px;
padding-bottom: 20px;
}
.cat-time-wrap {
display: flex;
align-items: center;
gap: 10px;
}
.cat-time-wrap span {
color: #ec6608;
font-weight: 500;
font-family: "Outfit", sans-serif;
text-transform: uppercase;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
}
.cat-time-wrap time {
color: rgba(29, 29, 27, 0.5);
font-weight: 500;
font-family: "Outfit", sans-serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
}
.single-post-related-wrap a {
text-decoration: none;
}
.conheca-esfera_title br {
display: none;
}
.single-post-related-wrap h4 {
color: #1d1d1b;
font-size: 22px;
font-weight: 500;
transition: all 0.4s ease;
}
.single-post-related-wrap a:hover h4 {
color: #ec6608;
}
.linha-relacionados {
padding-top: 40px;
}
.single-post-related-wrap figure {
margin: 0;
overflow: hidden;
border-radius: 24px;
}
.single-post-related-wrap figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 24px;
transition: all 0.4s ease;
}
.single-post-related-wrap a:hover figure img {
transform: scale(1.08);
}
.seta-icon {
position: relative;
display: inline-block;
}
.seta-icon img {
transition: opacity 0.4s ease;
display: block;
}
.seta-icon .seta-hover {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.single-post-related-wrap a:hover .seta-icon .seta-default,
.blog-highlight__post:hover .seta-icon .seta-default {
opacity: 0;
}
.single-post-related-wrap a:hover .seta-icon .seta-hover,
.blog-highlight__post:hover .seta-icon .seta-hover {
opacity: 1;
}
.search-page__header {
display: flex;
align-items: center;
gap: 24px;
}
.search-page__header h1 {
font-size: 36px;
color: #1d1d1b;
font-family: Montserrat;
margin-bottom: 0;
}
.search-page__header h1 b {
color: #ec6608;
font-weight: 500;
}
.single-post-content__image img {
width: 100%;
height: auto;
border-radius: 24px;
}
.content-destaque-categoria {
display: flex;
align-items: center;
gap: 36px;
padding-top: 40px;
}
.single-post-content__text img {
width: 100%;
border-radius: 24px;
margin-bottom: 24px;
max-width: 100%;
height: auto;
}
.content-destaque-categoria-wrap a {
text-decoration: none;
}
.content-destaque-categoria__content h2 {
font-size: 40px;
color: #1d1d1b;
font-weight: 500;
margin-bottom: 24px;
}
.content-destaque-categoria__content p {
margin-bottom: 24px;
}
.ler-artigo {
display: flex;
align-items: center;
gap: 20px;
}
.ler-artigo span {
font-size: 14px;
color: #1d1d1b;
font-weight: 500;
font-family: "Outfit", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
}
.content-destaque-categoria__meta {
padding-bottom: 24px;
}
.content-destaque-categoria figure img {
width: 100%;
border-radius: 24px;
height: auto;
}
.card-one-ultima-publicacao__content {
width: 250px;
}
.content-destaque-categoria__content {
width: 700px;
}
.single-post-content__meta span {
font-size: 14px;
color: #ec6608;
font-weight: 500;
font-family: "Outfit", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
}
.single-post-content__meta time {
font-size: 14px;
color: rgba(29, 29, 27, 0.5);
font-weight: 500;
font-family: "Outfit", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
}
.single-post-content__meta {
padding-top: 60px;
padding-bottom: 60px;
}
.design-simplify__item {
padding-top: 60px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 60px;
transition: all 0.65s ease;
position: relative;
}
.design-simplify__item::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 3px;
width: 0;
background-color: #ec6608;
transition: width 0.65s ease;
}
.design-simplify__item:hover {
background-color: #ebebeb;
}
.design-simplify__item:hover::before {
width: 100%;
}
.design-simplify__item--active {
background-color: #ebebeb;
}
.design-simplify__item--active::before {
width: 100%;
}
.page-template-expertise .hero-banner__background-mobile {
display: none;
}
.design-simplify__item h5 {
margin-bottom: 30px;
transition: all 0.65s ease;
}
.design-simplify__item:hover h5 {
margin-bottom: 20px;
}
.design-simplify__item--active h5 {
margin-bottom: 20px;
}
.form-control {
border-radius: 70px;
border: 1px solid transparent;
padding: 24px 32px;
font-size: 16px;
font-weight: 300;
font-family: "Outfit", sans-serif;
color: #fff;
background: rgba(242, 242, 242, 0.08);
}
.single-post-content__text h1 {
font-size: 40px;
}
.form-control::placeholder {
color: #fff;
font-size: 18px;
font-weight: 200;
font-family: "Montserrat", sans-serif;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control.textarea-dark {
border-radius: 32px;
}
.form-control:focus {
border-color: #ec6608;
box-shadow: 0 0 0 0.25rem rgba(236, 102, 13, 0.25);
background: rgba(242, 242, 242, 0.08);
color: #fff;
} .contato-form--rdstation input[type="text"],
.contato-form--rdstation input[type="email"],
.contato-form--rdstation input[type="tel"],
.contato-form--rdstation input[type="number"],
.contato-form--rdstation input[type="url"],
.contato-form--rdstation input[type="search"],
.contato-form--rdstation input[type="password"],
.contato-form--rdstation select,
.contato-form--rdstation textarea,
#formulario-site-a2ab2a4219b54f0ceb98 input[type="text"],
#formulario-site-a2ab2a4219b54f0ceb98 input[type="email"],
#formulario-site-a2ab2a4219b54f0ceb98 input[type="tel"],
#formulario-site-a2ab2a4219b54f0ceb98 input[type="number"],
#formulario-site-a2ab2a4219b54f0ceb98 input[type="url"],
#formulario-site-a2ab2a4219b54f0ceb98 input[type="search"],
#formulario-site-a2ab2a4219b54f0ceb98 input[type="password"],
#formulario-site-a2ab2a4219b54f0ceb98 select,
#formulario-site-a2ab2a4219b54f0ceb98 textarea {
border-radius: 70px;
border: 1px solid transparent;
padding: 24px 32px;
font-size: 16px;
font-weight: 300;
font-family: "Outfit", sans-serif;
color: #fff;
background: rgba(242, 242, 242, 0.08) !important;
outline: none;
width: 100%;
}
.contato-form--rdstation textarea,
#formulario-site-a2ab2a4219b54f0ceb98 textarea {
border-radius: 32px;
resize: vertical;
min-height: 140px;
background: rgba(242, 242, 242, 0.08) !important;
}
#rd-form-lrkmtz8y .bricks-form__input {
background: rgba(242, 242, 242, 0.08) !important;
}
textarea#rd-text_area_field-lrkn3rl8 {
background: rgba(242, 242, 242, 0.08) !important;
border: 1px solid transparent !important;
} textarea#rd-text_area_field-lrkn3rl8,
.contato-form--rdstation textarea[id^="rd-text_area_field-"],
.contato-form--rdstation textarea[id^="rd-"],
#formulario-site-a2ab2a4219b54f0ceb98 textarea[id^="rd-text_area_field-"],
#formulario-site-a2ab2a4219b54f0ceb98 textarea[id^="rd-"] {
border-radius: 32px;
background: rgba(242, 242, 242, 0.08) !important;
}
#rd-form-lrkmtz8y .with-select-flags > .phone-input-group > .phone-country {
background: transparent !important;
}
#rd-form-lrkmtz8y .bricks-form__input:not(textarea) { 
padding: 24px 32px !important;
height: auto !important;
}
#rd-column-lrkmtz8x > div {
background-color: transparent !important;
}
section#rd-section-lrkmtz8r {
background: transparent !important;
}
#rd-form-lrkmtz8y .bricks-form__input {
background-color: transparent !important;
}
.contato-form--rdstation input::placeholder,
.contato-form--rdstation textarea::placeholder,
#formulario-site-a2ab2a4219b54f0ceb98 input::placeholder,
#formulario-site-a2ab2a4219b54f0ceb98 textarea::placeholder {
color: #fff;
font-size: 18px;
font-weight: 200;
font-family: "Montserrat", sans-serif;
}
#rdstation-bricks-embeddable-form-bricks-component-IcoGkh_Ke91Hl2DhGhtEzQ .bricks--component {
font-family: "Outfit", sans-serif !important;
background: transparent !important;
}
#rd-section-lrknd1dm {
background-color: transparent !important;
}
#rd-column-lrknd1ds > div {
background-color: transparent !important;
}
input#rd-text_field-lrkou4ls {
border-radius: 70px !important;
height: auto !important;
border: 1px solid transparent !important;
padding: 24px 32px !important;
font-size: 16px !important;
font-weight: 300 !important;
font-family: "Outfit", sans-serif !important;
color: #fff !important;
background: rgba(242, 242, 242, 0.08) !important;
}
input#rd-email_field-lrkou4lt {
border-radius: 70px !important;
height: auto !important;
border: 1px solid transparent !important;
padding: 24px 32px !important;
font-size: 16px !important;
font-weight: 300 !important;
font-family: "Outfit", sans-serif !important;
color: #fff !important;
background: rgba(242, 242, 242, 0.08) !important;
}
.contato-form--rdstation input:focus,
.contato-form--rdstation select:focus,
.contato-form--rdstation textarea:focus,
#formulario-site-a2ab2a4219b54f0ceb98 input:focus,
#formulario-site-a2ab2a4219b54f0ceb98 select:focus,
#formulario-site-a2ab2a4219b54f0ceb98 textarea:focus {
border-color: #ec6608;
box-shadow: 0 0 0 0.25rem rgba(236, 102, 13, 0.25);
background: rgba(242, 242, 242, 0.08);
color: #fff;
}
.contato-form--rdstation button[type="submit"],
.contato-form--rdstation input[type="submit"],
#formulario-site-a2ab2a4219b54f0ceb98 button[type="submit"],
#formulario-site-a2ab2a4219b54f0ceb98 input[type="submit"] {
display: inline-flex;
align-items: center;
gap: 20px;
background-color: #ec6608;
color: #1d1d1b;
padding: 10px 60px 10px 40px;
border-radius: 999px;
text-decoration: none;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
transition: all 0.3s ease;
border: none;
cursor: pointer;
height: 60px;
}
.contato-form--rdstation button[type="submit"]:hover,
.contato-form--rdstation input[type="submit"]:hover,
#formulario-site-a2ab2a4219b54f0ceb98 button[type="submit"]:hover,
#formulario-site-a2ab2a4219b54f0ceb98 input[type="submit"]:hover {
background-color: #f87a23;
text-decoration: none;
}
.contato-form--rdstation input[type="checkbox"],
#formulario-site-a2ab2a4219b54f0ceb98 input[type="checkbox"] {
border-radius: 3px;
border: 1px solid #ec6608;
background: rgba(242, 242, 242, 0.08);
margin: 0;
}
.contato-form--rdstation label,
#formulario-site-a2ab2a4219b54f0ceb98 label {
display: flex;
align-items: center;
gap: 10px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-red {
display: inline-flex;
align-items: center;
gap: 20px;
background-color: #ec6608;
color: #1d1d1b;
padding: 10px 60px 10px 40px;
border-radius: 999px;
text-decoration: none;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
transition: all 0.3s ease;
border: none;
cursor: pointer;
height: 60px;
}
#rd-button-lrknd1dw.bricks--component-button {
display: inline-flex !important;
align-items: center !important;
gap: 20px;
background-color: #ec6608 !important;
color: #1d1d1b !important;
padding: 10px 60px 10px 40px;
border-radius: 999px !important;
text-decoration: none;
font-family: "Montserrat", sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
text-transform: uppercase;
letter-spacing: 2px !important;
transition: all 0.3s ease;
border: none !important;
cursor: pointer;
height: 60px !important;
}
#rdstation-bricks-embeddable-form-bricks-component-IcoGkh_Ke91Hl2DhGhtEzQ .bricks-form__submit {
width: 70% !important;
}
#rd-button-lrknd1dw.bricks--component-button::after {
content: "";
position: absolute;
top: 32px;
right: 22px;
background-image: url(//s-dot.com.br/wp-content/themes/dot/assets/img/btn-content-aft.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 30px;
height: 30px;
transition: all 0.4s ease;
}
.btn-container {
text-align: end;
position: relative;
}
.btn-container::after {
content: "";
position: absolute;
top: 14px;
right: 22px;
background-image: url(//s-dot.com.br/wp-content/themes/dot/assets/img/btn-content-aft.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 30px;
height: 30px;
transition: all 0.4s ease;
}
.btn-container:hover::after {
transform: translateX(10px);
}
.content-btn-enviar-form {
display: flex;
justify-content: end;
}
.contato-info p {
margin-bottom: 3px;
}
.contato-info {
padding-top: 50px;
padding-bottom: 50px;
}
span.wpcf7-list-item-label {
font-size: 11px;
font-family: "Montserrat", sans-serif;
font-weight: 300;
color: #fff;
opacity: 0.5;
}
.wpcf7-list-item {
margin: 0px;
}
span.wpcf7-form-control.wpcf7-acceptance label {
display: flex;
align-items: center;
gap: 10px;
}
.form-check-input[type="checkbox"] {
border-radius: 3px;
border: 1px solid #ec6608;
background: rgba(242, 242, 242, 0.08);
margin: 0;
}
.featured-projects__badges {
position: absolute;
z-index: 2;
top: 24px;
left: 24px;
display: flex;
gap: 16px;
}
.single-cases .featured-projects__badges {
position: unset;
}
.page-template-a-dot .btn-load-more {
color: #fff;
}
.newsletter-popup__col .content-btn-enviar-form {
display: flex;
justify-content: flex-start;
}
.newsletter-popup__title {
font-size: 68px;
}
.newsletter-popup__title strong {
color: #ec6608;
}
.hero-banner__subtitle {
font-size: 16px;
}
.slider-section {
padding-bottom: 60px;
}
.conheca-esfera__container p {
line-height: 39px;
font-size: 22px;
line-height: 128%;
}
.esfera-list li img {
width: 100%;
opacity: 0.5;
}
.design-simplify__item p {
line-height: 130%;
font-weight: 300;
}
p.contexto-projeto {
font-size: 12px;
font-weight: 500;
color: #fff;
opacity: 0.6;
text-transform: uppercase;
line-height: 24px;
letter-spacing: 2px;
font-family: "Montserrat", sans-serif;
}
.single-hero-banner__text {
color: #fff;
}
.single-hero-banner p {
color: #fff;
}
.content-single p {
color: #fff;
font-weight: 300;
font-size: 16px;
line-height: 24px;
font-family: "Montserrat", sans-serif;
}
figure.single-image__image {
margin-bottom: 10px;
}
.newsletter-section__row .h1 {
font-size: 64px !important;
}
.linha-imagem-two .col-md-6 {
padding-left: 0;
padding-right: 10px;
}
.blog-highlight__body h4 br {
display: none !important;
}
.title-single-cases-relacionados h2 {
font-weight: 300;
color: #1d1d1b;
}
.title-single-cases-relacionados h2 strong {
color: #ec6608;
}
.hero-banner__title strong {
font-weight: 500;
}
.jornada-section__title strong {
font-weight: 600;
}
h2.dot-team-section__title.h1 {
font-size: 64px;
line-height: 114%;
}
h2.dot-team-section__title.h1 b {
font-weight: 500;
}
.title-projetos-destaque {
font-weight: 600;
}
.projects-section h2.h1 strong {
font-weight: 600;
}
.wpp-btn {
position: fixed;
bottom: 50px;
right: 0;
padding: 13px 23px;
cursor: pointer;
z-index: 99999;
}
.wpp-image {
width: 46px;
}
span.btn-load-more__arrow {
border-radius: 20px;
background: rgba(255, 255, 255, 0.1);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s ease;
}
h1.single-hero-banner__title {
line-height: 96%;
margin-bottom: 24px;
} .single-case-hero-stack {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.single-case-hero-stack .single-case-hero-stack__hero {
order: 1;
}
.logo-header { 
margin-left: 20px;
}
#rd-button-lrknd1dw.bricks--component-button::after {
display: none !important;
}
.single-case-hero-stack .single-case-hero-stack__featured {
order: 2;
}
}
@media (max-width: 767.98px) { .single-case-hero-stack.has-featured-thumb
.single-case-hero-stack__featured.single-image {
padding-top: 180px;
padding-bottom: 0;
}
.single-case-hero-stack.has-featured-thumb
section.single-hero-banner.pt-120.pb-120 {
padding-top: 48px;
}
}
.single-post-content__text a {
text-decoration: none;
color: #ec6608;
transition: all 0.4s ease;
}
.single-post-content__text a:hover {
color: #ec6608;
opacity: 0.8;
}
#blog-load-more-wrap .btn-load-more {
color: #1d1d1b;
letter-spacing: 2px;
font-weight: 500;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
font-size: 12px;
}
.page-template-blog footer {
background: transparent;
}
.single footer {
background: transparent;
}
.btn-esfera {
padding: 8px 20px;
background-color: #f87a23;
border-radius: 24px;
font-size: 16px;
font-weight: 600;
display: inline-block;
color: #fff;
}
.linha-footer-mobile {
display: none;
}
.linha-footer-desktop {
display: flex;
}
.desafio-section {
position: relative;
}
.detalhe-desafio img {
position: absolute;
bottom: -90px;
right: 0;
z-index: 0;
}
.single-cases header.blog-highlight__meta {
gap: 0;
padding-right: 40px;
}
.blog-highlight {
position: relative;
z-index: 2;
}
.nav-mobile {
display: none;
}
.page-template-a-dot .detalhe-desafio {
display: none;
}
.page-template-contato-php footer {
background: transparent;
}
.hero-banner__content p.text-copyright {
color: rgba(255, 255, 255, 0.6);
}
.category-page hr {
color: #EC6608;
border: 1px solid;
opacity: 1;
}
footer {
position: relative;
}
.btn-topo {
position: absolute;
bottom: 310px;
right: 5%;
z-index: 1000;
opacity: 0.4;
transition: all 0.4s ease;
}
.btn-topo:hover {
opacity: 1;
}
.btn-topo a {
text-decoration: none;
display: flex;
flex-direction: column;
align-items: center;
gap: 75px;
opacity: 0.4;
}
.btn-topo a span {
transform: rotate(270deg);
color: #fff;
font-size: 12px;
font-weight: 500;
font-family: "Outfit", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
}
.img-dot-mobile {
display: none;
}
.contato-info-mobile {
display: none;
}
.contato-info-desktop {
display: block;
}
h2.h1.conheca-esfera_title {
font-size: 68px;
}
.page-template-expertise .hero-banner__image {
left: auto;
max-width: 50%;
opacity: 1;
right: 0;
}
.page-template-expertise .hero-banner__background {
top: 251px;
left: auto;
right: 0;
}
.projects-section .newsletter-section__row .h1 {
font-size: 84px !important;
}
.btn-single-espaco {
padding-top: 80px;
}
.hero-banner__background-mobile {
display: none;
}
#rd-form-lrkmtz8y .select2-container .select2-choice {
border-radius: 30px;
}
#rd-form-lrkmtz8y .with-select-flags > .phone-input-group > .phone-country {
background: transparent !important;
border-radius: 50px 0px 0px 50px !important;
}
#rd-form-lrkmtz8y .with-select-flags > .phone-input-group {
border-radius: 50px !important;
background-color: rgba(242, 242, 242, 0.08) !important;
}
#rd-form-lrkmtz8y .select2-container .select2-choice {
background: transparent !important;
border-radius: 30px;
}
#rd-form-lrkmtz8y .with-select-flags > .phone-input-group > .phone-country {
display: flex !important;
align-items: center;
}
button#rd-button-lrkmtz91 {
border-radius: 30px !important;
}
.cky-notice .cky-title {
font-weight: 400 !important;
}
.error404 footer {
background: transparent !important;
}
button.cky-btn.cky-btn-accept {
border-radius: 30px;
background: #ec6608 !important;
border-color: #ec6608 !important;
color: #1d1d1b !important;
font-weight: 400 !important;
}
button.cky-btn.cky-btn-reject {
border-radius: 30px;
border-color: #ec6608 !important;
color: #ec6608 !important;
font-weight: 400 !important;
}
button.cky-btn.cky-btn-customize {
border-radius: 30px;
border-color: #1d1d1b !important;
color: #1d1d1b !important;
font-weight: 400 !important;
} @media (max-width: 768px) {
.cards-projetos-section {
padding: 40px 0;
}
.btn-single-espaco {
padding-top: 50px;
}
.hero-banner__background-mobile {
display: block;
}
.hero-banner__background-sobre-mobile {
display: block;
}
.hero-banner__background-sobre {
display: none;
}
.social-links {
gap: 10px;
}
.main-nav__contact-mobile {
margin-top: 0px;
}
.single-post-content__text h1 {
font-size: 32px;
}
.clients-items {
padding-top: 40px;
}
.page-template-home main {
overflow: hidden;
}
.page-template-expertise .hero-banner__row {
padding-bottom: 0;
}
.cards-projetos-container {
display: none;
}
.cards-projetos-mobile {
display: block;
padding-left: 6px;
padding-right: 6px;
}
.main-header .container-fluid {
padding-left: 12px;
padding-right: 12px;
}
.card-projeto-item-mobile {
height: 420px;
}
footer {
padding-top: 60px;
}
.linha-desenvolvido p {
justify-self: center;
}
.card-projeto-overlay {
padding: 18px 20px;
}
.card-projeto-titulo {
font-size: 1.35rem;
}
}
.hero-banner__background-contato img {
height: auto;
} .error404 .hero-banner.hero-banner-404 .hero-banner__row {
padding-top: 240px;
padding-bottom: 240px;
min-height: 100vh;
align-items: center;
}
.error404 .hero-banner-404__actions .btn-secondary__text {
color: #fff;
}  @media (min-width: 768px) {
.hero-banner__background-contato .hero-banner__image {
left: 16%;
top: 0;
}
.hero-banner__image {
left: -5%;
max-width: 50%;
opacity: 1;
}
} @media (min-width: 768px) {
.main-nav__menu--open {
padding: 1rem 1rem 1rem 2rem;
max-width: 900px;
}
.main-nav__list {
gap: 2.5rem;
}
} @media (min-width: 576px) {
.featured-projects__content {
max-width: 270px; }
}
@media (min-width: 768px) {
.featured-projects__content {
max-width: 360px; }
}
@media (min-width: 992px) {
.featured-projects__content {
max-width: 480px; }
}
@media (min-width: 1200px) {
.featured-projects__content {
max-width: 570px; }
}
@media (min-width: 1400px) {
.featured-projects__content {
max-width: 660px; }
}
@media (max-width: 1399.98px) {
.card-one-destaque__content h3 {
font-size: 34px;
}
.newsletter-popup__text {
font-size: 16px;
}
.newsletter-popup__container.container::before {
top: 29%;
left: 12%;
width: 420px;
}
.img-dot-section img {
width: 60%;
}
.newsletter-section__title.h1 {
font-size: 4rem;
}
.featured-projects__content-solucoes {
margin-top: 150px;
}
.content-footer {
padding-top: 70px;
}
.content-footer p {
font-size: 14px;
}
.text-copyright {
font-size: 14px;
}
.text-locais span {
font-size: 9px;
}
.newsletter-section__col {
gap: 50px;
}
.footer-menu-1 {
gap: 10px;
}
.btn-main {
padding: 8px 8px 8px 25px;
}
.hero-banner__image {
left: -20%;
max-width: 42%;
opacity: 1;
top: 24px;
}
.content-destaque-categoria__content {
width: 50%;
}
.card-one-destaque__content p {
font-size: 18px;
}
.two-cards-destaque .card-one-destaque__content h3 {
font-size: 26px;
}
h1,
.h1 {
font-size: 4.2rem;
}
.col-12.newsletter-section__col.h1 {
font-size: 4rem;
}
.design-simplify__title {
font-size: 3rem;
}
.img-dot-section {
margin-left: -6%;
}
.card-one-destaque__content {
bottom: 20px;
}
.two-cards-destaque .card-one-destaque__content {
bottom: 0px;
}
}
@media (max-width: 1199.98px) {
p {
font-size: 16px;
}
.hero-banner__background-sobre::after {
width: 70%;
}
.newsletter-popup__title {
font-size: 52px;
}
.newsletter-popup__container.container::before {
left: 7%;
}
.featured-projects__content {
max-width: 100%;
}
.hero-banner__image {
left: -20%;
max-width: 40%;
opacity: 1;
top: 17px;
}
.content-destaque-categoria__content h2 {
font-size: 28px;
}
.ler-artigo span {
font-size: 12px;
}
.card-one-destaque__content h3 {
font-size: 26px;
}
.two-cards-destaque .card-one-destaque__content h3 {
font-size: 20px;
}
.card-one-destaque__content time {
font-size: 12px;
}
.img-dot-section {
margin-left: 0;
text-align: center;
}
.img-dot-section img {
width: 100%;
height: auto;
}
.pb-120 {
padding-bottom: 90px;
}
.pt-120 {
padding-top: 90px;
}
h1,
.h1 {
font-size: 4.2rem;
}
h2,
.h2 {
font-size: 2rem;
}
.featured-projects__content-solucoes {
padding-right: 60px;
}
.footer-menu-1 a {
font-size: 24px;
}
.footer-menu-1 {
gap: 24px;
}
.single-post h1 {
font-size: 38px;
}
.card-projeto-titulo {
font-size: 34px;
}
.single-post h1 {
font-size: 48px;
}
} @media (max-width: 991.98px) {
.featured-projects__title {
font-size: 2.5rem;
}
.hero-banner__background-sobre::after {
display: none;
}
.newsletter-popup__container.container::before {
left: 12%;
top: 7%;
}
.newsletter-popup__container.container {
padding-top: 180px;
}
.search-page__header h1 {
font-size: 26px;
}
.container-blog-destaque .row {
row-gap: 30px;
} .blog-section .two-cards-destaque {
gap: 12px;
}
.blog-section .card-one-destaque--featured .card-one-destaque__image,
.blog-section .card-one-destaque--compact .card-one-destaque__image {
position: relative;
overflow: hidden;
width: 100%;
}
.blog-section .card-one-destaque--featured .card-one-destaque__image {
aspect-ratio: 3 / 4;
}
.blog-section .card-one-destaque--compact .card-one-destaque__image {
aspect-ratio: 4 / 3;
}
.blog-section .card-one-destaque--featured .card-one-destaque__image figure,
.blog-section .card-one-destaque--compact .card-one-destaque__image figure {
margin: 0;
height: 100%;
width: 100%;
}
.blog-section .card-one-destaque--featured .card-one-destaque__image img,
.blog-section .card-one-destaque--compact .card-one-destaque__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.card-one-destaque__image img {
width: 100%;
height: auto;
display: block;
}
.single-post-content__meta {
padding-top: 40px;
padding-bottom: 40px;
}
h1,
.h1 {
font-size: 2.5rem;
}
.col-12.newsletter-section__col.h1 {
font-size: 2.5rem;
}
.projetos-dot {
right: 34%;
}
.hero-banner__background {
width: 100%;
left: 0;
}
.col-with-container {
display: flex;
justify-content: left;
}
.featured-projects__image-wrapper {
border-radius: 0;
min-height: 400px;
}
.featured-projects__content {
padding: 3rem 1.5rem;
padding-left: 0px;
}
.btn-main__arrow {
width: 36px;
height: 36px;
}
br {
display: none;
}
.btn-main__arrow svg {
width: 18px;
height: 18px;
}
.projects-section .newsletter-section__row .h1 {
font-size: 42px !important;
} .main-header {
padding: 1rem 0;
}
.main-nav {
justify-content: flex-end;
}
.main-nav__menu {
position: fixed;
top: 0;
right: 0;
height: 100vh;
width: 0;
max-width: 0;
box-sizing: border-box;
background: #1a1a18!important;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-top: 0;
box-shadow: -10px 0 30px rgba(0, 0, 0, 0.6);
z-index: 1000;
overflow-y: auto;
}
.main-nav__menu--open {
width: 100vw;
max-width: 100vw;
padding-left: 30px;
padding-right: 30px;
}
.main-nav__list {
flex-direction: column;
align-items: center;
gap: 1.5rem;
width: 100%;
justify-content: center;
}
.main-nav__mobile-top {
display: flex;
width: 100%;
padding: 24px 0 34px;
align-items: center;
justify-content: space-between;
}
.main-nav__mobile-top .main-nav__languages {
padding: 0 !important;
margin: 0 !important;
gap: 14px;
}
.main-nav__close {
display: flex;
margin-left: 0;
}
.main-nav__item {
text-align: center;
width: 100%;
}
.main-nav__link {
text-align: center;
}
ul.main-nav__languages {
margin: 0;
padding: 0;
padding-right: 10px;
}
.newsletter-section__row .h1 {
font-size: 42px !important;
} .main-nav__contact-desktop,
.main-nav__languages-desktop {
display: none;
}
.main-nav__contact-mobile,
.main-nav__languages-mobile {
display: inline-flex;
}
.main-nav__contact-mobile {
margin-top: 30px;
margin-bottom: 26px;
justify-content: center;
} .main-nav--menu-open .main-nav__toggle {
opacity: 0;
pointer-events: none;
}
.linha-busca-blog {
row-gap: 30px;
}
.featured-projects .col-with-container {
order: 1;
}
.featured-projects__content-solucoes {
margin-top: 20px;
}
.container.newsletter-section__container {
position: relative;
z-index: 1;
}
}
.footer-menu-2-mobile {
display: none;
}
.social-links-mobile {
display: none;
}
@media (max-width: 768.98px) {
.projetos-dot {
right: 7%;
}
.cky-consent-container {
padding-right: 30px !important;
padding-left: 30px !important;
}
.cky-box-bottom-right {
right: 0px !important;
bottom:170px !important;
}
.testimonials-slider {
padding-top: 0px;
}
.card-one-ultima-publicacao-wrap figure img { 
border-radius: 16px;
}
.card-one-ultima-publicacao-wrap figure {
border-radius: 16px;
}
.footer-menu-2-mobile {
display: flex;
}
.social-links-mobile {
display: flex;
padding-top: 30px;
padding-bottom: 30px;
}
.social-links-desktop {
display: none !important;
}
.footer-menu-2-desktop {
display: none;
}
.btn-topo {
display: none;
}
.col-md-3.mobile-menu-1 {
display: flex;
justify-content: space-between;
}
.card-one-destaque__image img {
border-radius: 24px;
}
.span-categoria {
left: 20px;
}
.container-blog-destaque .row {
row-gap: 15px;
}
.card-one-destaque::before {
border-radius: 24px;
}
.card-one-destaque__image {
border-radius: 24px;
}
.conheca-esfera__bg img {
max-width: 238px;
width: 100%;
}
.btn-main {
height: 50px;
}
.linha-relacionados-projetos {
row-gap: 40px;
}
.cards-simplify {
row-gap: 20px;
padding-bottom: 20px;
}
.cards-projetos-section {
padding-top: 90px;
}
.newsletter-popup__container.container {
padding-top: 230px;
}
article.content-destaque-categoria-wrap {
padding-top: 30px;
}
.search-page__header {
padding-bottom: 30px;
}
.newsletter-popup__container.container::before {
top: 8%;
left: 0;
width: 100%;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-red {
padding: 3px 60px 3px 20px;
font-size: 10px;
}
.testimonials-slider__logo {
padding: 10px;
}
.testimonials-section__title br {
display: block;
}
.testimonials-slider__logo-wrap {
margin-bottom: 1.5rem;
}
.newsletter-popup__title {
font-size: 42px;
}
.content-destaque-categoria {
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
}
.content-destaque-categoria__content {
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
.single-post h1 {
font-size: 32px;
}
.content-busca.margin-lateral {
padding-top: 60px;
}
.margin-lateral { 
padding-top: 20px;
}
.content-destaque-categoria__content h2 {
font-size: 22px;
}
.card-projeto-content {
border-radius: 8px;
}
.single-image__image,
.single-image__image img {
border-radius: 8px;
}
.main-nav__menu--open {
margin-right: -14px;
margin-top: -26px;
}
.form-control::placeholder {
font-size: 16px;
}
input#conteudos-search {
width: 100%;
}
.cat-time-wrap time {
font-size: 10px;
}
.conteudos-section {
padding-top: 20px;
}
.cat-time-wrap span {
font-size: 10px;
}
.conteudos-section h3 {
font-size: 22px;
}
.single-post-related__categoria {
gap: 20px;
}
.newsletter-section__col {
flex-direction: column;
align-items: baseline;
}
.newsletter-section__col h1 {
font-size: 2rem;
}
span.newsletter-section__title.h1 {
font-size: 2rem;
}
.col-12.newsletter-section__col.h1 {
font-size: 2rem;
}
.conheca-esfera_title {
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
section.single-post.bg-white.pt-120.pb-120 {
padding-bottom: 30px;
}
.projetos-dot__circle--1,
.projetos-dot__circle--2,
.projetos-dot__circle--3 {
border-color: #ec67081a;
}
.btn-secondary {
padding: 8px 12px 8px 24px;
font-size: 12px;
}
.featured-projects__image-wrapper {
min-height: 180px;
}
.featured-projects__content {
max-width: 350px;
padding: 0;
}
.featured-projects__title-number {
top: 0px;
font-size: 80px;
right: 0px;
}
.featured-projects__content{
max-width: 100%;
}
.featured-projects__title strong {
max-width: 80%;
display: table;
}
.featured-projects__product-image {
border-radius: 32px;
}
.single-hero-banner {
padding-bottom: 0px;
}
.btn-main {
font-size: 10px;
}
.category-page hr {
margin-top: 40px;
margin-bottom: 0;
}
.col-lg-6.col-md-12.blog-highlight__btn-more {
display: none;
}
.hero-banner__content .pb-4 {
padding-bottom: 5px !important;
}
.design-simplify__title {
font-size: 2rem;
}
.design-simplify__description {
font-size: 16px;
}
.blog-highlight__meta {
margin-bottom: 8px;
}
.container {
padding-right: 30px;
padding-left: 30px;
}
.design-simplify .pb-4 {
padding-bottom: 5px !important;
}
.design-simplify .row.mt-5.pt-5 {
margin-top: 0px !important;
}
.main-nav__list {
padding-bottom: 30px;
}
.conheca-esfera_title {
font-size: 50px;
display: block;
}
.design-simplify {
padding-top: 90px;
border-radius: 40px 40px 0px 0px;
}
.conheca-esfera_title br {
display: block;
}
.design-simplify__item {
padding-top: 40px;
padding-bottom: 40px;
}
.content-footer {
padding-top: 30px;
}
figure.conheca-esfera__bg {
top: -78px;
right: 0;
}
h2.dot-team-section__title.h1 {
font-size: 42px;
margin-bottom: 20px;
}
.featured-projects__product-content {
margin-top: 15px;
}
.featured-projects__title {
font-size: 2rem;
padding-right: 60px !important;
}
h3.featured-projects__product-title.h2 {
font-size: 24px;
}
.projects-section__row {
row-gap: 40px;
}
.blog-highlight__image-wrapper {
border-radius: 15px;
}
.featured-projects__badges .badge {
font-size: 12px;
padding: 6px 10px;
}
.img-team-section {
padding-top: 30px;
}
.featured-projects__badges {
top: 14px;
left: 14px;
}
a.featured-projects__image-wrapper.mb-5 {
margin-bottom: 8px !important;
}
.testimonials-slider .swiper-button-next,
.testimonials-slider .swiper-button-prev {
top: 60%;
}
.card-projeto-tag {
font-size: 10px;
padding: 0px 9px;
}
.footer-menu-1 {
padding-top: 50px;
}
.linha-footer {
flex-direction: column;
gap: 5px;
padding-top: 30px;
}
.footer-menu-2 {
padding-top: 50px;
}
.esfera-list {
justify-content: space-between;
gap: 0px;
}
.esfera-list li {
width: 130px;
}
footer:after {
border-radius: 40px 40px 0px 0px;
}
.hero-banner__row {
min-height: 0;
}
.featured-projects {
min-height: 400px;
}
.card-projeto-titulo {
font-size: 18px;
}
.card-projeto-info {
justify-content: space-between;
height: 100%;
gap: 0px;
} .dot-team-section {
position: relative;
overflow: hidden;
border-radius: 40px 40px 0 0;
background-color: transparent !important;
}
.dot-team-section::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 80%;
background-color: #ffffff;
border-radius: inherit;
z-index: 0;
pointer-events: none;
}
.dot-team-section .container {
position: relative;
z-index: 1;
}
.hero-banner__content.col-12 {
padding-bottom: 60px;
}
.span-categoria {
top: 10px;
}
.testimonials-section {
border-radius: 0px 0px 40px 40px;
}
.single-hero-banner .row {
row-gap: 30px;
}
.blog-highlight__category {
font-size: 12px;
}
.blog-highlight__date {
font-size: 12px;
margin-left: 10px;
}
.btn-load-more {
font-size: 10px;
}
p.blog-highlight__post-summary {
font-size: 14px;
}
.page-template-expertise .hero-banner__background-mobile {
display: block;
}
.page-template-expertise .hero-banner__background {
display: none;
}
.hero-banner__background-mobile .hero-banner__image {
max-width: 100%;
opacity: 1;
top: 17px;
left: auto;
right: -1px;
top: 0;
}
.page-template-expertise .hero-banner {
padding-top: 180px;
}
.blog-highlight__post h4 {
font-size: 24px;
margin-bottom: 10px;
}
.linha-imagem-two .col-md-6 {
padding-left: 12px;
}
.hero-banner__title strong {
font-weight: 400;
}
.blog-highlight__image-wrapper {
margin-bottom: 10px !important;
}
.blog-highlight__body {
padding-right: 10px;
padding-left: 10px;
}
.newsletter-section__row .h1 {
font-size: 30px !important;
margin-top: 0px;
}
.row.form-dark-custom {
padding-top: 40px;
}
.contato-info-mobile {
display: block;
}
.dot-team-section__title br {
display: block;
}
.img-dot-mobile {
display: block;
}
.img-dot-desktop {
display: none;
}
.dot-team-section h4 {
margin-bottom: 20px;
}
.newsletter-section__col {
gap: 20px !important;
}
.conheca-esfera__container p {
font-size: 18px;
line-height: 29px;
}
.btn-main {
padding: 34px 16px 34px 26px;
}
.testimonials-slider .swiper-button-next img,
.testimonials-slider .swiper-button-prev img {
width: 34px;
height: 34px;
}
.nav-mobile {
display: flex;
position: absolute;
bottom: 20px;
justify-content: center;
width: 30%;
left: 34%;
}
.nav-desktop {
display: none;
}
.seta-icon img {
width: 36px;
height: 36px;
}
.newsletter-popup__panel {
height: 100vh;
max-height: 100vh;
}
.cards-projetos-mobile .card-projeto-overlay {
opacity: 1;
}
.cards-projetos-mobile .card-projeto-info {
height: 30%;
}
.cards-projetos-mobile .card-projeto-titulo {
font-size: 32px;
}
.dot-team-section p {
opacity: 0.8;
}
.single-hero-banner p {
font-size: 14px;
margin-bottom: 24px;
}
section.single-hero-banner.pt-120.pb-120 {
padding-top: 180px;
}
.hero-banner-sobre {
padding-top: 180px;
padding-bottom: 0;
}
.hero-banner-sobre  .hero-banner__row {
padding-bottom: 0;
}
.content-single h3 {
margin-bottom: 20px;
}
.espacamento-single {
padding-bottom: 90px;
}
section.blog-highlight.bg-white.pt-120.pb-120 {
padding-top: 180px;
}
.slider-section__item {
max-height: 140px; }
.title-projetos-destaque {
font-size: 14px;
text-transform: uppercase;
}
.contato-info-desktop {
display: none !important;
}
.hero-banner__row {
padding-top: 180px;
}
.linha-footer-mobile {
display: block;
}
.linha-footer-desktop {
display: none;
}
.linha-social-footer {
padding-top: 40px;
}
h2.h1.conheca-esfera_title {
font-size: 48px;
}
}
@media (max-width: 439.98px) {
.projetos-dot {
right: 5%;
}
.form-control {
padding: 14px 22px;
}
.form-control::placeholder {
font-size: 14px;
}
.two-cards-destaque .card-one-destaque__content h3 {
font-size: 16px;
}
.card-one-destaque__content {
left: 20px;
}
.card-one-destaque__content time {
font-size: 10px;
}
.featured-projects {
padding-bottom: 90px;
}
.featured-projects__title {
font-size: 32px;
padding-right: 60px;
}
} .single-post-content__text {
font-family: "Montserrat", sans-serif;
color: #3b3c4a;
font-size: 1rem;
line-height: 1.75;
max-width: 100%;
word-wrap: break-word;
overflow-wrap: break-word;
}
.single-post-content__text > *:first-child {
margin-top: 0;
}
.single-post-content__text > *:last-child {
margin-bottom: 0;
} .single-post-content__text p {
font-family: "Montserrat", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.75;
color: #3b3c4a;
margin: 0 0 1.25rem;
}
.single-post-content__text p:last-child {
margin-bottom: 0;
} .single-post-content__text h1,
.single-post-content__text h2,
.single-post-content__text h3,
.single-post-content__text h4,
.single-post-content__text h5,
.single-post-content__text h6 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
color: #1d1d1b;
line-height: 1.3;
margin: 2rem 0 1rem;
}
.single-post-content__text h1:first-child,
.single-post-content__text h2:first-child,
.single-post-content__text h3:first-child,
.single-post-content__text h4:first-child,
.single-post-content__text h5:first-child,
.single-post-content__text h6:first-child {
margin-top: 0;
}
.single-post-content__text h1 {
font-size: 2.25rem;
}
.single-post-content__text h2 {
font-size: 1.875rem;
}
.single-post-content__text h3 {
font-size: 1.5rem;
}
.single-post-content__text h4 {
font-size: 1.25rem;
}
.single-post-content__text h5 {
font-size: 1.125rem;
}
.single-post-content__text h6 {
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.01em;
} .single-post-content__text img,
.single-post-content__text figure img {
max-width: 100%;
height: auto;
display: block;
border-radius: 24px;
margin: 0 0 1.5rem;
}
.single-post-content__text p > img:only-child,
.single-post-content__text p img {
margin-bottom: 0;
}
.single-post-content__text p:has(> img:only-child) {
margin-bottom: 1.5rem;
}
.single-post-content__text figure {
margin: 0 0 1.5rem;
}
.single-post-content__text figcaption {
font-family: "Montserrat", sans-serif;
font-size: 0.875rem;
color: rgba(29, 29, 27, 0.55);
margin-top: 0.5rem;
text-align: center;
line-height: 1.5;
} .single-post-content__text a {
font-family: "Montserrat", sans-serif;
color: #ec6608;
text-decoration: underline;
text-underline-offset: 0.15em;
transition: color 0.25s ease, opacity 0.25s ease;
}
.single-post-content__text a:hover {
color: #c95607;
opacity: 1;
} .single-post-content__text ul,
.single-post-content__text ol {
font-family: "Montserrat", sans-serif;
font-size: 1rem;
line-height: 1.75;
color: #3b3c4a;
margin: 0 0 1.25rem;
padding-left: 1.5rem;
}
.single-post-content__text ul {
list-style-type: disc;
}
.single-post-content__text ol {
list-style-type: decimal;
}
.single-post-content__text li {
font-family: "Montserrat", sans-serif;
font-size: 1rem;
font-weight: 400;
margin-bottom: 0.5rem;
padding-left: 0.25rem;
}
.single-post-content__text li::marker {
color: #ec6608;
font-weight: 600;
}
.single-post-content__text li:last-child {
margin-bottom: 0;
}
.single-post-content__text ul ul,
.single-post-content__text ol ol,
.single-post-content__text ul ol,
.single-post-content__text ol ul {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
} .single-post-content__text blockquote {
margin: 1.5rem 0;
padding: 1.25rem 1.5rem;
border-left: 4px solid #ec6608;
background: rgba(236, 102, 8, 0.06);
border-radius: 0 12px 12px 0;
}
.single-post-content__text blockquote p {
font-family: "Montserrat", sans-serif;
font-size: 1.0625rem;
font-style: italic;
color: #1d1d1b;
margin: 0;
}
.single-post-content__text blockquote p:not(:last-child) {
margin-bottom: 0.75rem;
} .single-post-content__text hr {
border: none;
height: 1px;
background: rgba(29, 29, 27, 0.12);
margin: 2rem 0;
} .single-post-content__text span[id^="more-"] {
display: none;
} .single-post-content__text table {
width: 100%;
border-collapse: collapse;
font-family: "Montserrat", sans-serif;
font-size: 0.9375rem;
margin: 0 0 1.5rem;
}
.single-post-content__text th,
.single-post-content__text td {
border: 1px solid rgba(29, 29, 27, 0.12);
padding: 0.625rem 0.875rem;
text-align: left;
}
.single-post-content__text th {
background: rgba(29, 29, 27, 0.04);
font-weight: 600;
color: #1d1d1b;
} .single-post-content__text code {
font-family: ui-monospace, "Cascadia Code", monospace;
font-size: 0.9em;
background: rgba(29, 29, 27, 0.06);
padding: 0.15em 0.4em;
border-radius: 4px;
}
.single-post-content__text pre {
font-family: ui-monospace, "Cascadia Code", monospace;
font-size: 0.875rem;
line-height: 1.6;
background: #1d1d1b;
color: #f5f5f5;
padding: 1rem 1.25rem;
border-radius: 12px;
overflow-x: auto;
margin: 0 0 1.25rem;
}
.single-post-content__text pre code {
background: none;
padding: 0;
color: inherit;
} .single-post-content__text strong,
.single-post-content__text b {
font-weight: 600;
color: #1d1d1b;
}
.single-post-content__text li b,
.single-post-content__text li strong {
color: #ec6608;
}
#rd-form-lrkmtz8y .with-select-flags > .phone-input-group > .phone {
background-color: transparent !important;
} @media (max-width: 767.98px) {
.single-post-content__text {
font-size: 0.9375rem;
line-height: 1.7;
}
.wpp-btn {
bottom: 170px;
}
.single-post-content__text p,
.single-post-content__text li,
.single-post-content__text ul,
.single-post-content__text ol {
font-size: 0.9375rem;
}
.single-post-content__text h1 {
font-size: 1.75rem;
}
.single-post-content__text h2 {
font-size: 1.5rem;
}
.single-post-content__text h3 {
font-size: 1.25rem;
}
.single-post-content__text h4 {
font-size: 1.125rem;
}
.single-post-content__text h5 {
font-size: 1rem;
}
.single-post-content__text h6 {
font-size: 0.9375rem;
}
.single-post-content__text h1,
.single-post-content__text h2,
.single-post-content__text h3,
.single-post-content__text h4,
.single-post-content__text h5,
.single-post-content__text h6 {
margin: 1.5rem 0 0.75rem;
}
.single-post-content__text blockquote {
margin: 1.25rem 0;
padding: 1rem 1rem 1rem 1.125rem;
}
.single-post-content__text blockquote p {
font-size: 1rem;
}
.single-post-content__text img,
.single-post-content__text figure img {
border-radius: 16px;
}
.single-post-content__text ul,
.single-post-content__text ol {
padding-left: 1.25rem;
}
}