#Kontakt .content ul li:before {
display: none !important;
content: none !important;
} #Kontakt .content ul li a {
padding-left: 0;
position: relative;
display: inline-flex;
align-items: center;
gap: 10px;
}
#Kontakt .content ul li a::before {
width: 15px;
text-align: center;
left: 0;
font-family: "Font Awesome 5 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
top: 2px;
}
#Kontakt .content ul li:nth-of-type(1) a::before {
content: "\f3c5";
}
#Kontakt .content ul li:nth-of-type(2) a::before {
content: "\f095";
}
#Kontakt .content ul li:nth-of-type(3) a::before {
content: "\f0e0";
} #Kontakt .footer-contact .bg-light-lg .content ul li a {
padding-left: 0;
padding-right: 20px;
}
#Kontakt .footer-contact .bg-light-lg .content ul li a::before {
left: auto;
right: 0;
} @media (min-width: 1024px) {
.footer-contact .bg-light-lg .content {
text-align: right !important;
}
.footer-contact .bg-light-lg .content p,
.footer-contact .bg-light-lg .content div:not(.content) {
display: flex !important;
flex-direction: row-reverse !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 8px !important;
}
.footer-contact .bg-light-lg .content p i,
.footer-contact .bg-light-lg .content p img,
.footer-contact .bg-light-lg .content p svg,
.footer-contact .bg-light-lg .content div i,
.footer-contact .bg-light-lg .content div img,
.footer-contact .bg-light-lg .content div svg {
margin-left: 0 !important;
margin-right: 0 !important;
flex-shrink: 0 !important;
}
.footer-contact .bg-light-lg .content ul {
padding-left: 0 !important;
padding-right: 0 !important;
list-style: none !important;
text-align: right !important;
}
.footer-contact .bg-light-lg .content li,
.footer-contact .bg-light-lg .content a {
text-align: right !important;
}
.footer-contact .bg-light-lg .content ul li {
padding-left: 0 !important;
padding-right: 0 !important;
text-align: right !important;
}
.footer-contact .bg-light-lg .content ul li::before {
left: auto !important;
right: 0 !important;
text-align: center !important;
}
.footer-contact .bg-light-lg .content h1,
.footer-contact .bg-light-lg .content h2,
.footer-contact .bg-light-lg .content h3,
.footer-contact .bg-light-lg .content h4,
.footer-contact .bg-light-lg .content h5,
.footer-contact .bg-light-lg .content h6 {
text-align: right !important;
display: block !important;
}
.footer-contact .bg-light-lg .content h2::before,
.footer-contact .bg-light-lg .content h3::before {
left: auto !important;
right: -45px !important;
}
.footer-contact .bg-light-lg .content h2::after,
.footer-contact .bg-light-lg .content h3::after {
margin-left: auto !important;
margin-right: 0 !important;
display: block !important;
}
}  .page-floating-expert .floating-layout {
display: flex;
flex-wrap: wrap;
}
.page-floating-expert .floating-content {
padding: 30px 15px;
}
.page-floating-expert .floating-sidebar {
padding: 15px;
}
.page-floating-expert .floating-contacts {
background: #fafafa;
margin-bottom: 30px;
margin-top: 50px;
top: 90px !important;
}
.page-floating-expert .floating-contacts h3 {
font-family: var(--font-header);
font-weight: 300;
font-size: 20px;
padding: 0 !important;
margin-bottom: 10px;
}
.page-floating-expert .floating-contacts .peoples {
padding: 15px;
}
.page-floating-expert .floating-contacts a {
display: flex;
padding: 0 0 10px 0;
font-size: 14px;
color: #333;
text-decoration: none;
justify-content: flex-start;
align-items: center;
}
.page-floating-expert .floating-contacts a:hover {
color: var(--highlight);
}
.page-floating-expert .floating-contacts a img {
width: 40px;
height: 50px;
object-fit: cover;
object-position: top center;
margin: 0 15px 0 0;
}
.page-floating-expert .floating-contacts a.contact {
display: flex;
background-color: var(--highlight);
color: #fff;
padding: 15px 20px;
font-size: 16px;
justify-content: space-between;
align-items: center;
text-decoration: none;
}
.page-floating-expert .page-title-simple {
background-color: var(--light);
padding: 60px 0;
margin-bottom: 30px;
}
.page-floating-expert .page-title-simple h1 {
margin: 0;
font-size: 28px;
line-height: 1.3;
} @media (min-width: 992px) {
.page-floating-expert .floating-layout {
position: relative;
}
.page-floating-expert .floating-content {
padding: 50px 0px 50px 15px;
}
.page-floating-expert .floating-sidebar {
padding: 0;
}
.page-floating-expert .floating-contacts {
position: sticky;
top: 120px;
z-index: 9;
}
.page-floating-expert .floating-contacts h3 {
font-size: 24px;
line-height: 26px;
padding: 15px;
cursor: default;
}
.page-floating-expert .floating-contacts .peoples {
padding: 20px 20px;
}
.page-floating-expert .floating-contacts a.contact {
font-size: 18px;
padding: 25px 20px;
}
.page-floating-expert .floating-contacts a img {
width: 50px;
height: 60px;
}
.page-floating-expert .page-title-simple {
padding: 80px 0;
}
.page-floating-expert .page-title-simple h1 {
font-size: 36px;
}
} body.single {
background: var(--light);
} .page-artykuly {
background: var(--light);
}
.page-artykuly img.main-img {
display: none;
}
.news-detail h1 {
font-family: var(--font-header);
font-size: 26px;
line-height: 32px;
}
.news-detail .content {
font-size: 16px;
line-height: 24px;
text-align: justify;
padding: 15px;
}
.news-detail .author {
display: inline-block;
padding: 10px 15px;
position: relative;
box-shadow: -3px 0px var(--highlight);
}
.news-detail .author strong {
font-size: 20px;
display: block;
}
.news-detail .author span {
display: block;
font-size: 11px;
opacity: .75;
}
.news-detail footer {
font-size: 13px;
color: rgba(0, 0, 0, 0.6);
margin-top: 20px;
padding: 15px;
}
.news-detail footer time {
color: var(--highlight);
}
.margintop5 {
display: block;
margin-top: 30px;
}
.margintop5 h3 {
font-family: var(--font-header);
font-size: 20px;
line-height: 26px;
margin-bottom: 15px;
} body.blog {
background: var(--light);
}
.archive-blog .text-header .standard, .archive-blog .content {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.news-list {
display: flex;
flex-wrap: wrap;
}
.news-list .item {
flex: 0 0 90%;
width: calc(100% - 60px);
padding-left: 100px;
position: relative;
min-height: 140px;
margin: 0 0 20px;
background-color: #FFFFFF;
transition: all .25s ease;
}
.news-list .item img {
position: absolute;
width: 90px;
height: 140px;
top: 0;
left: 0;
object-fit: cover;
object-position: top center;
transition: all .25s ease;
}
.news-list .item .desc {
font-size: 11px;
line-height: 16px;
padding: 0 10px;
position: relative;
}
.news-list .item .desc a {
display: block;
font-family: var(--font-header);
color: var(--text);
font-size: 14px;
line-height: 18px;
font-weight: 800;
text-decoration: none;
padding-top: 5px;
margin-bottom: 7px;
}
.news-list .item .desc a:hover {
color: var(--highlight);
}
.news-list .item .desc span {
display: block;
margin-top: 10px;
text-transform: uppercase;
font-size: 11px;
opacity: .75;
}
.news-list .item .desc span datetime {
color: var(--highlight);
font-size: 11px;
display: block;
} @media (min-width: 992px) {
.news-list {
justify-content: space-evenly;
}
.news-list .item {
flex: 0 0 30%;
width: 30%;
padding-left: 150px;
position: relative;
min-height: 240px;
margin: 0 0 35px;
background-color: #FFFFFF;
transition: all .25s ease;
}
.news-list .item.more {
display: none;
}
.news-list.by-2 .item {
flex: 0 0 49%;
width: 49%;
}
.news-list .item:hover {
box-shadow: 0px 3px 20px rgba(0, 0, 0, .1);
cursor: pointer;
}
.news-list .item .desc {
padding: 15px 15px 0 0;
font-size: 15px;
transition: all .25s ease;
line-height: 19px;
font-weight: 300;
}
.news-list .item:hover .desc {
opacity: .7;
}
.news-list .item img {
position: absolute;
width: 130px;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: top center;
transition: all .25s ease;
}
.news-list .item:hover img {
filter: contrast(1.12);
}
.news-list .item .desc a {
font-family: var(--font-header);
color: var(--highlight);
font-size: 17px;
line-height: 21px;
display: block;
margin: 0 0 10px 0;
font-weight: 800;
}
.news-list .item .desc > span {
display: block;
margin: 10px 0 0 0;
text-transform: uppercase;
font-size: 9px;
color: rgba(0, 0, 0, .5);
}
.news-list .item .desc > span datetime {
color: var(--highlight);
font-size: 11px;
display: block;
margin-top: 3px;
}
.margintop5 {
display: block;
margin-top: 50px;
}
article.news-detail {
margin: 50px auto;
width: 100%;
max-width: 900px;
background-color: #FFF;
padding: 35px;
transform: translateX(180px);
position: relative;
}
.news-detail h1 {
font-family: var(--font-header);
font-size: 36px;
line-height: 42px;
}
.news-detail .content {
font-size: 16px;
line-height: 24px;
text-align: justify;
padding: 0;
}
.news-detail .author {
display: inline-block;
padding: 10px 15px;
position: relative;
box-shadow: -3px 0px var(--highlight);
}
.news-detail .author strong {
font-size: 24px;
}
.news-detail .author span {
display: block;
font-size: 13px;
opacity: .75;
}
.news-detail footer {
padding: 0;
}
} @media (min-width: 1024px) {
.page-artykuly img.main-img {
display: block;
position: fixed;
top: 3px;
left: 0;
z-index: 1;
width: 30vw;
height: calc(100vh - 3px);
object-fit: cover;
}
}  .mt-section {
margin-top: 60px !important;
} .mb-section {
margin-bottom: 60px !important;
} @media (max-width: 991px) {
.mt-section {
margin-top: 40px !important;
}
.mb-section {
margin-bottom: 40px !important;
}
.page-floating-expert .floating-layout {
display: block;
}
} .wzory-pism-procesowych img {
width: 100%;
height: 100%;
object-fit: cover;
} .three-icons a.clickable-column {
display: block;
text-decoration: none;
color: inherit;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.three-icons a.clickable-column:hover {
transform: translateY(-5px);
}
.wzory-pism-pliki.three-icons {
color: #fff;
}
.wzory-pism-procesowych .content {
margin-top: 0 !important;
}  .faq-block {
padding: 40px 0;
}
.faq-block .faq-title {
margin-bottom: 30px;
text-align: left;
}
.faq-block .faq-title h1,
.faq-block .faq-title h2,
.faq-block .faq-title h3 {
font-family: var(--font-header);
margin: 0 0 10px 0;
line-height: 1.3;
}
.faq-accordion {
display: flex;
flex-direction: column;
gap: 10px;
}
.faq-item {
border: 1px solid #e0e0e0;
background: #fff;
transition: all 0.3s ease;
}
.faq-item:hover {
border-color: var(--highlight);
}
.faq-question {
padding: 15px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
user-select: none;
transition: all 0.3s ease;
}
.faq-question:hover {
color: var(--highlight);
}
.faq-icon {
font-size: 24px;
font-weight: 300;
color: var(--highlight);
transition: transform 0.3s ease;
flex-shrink: 0;
margin-left: 15px;
}
.faq-answer {
padding: 0 20px 20px 20px;
font-size: 15px;
line-height: 1.6;
color: #555;
display: none;
}
.faq-answer p {
margin: 0 0 15px 0;
}
.faq-answer p:last-child {
margin-bottom: 0;
} @media (min-width: 992px) {
.faq-block {
padding: 60px 0;
}
.faq-block .faq-title {
margin-bottom: 40px;
}
.faq-question {
padding: 15px 20px;
font-size: 16px;
}
.faq-answer {
padding: 0 30px 25px 30px;
font-size: 16px;
}
} .table-scroll {
width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
margin: 20px 0 !important;
}
.table-scroll table {
margin: 0 !important;
}
.standard table,
.content table,
.col-12 table,
table {
border-collapse: collapse !important;
margin: 20px 0 !important;
}
.standard table th,
.standard table td,
.content table th,
.content table td,
table th,
table td {
padding: 12px 16px !important;
text-align: left !important;
border: 1px solid var(--line) !important;
font-size: 14px !important;
line-height: 1.5 !important;
}
.standard table th,
.content table th,
table th {
background-color: var(--highlight) !important;
color: #fff !important;
font-weight: 600 !important;
}
.standard table tr:nth-child(even) td,
.content table tr:nth-child(even) td,
table tbody tr:nth-child(even) td {
background-color: var(--light) !important;
}
@media (max-width: 991.98px) {
.table-scroll table {
width: max-content !important;
min-width: 100% !important;
}
.standard table td {
max-width: 300px;
}
}
@media (min-width: 992px) {
.standard table,
.content table,
.col-12 table,
table {
width: 100% !important;
}
.standard table th,
.standard table td,
.content table th,
.content table td,
table th,
table td {
padding: 16px 20px !important;
font-size: 16px !important;
}
} .home-animate .text {
top: 0;
bottom: 300px;
width: 100%;
left: 0;
right: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
} @media (max-width: 1023px) {
.home-animate .text {
bottom: 480px;
font-size: 48px;
}
}
@media (max-width: 480px) {
.home-animate .text {
bottom: 460px;
font-size: 38px;
}
}
.author-bio-box {
display: flex;
gap: 20px;
align-items: flex-start;
margin-top: 48px;
padding: 24px;
border-top: 2px solid #2e6b4f;
background: #f9f9f7;
}
.author-bio-photo {
width: 100px;
height: 100px;
display: inline-flex;
}
.author-bio-photo img {
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
}
.author-bio-name {
font-weight: 700;
font-size: 18px;
margin: 0 0 4px;
}
.author-bio-role {
font-size: 14px;
color: #666;
margin: 0 0 10px;
font-style: italic;
}
.author-bio-description {
font-size: 15px;
line-height: 1.6;
margin: 0;
}
.author-bio-link {
color: #2e6b4f;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
}
@media (max-width: 600px) {
.author-bio-box {
flex-direction: column;
align-items: center;
text-align: center;
}
}