@charset "UTF-8";
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.example-react-component {
margin: 15px 0;
background-color: #a9caf7;
color: #fff;
padding: 20px;
border-radius: 5px;
}
.example-react-component h1 {
font-weight: normal;
font-size: 1.2rem;
padding: 0;
margin: 0;
}
.example-react-component p {
margin: 0;
font-size: 0.88rem;
}
:root {
font-family: "Inter Tight", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-size: 16px;
color: #303030;
}
@media screen and (max-width: 992px) {
:root {
font-size: 14px;
}
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
line-height: 1.4;
}
h1, h2 {
font-size: 3.75rem;
font-weight: 700;
}
h3, h4, h5, h6 {
font-weight: 500;
}
h3 {
font-size: 2.43rem;
}
h4 {
font-size: 1.3rem;
}
h5, h6 {
font-size: 1.1rem;
}
p {
margin-bottom: 10px;
font-size: 1.1rem;
line-height: 1.4;
}
a {
color: #303030;
font-size: 1.1rem;
font-weight: normal;
text-decoration: none;
line-height: 1.4;
cursor: pointer;
transition: 0.1s ease-out;
}
a:hover {
color: #438fc4;
}
strong, b {
font-weight: 700;
}
ul {
margin-left: 20px;
list-style: disc;
}
ul li, ol li {
margin-bottom: 10px;
font-size: 1.1rem;
line-height: 1.4;
}
.font--normal {
font-size: 1.1rem;
}
.font--m {
font-size: 1.3rem;
}
.font--l {
font-size: 2.43rem;
}
.font--xl {
font-size: 3.75rem;
}
.main-content {
margin: 50px 0;
}
.main-content h1 {
text-transform: uppercase;
}
.main-content h1, .main-content h2 {
color: #438fc4;
font-size: 2.43rem;
}
.main-content h3, .main-content h4 {
font-size: 1.3rem;
}
.main-content h5, .main-content h6 {
font-size: 1.1rem;
}
.product-content {
margin: 0;
}
.container {
margin-left: auto;
margin-right: auto;
width: 90%;
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1100px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1300px;
}
}
.container--full {
width: 100%;
max-width: 1500px;
}
.button-main {
background-color: #fc9200;
padding: 15px 30px;
min-width: -moz-fit-content;
min-width: fit-content;
max-width: 300px;
display: inline-block;
color: #fff;
font-size: 1.3rem;
font-weight: bold;
text-align: center;
transition: all 0.3s ease-out;
cursor: pointer;
}
.button-main:hover {
background-color: transparent;
outline: 1px solid #fc9200;
}
.button-main:hover span {
color: #fc9200;
}
.button-main span {
border-bottom: 3px solid #fff;
}
.button-secondary {
background-color: #438fc4;
padding: 15px 30px;
border: none;
display: inline-block;
transition: all 0.3s ease-out;
cursor: pointer;
}
.button-secondary:hover {
background-color: transparent;
outline: 1px solid #438fc4;
}
.button-secondary:hover span {
color: #438fc4;
}
.button-secondary span {
border-bottom: 3px solid #fff;
color: #fff;
font-size: 1.3rem;
font-weight: bold;
}
table {
margin-bottom: 10px;
}
table th {
background-color: #438fc4;
color: #fff;
vertical-align: middle;
}
table th tr td {
border: 1px solid #303030;
}
table td {
text-align: center;
vertical-align: middle;
}
form input, form textarea {
width: 100%;
font-size: 1.1rem;
}
form input {
height: 40px;
}
form input[type=submit] {
height: auto;
}
.wp-block-gallery {
margin: 50px auto;
max-width: 100%;
}
@media screen and (min-width: 992px) {
.wp-block-gallery {
max-width: 50%;
}
}
.rank-math-breadcrumb {
margin-top: 10px;
}
.rank-math-breadcrumb p, .rank-math-breadcrumb a, .rank-math-breadcrumb span {
color: #fff;
}
.rank-math-breadcrumb a:hover {
color: #fc9200;
}
@media screen and (max-width: 992px) {
.rank-math-breadcrumb {
text-align: center;
}
}
header {
width: 100%;
}
header .top-bar {
background-color: #f6f6f6;
padding: 20px 0;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
header .top-bar .row {
display: flex;
flex-flow: column;
gap: 20px;
}
header .top-bar a {
color: #515151;
font-size: 1.1rem;
display: flex;
flex-flow: row nowrap;
gap: 15px;
}
header .top-bar a img {
width: 25px;
height: 25px;
-o-object-fit: contain;
object-fit: contain;
}
header .top-bar form {
display: flex;
flex-flow: row nowrap;
gap: 10px;
}
header .top-bar form button {
color: #515151;
font-size: 1.1rem;
font-weight: 600;
display: grid;
place-items: center;
}
header .top-bar form button img {
width: 25px;
height: 25px;
}
header .top-bar form input {
width: 300px;
font-size: 1.3rem;
text-align: right;
}
header .top-bar form button, header .top-bar form input {
background: none;
border: none;
}
header .menu-bar {
padding: 0 30px 0 60px;
min-height: 80px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
header .menu-bar .logo-wrapper img {
width: 110px;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (min-width: 768px) {
header .top-bar {
padding: 0 30px;
height: 60px;
flex-direction: row;
justify-content: space-between;
gap: 0;
}
header .top-bar .row {
flex-direction: row;
justify-content: center;
align-items: center;
gap: 20px;
}
header .top-bar form input {
width: auto;
text-align: start;
}
}
@media screen and (min-width: 992px) {
header .top-bar .row {
gap: 80px;
}
}
#menu-toggle {
background-color: transparent;
border: 0;
position: relative;
width: 60px;
height: 50px;
display: flex;
flex-direction: column;
justify-content: space-around;
cursor: pointer;
}
#menu-toggle span {
background-color: #438fc4;
display: block;
width: 100%;
height: 2px;
transition: 0.3s ease;
}
#menu-toggle:hover span {
position: absolute;
left: 0;
}
#menu-toggle:hover span:nth-child(1) {
transform: rotate(45deg);
}
#menu-toggle:hover span:nth-child(2) {
opacity: 0;
}
#menu-toggle:hover span:nth-child(3) {
transform: rotate(-45deg);
}
@media screen and (min-width: 992px) {
#menu-toggle {
display: none;
}
}
.main-menu {
display: none;
}
.main-menu ul {
background-color: #fff;
margin: 0;
padding: 50px 0;
position: fixed;
left: 0;
top: 0;
width: 80vw;
height: 100%;
z-index: 999;
display: flex;
flex-direction: column;
overflow: hidden;
}
.main-menu ul button {
background-color: transparent;
border: 1px solid #808080;
border-top: none;
border-bottom: none;
display: none;
cursor: pointer;
}
.main-menu ul button::after {
content: ">";
}
.main-menu ul:has(ul) button {
aspect-ratio: 1/1;
height: 100%;
display: block;
}
.main-menu ul li {
margin-right: 20px;
margin-bottom: 0;
padding-left: 20px;
border-bottom: 1px solid #808080;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.main-menu ul li a {
padding: 15px 0;
font-size: 1.1rem;
}
.main-menu ul .dropmenu, .main-menu ul .submenu {
opacity: 0;
transform: translateX(100%);
transition: 0.2s ease-in-out;
pointer-events: none;
}
.main-menu ul .visible {
opacity: 1;
transform: translateX(0);
pointer-events: all;
}
.main-menu ul .return {
border: none;
border-bottom: 1px solid #808080;
height: 50px;
}
.main-menu ul .return::after {
content: "<";
}
@media screen and (min-width: 992px) {
.main-menu {
display: flex;
flex-direction: row;
align-items: center;
gap: 40px;
}
.main-menu ul {
padding: 0;
position: static;
width: auto;
flex-flow: row wrap;
justify-content: end;
align-items: center;
overflow: visible;
}
.main-menu ul button {
display: none !important;
}
.main-menu ul li {
padding: 0 20px;
margin: 20px 0;
border: none;
position: relative;
display: block;
}
.main-menu ul li:has(.dropmenu)::after {
content: "";
margin-left: 10px;
display: inline-block;
width: 20px;
height: 15px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02IDlMMTIgMTVMMTggOSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+);
background-size: cover;
transition: 0.2s ease;
}
.main-menu ul li:hover:has(.dropmenu)::after {
transform: rotate(-180deg);
}
.main-menu ul li:hover .dropmenu {
background-color: #fff;
padding: 20px 0 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: auto;
position: absolute;
top: 20px;
height: auto;
opacity: 1;
transform: translateX(0);
z-index: 999;
}
.main-menu ul .dropmenu, .main-menu ul .submenu {
display: none;
pointer-events: all !important;
}
.main-menu ul .dropmenu li:has(.submenu)::after, .main-menu ul .submenu li:has(.submenu)::after {
content: "";
margin-left: 10px;
display: inline-block;
width: 20px;
height: 15px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02IDlMMTIgMTVMMTggOSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+);
background-size: cover;
transform: rotate(-90deg);
transition: 0.2s ease;
}
.main-menu ul .dropmenu li:hover:has(.submenu)::after, .main-menu ul .submenu li:hover:has(.submenu)::after {
transform: rotate(-90deg) translateY(50%);
}
.main-menu ul .dropmenu li:hover .submenu, .main-menu ul .submenu li:hover .submenu {
background-color: #438fc4;
display: block;
position: absolute;
top: -20px;
right: 0;
height: auto;
opacity: 1;
z-index: 999;
}
.main-menu ul .dropmenu li:hover .submenu a, .main-menu ul .submenu li:hover .submenu a {
color: #fff;
word-wrap: break-word;
}
.main-menu ul .dropmenu li:hover .submenu a:hover, .main-menu ul .submenu li:hover .submenu a:hover {
color: #fc9200;
}
}
.mobile-visible {
display: block;
}
html, body {
background-color: #fff;
margin-left: auto;
margin-right: auto;
max-width: 1920px;
}
.hero {
background-color: #438fc4;
position: relative;
height: 740px;
}
.hero img {
max-width: 66%;
height: 100%;
position: absolute;
top: 0;
right: 0;
-o-object-fit: cover;
object-fit: cover;
}
.hero__container {
height: 100%;
position: absolute;
display: grid;
place-items: center;
z-index: 1;
}
.hero__container * {
color: #fff;
}
.hero__container h1 {
margin-bottom: 30px;
color: #fff;
text-transform: uppercase;
line-height: 1;
word-wrap: anywhere;
}
.hero__container p {
margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
.hero {
height: 555px;
}
.hero__container h1 {
font-size: 3.25rem;
}
.hero__container h1, .hero__container p {
text-shadow: 0 0 25px #438fc4;
}
}
.title-banner {
background-color: #438fc4;
padding: 50px 0;
}
.title-banner__container h1 {
margin: 0;
color: #fff;
word-wrap: anywhere;
}
@media screen and (max-width: 768px) {
.title-banner__container h1 {
font-size: 2.43rem;
text-align: center;
}
} .products {
padding: 120px 0;
}
.products h2 {
margin-bottom: 30px;
}
.products p {
margin-bottom: 60px;
}
.products__items {
display: flex;
flex-direction: column;
gap: 20px;
}
.products__items a:hover .image img {
transform: scale(110%);
}
.products__items a:hover h4 {
color: #438fc4;
}
.products__items a:hover h4::after {
transform: translateX(50%);
}
.products__item {
display: flex;
flex-direction: row;
gap: 30px;
}
.products__item img, .products__item h4, .products__item h4::after {
transition: all 0.1s ease-out;
}
.products__item h4 {
margin: 10px 0 0;
position: relative;
width: 100%;
font-weight: bold;
}
.products__item h4::after {
content: "";
position: absolute;
right: 0;
display: inline-block;
width: 25px;
height: 20px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KDQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCg0KPHRpdGxlLz4NCg0KPGcgaWQ9IkNvbXBsZXRlIj4NCg0KPGcgaWQ9ImFycm93LXJpZ2h0Ij4NCg0KPGc+DQoNCjxwb2x5bGluZSBkYXRhLW5hbWU9IlJpZ2h0IiBmaWxsPSJub25lIiBpZD0iUmlnaHQtMiIgcG9pbnRzPSIxNi40IDcgMjEuNSAxMiAxNi40IDE3IiBzdHJva2U9IiM0MzhmYzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQoNCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQzOGZjMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHgxPSIyLjUiIHgyPSIxOS4yIiB5MT0iMTIiIHkyPSIxMiIvPg0KDQo8L2c+DQoNCjwvZz4NCg0KPC9nPg0KDQo8L3N2Zz4=);
background-size: cover;
}
.products__item h4 span {
display: inline-block;
max-width: 80%;
}
@media screen and (min-width: 992px) {
.products__items {
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(7, 1fr);
gap: 10px 40px;
}
}
.about {
background-color: #f6f6f6;
padding: 120px 0;
overflow: hidden;
}
.about__container {
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
}
.about__container .row {
flex: 1;
}
.about__container .image {
position: relative;
}
.about__container .image img {
max-width: 100%;
}
.about__container .image img:nth-child(2) {
position: absolute;
top: 60px;
left: 0px;
z-index: 1;
}
.about__container .content {
margin-left: auto;
margin-right: auto;
width: 90%;
}
.about__container .content p {
margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
.about__container {
flex-direction: row;
}
.about__container .image img {
max-width: 100%;
}
.about__container .image img:nth-child(2) {
left: -115px;
}
.about__container .content {
width: 100%;
max-width: 500px;
}
}
.options {
margin: 40px 0;
}
.options__container {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 40px;
}
.options .row {
position: relative;
width: 100%;
max-width: 960px;
height: 320px;
overflow: hidden;
}
.options .row * {
transition: all 0.3s ease-out;
}
.options .row:hover img {
transform: scale(125%);
}
.options .row::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
}
.options .row:nth-child(1)::after {
background-color: rgba(48, 48, 48, 0.5);
}
.options .row:nth-child(2)::after {
background-color: rgba(67, 143, 196, 0.5);
}
.options .row img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.options .row a {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
display: grid;
place-items: center;
}
.options__item {
width: 80%;
color: #fff;
text-align: center;
}
.options__item h3 {
font-weight: bold;
}
.options__item span {
font-weight: bold;
text-decoration: underline;
}
@media screen and (min-width: 992px) {
.options__container {
justify-content: space-between;
}
.options .row {
flex: 1;
}
}
.services {
margin: 150px 0;
}
.services h3 {
font-weight: bold;
}
.services p {
margin-bottom: 50px;
}
.services__items {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 40px;
}
.services__item {
width: 295px;
}
.services__item * {
transition: all 0.3s ease-out;
}
.services__item:hover img {
transform: scale(125%);
}
.services__item:hover h4 {
transform: translateY(-20%);
}
.services__item .image {
width: 100%;
height: 100px;
overflow: hidden;
}
.services__item .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.services__item h4 {
margin: 25px 0 0;
font-weight: bold;
}
.services__item span {
display: inline-block;
color: #438fc4;
}
.map {
margin-bottom: 100px;
}
.map__container {
display: grid;
grid-template-columns: 1fr;
place-items: center;
gap: 40px;
}
.map__container .image img {
width: 100%;
height: auto;
}
.map__container .content h3 {
margin-bottom: 40px;
font-weight: bold;
}
.map__container .content p {
margin-bottom: 30px;
}
.map__container .content ul {
list-style: none;
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(6, 1fr);
}
.map__container .content ul li {
width: -moz-fit-content;
width: fit-content;
}
.map__container .content ul li:hover::before {
transform: translateX(50%);
}
.map__container .content ul li::before {
content: "";
margin-right: 20px;
display: inline-block;
width: 20px;
height: 15px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KDQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCg0KPHRpdGxlLz4NCg0KPGcgaWQ9IkNvbXBsZXRlIj4NCg0KPGcgaWQ9ImFycm93LXJpZ2h0Ij4NCg0KPGc+DQoNCjxwb2x5bGluZSBkYXRhLW5hbWU9IlJpZ2h0IiBmaWxsPSJub25lIiBpZD0iUmlnaHQtMiIgcG9pbnRzPSIxNi40IDcgMjEuNSAxMiAxNi40IDE3IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQoNCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHgxPSIyLjUiIHgyPSIxOS4yIiB5MT0iMTIiIHkyPSIxMiIvPg0KDQo8L2c+DQoNCjwvZz4NCg0KPC9nPg0KDQo8L3N2Zz4=);
background-size: cover;
transition: 0.3s ease-out;
}
@media screen and (min-width: 768px) {
.map__container {
grid-template-columns: repeat(2, 1fr);
}
}
.cta {
background-image: url(//www.e-invest.pl/wp-content/themes/einvest/build/images/cta_bg.a824e8c6.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
height: 450px;
}
.cta__bg {
background-color: rgba(67, 143, 196, 0.5);
width: 100%;
height: 100%;
}
.cta__bg .container {
width: inherit;
height: inherit;
}
.cta__container {
width: inherit;
height: inherit;
display: grid;
place-items: center;
}
.cta__container .content {
color: #fff;
text-align: center;
}
.cta__container .content p {
font-size: 1.3rem;
}
footer {
background-color: #303030;
padding: 120px 0 80px;
height: auto;
}
footer h2, footer h4, footer p, footer a {
color: #fff;
}
footer h2 {
margin-bottom: 40px;
font-size: 1.3rem;
}
footer .footer {
display: flex;
flex-direction: column;
gap: 80px;
}
footer .footer__container {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
footer .footer__container .info-wrapper {
margin-bottom: 40px;
}
footer .footer__container .footer-menu {
display: flex;
flex-flow: row wrap;
gap: 80px;
}
footer .footer__container .footer-menu h4 {
margin-bottom: 30px;
}
footer .footer__container .footer-menu ul {
margin: 0;
}
footer .footer__container .footer-logo {
width: 90px;
height: auto;
}
footer .footer__container .copy {
color: #808080;
text-align: right;
}
.link-arrow {
border-bottom: 2px solid #fff;
font-size: 1.3rem;
font-weight: bold;
}
.link-arrow:hover {
color: #fff;
}
.link-arrow:hover::after {
transform: translateX(50%);
}
.link-arrow::after {
content: "";
margin-left: 5px;
display: inline-block;
width: 25px;
height: 20px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KDQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCg0KPHRpdGxlLz4NCg0KPGcgaWQ9IkNvbXBsZXRlIj4NCg0KPGcgaWQ9ImFycm93LXJpZ2h0Ij4NCg0KPGc+DQoNCjxwb2x5bGluZSBkYXRhLW5hbWU9IlJpZ2h0IiBmaWxsPSJub25lIiBpZD0iUmlnaHQtMiIgcG9pbnRzPSIxNi40IDcgMjEuNSAxMiAxNi40IDE3IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQoNCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHgxPSIyLjUiIHgyPSIxOS4yIiB5MT0iMTIiIHkyPSIxMiIvPg0KDQo8L2c+DQoNCjwvZz4NCg0KPC9nPg0KDQo8L3N2Zz4=);
background-size: cover;
transition: 0.3s ease-out;
}
.page__container {
margin: 40px 0;
}
@media screen and (min-width: 992px) {
.page__container {
margin: 100px 0;
display: flex;
flex-flow: row nowrap;
gap: 100px;
}
}
.aside-menu {
min-width: 300px;
}
.aside-menu ul {
margin: 0;
list-style: none;
}
.aside-menu ul li {
padding: 10px 0;
border-bottom: 2px solid #000;
}
.aside-menu ul li label {
position: relative;
width: 100%;
display: flex;
align-items: center;
cursor: pointer;
}
.aside-menu ul li:has(ul) label::after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02IDlMMTIgMTVMMTggOSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+);
background-size: contain;
content: "";
position: absolute;
right: 0;
display: inline-block;
width: 20px;
height: 20px;
}
.aside-menu ul li input[type=checkbox] {
display: none;
}
.aside-menu ul li input[type=checkbox]:checked + label + ul {
max-height: 100%;
transform: scaleY(1);
}
.aside-menu ul li a {
display: inline-block;
max-width: 75%;
font-weight: 700;
}
.aside-menu ul li ul {
max-height: 0;
overflow: hidden;
transform: scaleY(0);
transform-origin: top;
transition: 0.3s ease;
}
.aside-menu ul li ul li {
padding: 5px 0;
border: none;
}
.aside-menu ul li ul li a {
font-size: 0.875rem;
font-weight: 400;
text-decoration: underline;
}
@media screen and (max-width: 992px) {
.aside-menu {
display: none;
}
}
.contact {
background-color: #f6f6f6;
padding: 40px;
margin-bottom: 120px;
}
.contact__info-container {
margin-bottom: 40px;
display: flex;
flex-flow: row wrap;
}
.contact__info-container .row {
flex: 1;
min-width: 300px;
}
.contact__items {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
gap: 20px;
}
.contact__item {
background-color: #fff;
margin-bottom: 40px;
border-radius: 10px;
aspect-ratio: 1/1;
min-width: 300px;
max-width: 25%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
word-break: keep-all;
}
.contact__item h4 {
color: #438fc4;
text-transform: uppercase;
}
.contact__item p {
color: #808080;
}
.pages-list {
margin: 40px;
}
.pages-list ul {
list-style: none;
display: flex;
flex-flow: column;
justify-content: center;
gap: 20px;
}
.pages-list ul li {
padding: 20px;
border: 1px solid #438fc4;
text-align: center;
}
.pages-thumbs {
margin: 100px 0;
}
.pages-thumbs ul {
display: flex;
flex-flow: row wrap;
gap: 20px;
}
.pages-thumbs ul li {
width: 200px;
}
.pages-thumbs ul li img {
margin-bottom: 10px;
transition: 0.3s ease;
}
.pages-thumbs ul li h4 {
transition: 0.3s ease;
}
.pages-thumbs ul li:hover img {
transform: scale(90%);
}
.pages-thumbs ul li:hover h4 {
color: #438fc4;
}
.pages-constructions ul {
display: flex;
flex-flow: row wrap;
gap: 20px;
}
.pages-constructions ul li {
aspect-ratio: 1/1;
width: 300px;
}
.pages-constructions ul li img {
margin-bottom: 20px;
aspect-ratio: 1/1;
transition: 0.3s ease;
}
.pages-constructions ul li h3 {
font-size: 1.3rem;
transition: 0.3s ease;
}
.pages-constructions ul li:hover img {
transform: scale(90%);
}
.pages-constructions ul li:hover h3 {
color: #438fc4;
transform: translateY(-10px);
}