.button-white{border:1px solid #CBC8BD; transition:all 0.3s ease-in-out}.button-white:hover{background: #6E6658; border: 1px solid #4B4B4B; color:#E9E9E9} .btn-primary{min-width: 210px; min-height: 44px; background: #6E6658; border: 1px solid #6E6658; border-radius: 6px; transition:all 0.3s ease-in-out; text-align: center; font-family:'Roboto',sans-serif; font-size:16px; line-height:21px; letter-spacing: 0.38px; color: #F4F4F2;} .btn-primary:hover, .btn-primary:focus{background:#5D554B; color:#F4F4F2; border: 1px solid #5D554B;} .btn-secondary{min-width: 210px; min-height: 44px; background: #E3E2D9; border: 1px solid #CBC8BD; border-radius: 6px; transition:all 0.3s ease-in-out; text-align: center; font-family:'Roboto',sans-serif; font-size:16px; line-height:21px; letter-spacing: 0.38px; color: #4B4B4B;} .btn-secondary:hover, .btn-secondary:focus{background:#CBC8BD; color:#4B4B4B; border: 1px solid #CBC8BD;} .image-box:hover{ transition:all 0.3s ease-in-out; box-shadow: 2px 8px 10px #5E3F0026;} .image-box:hover .learn-more { visibility: visible !important; opacity: 1!important; } .learn-more { transition: all 0.3s ease-in-out; } .project-item { display: grid; grid-template-columns: 60% 30%; gap: 60px; align-items: center; } .project-item:nth-child(odd){grid-template-columns: 30% 60%;} .project-item:nth-child(odd) .project-image { order: 2; } .project-item:nth-child(even) .project-content { order: 1; } .project-image { overflow: hidden; } .project-image img { display: block; width: 100%; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); } .project-image img:hover { transform: scale(1.04); } .footer-menu .bricks-nav-menu, .footer-menu .x-slide-menu_list { display: flex !important; flex-wrap: wrap; justify-content: flex-end; width: 100%; max-width: 560px; margin: 0 auto; padding: 0; gap: 8px 24px; flex-direction: row !important; } .footer-menus .brxe-xslidemenu .menu-item { list-style-type: none; display: flex; flex-direction: row; width: auto; } .footer-menus .social-icons { display: flex; gap: 14px; align-items: flex-end; justify-content: flex-end; } .footer-menus .brxe-brtwln { padding-top: 20px !important; } .contact-forms .gform_heading, .gfield_label_before_complex, .gfield_required_text, .gfield_description{display:none !important} .contact-forms .gform-field-label--type-sub, .gform-field-label { color: #231F20 !important; font-size: 16px !important; font-weight: bold !important; font-family: 'Quattrocento', sans-serif !important; line-height: 18px !important; } .form-field input { background: #E9E9E9 !important; border: 2px solid #E4E3DD !important; border-radius: 4px !important; height: 56px !important; font-family: 'Roboto', sans-serif !important; letter-spacing: 0px !important; color: #71717A !important; font-size: 16px !important; } .form-field textarea { background: #E9E9E9 !important; border: 2px solid #E4E3DD !important; border-radius: 4px !important; font-family: 'Roboto', sans-serif !important; letter-spacing: 0px !important; color: #71717A !important; font-size: 16px !important; } .contact-forms .gform_button { min-width: 210px !important; min-height: 44px !important; background: #6E6658 !important; border: 1px solid #6E6658 !important; border-radius: 6px !important; transition: all 0.3s ease-in-out !important; text-align: center !important; font-family: 'Roboto', sans-serif !important; font-size: 16px !important; line-height: 21px !important; letter-spacing: 0.38px !important; color: #F4F4F2 !important; } .contact-forms .gform_button:hover, .contact-forms .gform_button:focus{background:#5D554B !important; color:#F4F4F2 !important; border: 1px solid #5D554B !important;} .overlay-bg{ position: relative; } .overlay-bg::before { position: absolute; background: linear-gradient(180deg, #4B4B4B00 0%, #4B4B4B 100%) 0% 0% no-repeat padding-box; content: ""; display: block; top: 0; bottom: 0; left: 0; right: 0; } @media(min-width:320px) and (max-width:768px) { .footer-menus .social-icons { display: flex; gap: 14px; align-items: center; justify-content: center; } .footer-menu .bricks-nav-menu, .footer-menu .x-slide-menu_list { display: flex !important; flex-wrap: wrap; justify-content: space-evenly; width: 100%; max-width: 560px; margin: 0 auto; padding: 0; gap: 0 40px; flex-direction: row !important; } }.top-menu .menu-item-has-children .menu-item-icon{display:none}#menu-main-menu > .menu-item:not(.menu-item-has-children) > a { text-decoration: none; position: relative;}#menu-main-menu > .menu-item:not(.menu-item-has-children) > a::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 100%; height: 1px; background: #6E6658; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease;}#menu-main-menu > .menu-item:not(.menu-item-has-children) > a:hover { color: #6E6658 !important;}#menu-main-menu > .menu-item:not(.menu-item-has-children) > a:hover::after { transform: scaleX(1);}#menu-footer-menu > .menu-item > a { text-decoration: none; position: relative;}#menu-footer-menu > .menu-item > a::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 100%; height: 1px; background: #6E6658; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease;}#menu-footer-menu > .menu-item > a:hover { color: #6E6658 !important;}#menu-footer-menu > .menu-item > a:hover::after { transform: scaleX(1);}.flag .iti__selected-flag { padding-left: 10px; background: rgba(0, 0, 0, .05) !important; }.btn-medium{width:260px !important}.header-banner{min-height:800px} .brxe-container {padding-top: 70px; padding-bottom: 70px; width: 1400px; margin-right: auto; margin-left: auto} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} #brx-content {margin-right: auto; margin-left: auto} .content-area {margin-right: auto; margin-left: auto}