:root {
--vh: 100%;
}
body {
background-color: #171717;
color: #fff;
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='%23FFF' fill-rule='nonzero'%3E%3Cpath d='M27 0H1C.44771525 0 0 .44771525 0 1v26c0 .5522847.44771525 1 1 1h26c.5522847 0 1-.4477153 1-1V1c0-.55228475-.4477153-1-1-1zm-1 2v24H2V2h24z'/%3E%3Ccircle cx='14' cy='14' r='2'/%3E%3C/g%3E%3C/svg%3E") 14 14, auto;
font-family: "frank-new", sans-serif;
}
body.navbar-open {
overflow: hidden;
}
strong, b {
font-weight: bold;
}
a,
button,
.btn,
.beer-range,
.video-player,
.slick-dots li {
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Ccircle cx='28' cy='27' r='2' fill-rule='nonzero'/%3E%3Cpath d='M8 0H1C.447715 0 0 .447715 0 1v6h1V1h7V0zm41 1V0h6c.5523 0 1 .447715 1 1v6h-1V1h-6zm0 54h6v-7h1v7c0 .5523-.4477 1-1 1h-6v-1zM1 48v7h7v1H1c-.552285 0-1-.4477-1-1v-7h1z'/%3E%3C/g%3E%3C/svg%3E") 28 28, auto !important;
}
@media (max-width: 991px) {
.container {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 768px) {
.container {
max-width: 660px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1030px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1140px;
}
.container-lg {
max-width: 1276px;
}
.container-xl {
max-width: 1378px;
}
}
@media (min-width: 1920px) {
.container-xl {
max-width: 1620px;
}
}
a {
color: #fff;
}
a:hover {
color: #fff;
}
a:focus {
outline: none;
}
.h1, h1 {
font-size: 22px;
font-weight: bold;
line-height: 1.36842;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.h1, h1 {
font-size: 60px;
line-height: 1;
margin-bottom: 40px;
}
}
.h2, h2 {
font-weight: 500;
font-size: 20px;
line-height: 1.28571;
margin-bottom: 16px;
}
@media (min-width: 992px) {
.h2, h2 {
font-size: 35px;
}
}
.h6, h6 {
font-size: 12px;
font-weight: bold;
line-height: 2;
margin-bottom: 12px;
}
.collapsing {
transition: none;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.btn {
--padding: 9px 12px;
border-radius: 5px;
font-size: 1rem;
font-weight: bold;
line-height: 1.25;
padding: var(--padding);
}
.btn:focus, .btn.focus, .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
box-shadow: none;
}
.btn.disabled, .btn:disabled {
cursor: no-drop;
opacity: 1;
}
.btn-primary {
background-color: transparent;
border-color: #F2F2F2;
color: #fff;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
background-color: #fff;
border-color: #fff;
color: #2E2E2E;
}
.btn-primary.disabled, .btn-primary:disabled {
background-color: #ebebeb;
border-color: #ebebeb;
color: #aaa;
}
.btn-secondary {
background-color: #F2F2F2;
border-color: rgba(236, 236, 236, 0.5);
color: #454545;
}
.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):hover, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active {
background-color: #F2F2F2;
border-color: #F2F2F2;
color: #454545;
}
.btn-secondary.disabled, .btn-secondary:disabled {
background-color: #ebebeb;
border-color: #ebebeb;
color: #aaa;
}
.btn-signiaverso {
--padding: 10px 13px;
background: #F641A2 linear-gradient(to right, #F641A2 0%, #9C14F6 100%);
border: none;
color: #fff;
font-size: 20px;
line-height: 26px;
text-transform: uppercase;
width: 334px;
}
.btn-signiaverso.focus, .btn-signiaverso:focus, .btn-signiaverso:not(:disabled):not(.disabled):hover {
background: #F641A2;
color: #fff;
}
.btn-signiaverso:active, .btn-signiaverso:not(:disabled):not(.disabled):active, .btn-signiaverso:not(:disabled):not(.disabled).active {
background: #9C14F6;
}
.btn-signiaverso.disabled, .btn-signiaverso:disabled {
background-color: #ebebeb;
border-color: #ebebeb;
color: #aaa;
}
.btn-icon {
background-color: transparent;
border: none;
color: #fff;
padding: 0;
}
.btn-icon .icon {
fill: transparent;
}
.btn-icon:not(.on) .icon {
color: transparent;
fill: #fff;
}
.btn-to-top {
align-items: center;
color: #f2f2f2;
display: inline-flex;
flex-direction: column;
font-size: 12px;
font-weight: 300;
justify-content: center;
padding: 0;
text-align: center;
}
@media (min-width: 992px) {
.btn-to-top {
font-size: 1.125rem;
}
}
.btn-to-top .icon {
margin-bottom: 10px;
}
@media (min-width: 992px) {
.btn-to-top .icon {
height: 14px;
margin-bottom: 20px;
width: 28px;
}
}
.btn-to-top:hover {
color: #f2f2f2;
}
@media (min-width: 992px) {
.btn-lg {
--padding: 14px;
font-size: 1.25rem;
line-height: 1;
}
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(//signiastudios.com/wp-content/themes/signia-2024/assets/images/sprite.svg#g-select) no-repeat right 9px center;
background-size: 29px 29px;
}
input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #f2f2f2;
border-radius: 3px;
height: 20px;
width: 20px;
}
input[type=checkbox]:checked {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f2f2f2' viewBox='0 0 12 12'%3E%3Cpath d='M10.79 2.47a.778.778 0 0 1 0 1.062l-5.714 6a.692.692 0 0 1-1.012 0l-2.857-3a.778.778 0 0 1 0-1.062.692.692 0 0 1 1.011 0l2.353 2.468 5.21-5.468a.692.692 0 0 1 1.011 0h-.002Z' /%3E%3C/svg%3E") no-repeat center;
background-size: 12px 12px;
}
.form-group {
margin-bottom: 20px;
position: relative;
}
.form-control {
border-color: #F2F2F2;
border-radius: 5px;
color: #ECECEC;
font-size: 18px;
font-weight: 300;
height: 40px;
line-height: 24px;
padding: 7px 28px;
transition: padding 0.1s ease, border-color 0.15s ease;
}
.form-control::-moz-placeholder {
color: #707070;
}
.form-control::placeholder {
color: #707070;
}
.form-control:focus {
border-color: #F2F2F2;
box-shadow: none;
color: #ECECEC;
}
.form-control, .form-control:focus {
background-color: transparent;
}
textarea.form-control {
height: 220px;
resize: none;
}
select.form-control option, select.form-control:focus option {
color: #131313;
}
.wpcf7-form.invalid .wpcf7-validates-as-required:invalid {
border-color: #f00;
}
.wpcf7-not-valid-tip,
.screen-reader-response {
display: none !important;
}
.wpcf7-email:valid + .wpcf7-not-valid-tip {
color: #f66;
display: block !important;
font-size: 14px;
margin-top: 2px;
}
.wpcf7-response-output {
font-size: 16px;
margin-top: 10px;
text-align: center;
}
.wpcf7-response-output:empty {
display: none;
}
.wpcf7-checkbox label {
align-items: center;
display: flex;
flex-direction: row-reverse;
justify-content: left;
gap: 18px;
}
@media (min-width: 992px) {
.wpcf7-checkbox label {
justify-content: right;
padding-left: 18px;
padding-right: 18px;
}
}
.wpcf7-checkbox label > input {
flex: 0 0 auto;
}
@keyframes slick-progress {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.slick-dots {
display: inline-block;
font-size: 0;
margin-bottom: 0;
list-style: none;
padding-left: 0;
}
.slick-dots li {
display: inline-block;
}
.slick-dots li.slick-active span {
animation: slick-progress 10s linear 0s 1 normal forwards;
}
.slick-dots li + li {
margin-left: 10px;
}
.slick-dots button {
background-color: transparent;
border: none;
height: 40px;
padding: 0;
position: relative;
transition: opacity 0.15s ease;
width: 35px;
}
.slick-dots button:after,
.slick-dots button > span {
display: block;
height: 2px;
}
.slick-dots button > span {
background-color: #fff;
left: 0;
position: absolute;
width: 0;
}
.slick-dots button:after {
background-color: rgba(255, 255, 255, 0.5);
content: "";
width: 100%;
}
.slick-dots button:focus {
outline: none;
}
.slick-arrow {
background-color: transparent;
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 0;
height: 40px;
opacity: 0.5;
padding: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
width: 40px;
}
.slick-arrow:hover {
opacity: 1;
transform: scale(1.2);
}
.slick-active button {
opacity: 1;
}
@media (min-width: 992px) {
.slick-dots li + li {
margin-left: 20px;
}
.slick-dots button {
height: 54px;
width: 54px;
}
.slick-arrow {
height: 54px;
width: 54px;
}
}
.social-media {
align-items: center;
display: flex;
gap: 24px;
}
@media (min-width: 992px) {
.social-media {
gap: 40px;
}
}
.social-media a {
display: inline-block;
vertical-align: middle;
}
.address-list {
display: flex;
font-size: 12px;
font-weight: 300;
gap: 32px;
line-height: 1.5;
}
@media (min-width: 992px) {
.address-list {
font-size: 18px;
gap: 94px;
}
}
.address-item-title {
display: block;
margin-bottom: 19px;
}
.address-item :last-child {
margin-bottom: 0;
}
@media (min-width: 992px) {
.address-list {
margin-bottom: 0;
}
}
.video-fluid {
display: block;
height: auto;
max-height: 768px;
width: 100%;
}
.video-background {
height: 100%;
left: 50%;
position: relative;
transform: translateX(-50%);
width: 116%;
z-index: -1;
}
.video-background > iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
@media (min-width: 992px) {
.video-background {
height: 122%;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
}
.video-player {
align-items: center;
display: flex;
justify-content: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 0;
}
.video-player::before {
background: url(//signiastudios.com/wp-content/themes/signia-2024/assets/images/sprite.svg#g-play) no-repeat center;
background-size: 20px 22px;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
content: "";
height: 64px;
position: absolute;
transition: background 0.15s ease, opacity 0.25s ease;
top: 50%;
transform: translateY(-50%);
width: 64px;
z-index: 1;
}
@media (min-width: 992px) {
.video-player::before {
height: 130px;
width: 130px;
}
}
.video-player > video {
background-color: #000;
-o-object-fit: cover;
object-fit: cover;
}
.video-player.video-vimeo > iframe {
background-color: #000;
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
}
.video-player.play:before {
opacity: 0;
}
.video-player:hover:before {
background-color: rgba(255, 255, 255, 0.2);
}
.video-player-hide {
pointer-events: none;
}
.video-player-hide:before {
display: none;
}
.video-player-controls {
bottom: 15px;
display: flex;
gap: 20px;
pointer-events: all;
position: absolute;
right: 15px;
z-index: 1;
}
@media (min-width: 992px) {
.video-player-controls {
bottom: 65px;
right: 65px;
}
}
.video-w-poster {
position: relative;
z-index: 0;
}
.video-w-poster .video-poster, .video-player .video-poster {
display: block;
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.cta-lp {
background-color: #1D1D1D;
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% auto;
color: #F2F2F2;
display: block;
height: 770px;
font-size: 20px;
line-height: 1.3;
padding: 35px 32px;
}
.cta-lp .h2 {
display: block;
}
.cta-lp .btn {
margin-top: 26px;
max-width: 100%;
width: 100%;
}
.cta-lp + .cta-lp {
margin-top: 32px;
}
.cta-lp:hover {
text-decoration: none;
}
.cta-lp-body {
max-width: 310px;
}
.cta-lp-videos {
background-image: url(//signiastudios.com/wp-content/themes/signia-2024/assets/images/cta/bg-videos.png);
}
.cta-lp-experiences {
background-image: url(//signiastudios.com/wp-content/themes/signia-2024/assets/images/cta/bg-experiences.png);
}
.cta-lp-images {
background-image: url(//signiastudios.com/wp-content/themes/signia-2024/assets/images/cta/bg-images.png);
}
@media (min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.cta-lp-videos {
background-image: url(//signiastudios.com/wp-content/themes/signia-2024/assets/images/cta/bg-videos@2x.png);
}
.cta-lp-experiences {
background-image: url(//signiastudios.com/wp-content/themes/signia-2024/assets/images/cta/bg-experiences@2x.png);
}
.cta-lp-images {
background-image: url(//signiastudios.com/wp-content/themes/signia-2024/assets/images/cta/bg-images@2x.png);
}
}
@media (min-width: 768px) {
.cta-lp {
background-position: right center;
background-size: auto 100%;
height: 422px;
padding: 112px 104px;
}
.cta-lp-videos {
background-image: url(//signiastudios.com/wp-content/themes/signia-2024/assets/images/cta/bg-videos-lg.png);
}
.cta-lp-experiences {
background-image: url(//signiastudios.com/wp-content/themes/signia-2024/assets/images/cta/bg-experiences-lg.png);
}
.cta-lp-images {
background-image: url(//signiastudios.com/wp-content/themes/signia-2024/assets/images/cta/bg-images-lg.png);
}
}
@media (min-width: 768px) and (min-device-pixel-ratio: 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 192dpi) {
.cta-lp-videos {
background-image: url(//signiastudios.com/wp-content/themes/signia-2024/assets/images/cta/bg-videos-lg@2x.png);
}
.cta-lp-experiences {
background-image: url(//signiastudios.com/wp-content/themes/signia-2024/assets/images/cta/bg-experiences-lg@2x.png);
}
.cta-lp-images {
background-image: url(//signiastudios.com/wp-content/themes/signia-2024/assets/images/cta/bg-images-lg@2x.png);
}
}
.image-compare {
display: block !important;
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1366px;
}
.image-compare picture {
display: block;
max-width: none;
}
.image-compare > picture > img {
max-width: 100%;
}
.image-compare img {
display: block;
height: auto;
}
.image-compare .beer-reveal {
border-right: 1px solid #D9D9D9;
}
.image-compare .beer-handle {
background-color: #C4C4C4;
border-radius: 0;
pointer-events: none;
height: 138px;
width: 5px;
}
.image-compare .beer-handle:before, .image-compare .beer-handle:after {
border-left-color: #CFCFCF;
border-left-width: 1px;
border-top-color: #CFCFCF;
border-top-width: 1px;
height: 17px;
width: 17px;
}
.image-compare .beer-handle:before {
left: -20px;
}
.image-compare .beer-handle:after {
left: 25px;
}
.testimonial-list {
align-items: center;
color: #fff;
display: flex;
height: 100%;
justify-content: center;
margin-left: auto;
margin-right: auto;
max-width: 822px;
min-height: 684px;
}
.testimonial-list > .testimonial-item:not(:first-child) {
display: none;
}
.testimonial-item {
font-size: 16px;
margin-left: auto;
margin-right: auto;
max-width: 822px;
text-align: center;
}
.testimonial-author {
align-items: center;
display: flex;
font-size: 13px;
justify-content: center;
margin-top: 78px;
opacity: 0.5;
text-align: left;
}
.testimonial-author strong {
display: block;
font-size: 16px;
font-weight: normal;
}
.testimonial-author-image {
background-color: #C4C4C4;
opacity: 0.4;
border-radius: 50%;
height: 54px;
margin-right: 28px;
overflow: hidden;
width: 54px;
}
.testimonial-author-image > img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.qr-code {
font-size: 12px;
line-height: 1.25;
margin: 80px auto 0;
text-align: center;
width: 200px;
}
.qr-code img {
display: block;
image-rendering: pixelated;
margin: 0 auto 35px;
}
@media (min-width: 992px) {
.qr-code {
margin-top: 178px;
}
}
.posts-list {
display: grid;
gap: 4px;
grid-template-columns: 1fr 1fr;
margin: 0 auto 32px;
max-width: 1760px;
padding-bottom: 10px;
}
@media (min-width: 992px) {
.posts-list {
gap: 10px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 90px;
}
}
.posts-list.hover .post {
opacity: 0.4;
}
.post {
display: block;
height: 206px;
overflow: hidden;
position: relative;
transition: opacity 0.3s ease;
}
@media (min-width: 992px) {
.post {
height: 408px;
}
}
.post .wp-post-image {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.3s ease;
width: 100%;
}
.post:hover {
opacity: 1 !important;
}
.post:hover .post-header {
opacity: 1;
}
.post:hover .wp-post-image {
transform: scale(1.05);
}
.post-header {
background: linear-gradient(to bottom, rgba(23, 23, 23, 0) 0%, #171717 100%);
bottom: 0;
font-size: 12px;
left: 0;
opacity: 0;
padding: 30px 20px;
position: absolute;
transition: opacity 0.3s ease;
width: 100%;
}
.post-title {
font-weight: bold;
}
.our-history {
display: flex;
flex-direction: column;
height: 100vh;
justify-content: flex-end;
padding: 20px;
position: relative;
width: 100%;
z-index: 0;
}
@media (min-width: 992px) {
.our-history {
justify-content: center;
padding: 64px 64px 64px 211px;
}
}
.our-history-list {
position: relative;
}
.our-history-item {
color: #747474;
display: none;
padding: 0 53px 27px 0;
position: relative;
transition: color 0.25s ease;
width: 100%;
z-index: 0;
}
@media (min-width: 992px) {
.our-history-item {
padding-left: 53px;
padding-right: 0;
}
}
.our-history-item::before {
background-color: #747474;
bottom: -17px;
content: "";
position: absolute;
right: 13px;
top: 22px;
width: 1px;
z-index: -1;
}
@media (min-width: 992px) {
.our-history-item::before {
left: 13px;
right: auto;
top: 12px;
}
}
.our-history-item .h2 {
align-items: center;
display: flex;
font-size: 16px;
font-weight: normal;
margin-bottom: 0;
}
@media (min-width: 992px) {
.our-history-item .h2 {
font-size: 20px;
margin-left: -53px;
}
}
.our-history-item .h2::before {
background-color: #747474;
border-radius: 2px;
content: "";
display: block;
height: 11px;
position: absolute;
right: 8px;
width: 11px;
}
@media (min-width: 992px) {
.our-history-item .h2::before {
margin-left: 8px;
margin-right: 35px;
position: static;
right: auto;
}
}
.our-history-item .wp-post-image {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.our-history-item-content {
display: none;
line-height: 1.5;
margin-top: 13px;
}
.our-history-item-content *:last-child {
margin-bottom: 0;
}
@media (max-width: 991px) {
.our-history-item-content {
font-size: 16px;
}
}
@media (min-width: 992px) {
.our-history-item-content {
width: 424px;
}
}
@media (min-width: 992px) {
.our-history-item.show {
display: block;
}
}
.our-history-item.active {
color: #fff;
display: block;
padding-bottom: 50px;
}
@media (min-width: 992px) {
.our-history-item.active {
padding-bottom: 87px;
}
}
.our-history-item.active .h2 {
font-size: 24px;
font-weight: bold;
}
@media (min-width: 992px) {
.our-history-item.active .h2 {
font-size: 40px;
}
}
.our-history-item.active .h2::before {
background-color: currentColor;
border-radius: 5px;
height: 18px;
margin-right: 5px;
right: 0;
width: 18px;
}
@media (min-width: 992px) {
.our-history-item.active .h2::before {
height: 27px;
margin-left: 0;
margin-right: 27px;
right: auto;
width: 27px;
}
}
.our-history-item.active .our-history-item-content {
display: block;
}
.our-history-item.last::before {
display: none;
}
.our-history-images {
height: 100%;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: -2;
}
.our-history-img {
background-color: #171717;
height: 100%;
opacity: 0;
position: absolute;
right: 0;
text-align: right;
top: 0;
transition: opacity 0.25s ease;
width: 100%;
z-index: -1;
}
.our-history-img picture {
display: inline-block;
height: 100%;
max-width: 100%;
position: relative;
}
.our-history-img picture::before {
background: linear-gradient(to top, #171717 60%, rgba(19, 19, 19, 0) 100%);
bottom: 0;
content: "";
display: block;
height: 57%;
left: 0;
position: absolute;
width: 100%;
}
@media (min-width: 992px) {
.our-history-img picture::before {
background: linear-gradient(to right, #171717 25%, rgba(19, 19, 19, 0) 100%);
height: 100%;
top: 0;
width: 62%;
}
}
@media (min-width: 1400px) {
.our-history-img picture::before {
background: linear-gradient(to right, #171717 46%, rgba(19, 19, 19, 0) 100%);
width: 47%;
}
}
.our-history-img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media (min-width: 992px) {
.our-history-img img {
-o-object-fit: contain;
object-fit: contain;
width: auto;
}
}
@media (max-width: 991px) {
.our-history-img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
}
.our-history-img.show {
opacity: 1;
}
.partner-list {
display: grid;
gap: 40px;
grid-template-columns: repeat(2, 1fr);
justify-items: center;
justify-content: space-between;
margin-top: 35px;
}
@media (min-width: 576px) {
.partner-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 992px) {
.partner-list {
margin-top: 0;
max-width: 678px;
}
}
.partner-item {
align-items: center;
display: flex;
height: 80px;
justify-content: center;
opacity: 0.4;
transition: opacity 0.25s ease;
width: 120px;
}
@media (min-width: 1400px) {
.partner-item {
height: 108px;
width: 171px;
}
}
.partner-item:hover {
opacity: 1;
}
.partner-item .wp-post-image {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
.header {
height: 116px;
left: 0;
position: fixed;
right: 0;
top: 0;
transition: background-color 0.15s ease-in-out, height 0.15s ease-in-out;
z-index: 2;
}
@media (min-width: 992px) {
.header {
height: 126px;
}
.home .header {
height: 270px;
}
}
@media (min-width: 992px) {
.header-scroll .header {
background-color: #171717;
height: 126px !important;
}
}
@media (min-width: 992px) {
.header-scroll .navbar {
padding-bottom: 30px !important;
padding-top: 30px !important;
}
.header-scroll .navbar-brand > img {
height: 66px !important;
}
}
.blog .header,
.category .header,
.page-template-page-contact .header {
position: relative;
}
.fullscreen .header {
display: none;
}
.navbar {
transition: padding 0.15s ease-in-out;
padding: 32px 15px;
}
@media (min-width: 992px) {
.navbar {
padding: 30px 120px;
}
.home .navbar {
padding-bottom: 90px;
padding-top: 90px;
}
}
.navbar-brand {
transition: height 0.15s ease-in-out;
margin-right: 0;
padding: 0;
}
@media (min-width: 992px) {
.navbar-brand > img {
height: 66px;
}
.home .navbar-brand > img {
height: 90px;
}
}
.navbar-toggler {
border: none;
margin-right: 5px;
padding: 12px 10px;
position: relative;
z-index: 1;
width: 48px;
}
@media (min-width: 992px) {
.navbar-toggler {
display: none;
}
}
.navbar-toggler > span {
background-color: #fff;
border-radius: 1px;
display: block;
height: 2px;
position: relative;
top: 0;
transition: transform 0.3s ease, opacity 0.15s ease, top 0.15s ease;
}
.navbar-toggler > span + span {
margin-top: 9px;
}
.navbar-toggler:not(.collapsed) > span:first-child {
transform: rotate(45deg);
top: 11px;
}
.navbar-toggler:not(.collapsed) > span:nth-child(2) {
opacity: 0;
}
.navbar-toggler:not(.collapsed) > span:last-child {
transform: rotate(-45deg);
top: -11px;
}
.navbar-nav {
width: 100%;
}
.navbar-nav .nav-item.active .nav-link {
color: #fff;
font-weight: bold;
}
.navbar-nav .nav-link {
color: #838A8F;
font-size: 20px;
font-weight: 300;
line-height: 1;
padding: 10px;
transition: color 0.15s ease;
}
@media (min-width: 992px) {
.navbar-nav .nav-link {
line-height: 1.3;
padding-left: 20px;
padding-right: 20px;
}
}
.navbar-nav .nav-link-signiaverso, .navbar-nav .nav-link-signiaverso-2 {
background: linear-gradient(to right, #f641a2, #9c14f6);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.navbar-nav .nav-link:hover {
color: #fff;
}
.navbar-footer {
align-self: flex-end;
color: #f2f2f2;
font-size: 11px;
padding-right: 10px;
}
.navbar-footer > a {
color: #838A8F;
display: block;
line-height: 1.75;
margin-top: 4px;
}
@media (min-width: 992px) {
.navbar-footer {
display: none;
}
}
@media (max-width: 991px) {
#navbar {
background-color: rgba(23, 23, 23, 0.95);
bottom: 0;
display: none;
gap: 2rem;
height: 100%;
overflow-y: auto;
padding: 152px 22px 32px;
position: fixed;
right: 0;
text-align: right;
top: 0;
transform: translateX(50px);
transition: opacity 0.15s ease, transform 0.3s ease;
width: 100%;
z-index: 1;
}
#navbar.collapsing {
display: block;
height: 100% !important;
opacity: 0;
}
#navbar.show {
display: flex;
flex-direction: column;
justify-content: space-between;
opacity: 1;
transform: translateX(0);
}
}
@media (min-width: 992px) {
#navbar {
flex-basis: auto;
}
#navbar.collapse:not(.show) {
display: flex;
}
#navbar .navbar-nav {
flex-direction: row;
margin-left: 60px;
}
}
#navbar .wpml-ls {
border: none;
padding: 0;
}
@media (max-width: 991px) {
#navbar .wpml-ls {
width: 100%;
}
}
#navbar .wpml-ls > ul {
display: flex;
}
@media (max-width: 991px) {
#navbar .wpml-ls > ul {
justify-content: flex-end;
}
}
.wpml-ls-item + .wpml-ls-item {
border-left: 1px solid #f2f2f2;
}
.wpml-ls a {
color: #838A8F;
font-weight: 300;
line-height: 1;
padding: 2px 10px;
text-decoration: none;
}
@media (min-width: 992px) {
.wpml-ls a {
font-size: 20px;
line-height: 1.3;
padding-left: 20px;
padding-right: 20px;
}
}
.wpml-ls a > span {
display: block;
}
.wpml-ls-current-language > a {
color: #F2F2F2;
font-weight: bold;
}
.footer {
background: #171717;
color: #F2F2F2;
font-size: 12px;
padding: 32px 15px;
}
@media (min-width: 992px) {
.footer {
font-size: 18px;
padding: 40px 120px 75px;
}
}
@media (min-width: 1400px) {
.footer {
align-items: center;
display: flex;
height: 344px;
justify-content: space-between;
}
}
.footer a {
color: currentColor;
}
.footer .h4 {
font-size: 22px;
font-weight: 300;
line-height: 1.25;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.footer .h4 {
font-size: 36px;
line-height: 1.11112;
margin-bottom: 40px;
}
}
.footer .h4 > b {
display: block;
}
.footer .btn:not(.btn-icon) {
max-width: 227px;
width: 100%;
}
.footer .wpcf7 {
width: 100%;
}
.footer .form {
position: relative;
}
.footer .form .btn {
height: 40px;
padding-right: 13px;
position: absolute;
right: 0;
top: 0;
}
.footer .social-media {
margin-bottom: 25px;
}
@media (min-width: 992px) {
.footer .social-media {
margin-bottom: 50px;
}
}
.footer .social-media a {
margin-top: 0;
opacity: 1;
}
@media (min-width: 768px) {
.footer-cards {
display: flex;
justify-content: center;
}
}
.footer-card {
align-items: flex-start;
display: flex;
flex: 0 0 auto;
flex-direction: column;
justify-content: flex-start;
}
.footer-card + .footer-card {
border-top: 1px solid #f2f2f2;
margin-top: 40px;
padding-top: 40px;
}
@media (min-width: 768px) {
.footer-card + .footer-card {
border-left: 1px solid #f2f2f2;
border-top: none;
margin-left: 80px;
margin-top: 0;
padding-left: 80px;
}
}
@media (min-width: 768px) {
.footer-card {
padding-bottom: 29px;
padding-top: 40px;
}
}
.footer-links {
align-items: center;
display: flex;
flex-direction: column;
font-weight: 300;
margin-top: 40px;
}
@media (max-width: 991px) {
.footer-links .icon {
height: 20px;
width: 24px;
}
}
@media (min-width: 1400px) {
.footer-links {
align-items: flex-end;
margin-top: 0;
}
}
.footer-links a {
color: #838A8F;
display: block;
margin-top: 5px;
}
@media (min-width: 992px) {
.footer-links a {
margin-top: 10px;
}
}
.footer-xs {
bottom: 0;
color: #f2f2f2;
font-size: 11px;
font-weight: 300;
left: 0;
padding: 0 32px 20px;
position: fixed;
text-align: center;
width: 100%;
}
@media (min-width: 992px) {
.footer-xs {
display: flex;
font-size: 18px;
gap: 40px;
justify-content: flex-end;
padding: 0 90px 40px;
text-align: right;
}
}
.footer-xs a {
color: #838A8F;
display: block;
}
@media (max-width: 991px) {
.footer-xs a {
line-height: 1.75;
}
}
.footer-xs a:hover {
opacity: 1;
}
.footer-xs .social-media {
margin-bottom: 30px;
}
.footer-xs .social-media a {
opacity: 1;
}
@media (min-width: 992px) {
.footer-xs.w-social {
align-items: center;
justify-content: space-between;
}
.footer-xs.w-social .footer-links {
flex-direction: row;
gap: 40px;
}
}
.hero,
.hero .hero-list,
.hero .slick-list,
.hero .slick-track,
.hero .slick-slide > div {
height: 100%;
}
.hero .h1 {
margin-bottom: 5px;
}
.hero-list > .hero-item:not(:first-child) {
display: none !important;
}
.hero-item {
align-items: flex-end;
display: flex !important;
height: 100%;
padding: 48px 36px;
position: relative;
z-index: 0;
}
@media (min-width: 992px) {
.hero-item {
font-size: 18px;
line-height: 1.38;
}
}
.hero-item-image, .hero-item-video {
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: opacity 1s ease;
width: 100%;
z-index: -1;
}
.hero-item-image, .hero-item-video > video {
-o-object-fit: cover;
object-fit: cover;
}
.hero-item-video {
opacity: 1;
}
.hero-item-video > iframe,
.hero-item-video > video {
height: 100%;
width: 100%;
}
.hero-item-video:not(.show) {
opacity: 0;
}
.hero-item-video.show + picture > .hero-item-image {
opacity: 0;
}
.hero-content, .hero-controls,
.hero .btn-sound {
transition: opacity 0.5s ease-in-out;
}
.fullscreen .hero .btn-sound {
display: none;
}
.hero-content {
padding-right: 25px;
}
.hero-content *:not(.h1) {
display: none;
}
@media (min-width: 992px) {
.hero-content *:not(.h1) {
display: block;
}
}
.hero-content *:last-child {
margin-bottom: 0;
}
.hero-controls {
align-items: center;
bottom: 191px;
display: flex;
flex-direction: row-reverse;
left: 36px;
padding-right: 56px;
position: absolute;
}
.hero-controls .slick-dots {
margin-right: 17px;
}
.hero-controls .slick-arrow {
margin-left: 17px;
}
.hero-controls .slick-next {
position: absolute;
right: 0;
top: 0;
}
.hero-btns {
bottom: 15px;
display: flex;
gap: 20px;
position: absolute;
right: 15px;
}
@media (min-width: 992px) {
.hero-btns {
bottom: 65px;
right: 65px;
}
}
@media (min-width: 992px) {
.hero-item {
padding: 60px 80px 98px;
}
.hero-content {
padding-right: 0;
}
.hero-controls {
bottom: 188px;
left: 80px;
padding-right: 76px;
}
.hero-controls .slick-dots {
margin-right: 10px;
}
.hero-controls .slick-arrow {
margin-left: 22px;
}
}
.hero-home {
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
position: relative;
}
.fullscreen .hero-home .hero-content {
display: none;
}
@media (min-width: 1200px) {
.hero-home {
height: 100vh;
}
}
.hero-home .btn-fullscreen {
display: none;
}
@media (min-width: 992px) {
.hero-home .btn-fullscreen {
display: block;
}
}
.home-project-item {
align-items: center;
color: #838A8F;
display: flex;
font-weight: 300;
height: 100vh;
position: relative;
z-index: 0;
}
@media (min-width: 992px) {
.home-project-item {
font-size: 34px;
}
}
.home-project-item > .container {
align-items: flex-start;
display: flex;
flex-direction: column;
}
.home-project-item .btn {
min-width: 188px;
}
@media (min-width: 992px) {
.home-project-item .btn {
min-width: 334px;
}
}
.home-project-item-title {
color: #F2F2F2;
line-height: 1;
margin-bottom: 16px;
margin-top: 10px;
}
@media (min-width: 992px) {
.home-project-item-title {
margin-bottom: 28px;
margin-top: 0;
}
}
.home-project-item-description {
color: #F2F2F2;
font-size: 12px;
line-height: 1;
margin-bottom: 21px;
}
@media (min-width: 992px) {
.home-project-item-description {
font-size: 20px;
margin-bottom: 35px;
}
}
.home-project-item-bg {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.home-slider {
position: relative;
}
.home-slider-dots {
align-items: center;
display: flex;
flex-direction: column;
list-style: none;
margin-bottom: 0;
opacity: 0;
padding-left: 0;
position: fixed;
right: 42px;
top: 50%;
transform: translateY(-50%);
transition: opacity 0.3s ease;
z-index: 0;
}
.header-scroll .home-slider-dots {
opacity: 1;
}
.fullscreen .home-slider-dots {
display: none;
}
@media (min-width: 992px) {
.home-slider-dots {
right: 80px;
}
}
.home-slider-dots::after {
background-color: #fff;
content: "";
display: block;
height: 100%;
opacity: 0.4;
left: 50%;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 1px;
z-index: -1;
}
.home-slider-dots > li {
background-color: #838A8F;
border-radius: 2px;
height: 8px;
margin-bottom: 42px;
transition: background-color 0.3s ease, margin 0.3s ease;
width: 8px;
}
@media (min-width: 992px) {
.home-slider-dots > li {
height: 10px;
width: 10px;
}
}
.home-slider-dots > li.active {
background-color: #fff;
height: 18px;
margin-bottom: 152px;
margin-top: 152px;
width: 18px;
}
@media (min-width: 992px) {
.home-slider-dots > li.active {
height: 26px;
width: 26px;
}
}
.home-slider-dots > li.active:first-child {
margin-bottom: 304px;
}
.home-slider-dots > li.active:last-child {
margin-top: 262px;
}
.home-slider-dots > li:first-child {
margin-top: 0;
}
.home-slider-dots > li:last-child {
margin-bottom: 0;
}
.home-slide {
left: 0;
height: 100vh;
position: absolute;
top: 0;
width: 100%;
}
.fullscreen .home-slide {
display: none;
}
.page-hero {
height: 100vh;
margin-bottom: 80px;
position: relative;
}
@media (min-width: 992px) {
.page-hero {
margin-bottom: 120px;
}
}
.page-hero .arrow-down {
bottom: 32px;
fill: #fff;
left: 50%;
position: absolute;
transform: translateX(-50%);
}
@media (min-width: 992px) {
.page-hero .arrow-down {
bottom: 58px;
height: 25px;
width: 47px;
}
}
.page-hero-sm {
height: 480px;
}
.page-hero-background {
display: block;
height: 100%;
opacity: 0.5;
position: relative;
z-index: 0;
}
.page-hero-background video,
.page-hero-background img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.page-hero-background iframe {
background-color: #131313;
height: 100%;
width: 100%;
}
.page-hero-content {
bottom: 74px;
font-size: 18px;
font-weight: 300;
left: 15px;
position: absolute;
max-width: 500px;
}
.page-hero-content .h1 {
line-height: 1;
margin-bottom: 0;
}
@media (max-width: 991px) {
.page-hero-content .h1 {
font-size: 40px;
}
}
@media (min-width: 992px) {
.page-hero-content .h1 {
margin-bottom: 20px;
}
}
.page-hero-content .btn {
margin-top: 3rem;
}
@media (min-width: 992px) {
.page-hero-content {
bottom: 98px;
left: 120px;
}
}
.page-hero-text {
display: none;
}
@media (min-width: 992px) {
.page-hero-text {
display: block;
}
}
.page-title {
align-items: center;
display: flex;
}
.page-content {
color: #F2F2F2;
padding-bottom: 45px;
padding-top: 45px;
}
@media (min-width: 992px) {
.page-content {
padding-bottom: 192px;
padding-top: 90px;
}
}
.page-content > .wp-post-image {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}
.page-body {
font-size: 16px;
font-weight: 300;
line-height: 1.5;
}
.page-body h1, .page-body h2, .page-body h3, .page-body h4, .page-body h5, .page-body h6,
.page-body p, .page-body ul, .page-body ol {
margin-bottom: 1.25rem;
}
@media (min-width: 992px) {
.page-body h1, .page-body h2, .page-body h3, .page-body h4, .page-body h5, .page-body h6,
.page-body p, .page-body ul, .page-body ol {
margin-bottom: 2.5rem;
}
}
.error404 {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.error404 .header {
position: relative;
}
.error404 .page-content {
flex-grow: 1;
text-align: center;
}
.error404 .page-content .btn {
margin-top: 35px;
}
.single-hero {
height: 167px;
}
@media (min-width: 992px) {
.single-hero {
height: 480px;
}
}
.single-hero > img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.single-title {
line-height: 1;
}
@media (max-width: 991px) {
.single-title {
margin-bottom: 10px;
}
}
.single-details {
display: flex;
font-size: 12px;
font-weight: 300;
line-height: 1;
list-style: none;
margin-bottom: 20px;
padding-left: 0;
}
@media (min-width: 992px) {
.single-details {
font-size: 23px;
margin-bottom: 60px;
}
}
.single-details li + li {
border-left: 1px solid #F2F2F2;
margin-left: 10px;
padding-left: 10px;
}
.single-gallery {
display: grid;
gap: 32px;
grid-template-columns: 1fr 1fr;
margin-bottom: 42px;
}
@media (min-width: 992px) {
.single-gallery {
margin-bottom: 120px;
}
}
.single-gallery-item {
height: 142px;
}
@media (min-width: 992px) {
.single-gallery-item {
height: 254px;
width: 208px;
}
}
.single-gallery-item > img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.single-gallery-gifs {
grid-template-columns: 1fr 1fr 1fr;
}
.single-gallery-gifs .single-gallery-item {
height: 198px;
}
@media (min-width: 992px) {
.single-gallery-gifs .single-gallery-item {
height: 535px;
}
}
@media (min-width: 992px) {
.single-gallery {
gap: 80px;
grid-template-columns: 1fr 1fr 1fr;
}
.single-gallery-item {
height: 362px;
width: 100%;
}
}
.single-video {
background-color: #000;
margin-bottom: 42px;
}
@media (min-width: 992px) {
.single-video {
margin-bottom: 120px;
}
}
.single-testimonials {
margin-bottom: 120px;
}
.single-poster {
align-items: flex-end;
display: flex;
height: 564px;
margin-bottom: 120px;
padding: 78px 73px;
position: relative;
z-index: 0;
}
.single-poster .h2 {
font-weight: bold;
}
.single-poster > img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.single-footer {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
margin-left: auto;
margin-right: auto;
max-width: 378px;
}
@media (min-width: 992px) {
.single-footer {
gap: 25px;
}
}
.single-footer .btn {
flex-grow: 1;
width: 100%;
}
.single-footer .btn + .btn {
width: 1%;
}
.single-content,
.single .page-body {
color: #F2F2F2;
font-weight: 300;
line-height: 1.5;
padding-bottom: 26px;
}
@media (min-width: 992px) {
.single-content,
.single .page-body {
font-size: 28px;
padding-bottom: 120px;
}
}
.single .page-content {
background-color: #161616;
padding-bottom: 42px;
padding-top: 42px;
}
@media (min-width: 992px) {
.single .page-content {
padding-bottom: 120px;
padding-top: 120px;
}
}
.lp-hero {
background-color: #171717;
height: 801px;
overflow: hidden;
position: relative;
z-index: 0;
}
.lp-hero-content {
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 50%;
transform: translateY(-50%);
}
.lp-hero-content .btn {
margin-top: 48px;
}
.lp-hero .h1 {
font-size: 48px;
pointer-events: none;
text-align: center;
}
.lp-hero .hero-item {
align-items: center;
justify-content: center;
text-align: center;
}
.lp-hero .hero-item-image, .lp-hero .hero-item-video {
opacity: 0.7;
}
.lp-hero .hero-content {
padding-right: 0;
}
.lp-hero .hero-btns {
bottom: 15px;
display: flex;
gap: 20px;
position: absolute;
right: 15px;
}
@media (min-width: 992px) {
.lp-hero .hero-btns {
bottom: 65px;
right: 65px;
}
}
.lp-hero .slick-dots {
bottom: 140px;
display: block;
left: 50%;
position: absolute;
transform: translateX(-50%);
}
@media (min-width: 992px) {
.lp-hero {
height: 768px;
}
.lp-hero .h1 {
font-size: 56px;
}
}
.lp-page-content {
background-color: #171717;
color: #F2F2F2;
font-size: 18px;
font-weight: 300;
line-height: 1.4;
padding-bottom: 80px;
}
.lp-page-content p {
margin-bottom: 1.5rem;
}
.lp-page-body {
padding-bottom: 306px;
padding-top: 306px;
text-align: center;
}
@media (min-width: 992px) {
.lp-page-body {
padding-bottom: 130px;
padding-top: 130px;
}
}
.lp-section {
margin-bottom: 67px;
position: relative;
z-index: 0;
}
.lp-section iframe {
border: none;
display: block;
margin: 0 auto;
}
.lp-section .h1 {
font-size: 48px;
font-weight: bold;
letter-spacing: -0.07em;
margin-bottom: 28px;
}
.lp-section .h2 {
font-size: 36px;
line-height: 1;
}
.lp-section .h3 {
font-size: 36px;
font-weight: bold;
margin-bottom: 32px;
}
.lp-section .img-fluid {
width: 100%;
}
.lp-section-header {
margin-bottom: 39px;
}
.lp-section-header.float {
margin-bottom: -112px;
position: relative;
z-index: 1;
}
.lp-section-header.float .h1 {
line-height: 1;
}
.lp-section-content {
line-height: 1.30435;
padding-top: 46px;
font-size: 23px;
}
.lp-section-footer {
color: #9C9C9C;
margin-top: 55px;
}
.lp-section-caption {
color: #F2F2F2;
font-size: 14px;
line-height: 1.28572;
margin-top: 28px;
}
.lp-section-has-bg > .container {
left: 0;
position: absolute;
right: 0;
z-index: 1;
}
.lp-section-has-bg .lp-section-bg {
height: auto;
width: 100%;
}
.page-template-page-videos .lp-section-has-bg {
align-items: center;
display: flex;
text-align: center;
}
.lp-section-compare {
overflow: hidden;
}
.lp-section-compare .slick-dots {
margin-top: 45px;
text-align: center;
width: 100%;
}
.lp-section-compare .slick-dots li {
height: 53px;
width: 63px;
}
.lp-section-compare .slick-dots img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.lp-section-qrcode .row {
align-items: center;
}
.lp-section-qrcode .video-player {
margin-bottom: 79px;
width: 302px;
}
.lp-section-qrcode .video-player img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
.lp-section-qrcode .video-player video {
background-color: #1E1E20;
height: 483px;
left: 21px;
position: absolute;
top: 75px;
width: 260px;
}
.lp-section-qrcode .video-player:before {
height: 64px;
width: 64px;
}
.lp-section-qrcode .btn-sound {
display: none;
}
@media (min-width: 992px) {
.lp-section-qrcode .video-player {
margin-bottom: 0;
width: 402px;
}
.lp-section-qrcode .video-player video {
height: 643px;
left: 28px;
position: absolute;
top: 100px;
width: 345px;
}
}
@media (min-width: 992px) {
.lp-section {
margin-bottom: 85px;
}
.lp-section .h1 {
font-size: 70px;
}
.lp-section .h2 {
font-size: 56px;
}
.lp-section-header {
margin-bottom: 51px;
}
}
.lp-figure {
align-items: center;
color: #fff;
display: flex;
justify-content: center;
position: relative;
text-align: center;
}
.lp-figure > img {
border-radius: 7px;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
opacity: 0.7;
width: 100%;
}
.lp-figure figcaption {
font-size: 25px;
font-weight: 500;
line-height: 1.28;
padding-left: 35px;
padding-right: 35px;
position: absolute;
}
@media (min-width: 992px) {
.lp-figure figcaption {
font-size: 30px;
line-height: 1.3;
padding-left: 86px;
padding-right: 86px;
}
}
#canvas-render {
display: block;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
.nav-categories {
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
@media (max-width: 1199px) {
.nav-categories {
border: 1px solid #838A8F;
border-radius: 2px;
color: #838A8F;
display: flex;
flex-direction: column;
font-size: 12px;
height: 26px;
padding: 0 10px;
position: relative;
max-width: 144px;
width: 100%;
z-index: 1;
}
.nav-categories::before {
background: url(//signiastudios.com/wp-content/themes/signia-2024/assets/images/sprite.svg#g-select2) no-repeat right center;
background-size: 13px 7px;
content: attr(data-selected);
line-height: 26px;
margin-bottom: -1px;
}
.nav-categories:not(.show) > li {
display: none;
}
.nav-categories.show {
border-color: #f2f2f2;
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.nav-categories.show::before {
color: #F2F2F2;
}
.nav-categories.show > li {
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
}
.nav-categories.show > li:last-child {
border-bottom: 1px solid #f2f2f2;
border-radius: 0 0 2px 2px;
}
.nav-categories > li {
background-color: rgba(23, 23, 23, 0.902);
line-height: 26px;
margin-left: -11px;
margin-right: -11px;
padding: 0 10px;
}
.nav-categories > li a {
border-top: 1px solid #f2f2f2;
color: currentColor;
display: block;
}
}
@media (min-width: 1200px) {
.nav-categories {
align-items: center;
display: flex;
justify-content: center;
width: 100%;
}
.nav-categories li + li {
border-left: 1px solid #F2F2F2;
}
.nav-categories a {
color: #838A8F;
display: block;
line-height: 24px;
padding: 3px 60px;
text-align: center;
text-decoration: none;
transition: opacity 0.3s ease;
}
.nav-categories a:hover {
color: #F2F2F2;
opacity: 1;
}
}
@media (min-width: 1200px) and (min-width: 768px) {
.nav-categories a {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.nav-categories .current-cat a {
color: #fff;
font-weight: bold;
}
}
.privacy-bar {
background-color: #171717;
bottom: 0;
color: #f2f2f2;
display: flex;
flex-direction: column;
font-size: 1rem;
padding: 32px 20px;
position: fixed;
}
@media (min-width: 768px) {
.privacy-bar {
align-items: center;
flex-direction: row;
}
}
@media (min-width: 992px) {
.privacy-bar {
padding: 38px 50px;
}
}
.privacy-bar .h4 {
align-items: center;
display: flex;
}
@media (min-width: 768px) {
.privacy-bar .h4 {
border-right: 1px solid #f2f2f2;
margin-right: 20px;
padding-right: 20px;
}
}
@media (min-width: 992px) {
.privacy-bar .h4 {
height: 66px;
margin-bottom: 0;
margin-right: 40px;
padding-right: 40px;
}
}
@media (min-width: 1400px) {
.privacy-bar .h4 {
white-space: nowrap;
}
}
.privacy-bar-btns {
align-items: center;
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 20px;
}
@media (min-width: 768px) {
.privacy-bar-btns {
margin-left: 20px;
margin-top: 0;
}
}
@media (min-width: 992px) {
.privacy-bar-btns {
margin-left: 40px;
}
}
@media (min-width: 1400px) {
.privacy-bar-btns {
flex-direction: row;
gap: 40px;
}
}
.privacy-bar-btns .btn {
white-space: nowrap;
width: 100%;
}
@media (min-width: 992px) {
.privacy-bar-btns .btn {
width: 180px;
}
}
@media (min-width: 1400px) {
.privacy-bar-btns .btn {
width: 260px;
}
}
.page-template-page-contact {
display: flex;
flex-direction: column;
font-size: 18px;
min-height: 100vh;
}
.page-template-page-contact .page-content {
flex-grow: 1;
}
@media (min-width: 992px) {
.page-template-page-contact .page-content {
padding-bottom: 113px;
}
}
.page-template-page-contact h1 {
font-weight: 300;
}
@media (max-width: 991px) {
.page-template-page-contact h1 {
margin-bottom: 10px;
}
}
.page-template-page-contact h1 > strong {
display: block;
}
.page-template-page-contact .wpcf7,
.page-template-page-contact .address-list {
margin-top: 32px;
}
@media (min-width: 992px) {
.page-template-page-contact .wpcf7,
.page-template-page-contact .address-list {
margin-top: 80px;
}
}
.page-template-page-contact .wpcf7 {
margin-bottom: 52px;
}
@media (min-width: 992px) {
.page-template-page-contact .wpcf7 {
margin-bottom: 0;
}
}
.page-template-page-contact .wpcf7-list-item-label {
font-size: 12px;
}
.page-template-page-contact .footer-xs {
position: relative;
}
.page-template-page-solucoesdigitais .lp-hero {
height: 607px;
}
.page-template-page-solucoesdigitais .lp-hero .h1 {
font-size: 32px;
line-height: 1.25;
}
.page-template-page-solucoesdigitais .lp-hero .btn {
max-width: 100%;
width: 410px;
}
.page-template-page-solucoesdigitais .lp-hero .video-background {
opacity: 0.7;
}
.page-template-page-solucoesdigitais .lp-hero .video-background.video-initialized + .lp-hero-background {
display: none;
}
.page-template-page-solucoesdigitais .lp-hero-background {
display: block;
height: 100%;
left: 0;
opacity: 0.7;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.page-template-page-solucoesdigitais .lp-hero-background > img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media (min-width: 992px) {
.page-template-page-solucoesdigitais .lp-hero {
height: 736px;
}
.page-template-page-solucoesdigitais .lp-hero .h1 {
font-size: 50px;
line-height: 1.28;
margin-bottom: 34px;
}
}
.page-template-page-solucoesdigitais .single-testimonials {
margin-bottom: 97px;
}
.page-template-page-solucoesdigitais .lp-page-content {
color: #9C9C9C;
padding-top: 105px;
}
.page-template-page-solucoesdigitais .lp-page-content .h1,
.page-template-page-solucoesdigitais .lp-page-content .h2 {
background: linear-gradient(94.2deg, #9C9C9C 1.04%, rgba(255, 255, 255, 0) 127.69%);
font-weight: 500;
letter-spacing: -0.04em;
margin-bottom: 33px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media (min-width: 992px) {
.page-template-page-solucoesdigitais .lp-page-content .h1 {
font-size: 95px;
line-height: 110px;
}
.page-template-page-solucoesdigitais .lp-page-content .h2 {
font-size: 65px;
line-height: 1.15385;
}
}
.page-template-page-solucoesdigitais .lp-section .btn {
max-width: 100%;
width: 410px;
}
.page-template-page-solucoesdigitais .lp-section .slick-active > button:after {
background-color: #fff;
}
.page-template-page-solucoesdigitais .lp-section .slick-arrow {
height: 30px;
position: absolute;
width: 30px;
}
.page-template-page-solucoesdigitais .lp-section .slick-arrow .icon {
height: 10px;
width: 6px;
}
.page-template-page-solucoesdigitais .lp-section .slick-dots {
vertical-align: middle;
}
.page-template-page-solucoesdigitais .lp-section .slick-dots button {
height: 30px;
width: 30px;
}
.page-template-page-solucoesdigitais .lp-section .slick-prev {
right: 43px;
}
.page-template-page-solucoesdigitais .lp-section .slick-next {
right: 0;
}
.page-template-page-solucoesdigitais .lp-section .slider-controls {
bottom: 63px;
left: 29px;
padding-right: 92px;
position: absolute;
}
.page-template-page-solucoesdigitais .lp-section-header {
opacity: 1;
}
.page-template-page-solucoesdigitais .lp-section-list {
font-size: 18px;
}
.page-template-page-solucoesdigitais .lp-section-list .row {
row-gap: 50px;
}
.page-template-page-solucoesdigitais .lp-section-list .icon {
fill: currentColor;
margin-bottom: 15px;
}
.page-template-page-solucoesdigitais .lp-section-slider {
margin-left: auto;
margin-right: auto;
max-width: 1400px;
}
.page-template-page-solucoesdigitais .lp-section-slider .slick-slide img {
height: auto;
width: 100%;
}
@media (max-width: 991px) {
.slick-do .page-template-page-solucoesdigitais .lp-section-header br {
display: none;
}
}
@media (min-width: 992px) {
.page-template-page-solucoesdigitais .lp-section .slick-arrow {
height: 54px;
width: 54px;
}
.page-template-page-solucoesdigitais .lp-section .slick-arrow .icon {
height: 18px;
width: 10px;
}
.page-template-page-solucoesdigitais .lp-section .slick-dots button {
height: 54px;
width: 52px;
}
.page-template-page-solucoesdigitais .lp-section .slider-controls {
bottom: 65px;
left: 60px;
padding-right: 162px;
}
.page-template-page-solucoesdigitais .lp-section .slider-controls .slick-prev {
right: 75px;
}
}
.page-template-page-solucoesdigitais .form {
color: #B6B6B7;
text-align: left;
}
.page-template-page-solucoesdigitais .form .btn {
width: 100%;
}
.page-template-page-showroom .lp-page-content {
overflow: hidden;
padding-bottom: 0;
}
.page-template-page-showroom .page-hero {
margin-bottom: 0;
}
.page-template-page-showroom .page-hero-content {
max-width: 710px;
}
.signiaverso-map {
display: table;
margin: 0 auto;
position: relative;
}
@media (max-width: 991px) {
.signiaverso-map {
min-width: 992px;
}
}
@media (max-width: 991px) {
.signiaverso-map-scroll {
overflow-y: hidden;
overflow-x: auto;
}
}
.signiaverso-map-wrapper {
align-items: center;
display: flex;
height: 100vh;
position: relative;
z-index: 0;
}
.signiaverso-map-img {
height: auto;
max-height: 100vh;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
.signiaverso-map-bg {
pointer-events: none;
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.signiaverso-map .area {
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEtQTFRFAAAA8vLy8vLy8vLy8vLy8vLy7+/v8vLy8vLy8vLy8vLy8vLy8vLy8/Pz8vLy8vLy8fHx8vLy8vLy8/Pz8vLy8vLy7+/v8fHx+Pj4HDkbiwAAABl0Uk5TAP+5lsKzA/V5UcCTzBnjhH/SVx64hwYJCQznQcYAAABsSURBVHic1dA5EoAgEETRHgQXEFBc739SFQOFAmL96Qu6qgGsbd9QMgHoMU1e15GMm2qka8noDJ315PKIhqaCEuU2by3gN9TO7NWyB2qjn4dA50hloCxS/kmtfqgq0CXSDkI8ug2SX1U+1eEAr7ID3BNTjXQAAAAASUVORK5CYII=), crosshair !important;
display: block;
position: absolute;
}
.signiaverso-map .area.right {
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAAOVBMVEUAAADz8/Py8vLx8fHy8vLx8fH29vb////y8vLx8fHy8vLx8fHz8/Py8vLy8vLz8/Py8vL////y8vL8P1dDAAAAEnRSTlMAucKWs4IbBPXj0syTh3lXUQl08Q3XAAAAW0lEQVQoz9XJNw6AMAwAQJPm9OL/PxYpCzgiXlFuPTD0yaeKAGy56GADXQsUEbZcoAp7jZKwjrywSASCH3eU683ytcRZtmrZ64DVB24Wty9b2ELPelKTHc8acwP7Zxgpmcdb6QAAAABJRU5ErkJggg==) 10 0, crosshair !important;
}
.signiaverso-map .area.right .area-hover {
margin: 23px 23px 0 0;
transform: translateX(-100%);
}
.signiaverso-map .area.top {
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEcSURBVHgB7ZaxisJAEIZn1+PgCEnq4+Ce4K45bK7U3sbGNxERe0F8FbHQxkZfQC1E8AEsrJOQpErWf0TBwiJxyRayH4RM2Mz+zO7szIowDGcEPM9rUQGUUh/w6QohGviUD8b3j/yklBnGltCZCkygrqKCCoD/h3j16HnasqQDIcI/0gD+zdKiuuR5XjMuylhRK6oNjsyPXV4ryl1EkR75M6Jr0gD+qzcqie/7gyAIOPXreAq1wzvBLVroiPujuvVUU9jsfWFRZFaNDMGiCRtpmn6RISQiPLCRZdk/GULifE/YwC1tHMfxJ5kAkb6jOOy4QKDSHKMo6iRJ8l3lHl/KGEeI5V3A/KXqmV+y13Gck+u6dZh9RLiha3JVxRmr/ncWvZkcnwAAAABJRU5ErkJggg==) 0 6, crosshair !important;
}
.signiaverso-map .area.top .area-hover {
margin: 0 0 23px 23px;
transform: translateY(-100%);
}
.signiaverso-map .area.top.right {
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEWSURBVHgB7ZdBCoJAFIafjkQbdR1BJ2jVrlXQpk2bVp0l6ARRR6lNB+gCrWrRATqBigqBM/2vhlYFTTYG4Qc6j5HHhzrznjoE4jieKKWGCAU9wXGc7pNpiZxdEAQLXM/pDeDZ8uixEOMGiWQKcgZJkjQRzt5MGfPJ1Xf4MRD3yBCXXjxSm7j0A2rpH0pfbHy7UvoBtdS6VFIJULsVGcIFf0clQP6eDPG4H3J7Mu0W6s4+DMM5GWLeREuA3n17FfWWqaUfg5UuKpfmed7W8qwyaVEUfR2eKpGmadqSUi45RhFaky34HWZZ1kG1m0ZRdObCgOOA+YanP/XH9GUge8T67+EohBghvnhkEV40GE78SH3fX7GQ569fCnVEK424oQAAAABJRU5ErkJggg==) 6 6, crosshair !important;
}
.signiaverso-map .area.top.right .area-hover {
margin: 0 23px 23px 0;
transform: translate(-100%, -100%);
}
.signiaverso-map .area-hover {
background-color: #000;
height: 240px;
margin: 23px 0 0 23px;
opacity: 0;
overflow: hidden;
position: absolute;
width: 240px;
z-index: 1;
}
.mobile .signiaverso-map .area-hover {
margin: 0 !important;
}
.signiaverso-map .area-hover > img {
border-radius: 4px;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.signiaverso-map .area-experiencias {
top: 83%;
height: 11%;
left: 44.5%;
width: 11%;
}
.signiaverso-map .area-videos {
top: 76%;
height: 12%;
left: 21.5%;
width: 12.5%;
}
.signiaverso-map .area-quem_somos {
top: 55%;
height: 12%;
left: 8.5%;
width: 17%;
}
.signiaverso-map .area-entrada {
top: 20%;
height: 20%;
left: 11%;
width: 8.5%;
}
.signiaverso-map .area-praca {
top: 10%;
height: 26.6%;
left: 28%;
width: 8%;
}
.signiaverso-map .area-clientes {
top: 4%;
height: 11%;
left: 52.5%;
width: 12%;
}
.signiaverso-map .area-ra {
top: 21%;
height: 18%;
left: 54.5%;
width: 7%;
}
.signiaverso-map .area-equipe {
top: 12.5%;
height: 19%;
left: 65%;
width: 8.5%;
}
.signiaverso-map .area-imagens {
top: 40%;
height: 11%;
left: 77%;
width: 15%;
}
.signiaverso-map .area-personagens {
top: 63.5%;
height: 11.5%;
left: 76%;
width: 13.5%;
}
.visit-showroom {
height: 736px;
position: relative;
z-index: 0;
}
.visit-showroom > .container-xl {
align-items: flex-start;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
}
@media (min-width: 992px) {
.visit-showroom .h1 {
margin-bottom: 55px;
}
}
.visit-showroom .btn {
margin-top: 50px;
}
.visit-showroom-text {
line-height: 1.55;
max-width: 975px;
}
.visit-showroom-bg {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.page-template-page-universo {
background-color: #171717;
}
.page-template-page-universo .page-hero {
margin-bottom: 0;
}
.page-template-page-universo .lp-page-content {
padding-bottom: 0;
}
body.blog .page-content,
body.category .page-content {
background-color: #171717;
padding-bottom: 90px;
}
body.blog .page-title,
body.category .page-title {
margin-bottom: 32px;
}
@media (max-width: 991px) {
body.blog .page-title,
body.category .page-title {
justify-content: space-between;
}
}
@media (min-width: 992px) {
body.blog .page-title,
body.category .page-title {
margin-bottom: 107px;
}
}
body.blog .page-title .h1,
body.category .page-title .h1 {
margin-bottom: 0;
margin-right: 60px;
}
.page-template-page-services .page-hero {
margin-bottom: 0;
}
.page-template-page-services .lp-page-content {
padding-bottom: 0;
}
.page-template-page-services .home-slider {
height: 100vh;
}
.page-template-page-services .home-slider-dots {
position: absolute;
}
.page-template-page-services .footer-xs {
align-items: center;
justify-content: space-between;
position: absolute;
}
.lp-section-services {
align-items: center;
display: flex;
height: 100vh;
}
@keyframes blink {
0%, 100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
.lp-section-services .h2.cursor::after {
animation: blink 1s infinite;
background-color: #F2F2F2;
content: "";
display: inline-block;
height: 52px;
margin-left: 6px;
width: 6px;
vertical-align: middle;
}
.lp-section-services .lp-section-header .btn {
margin-top: 35px;
width: 100%;
max-width: 334px;
}
.lp-section-services .lp-section-bg {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.lp-section-services .lp-section-text {
align-items: center;
display: flex;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.lp-section-projects {
align-items: center;
display: flex;
height: 100vh;
overflow: hidden;
}
.lp-section-clients {
margin-bottom: 0;
position: relative;
padding-bottom: 230px;
padding-top: 230px;
}
.lp-section-clients .lp-section-header {
margin-bottom: 0;
position: sticky;
top: 40vh;
}
.lp-section-clients .lp-section-header .btn {
margin-top: 35px;
width: 100%;
max-width: 334px;
}
.lp-section-contact {
height: 1080px;
margin-bottom: 0;
padding-top: 230px;
position: relative;
z-index: 0;
}
.lp-section-contact .lp-section-bg {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.project-list {
display: grid;
font-size: 16px;
font-weight: 300;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
line-height: 1;
}
@media (min-width: 992px) {
.project-list {
-moz-column-gap: 70px;
column-gap: 70px;
grid-template-columns: 1fr 1fr 1fr;
font-size: 40px;
}
}
.project-item {
color: #F2F2F2;
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEtQTFRFAAAA8vLy8vLy8vLy8vLy8vLy7+/v8vLy8vLy8vLy8vLy8vLy8vLy8/Pz8vLy8vLy8fHx8vLy8vLy8/Pz8vLy8vLy7+/v8fHx+Pj4HDkbiwAAABl0Uk5TAP+5lsKzA/V5UcCTzBnjhH/SVx64hwYJCQznQcYAAABsSURBVHic1dA5EoAgEETRHgQXEFBc739SFQOFAmL96Qu6qgGsbd9QMgHoMU1e15GMm2qka8noDJ315PKIhqaCEuU2by3gN9TO7NWyB2qjn4dA50hloCxS/kmtfqgq0CXSDkI8ug2SX1U+1eEAr7ID3BNTjXQAAAAASUVORK5CYII=), crosshair !important;
font-weight: bold;
margin-bottom: 30px;
min-height: 56px;
padding: 12px 0 12px 40px;
position: relative;
transition: color 0.3s ease;
}
.project-item:nth-child(odd) {
padding-right: 40px;
border-right: 1px solid #707070;
padding-left: 0;
}
@media (min-width: 992px) {
.project-item {
color: #838A8F;
font-weight: normal;
margin-bottom: 0;
min-height: auto;
padding: 64px 0;
width: 380px;
}
.project-item:nth-child(odd) {
border-right: none;
padding-right: 0;
}
.project-item:nth-child(-n+3) {
border-bottom: 1px solid #707070;
}
}
.project-item:hover {
color: #F2F2F2;
font-weight: bold;
text-decoration: none;
}
.project-item-hover {
background-color: #000;
height: 240px;
margin: 23px 0 0 23px;
opacity: 0;
overflow: hidden;
position: absolute;
width: 240px;
z-index: 1;
}
.project-item-hover > img {
border-radius: 4px;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
} @media (min-width: 992px) {
.header,
.home .header {
height: 144px;
}
.navbar,
.home .navbar,
.header-scroll .navbar {
flex-wrap: nowrap;
gap: clamp(24px, 3vw, 56px);
padding: 32px clamp(32px, 5vw, 96px) !important;
}
.header-scroll .header {
height: 112px !important;
}
.navbar-brand {
flex: 0 0 auto;
}
#navbar {
flex: 1 1 0;
min-width: 0;
}
#navbar .navbar-nav {
flex: 1 1 auto;
align-items: center;
justify-content: flex-start;
margin-left: 0;
width: auto;
min-width: 0;
}
.navbar-nav .nav-link {
font-size: clamp(14px, 1.25vw, 18px);
padding: 12px clamp(8px, 1.1vw, 20px);
white-space: nowrap;
}
#navbar .wpml-ls {
flex: 0 0 auto;
margin-left: auto;
}
#navbar .wpml-ls a {
font-size: clamp(14px, 1.25vw, 18px);
padding: 12px clamp(10px, 1vw, 18px);
}
.h1, h1 {
font-size: clamp(36px, 3.35vw, 52px);
line-height: 1.12;
}
.h2, h2 {
font-size: clamp(26px, 2.2vw, 32px);
}
.hero-home .hero-content {
max-width: min(850px, calc(100% - 130px));
}
.hero-home .hero-content .h1 {
font-size: clamp(36px, 3.35vw, 52px);
}
.hero-home .hero-content p {
font-size: clamp(16px, 1.25vw, 18px);
line-height: 1.5;
}
.hero-home .hero-item {
padding: 48px clamp(32px, 5vw, 96px) 88px;
}
.home-project-item {
font-size: clamp(22px, 2vw, 28px);
}
.home-project-item-description {
font-size: clamp(16px, 1.3vw, 18px);
line-height: 1.4;
}
.lp-hero .h1,
.page-template-page-solucoesdigitais .lp-hero .h1 {
font-size: clamp(36px, 3.35vw, 52px);
line-height: 1.15;
}
.lp-section .h1,
.page-template-page-solucoesdigitais .lp-page-content .h1 {
font-size: clamp(36px, 3.7vw, 60px);
line-height: 1.15;
}
.lp-section .h2,
.page-template-page-solucoesdigitais .lp-page-content .h2 {
font-size: clamp(28px, 2.8vw, 44px);
line-height: 1.2;
}
}
@media (max-width: 991px) {
.navbar {
align-items: center;
flex-wrap: nowrap;
padding: 24px;
}
.navbar-toggler {
flex: 0 0 48px;
margin-left: auto;
}
.hero-home .hero-content .h1 {
font-size: clamp(28px, 4.2vw, 38px);
line-height: 1.15;
}
.hero-home .hero-content {
max-width: 100%;
}
} :root {
--signia-title: clamp(30px, 3.15vw, 44px);
--signia-heading: clamp(24px, 2.25vw, 32px);
--signia-subheading: clamp(21px, 1.8vw, 26px);
--signia-body: clamp(16px, 1.25vw, 18px);
--signia-gutter: clamp(24px, 5vw, 96px);
}
h1, .h1,
.hero-home .hero-content .h1,
.page-hero-content .h1,
.lp-hero .h1,
.lp-section .h1,
.page-template-page-solucoesdigitais .lp-hero .h1,
.page-template-page-solucoesdigitais .lp-page-content .h1 {
font-size: var(--signia-title);
line-height: 1.15;
letter-spacing: -0.025em;
overflow-wrap: break-word;
}
h2, .h2,
.lp-section .h2,
.page-template-page-solucoesdigitais .lp-page-content .h2 {
font-size: var(--signia-heading);
line-height: 1.25;
letter-spacing: -0.015em;
}
h3, .h3, .lp-section .h3 {
font-size: var(--signia-subheading);
line-height: 1.3;
}
.lp-page-content,
.lp-section-content,
.page-body,
.single-content,
.single .page-body,
.page-hero-content,
.hero-home .hero-content p {
font-size: var(--signia-body);
line-height: 1.6;
}
.header,
.home .header,
.header-scroll .header {
height: 112px !important;
}
.page-hero {
display: grid;
align-items: center;
height: auto;
min-height: max(600px, 78svh);
padding: 168px var(--signia-gutter) 100px;
box-sizing: border-box;
}
.page-hero-background {
position: absolute;
inset: 0;
height: 100%;
width: 100%;
}
.page-hero-content {
position: relative;
inset: auto;
width: 100%;
max-width: 760px;
min-width: 0;
}
.page-hero-content .h1 {
margin-bottom: 24px;
}
.page-hero-text {
display: block;
max-width: 64ch;
overflow-wrap: break-word;
}
.page-hero-text p:last-child {
margin-bottom: 0;
}
.page-hero .arrow-down {
bottom: 28px;
} .page-template-page-universo .our-history {
box-sizing: border-box;
padding: 144px var(--signia-gutter) 40px;
min-height: 640px;
}
.page-template-page-universo .our-history-list {
width: min(56%, 660px);
min-width: 0;
}
.page-template-page-universo .our-history-item {
padding-bottom: 20px;
min-width: 0;
}
.page-template-page-universo .our-history-item .h2 {
font-size: 16px;
line-height: 1.35;
overflow-wrap: break-word;
}
.page-template-page-universo .our-history-item.active {
padding-bottom: 32px;
}
.page-template-page-universo .our-history-item.active .h2 {
font-size: var(--signia-heading);
line-height: 1.25;
}
.page-template-page-universo .our-history-item .h2::before {
flex-shrink: 0;
}
.page-template-page-universo .our-history-item-content {
width: 100%;
max-width: 52ch;
font-size: var(--signia-body);
line-height: 1.6;
overflow-wrap: break-word;
}
@media (max-width: 991px) {
.header,
.home .header,
.header-scroll .header {
height: 96px !important;
}
.page-hero {
min-height: 540px;
padding-top: 144px;
padding-bottom: 96px;
}
.page-template-page-universo .our-history {
padding: 120px 24px 40px;
min-height: 660px;
}
.page-template-page-universo .our-history-list {
width: 100%;
}
.page-template-page-universo .our-history-img picture {
display: block;
width: 100%;
height: 100%;
}
.page-template-page-universo .our-history-img picture::before {
inset: 0;
height: 100%;
width: 100%;
background: linear-gradient(to bottom,
rgba(23, 23, 23, 0) 0%,
rgba(23, 23, 23, 0.12) 30%,
rgba(23, 23, 23, 0.85) 55%,
#171717 70%,
#171717 100%);
z-index: 1;
}
}