html {
scroll-behavior: smooth;
}
html body {
font-family: "Poppins", sans-serif;
color: #100c09;
}
html body *:focus {
outline: transparent !important;
}
.keep-line {
white-space: nowrap;
}
@media (min-width: 1279px) {
.header-menu-custom li a {
position: relative;
width: auto;
}
.header-menu-custom li a::before {
content: "";
display: block;
position: absolute;
bottom: 0;
height: 1px;
width: 0;
background-color: #100c09;
transition: all 0.3s ease;
}
.header-menu-custom li a:hover::before {
width: 100%;
}
.header-menu-custom li.current-menu-item > a::before, .header-menu-custom li.current-menu-item > .brx-submenu-toggle > a::before {
width: 100%;
}
.header-menu-custom li.menu-item-has-children ul.sub-menu {
line-height: 50px;
display: flex;
flex-direction: column;
padding: 20px 30px 20px 30px;
}
.header-menu-custom li.menu-item-has-children ul.sub-menu li a {
display: inline;
}
}
.hero-underline {
background: linear-gradient(transparent calc(100% - 1rem), #cf8e63 2.5rem) no-repeat;
background-size: 0% 81%;
animation: underline 1.5s ease-in-out forwards;
}
@keyframes underline {
from {
background-size: 0% 81%;
}
to {
background-size: 100% 81%;
}
}
.bricks-mobile-menu-toggle span {
background-color: #100c09;
color: #100c09;
}
.caffe-bean-text {
animation: rotation 20s infinite linear;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.line-before {
position: relative;
padding-left: 30px;
}
.line-before::before {
content: "";
position: absolute;
left: 8px;
top: 50%;
width: 30px;
transform: translateX(-100%);
height: 1px;
background-color: #100c09;
}
.line-before.two::before {
top: 25%;
}
.offer-tile:hover .show-button {
opacity: 1 !important;
}
.main-blog .bricks-layout-inner {
height: 100%;
transition: all 0.3s ease;
}
.main-blog .bricks-layout-inner .image-wrapper {
overflow: hidden;
}
.main-blog .bricks-layout-inner .image-wrapper .image {
scale: 100%;
transition: all 0.3s ease;
}
.main-blog .bricks-layout-inner .post__title {
transition: all 0.3s ease;
}
.main-blog .bricks-layout-inner .blog-data {
font-size: 13px;
}
.main-blog .bricks-layout-inner:hover {
border-color: #100c09 !important;
}
.main-blog .bricks-layout-inner:hover .image-wrapper .image {
scale: 108%;
}
.main-blog .bricks-layout-inner:hover .post__title {
color: #a18262;
}
.main-blog .bricks-layout-inner .content-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.carusel-photos {
position: relative;
}
@media (min-width: 776px) {
.carusel-photos::after, .carusel-photos::before {
content: "";
height: 100%;
position: absolute;
z-index: 3;
width: 150px;
}
.carusel-photos::after {
left: 0;
background: transparent linear-gradient(90deg, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
}
.carusel-photos::before {
right: 0;
background: transparent linear-gradient(270deg, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
}
.carusel-photos .swiper-wrapper {
transition-timing-function: linear !important;
}
}
.carusel-photos .repeater-item .image {
aspect-ratio: 3/2;
-o-object-fit: contain;
object-fit: contain;
}
.unset-events {
pointer-events: none;
}
.footer-custom .bricks-nav-menu li a {
transition: all 0.3s ease;
position: relative;
width: auto;
display: inline;
}
.footer-custom .bricks-nav-menu li a::before {
content: "";
display: block;
position: absolute;
bottom: 0;
height: 1px;
width: 0;
background-color: #100c09;
transition: all 0.3s ease;
}
.footer-custom .bricks-nav-menu li a:hover::before {
width: 100%;
}
.footer-contact div {
transition: all 0.3s ease;
position: relative;
}
.footer-contact div::before {
content: "";
display: block;
position: absolute;
bottom: 0;
height: 1px;
width: 0;
background-color: #100c09;
transition: all 0.3s ease;
}
.footer-contact div:hover::before {
width: 100%;
}
.footer-social a {
transition: all 0.3s ease;
}
.footer-social a:hover {
transform: translateY(-3px);
}
.main-header-fixed.scroll {
transform: translate(0) !important;
}
.quick-calculation {
white-space: nowrap;
}
.hero .hero-nowrap {
white-space: nowrap;
}
.contact-form-custom form label {
color: #575757;
font-size: 14px;
}
.contact-form-custom form input:not([type=submit]),
.contact-form-custom form textarea {
border: 1px solid;
}
.contact-form-custom form input[type=submit] {
background-color: white;
border: 1px solid black;
padding: 10px 30px;
transition: all 0.3s ease;
color: black;
}
.contact-form-custom form input[type=submit]:hover {
background-color: #100c09;
color: white;
}
.contact-form-custom form p:nth-last-of-type(1) {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.calculation-wrapper .wpcf7-response-output {
text-align: center;
padding: 10px !important;
font-weight: 600;
border-top: 3px;
}
.calculation-wrapper .form-custom {
display: flex;
flex-wrap: wrap;
}
.calculation-wrapper .form-custom label {
color: #575757;
font-size: 14px;
}
.calculation-wrapper .form-custom input:not([type=submit]),
.calculation-wrapper .form-custom textarea,
.calculation-wrapper .form-custom select {
border: 1px solid;
}
.calculation-wrapper .form-custom input[type=submit] {
background-color: white;
border: 1px solid black;
padding: 10px 30px;
transition: all 0.3s ease;
color: black;
}
.calculation-wrapper .form-custom input[type=submit]:hover {
background-color: #100c09;
color: white;
}
.calculation-wrapper .form-custom input.wpcf7-not-valid, .calculation-wrapper .form-custom textarea.wpcf7-not-valid {
border: 1px solid red;
}
.calculation-wrapper .form-custom input[type=date] {
min-height: 42px;
}
.calculation-wrapper .form-custom .left-column {
width: 50%;
padding-right: 20px;
}
.calculation-wrapper .form-custom .right-column {
width: 50%;
padding-left: 20px;
}
.calculation-wrapper .form-custom .message {
margin-top: 15px;
width: 100%;
}
.calculation-wrapper .form-custom .submit-wrapper {
width: 100%;
}
.calculation-wrapper .form-custom .submit-wrapper p {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.one-realization:hover .realization-hover {
opacity: 1 !important;
}
.text-circle-wrapper .text-circle-hover {
transition: all 0.3s ease;
transform: rotate(0);
}
.text-circle-wrapper:hover .text-circle-hover {
transform: rotate(90deg);
}
.text-circle-wrapper .text-circle-hover {
transition: all 0.3s ease;
transform: rotate(0);
}
.text-circle-wrapper:hover .text-circle-hover {
transform: rotate(90deg);
}
.back-to-top-custom {
transition: all 0.3s ease;
opacity: 0 !important;
}
.back-to-top-custom:focus {
outline: unset !important;
}
.back-to-top-custom.scroll {
opacity: 1 !important;
}
@media (max-width: 767px) {
.text-circle-wrapper.black .text-circle-hover.black {
display: none;
}
.text-circle-wrapper.black:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
border: 1px solid rgb(0, 0, 0);
border-radius: 50%;
}
.black-offer .text-circle-wrapper .text-circle-hover {
display: none;
}
.black-offer .text-circle-wrapper:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
border: 1px solid white;
border-radius: 50%;
}
.calculation-wrapper .form-custom .left-column, .calculation-wrapper .form-custom .right-column {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.calculation-wrapper .form-custom .right-column {
margin-top: 15px;
}
.hero-underline {
background-size: 0% 100%;
}
@keyframes underline {
from {
background-size: 0% 100%;
}
to {
background-size: 100% 100%;
}
}
}
.one-realization .description-short {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.one-realization .title-realization {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
}
.brxe-breadcrumbs {
row-gap: 3px !important;
margin-bottom: 4px;
}
@media (max-width: 478px) {
.quick-calculation {
white-space: break-spaces;
}
.hero-underline {
background: linear-gradient(transparent calc(100% - 0.5rem), #cf8e63 2.5rem) no-repeat;
background-size: 100% 84%;
}
}
@media (max-width: 1279px) {
.main-offer-section .offer-tile a:first-of-type {
height: 100%;
position: absolute;
z-index: 99;
left: 0;
top: 0;
}
.bricks-mobile-menu .current_page_parent .brx-submenu-toggle a,
.bricks-mobile-menu .current_page_parent .brx-submenu-toggle button {
color: #100c09 !important;
}
.back-to-top-custom .text-circle-inner .text-circle-hover {
display: none;
}
.back-to-top-custom .text-circle-inner:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
border: 1px solid rgb(0, 0, 0);
border-radius: 50%;
}
}
@media (max-width: 369px) {
.hero-underline {
background: none;
}
}