:root {
scroll-behavior: smooth;
}
body {
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 30.5px;
color: #000;
background-color: #fff;
overflow-x: hidden;
}
.container {
max-width: 1600px;
} .header {
color: var(--default-color);
background-color: var(--background-color);
padding: 20px 0;
transition: all 0.5s;
z-index: 997;
}
.scrolled .header {
box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);
}  @media (min-width: 1200px) {
.navmenu {
padding: 0;
}
.navmenu ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}
.navmenu li {
position: relative;
margin-right: 44px;
}
.navmenu a,
.navmenu a:focus {
color: var(--nav-color);
padding: 18px 15px;
font-size: 16px;
font-family: var(--nav-font);
font-weight: 400;
display: flex;
align-items: center;
justify-content: space-between;
white-space: nowrap;
transition: 0.3s;
text-decoration: none;
}
.navmenu a i,
.navmenu a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
transition: 0.3s;
}
.navmenu li:last-child a {
padding-right: 0;
}
.navmenu li:hover>a,
.navmenu .active,
.navmenu .active:focus {
color: var(--nav-hover-color);
}
.navmenu .dropdown ul {
margin: 0;
padding: 10px 0;
background: #fff;
display: block;
position: absolute;
visibility: hidden;
left: 14px;
top: 130%;
opacity: 0;
transition: 0.3s;
border-radius: 4px;
z-index: 99;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.navmenu .dropdown ul li {
min-width: 200px;
}
.navmenu .dropdown ul a {
padding: 10px 20px;
font-size: 15px;
text-transform: none;
color: var(--nav-dropdown-color);
}
.navmenu .dropdown ul a i {
font-size: 12px;
}
.navmenu .dropdown ul a:hover,
.navmenu .dropdown ul .active:hover,
.navmenu .dropdown ul li:hover>a {
color: var(--nav-dropdown-hover-color);
}
.navmenu .dropdown:hover>ul {
opacity: 1;
top: 100%;
visibility: visible;
}
.navmenu .dropdown .dropdown ul {
top: 0;
left: -90%;
visibility: hidden;
}
.navmenu .dropdown .dropdown:hover>ul {
opacity: 1;
top: 0;
left: -100%;
visibility: visible;
}
} @media (max-width: 1199px) {
.mobile-nav-toggle {
color: var(--nav-color);
font-size: 28px;
line-height: 0;
margin-right: 10px;
cursor: pointer;
transition: color 0.3s;
}
.navmenu {
padding: 0;
z-index: 9997;
}
.navmenu ul {
display: none;
position: absolute;
inset: 60px 20px 20px 20px;
padding: 10px 0;
margin: 0;
border-radius: 6px;
background-color: #fff;
overflow-y: auto;
transition: 0.3s;
z-index: 9998;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.navmenu a,
.navmenu a:focus {
color: #000;
padding: 10px 20px;
font-family: 'Inter', sans-serif;
font-size: 17px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
transition: 0.3s;
text-decoration: none;
}
.navmenu a i,
.navmenu a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.navmenu a i:hover,
.navmenu a:focus i:hover {
background-color: var(--accent-color);
color: var(--contrast-color);
}
.navmenu a:hover,
.navmenu .active,
.navmenu .active:focus {
color: var(--nav-hover-color);
}
.navmenu .active i,
.navmenu .active:focus i {
background-color: var(--accent-color);
color: var(--contrast-color);
transform: rotate(180deg);
}
.navmenu .dropdown ul {
position: static;
display: none;
z-index: 99;
padding: 10px 0;
margin: 10px 20px;
background-color: var(--nav-dropdown-background-color);
border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
box-shadow: none;
transition: all 0.5s ease-in-out;
}
.navmenu .dropdown ul ul {
background-color: rgba(33, 37, 41, 0.1);
}
.navmenu .dropdown ul a {
color: var(--nav-dropdown-color);
}
.navmenu .dropdown ul a:hover,
.navmenu .dropdown ul .active:hover,
.navmenu .dropdown ul li:hover>a {
color: var(--nav-dropdown-hover-color);
}
.navmenu .dropdown>.dropdown-active {
display: block;
background-color: rgba(33, 37, 41, 0.03);
}
.mobile-nav-active {
overflow: hidden;
}
.mobile-nav-active .mobile-nav-toggle {
color: #fff;
position: absolute;
font-size: 32px;
top: 15px;
right: 15px;
margin-right: 0;
z-index: 9999;
}
.mobile-nav-active .navmenu {
position: fixed;
overflow: hidden;
inset: 0;
background: rgba(33, 37, 41, 0.8);
transition: 0.3s;
height: 400px;
}
.mobile-nav-active .navmenu>ul {
display: block;
}
} #preloader {
position: fixed;
inset: 0;
z-index: 999999;
overflow: hidden;
background: var(--background-color);
transition: all 0.6s ease-out;
}
#preloader:before {
content: "";
position: fixed;
top: calc(50% - 30px);
left: calc(50% - 30px);
border: 6px solid #ffffff;
border-color: var(--accent-color) transparent var(--accent-color) transparent;
border-radius: 50%;
width: 60px;
height: 60px;
animation: animate-preloader 1.5s linear infinite;
}
@keyframes animate-preloader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .scroll-top {
position: fixed;
visibility: hidden;
opacity: 0;
right: 15px;
bottom: 15px;
z-index: 99999;
background-color: #807164;
width: 40px;
height: 40px;
border-radius: 4px;
transition: all 0.4s;
}
.scroll-top i {
font-size: 24px;
color: #fff;
line-height: 0;
}
.scroll-top:hover {
background-color: color-mix(#807164, transparent 20%);
color: #fff;
}
.scroll-top.active {
visibility: visible;
opacity: 1;
} @media screen and (max-width: 768px) {
[data-aos-delay] {
transition-delay: 0 !important;
}
}
p {
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 30.5px;
color: #000;
text-align: justify;
text-justify: inter-word;
}
.logo {
max-width: 247px;
max-height: 98px;
}
.container {
max-width: 1600px;
}
.btn-chocolate {
color: #807164;
border: 1px solid #807164;
border-radius: 0;
padding: 10px 25px;
}
.btn-chocolate img {
margin-right: 10px;
width: 18.5px;
height: 19px;
}
.btn-primary {
font-family: 'Marcellus', sans-serif;
background-color: #145DA7;
border-radius: 0;
padding: 17px 40px;
margin-top: 20px;
} .padding-y-60 {
padding: 60px 0;
}
.padding-y-80 {
padding: 80px 0;
}
.bg-cream {
background-color: #F6F6F6;
}
.paddingleftright {
padding: 0 100px;
}
h1 {
font-family: 'Marcellus', sans-serif;
font-size: 40px;
line-height: 1.3;
font-weight: 500;
color: #000;
letter-spacing: -1px;
text-align: center;
}
h2 {
font-family: 'Marcellus', sans-serif;
font-size: 36px;
line-height: 1.3;
font-weight: 500;
color: #000;
letter-spacing: -1px;
}
.form-control {
background-color: #F6F6F6;
border: 0;
border-radius: 0;
}
.form-control::placeholder {
color: #000;
font-size: 14px;
} #hero2 {
position: relative;
min-height: 706px !important;
will-change: transform;
z-index: -1;
}
#hero2-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//nizd.pl/wp-content/uploads/2024/07/slider.jpg);
background-size: cover;
background-position: bottom;
will-change: transform;
z-index: 0;
}
#hero2 .desc img {
max-width: 619px;
max-height: 363px;
margin-left: 5%;
z-index: 3;
} .o-instytucie {
margin: 70px 0;
}
#o-instytucie h2 {
font-family: 'Marcellus', serif;
font-size: 36px;
line-height: 1.3;
font-weight: 300;
color: #000;
}
.dzialamy {
margin: 70px 0;
}
.last-container {
border-bottom: 1px solid #807164;
padding-bottom: 70px;
}
.section-img-height {
max-height: 610px;
width: auto;
}
.section-img-width {
max-width: 610px;
height: auto;
}
@media (max-width: 1400px) {
.section-img-width {
max-width: 90%;
}
}
.div-h2 {
margin: 0 70px 70px 70px;
padding-top: 10px;
max-width: 100%;
border-top: 1px solid #807164;
text-align: center;
}
@media (max-width: 1300px) {
.div-h2 {
margin: 0 0 30px 0;
max-width: 100%;
}
}
.col-custom {
border-right: 2px solid #807164;
min-height: 410px;
} #uslugi2 .ico {
width: 61px;
height: auto;
float: right;
}
#uslugi2 .podpis {
font-family: 'Marcellus', sans-serif;
font-size: 24px;
line-height: 1.3;
font-weight: 500;
color: #000;
letter-spacing: -2%;
position: absolute;
bottom: 10px;
left: 25px;
}
#contact-form {
margin-top: -100px;
box-shadow: -1px 3px 5px 2px rgba(0, 0, 0, 0.05);
padding: 50px;
}
.navbar-toggler {
color: #807164;
border: 1px solid #807164;
border-radius: 0;
}
#row_contact {
font-family: 'Marcellus', sans-serif;
min-height: 163px;
color: #807164;
letter-spacing: -0.25px;
line-height: 1.4;
}
#row_contact span {
text-align: left;
}
#row_contact img {
width: 33px;
}
#kontakt .mb-3 {
margin-bottom: 24px !important;
}
#bottom-footer {
margin-top: 100px;
}
#bottom-footer > .container {
padding-top: 70px;
} #kadra h3 {
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 30.5px;
font-weight: 300;
margin-bottom: 0;
}
#kadra h4 {
font-family: 'Marcellus', sans-serif;
font-size: 24px;
line-height: 1.3;
font-weight: 500;
color: #282828;
letter-spacing: -2px;
}
#kadra img {
max-width: 278px;
max-height: 278px;
margin-top: -160px;
}
#kadra .ramka {
border: 1px solid #807164;
padding: 20px;
min-width: 80%;
margin-bottom: 70px;
}
#kadra .ramka3, #kadra .ramka4 {
margin-top: 200px !important;
}
#kontakt {
margin-bottom: 70px;
}
#kontakt p {
font-family: 'Marcellus', sans-serif;
font-size: 26px;
color: #807164;
letter-spacing: -0.25px;
line-height: 0.9;
text-align: center;
}
#kontakt h1 {
padding-bottom: 30px;
}
.copy {
font-size: 14px;
text-align: center;
}
.copy a {
color: #000;
text-decoration: none;
}
.list-unstyled li {
margin-right: 20px;
}
.list-unstyled li a {
font-size: 14px;
text-decoration: none;
color: #000;
}
.ceo-img {
border-radius: 50%;
}
@media (max-width: 1420px) {
#hero .desc img {
max-width: 400px;
max-height: 300px;
}
#o-instytucie img {
max-width: 400px;
max-height: 500px;
}
}
@media (min-width: 1200px) {
nav.navbar {
height: 145px;
}
.menu-item {
margin-right: 44px;
}
.nav-link {
color: #2A2F35;
}
}
@media (max-width: 992px) {
.paddingleftright {
padding: 0 20px;
}
#hero2 {
min-height: 600px !important;
}
#hero2 .desc img {
max-width: 90%;
max-height: 90%;
margin-left: 5%;
}
}
@media (max-width: 768px) {
.col-custom {
min-height: 200px;
}
.ramka2 {
margin-top: 200px !important;
}
#o-instytucie h2 {
text-align: center;
}
}