@media (max-width: 360px) {
.mobile-menu ul ul a {
font-size: 12px;
}
.mobile-menu li.first > a {
font-size: 24px;
}
}
@media (max-width:1024px) {
.mobile-hide {
display: none !important;
}
.desktop-menu {
display: none !important;
}
}
@media (min-width: 1024px) {
#Kontakt .content h2 strong, #Kontakt .content h2 b {
font-size: 36px;
line-height: 50px;
}
nav.desktop-menu ul li.menu-239 {
border: 1px var(--highlight) solid;
padding: 12px 15px;
}
header {
position: relative;
top: auto;
width: auto;
z-index: 9;
} .footer-contact .bg-light-lg .content {
text-align: right;
}
.footer-contact .bg-light-lg .content p,
.footer-contact .bg-light-lg .content div,
.footer-contact .bg-light-lg .content li,
.footer-contact .bg-light-lg .content a {
text-align: right;
}
.footer-contact .bg-light-lg .content p,
.footer-contact .bg-light-lg .content div:not(.content) {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
justify-content: flex-start;
gap: 8px;
}
.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;
margin-right: 0;
flex-shrink: 0;
}
.footer-contact .bg-light-lg .content ul {
padding-left: 0;
padding-right: 20px;
list-style-position: inside;
text-align: right;
}
.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;
display: block;
}
.footer-contact .bg-light-lg .content h2::after,
.footer-contact .bg-light-lg .content h3::after {
margin-left: auto;
margin-right: 0;
}
.fab-phone,
.fab-phone-popup {
display: none !important;
}
.float-contact {
position: fixed;
z-index: 51;
bottom: 0;
left: 0;
width: 100%;
display: flex;
background-color: var(--light);
align-items: center;
justify-content: stretch;
}
.float-contact a {
font-size: 11px;
text-transform: uppercase;
letter-spacing: -.5px;
flex: auto;
padding: 10px 3px;
display: block;
text-align: center;
color: var(--text);
}
.float-contact a i {
margin-right: 4px;
}
.float-contact a.inverse {
color: #FFF;
background-color: var(--highlight);
box-shadow: 0 -5px var(--highlight), 0 5px var(--highlight);
}
body {
font-size: 16px;
padding: 0 0;
}
.col-lg-2 {
flex: 0 0 16.666667%; max-width: 16.666667%; padding: 0 15px;
}
.col-lg-3 {
flex: 0 0 25%; max-width: 20%; padding: 0 15px;
}
.col-lg-4 {
flex: 0 0 33.333334%; max-width: 33.333334%; padding: 0 15px;
}
.col-lg-5 {
flex: 0 0 41.666667%; max-width:41.666667%; padding: 0 15px;
}
.col-lg-6 {
flex: 0 0 50%; max-width: 50%; padding: 0 15px;
}
.col-lg-7 {
flex: 0 0 58.333334%; max-width: 58.333334%; padding: 0 15px;
}
.col-lg-8 {
flex: 0 0 66.666667%; max-width: 66.666667%; padding: 0 15px;
}
.col-lg-9 {
flex: 0 0 75%; max-width: 75%; padding: 0 15px;
}
.col-lg-12 {
flex: 0 0 100%; max-width: 100%; padding: 0 15px;
}
a.menu-call {
display: none;
}
body.page-subpage,
body.page-artykuly {
background: var(--light);
}
body.page-artykuly.page-news-detail,
body.page-lawyer	{
background-color: #FFFFFF;
}
body.semimoved .standard > .container,
body.semimoved .bigtext > .container {
max-width: 900px;
left: -210px;
background-color: #FFF;
}
aside.float-contact {
bottom: initial;
top: -100px;
transition: all .25s ease;
}
body.scrolled aside.float-contact {
top: 0px;
}
body.scrolled .mobile-menu {
justify-content: center;
top: 0;
}
.mobile-menu > ul {
display: flex;
}
.mobile-menu ul ul a {
font-size: 18px;
letter-spacing: 0.25px;
padding: 8px 3px;
transition: all .25s ease;
}
.mobile-menu ul ul a:hover {
opacity: .5;
box-shadow: 0px 2px #FFF;
}
.mobile-menu > ul > li:last-of-type ul {
column-count: initial;
}
.mobile-menu > ul > li:last-of-type {
margin-left: 50px;
}
aside span.mobile-hide {
font-family: var(--font-header);
display: inline-block;
color: var(--highlight);
margin-left: 8px;
}
.standard, .standard.inverse {
margin: 0;
}
blockquote {
font-size: 20px;
line-height: 26px;
}
.standard .content {
font-size: 16px;
line-height: 24px;
padding: 15px 15px; }
.home .standard .content {
max-width: 100%;
}
.standard h1, .standard h3 {
font-size: 46px;
line-height: 54px;
text-align: left !important;
}
.standard h1 + h2, .standard h3 + h4 {
font-size: 24px;
}
.standard h1:before, .standard h3:before {
top: 4px;
}
div#wyroki-frankowe {
margin-top: -150px;
margin-bottom: 50px;
}
.in-gallery {
display: flex;
flex-wrap: wrap;
}
.in-gallery a {
flex: 0 0 49%;
margin-bottom: 25px;
transition: all .25s ease;
}
.in-gallery img {
transition: all .25s ease;
width: 300px;
height: 370px;
padding: 10px;
}
.in-gallery a:hover img {
opacity: .8;
box-shadow: 0px 5px 10px rgba(0,0,0,.2);
}
.home-animate .buttons {
bottom: initial;
top: 50%;
max-width: 100%;
width: 900px;
left: 50%;
margin-left: -450px;
}
.home-animate .buttons a {
font-size: 15px;
padding: 15px 20px;
flex: 0 0 32%;
}
.home-animate .buttons a:nth-of-type(1),
.home-animate .buttons a:nth-of-type(2),
.home-animate .buttons a:nth-of-type(3) {
padding: 20px 20px;
font-size: 20px;
}
.home-animate.nodelay .buttons a {
transition-delay: 0s !important;
}
.home-animate .buttons a:hover {
background-color: #FFF;
color: var(--highlight);
}
a.logo {
display: inline-block;
margin: var(--margin) 0;
max-width: 300px;
}
.float-contact a {
font-size: 16px;    
padding: 15px 3px;
transition: all .25s ease;
}
.float-contact a:hover {
background-color: var(--highlight);
color: #FFF;
}
.float-contact a:hover span.mobile-hide {
color: rgba(255,255,255,.75);
}
.carousel.peoples {
max-width: 100%;
}
.peoples .person {
transition: all .25s ease;
}
.peoples .person:hover {
transform: scale(.97);
filter: contrast(1.1);
cursor: pointer;
}
.peoples .person img {
height: 370px;
object-fit: cover;
object-position: top center;
width: 100%;
}
.peoples .person .desc {
font-size: 14px;
padding: 20px;
height: 100px;
}
.peoples .person .desc strong {
font-size: 21px;
line-height: 28px;
}
nav.desktop-menu {
position: absolute;
top: 3px;
left: 330px;
width: calc( 100% - 350px);
text-align: right;
z-index: 35;
}
nav.desktop-menu ul {
list-style: none;
padding: 0 0;
margin: 0 0;
}
nav.desktop-menu ul li {
display: inline-block;
position: relative;
padding: 28px 20px;
transition: all .25s ease;
}
nav.desktop-menu ul li.menu-5 {
border: 1px var(--highlight) solid;
padding: 12px 15px;
}
nav.desktop-menu > ul > li:hover {
box-shadow: inset 0px -3px var(--highlight);
}
nav.desktop-menu ul li a {
font-family: var(--font-header);
color: var(--text);
font-size: 18px;
text-transform: uppercase;
}
nav.desktop-menu ul li a:hover {
color: var(--highlight);
}
nav.desktop-menu ul li.social {
padding: 28px 7px;
}
nav.desktop-menu ul li.social a {
color: var(--highlight);
vertical-align: middle;
line-height: 15px;
}
nav.desktop-menu ul ul.dropdown {
position: absolute;
z-index: 10;
background-color: #FFF;
padding: 15px 0;
width: 220px;
top: 83px;
left: -10px;
display: none;
box-shadow: 0px 5px 20px -5px rgba(0,0,0,.2);
}
nav.desktop-menu ul li:hover ul.dropdown {
display: block;
}
nav.desktop-menu ul ul.dropdown li {
padding: 0px 20px;
display: block;
transition: all .12s ease;
}
nav.desktop-menu ul ul.dropdown a {
display: block;
padding: 8px 0;
font-family: var(--font-text);
font-size: 14px;
text-align: left;
display: block;
text-transform: initial;
transition: all .12s ease;
}
nav.desktop-menu > ul ul.dropdown > li:hover {
box-shadow: inset 3px 0px var(--highlight);
background-color: var(--light);
}
.carousel.news {
margin: 0 30px;
overflow: hidden;
width: calc(100vw - 90px);
max-width: 100%;
}
.carousel.news img {
height: 400px;
object-fit: cover;
object-position: top center;
float: initial;
width: 100%;
margin-right: 0px;
}
.carousel.news .item {
margin: 5px 5px;
background-color: #FFF;
color: var(--text);
box-shadow: 0px 15px 25px -5px rgba(0,0,0,.25);
cursor: pointer;
transition: all .25s ease;
}
.carousel.news .item:hover {
transform: scale(.96);
}
.carousel.news .item .desc {
font-size: 10px;
padding: 10px;
text-transform: uppercase;
position: relative;
}
.carousel.news .item .desc strong {
display: block;
font-family: var(--font-header);
color: var(--text);
font-size: 17px;
line-height: 24px;
font-weight: 300;
text-transform: capitalize;
}
.carousel.news .item .desc:before {
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 11px solid transparent;
border-bottom: 12px solid #FFF;
content: "";
position: absolute;
top: -12px;
right: 15px;
}
.carousel.news .owl-nav {
text-align: right;
margin-top: 25px;
}
.carousel.news .owl-nav > div {
font-size: 18px;
color: #FFFFFF;
width: 50px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px #FFFFFF solid;
opacity: .2;
}
.carousel.news .owl-prev {
margin-right: 10px;
}
.standard.mod-16 h2 {
font-size: 24px;
}
.standard.mod-16 h2 strong, .standard.mod-16 h2 b {
font-size: 36px;
line-height: 50px;
}
.standard.mod-16 ul li {
font-size: 18px;
line-height: 28px;
margin-bottom: 10px;
}
.bigtext + .standard,
.standard + .bigtext { position: relative;
}
.btn {
font-size: 16px;
}
.parallax-window p {
font-size: 14px;
}
.parallax-window h1 {
font-size: 56px;
line-height: 64px;
margin-bottom: 30px;
}
.parallax-window h2 {
font-size: 22px;
}
.parallax-window .text-holder.smaller h1 {
font-size: 32px;
line-height: 36px;
}
.bigtext .content {
font-size: 32px;
}
.bg-light-lg {
background-color: var(--light);
}
.floating-contacts {
position: absolute;
top: 0;
right: -250px;
width: 250px;
background: #fafafa;
}
.floating-contacts .peoples {
padding: 25px 15px 25px 25px;
}
.floating-contacts a {
display: flex;
padding: 10px 0;
font-size: 18px;
font-family: var(--font-header);
line-height: 26px;
justify-content: flex-start;
align-items: flex-end;
}
.floating-contacts a.contact {
display: flex;
background-color: var(--highlight);
color: #FFF;
padding: 25px;
font-family: var(--font-header);
justify-content: space-between;
align-items: center;
}
.floating-contacts a img {
width: 50px;
height: 60px;
object-fit: cover;
object-position: top center;
margin:0 15px 0 0;
}
#contact-form-web .container {
max-width: 900px;
}
footer.footer {
background-color: #FFFFFF;
}
.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: 240px;
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 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;
}
.page-artykuly img.main-img {
position: fixed;
top: 3px;
left: 0;
z-index: 1;
width: 30vw;
height: calc(100vh - 3px);
object-fit: cover;
}
.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;
}
.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;
}
.carousel.peoples .owl-nav > div:hover {
opacity: .75;
}
.lawyer .details {
font-size: 16px;
line-height: 24px;
padding-bottom: 250px;
}
.lawyer .details h1 {
font-family: var(--font-header);
font-size: 36px;
line-height: 42px;
color: var(--highlight);
}
.lawyer .details .apply {
display: inline-block;
padding: 3px 15px;
position: relative;
box-shadow: inset 3px 0px var(--highlight);
font-size: 13px;
text-transform: uppercase;
}
.lawyer aside {
position: absolute;
height: calc(100vh - 87px);
max-height: 700px;
width: 400px;
}
.lawyer aside img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lawyer aside .contacts {
position: absolute;
background-color: var(--highlight);
color: #FFF;
width: calc( 100% - 30px);
bottom: 0;
}
.lawyer aside .contacts ul {
padding: 0 0;
margin: 0 0;
list-style: none;
}
.lawyer aside .contacts ul li {
padding: 12px 20px;
display: block;
}
.lawyer aside .contacts ul li:not(:last-of-type) {
border-bottom: 1px rgba(255,255,255,.1) solid;
}
.lawyer aside .contacts i {
width: 40px;
text-align: center;
}
.lawyer aside .contacts a {
color: #FFF;
}
.lawyer .move-lg-left {
margin-left: 33.3%;
}
.lawyer .details .content em {
font-style: normal;
display: block;
margin: 20px 0 5px;
font-family: var(--font-header);
font-size: 20px;
line-height: 28px;
}
.lawyer-page .lawyer-photo img {
aspect-ratio: unset;
}
.footer {
padding: 20px 0px 0px;
font-size: 16px;
line-height: 25px;
}
.footer .socials a {
font-size: 30px;
margin-right: 15px;
}
.mod-47, .mod-58, .mod-62, .mod-71 {
padding-bottom: 20px;
}
.mod-45 {
padding-bottom: 0;
}
}
@media (max-width: 1024px) {
.lawyer-page .row {
display: flex;
flex-direction: column;
margin-left: 0;
margin-right: 0;
}
.lawyer-page .col-lg-8 {
order: 1;
max-width: 100%;
flex: 0 0 100%;
}
.lawyer-page .col-lg-4 {
order: 2;
max-width: 100%;
flex: 0 0 100%;
display: flex;
flex-wrap: wrap;
margin-top: 30px;
align-items: flex-start;
}
.lawyer-page .lawyer-photo {
width: 40%;
padding-right: 15px;
}
.lawyer-page .lawyer-photo img {
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: 3 / 4;
object-position: top;
}
.lawyer-page .contacts {
width: 60%;
}
.contacts i {
width: 20px;
}
.lawyer-page .contacts ul {
margin: 0;
}
.contacts ul li {
padding: 12px 5px;
font-size: 11px;
}
}
@media (min-width: 1024px) {
.lawyer-content {
padding-bottom: 150px;
}
.lawyer-page .col-lg-8 {
padding-left: 50px;
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
aside.float-contact {
font-size: 13px;
}
aside.float-contact a {
font-size: 13px;
}
}