/*!
Theme Name: TS
Author: Tomczak Stanisławski
Author URI: http://tomczak-stanislawski.pl/
Version: 2.0.0
*/
@-ms-viewport {width: device-width;}
html,body,ul,ol{padding: 0;margin: 0;}body *{outline:none !important;}.autowidth{width:auto;}.half{width:50%;}.clear{clear:both;}.left{float:left;}.left.wide{float:left;width:100%;}.right,.sprite.right{float:right;}.indent{text-indent:-99999px;}.center{text-align:center;}.upp{text-transform:uppercase;}.sprite{background: url(gfx/sprite.png) 0 0 no-repeat;float:left;}.rel{position:relative;}.abs{position:absolute;}.abs.link{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;}.trans,a,img,::before,::after,svg{-webkit-transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s;-o-transition: all ease-out 0.3s;transition: all ease-out 0.3s;}.transSlow{-webkit-transition: all ease-out 0.6s;-moz-transition: all ease-out 0.6s;-o-transition: all ease-out 0.6s;transition: all ease-out 0.6s;}.transSlowAll,.transSlowAll *{-webkit-transition: all ease-out 0.6s;-moz-transition: all ease-out 0.6s;-o-transition: all ease-out 0.6s;transition: all ease-out 0.6s;}.transAll,.transAll *{-webkit-transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s;-o-transition: all ease-out 0.3s;transition: all ease-out 0.3s;}.radius{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.showOnTablet,.showOnMobile,.showOn480,.showOn320{display:none;}.z2{z-index:2;}.z10{z-index:2;}
/*ul,ol{list-style-position: inside;}*/
.thecontent ul,.thecontent ol{padding: 0 0 30px 20px;}
.transSlow{-webkit-transition: all ease-out 0.6s;-moz-transition: all ease-out 0.6s;-o-transition: all ease-out 0.6s;transition: all ease-out 0.6s;}
.transSuperSlow{-webkit-transition: all ease-out 1.6s;-moz-transition: all ease-out 1.6s;-o-transition: all ease-out 1.6s;transition: all ease-out 1.6s;}
a{color:#685D54;text-decoration: none !important;}
body, html { height: 100%; box-sizing: border-box;color:#685D54;background:#fff;letter-spacing: 0px;-webkit-text-size-adjust: 100%;}
html * {font-family: "Geist", sans-serif;line-height: 1.6;}
.middleX {position: relative;transform: translateX(-50%);left:50%;}
.middleY {position: relative;transform: translateY(-50%);top:50%;}
.middleX.middleY,.middleXY {transform: translateX(-50%) translateY(-50%);top:50%;left: 50%;}
img{max-width: 100%;height: auto;border:0;}
p, .thecontent li {margin:0 0 20px 0;line-height: 1.6;font-size: 18px;font-weight: 300;}
.thecontent li {margin:0 0 10px 0;}
div{position: relative;float: left;width:100%;box-sizing: border-box;}
.font2,.font2 *{font-family: "Playfair Display", serif;}

.cky-modal.cky-modal-open{width:auto;}
.cky-preference-wrapper div,.cky-preference-center div{width: auto;float: none;}
.cky-accordion-header-wrapper{width: 100% !important;}
.error404 #content{width:100%;height:100vh;min-height: 340px;}.error404 #content .inner{height:100%;}.error404 #content .page-content{width:100%;position: relative;top:50%;transform: translateY(-50%);text-align: center;}.error404 #content .page-content h1{font-size:150px;line-height: 150px;margin:0;}.error404 #content .page-content h2{font-size:30px;}

#page{overflow: hidden;}
.toanime{opacity: 0.01;-webkit-transition: all ease-out 0.8s;-moz-transition: all ease-out 0.8s;-o-transition: all ease-out 0.8s;transition: all ease-out 0.8s;}
.toanime.active{opacity: 1;}
.toanime.frombottom{transform: translateY(150px);}
.toanime.frombottom.active{transform: translateY(0);}
.toanime.fromtop{transform: translateY(-150px);}
.toanime.fromtop.active{transform: translateY(0);}
.toanime.fromright{transform: translateX(150px);}
.toanime.fromright.active{transform: translateX(0);}
.toanime.fromleft{transform: translateX(-150px);}
.toanime.fromleft.active{transform: translateX(0);}
.middleY.toanime.fromleft {transform: translateX(-150px) translateY(-50%);}
.middleY.toanime.fromleft.active {transform: translateX(0px) translateY(-50%);}
.middleY.toanime.fromright {transform: translateX(150px) translateY(-50%);}
.middleY.toanime.fromright.active {transform: translateX(0px) translateY(-50%);}
footer,header{width:100%;float: left;position: relative;box-sizing: border-box;}
.inner{width:1242px;float: left;transform: translateX(-50%);left:50%;}

header{z-index: 99;position: absolute;top:0;left: 0;width: 100%;}
header.fixed{position: fixed;top:-115px;}
header.fixed.shown{top:0;}
    header .inner{padding: 0 0 15px 0;border-bottom: 1px solid #685D54;}
    header .button.right{display: none;}
    header ul{margin: 63px 0 0 0;padding: 0;display: flex; justify-content: space-between;width:100%;}
        header ul li{float: left;list-style: none;font-size: 16px;line-height: 36px;}

.homepage .firstView{height: 100svh;background: url(gfx/homebg.avif) center center;background-size: cover;}
    .homepage .firstView .inner{height: 100svh;}
        .homepage .firstView .inner .light{top:-20px;right: -100px;}
        .homepage .firstView .inner .column.left{width:620px;margin-top: 60px;}
        .homepage .firstView .inner .column.left h1{font-size: 90px;margin: 0 0 57px 0;}
        .homepage .firstView .inner .column.left h1,.homepage .firstView .inner .column.left h1 *{line-height: 1.1;font-weight: 500;}
        .homepage .firstView .inner .column.left p{font-size: 20px;margin: 0 0 60px 0;width:456px;max-width: 100%;}
        .homepage .firstView .logo{right: calc((1242px - 620px) * -1);bottom:0;}

.paddiv{padding: 250px 0 150px 0;padding: 200px 0 150px 0;}

    .zbrodnieView .column.left{width:465px;}
    .zbrodnieView .column.right{width:calc(100% - 465px - 155px);}

.dlakogoView .pomagamy{display: flex;flex-wrap: wrap;gap:50px 165px;}
.dlakogoView::before{height: 100%;width:calc((100vw - 1245px)/2);left: 0;top:0;background: url(gfx/komu-pomagamy.avif) top right;background-size: cover;content:'';position:absolute;}
.dlakogoView .inner{padding-left: 150px;}
    .dlakogoView .pomagamy .pom{width:calc((100% - 165px)/2);}
    .dlakogoView .pomagamy .pom::before{width:1px;height: calc(100% - 23px);background: #fff;position: absolute;top:10px;left: -15px;content:'';}
        .dlakogoView .pomagamy .pom p:last-child{margin-bottom: 0;}

.corobimyView .robimy{margin: 0 0 80px 0;}
    .corobimyView .robimy .akordeon{margin: 0 0 0px 0;border-bottom: 1px solid #685D54;}
        .corobimyView .robimy .akordeon .tytul{font-size: 20px;font-weight: 500;margin: 0 0 10px 0;padding: 30px 70px 26px 0;line-height: 1.2;cursor:pointer;}
            .corobimyView .robimy .akordeon .tytul .kolo{width:50px;height: 50px;right: 0;border-radius: 100%;top:20px;}
            .corobimyView .robimy .akordeon .tytul:hover .kolo svg{margin-top: 5px;}
            .corobimyView .robimy .akordeon .tytul.open .kolo svg{transform: translateX(-50%) translateY(-50%) rotate(180deg);}
            .corobimyView .robimy .akordeon .tytul.open:hover .kolo svg{margin-top: -5px;}
        .corobimyView .robimy .akordeon .tekst{display: none;padding: 0 150px 20px 0;}

.doswiadczenieView .cases{margin: 0 0 68px 0;overflow: hidden;}
.doswiadczenieView .cases .casesInner{width:calc(400% + (3 * 165px));}
.doswiadczenieView .cases .box{width:1092px;display: flex;flex-wrap: wrap;gap:50px 165px;margin-left: 165px;}
.doswiadczenieView .cases .box:first-child{margin-left: 0;}
.doswiadczenieView::before{height: 100%;width:calc((100vw - 1245px)/2);left: 0;top:0;background: url(gfx/zakonczone-sprawy.avif) top right;background-size: cover;content:'';position:absolute;}
.doswiadczenieView .inner{padding-left: 150px;}
    .doswiadczenieView .cases .case{width:calc((100% - 165px)/2);border:1px solid #9FA3AE;padding: 20px 60px 70px 20px;border-radius: 5px;}
        .doswiadczenieView .cases .case p{margin-bottom: 0;font-size: 25px;line-height: 1.4;}
        .doswiadczenieView .cases .case:hover p{color:#de896a;}
        .doswiadczenieView .cases .case .kolo{width:50px;height: 50px;border-radius: 100%;position: absolute;bottom: 10px;right: 10px;}
        .doswiadczenieView .cases .case:hover .kolo svg{margin-left: 5px;}
        .doswiadczenieView .button{cursor: pointer;}
        .doswiadczenieView .button svg{margin:3px -20px 0 42px;}

.wspolpracaView .nav{width:auto;right: 0;top:11px;}
    .wspolpracaView .nav div{width:50px;height: 50px;border-radius: 100%;margin: 0 0 0 8px;cursor: pointer;}
    .wspolpracaView .nav .next:hover svg{margin-left: 5px;}
    .wspolpracaView .nav .prev:hover svg{margin-left: -5px;}
    .wspolpracaView .nav div.disabled{opacity: 0.5;cursor: default;}
    .wspolpracaView .nav div.disabled:hover svg{margin: 0 !important;}
.wspolpracaView .przebieg{}
    .wspolpracaView .przebieg .przebiegInner{width:1000%;display: flex;flex-wrap: wrap;gap:54px;}
        .wspolpracaView .przebieg .przebiegInner .krok{width:465px;padding: 30px 30px 30px 48px;border-radius: 15px;}
            .wspolpracaView .przebieg .przebiegInner .krok .num{width:50px;height: 50px;left: -25px;top:-25px;position: absolute;text-align: center;line-height: 42px;font-size:25px; border-radius: 100%;}
            .wspolpracaView .przebieg .przebiegInner .krok h4{font-size: 25px;line-height: 1.2;margin: 0 0 30px 0;min-height: 90px;font-weight: 400;}
            .wspolpracaView .przebieg .przebiegInner .krok p{font-size: 16px;}
            .wspolpracaView .przebieg .przebiegInner .krok p:last-child{margin-bottom: 0;}

.kontaktView{padding: 0 ;}
.kontaktView#kontakt{padding: 120px 0;}
    .kontaktView .kontaktp{width:calc(100% - 310px);margin: 0 0 50px 0;}
        .kontaktView .kontaktp p{font-size: 25px;line-height: 1.4;}
    .kontaktView .inner > .column.left{width:calc(100% - 310px - 150px);}
        .kontaktView .inner > .column.left form{width:100%;float: left;margin: 0px 0 0 0;}
        .kontaktView .inner > .column.left form .fieldbox.column{width:calc((100% - 23px)/2);}
        .kontaktView .inner > .column.left form .fieldbox p{margin: 0;}
        .kontaktView .inner > .column.left form .fieldbox label{line-height: 43px;display: block;font-size: 16px;}
        .kontaktView .inner > .column.left form .fieldbox input{height: 60px;display: block;font-size: 18px;background: #fff;padding: 0 25px;box-sizing: border-box;position:relative;border:1px solid #9FA3AE;border-radius:5px;width:100%;}
        .kontaktView .inner > .column.left form .fieldbox textarea{height: 140px;display: block;font-size: 18px;background: #fff;padding: 25px;box-sizing: border-box;position:relative;border:1px solid #9FA3AE;border-radius:5px;resize:none;width:100%;}
        .kontaktView .inner > .column.left form .fieldbox input[type=submit]{padding: 18px 62px 18px 40px;color:#fff;background: none; border-radius: 30px;font-size: 18px;line-height: 1.2;text-align: center;cursor:pointer;font-weight: 200;letter-spacing: 1px;border:0;}
        .kontaktView .inner > .column.left form .fieldbox ::placeholder{color: #9FA3AE;}
        .kontaktView .inner > .column.left form .fieldbox.sendbutton{margin: 40px 0 0 0;background: #9FA3AE; border-radius: 30px;}
        .kontaktView .inner > .column.left form .fieldbox.sendbutton:hover{background: #DE896A;}
        .kontaktView .inner > .column.left form .fieldbox.sendbutton::before{width:20px;height: 20px;position: absolute;content: '';background: url(gfx/send.png);right:25px;top:20px;}
        .kontaktView .inner > .column.left form .fieldbox.sendbutton .wpcf7-spinner{position: absolute;bottom: -30px;}
    .kontaktView .inner > .column.right{width:310px;margin-top: 10px;}
        .kontaktView .inner > .column.right p{float: left;width: 100%;position: relative;}
        .kontaktView .inner > .column.right .head{font-size: 25px;margin: 0 0 30px 0;line-height: 1;font-weight: 400;}
        .kontaktView .inner > .column.right .label{font-size: 18px;margin: 10px 0 10px 0;line-height: 1;font-weight: 400;}
        .kontaktView .inner > .column.right .contactp{font-size: 16px;margin: 0 0 20px 0;line-height: 1.4;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{background: #DE896A;border:0;padding:20px 20px;font-size:17px;text-align:center;color:#fff;margin:40px 0 0 0;}
.wpcf7 form.sent .wpcf7-response-output{background: #46b450;border:0;padding:20px 20px;font-size:22px;text-align:center;color:#fff;margin:40px 0 0 0;}

.onasView{padding: 115px 0 0px 0;}
.onasView .bg{padding: 120px 0 90px 0;background: linear-gradient(90deg, #6b6b6b 0%, #d4c5a0 100%);}
.onasView .column.left{width:420px;}
    .onasView .column.left h4{font-size: 35px;line-height: 1.2;margin: 0;font-weight: 200;}
.onasView .column.right{width:620px;}
    .onasView .column.right p{margin: 10px 0 20px 0;float: left;width: 100%;}
    .onasView .column.right .logo{margin-top: 30px;}

.eksperciView{padding-bottom: 0;}
    .eksperciView .kontaktp{width:calc(100% - 310px);margin: 0 0 50px 0;}
        .eksperciView .kontaktp p{font-size: 25px;line-height: 1.4;}
        .eksperciView .eksperci .ekspert{width:calc((100% - 100px)/2);margin:  0 0 36px 0;}
            .eksperciView .eksperci .ekspert:nth-child(2n){float: right;}
            .eksperciView .eksperci .ekspert .image{width:200px;height: 240px;border-radius: 15px;overflow: hidden;}
                .eksperciView .eksperci .ekspert .image img{width:100%;height: 100%;border-radius: 15px;object-fit: cover;display: block;}
            .eksperciView .eksperci .ekspert .details{width:calc(100% - 200px - 24px);height: 240px;}
                .eksperciView .eksperci .ekspert .details .imie{font-size: 25px;line-height: 1;margin: 0 0 15px 0;font-weight: 200;}
                .eksperciView .eksperci .ekspert .details .stanowisko{font-size: 16px;line-height: 1;margin: 0 0 15px 0;}
                .eksperciView .eksperci .ekspert .details a.email{font-size: 18px;line-height: 1;margin: 20px 0 0px 0;}
                .eksperciView .eksperci .ekspert .details a.email svg{float: left;margin: 2px 10px 0 0;}
                .eksperciView .eksperci .ekspert .details a.email:hover svg *{stroke:#DE896A;}

.kontaktView#kontakt{padding: 150px 0 120px 0;}

footer{padding: 72px 0 0 0;}
    footer .top{display: flex;justify-content: space-between;}
        footer .top .column{width:auto;}
            footer .top .column.zlogo .logo{margin: 0 0 52px 0;}
            footer .top .column li{margin: 0 0 15px 0;list-style: none;}
            footer .top .column p{margin: 0 0 30px 0;}
            footer .top .column p,footer .top .column li,footer .top .column a{font-size: 16px; line-height: 1.6; font-weight: 400;}
            footer .top .column p.font2{font-size: 20px; line-height: 1; margin: 0 0 30px 0;font-weight: 200;}
            footer .top .column a.kontlink{margin: 0 0 15px 0;}
            #page footer .top .column a.button{padding: 10px 30px;font-size: 16px;}
            footer .top .sm a{width:50px;height: 50px;border-radius: 100%;margin-left: 16px;background: #B0B3BB;}
            footer .top .sm a:hover{background: #DE896A;}
            footer .top .sm a svg{fill:#fff;}
            footer .top .sm a:first-of-type{margin-left: 0;}
    footer .bottom{margin:30px 0 0 0;border-top:1px solid rgba(247, 248, 242, 0.2);padding: 30px 0 20px 0;display: flex;justify-content: space-between;}
        footer .bottom p{width:auto;font-size: 14px;line-height: 1.2;margin: 0;}
        footer .bottom p *{line-height: 1.2;}
        footer .bottom p.minimenu a{float: left;margin-left: 20px;}
        footer .bottom p.minimenu a:first-child{margin-left: 0;}
        footer .bottom p.ts2{display: none;}

#page .button{padding: 18px 40px;border-radius: 30px;font-size: 18px;line-height: 1.2;text-align: center;font-weight: 200;letter-spacing: 1px;}

.wpispage {padding: 170px 0 0 0;}
    .wpispage .singleinner{width: 800px;}
        .wpispage .singleinner .details{margin: 0 0 60px 0;border-radius: 10px;padding: 32px;display: flex;flex-wrap: wrap;gap:38px 32px;}
            .wpispage .singleinner .details .pole{width:calc((100% - 32px)/2);}
                .wpispage .singleinner .details .pole .naglowek{font-size: 16px;line-height: 1;margin: 0 0 10px 0;}
                .wpispage .singleinner .details .pole .tekst{font-size: 16px;line-height: 1.2;margin: 0 0 0px 0;font-weight: bold;}
        .wpispage .singleinner h1.font2{width: 1088px;width: 1018px;font-size: 65px;line-height: 1.1;margin: 0 0 50px 0;font-weight: 200;}
        .wpispage .singleinner .thecontent{margin: 0 0 50px 0;}
            .wpispage .singleinner .thecontent h1,.wpispage .singleinner .thecontent h2,.wpispage .singleinner .thecontent h3,.wpispage .singleinner .thecontent h4,.wpispage .singleinner .thecontent h5,
            .wpispage .singleinner .thecontent h6{line-height: 1.1;margin: 10px 0 30px 0;font-weight: 200;font-family: "Playfair Display", serif;float: left;width:100%;}
            .wpispage .singleinner .thecontent h1,.wpispage .singleinner .thecontent h2{font-size: 40px;}
            .wpispage .singleinner .thecontent h3{font-size: 30px;}
            .wpispage .singleinner .thecontent h4{font-size: 24px;}
            .wpispage .singleinner .thecontent h5{font-size: 22px;}
            .wpispage .singleinner .thecontent h6{font-size: 20px;}
            .wpispage .singleinner .thecontent p strong, .wpispage .singleinner .thecontent li strong{font-weight: 600;}
            .wpispage .singleinner .thecontent blockquote{background: #EEEFEB;border-left: 5px solid #9FA3AE;padding: 40px;margin: 0 0 50px 0;float: left;width:100%;}
            .wpispage .singleinner .thecontent blockquote p{font-size: 16px;}
            .wpispage .singleinner .thecontent blockquote p:last-child{margin-bottom: 0;}
            .wpispage .singleinner .thecontent blockquote p:last-child strong{color:#9FA3AE;font-weight: 400;}
        .wpispage .eksperciView .inner{border-top:1px solid #9FA3AE;padding-top: 60px;}

    footer .top .column.kontakt .sm{display: none;}

.h2{font-size: 55px;line-height: 1.1;margin: 0 0 80px 0;font-weight: 200;}
.h3{font-size: 30px;line-height: 1.4;margin: 0 0 50px 0;font-weight: 500;}

.orange,.orangeonhover:hover{color:#DE896A;}
.white,.whiteonhover:hover{color:#fff;}
.dark,.darkonhover:hover{color:#685D54;}
.gray,.grayonhover:hover{color:#9FA3AE;}
.light,.lightonhover:hover{color:#F7F8F2;}
.black,.blackonhover:hover{color:#000;}
.orangebg,.orangebgonhover:hover{background:#DE896A;}
.whitebg,.whitebgonhover:hover{background:#fff;}
.darkbg,.darkbgonhover:hover{background:#685D54;}
.graybg,.graybgonhover:hover{background:#9FA3AE;}
.lightgraybg,.lightgraybgonhover:hover{background:#E5E7E4;}
.lightbg,.lightbgonhover:hover{background:#F7F8F2;}
.blackbg,.blackbgonhover:hover{background:#000;}

@media (max-width: 1342px) {
    .inner{width: calc(100% - 100px);}
    .homepage .firstView .logo {right: calc(((100vw - 100px) - 620px) * -1);}
    .dlakogoView::before,.doswiadczenieView::before{width: 50px;}
    .dlakogoView .inner,.doswiadczenieView .inner {padding-left: 100px;}
    .doswiadczenieView .cases .box{width:calc((100vw - 150px - 100px)/1);}
    .wpispage .singleinner h1.font2{width: calc(100% + ((100vw - 100px - 800px)/2));}
}
@media (max-width: 1279px) {
    .zbrodnieView .column.right{width: calc(100% - 465px - 75px);}
    .dlakogoView .inner,.doswiadczenieView .inner {padding-left: 50px;}
    .dlakogoView .pomagamy,.doswiadczenieView .cases .box{gap:50px 100px;}
    .dlakogoView .pomagamy .pom,.doswiadczenieView .cases .case {width: calc((100% - 100px) / 2);}
    .kontaktView .inner > .column.left {width: calc(100% - 310px - 75px);}
    .doswiadczenieView .cases .box{width:calc((100vw - 100px - 100px)/1);}
    .onasView .column.left {width:360px;}
    .onasView .column.left h4 {font-size: 30px;}
    .onasView .column.right {width:calc(100% - 360px - 75px);}
    .eksperciView .eksperci .ekspert {width: calc((100% - 50px) / 2);}
}
@media (max-width: 1199px) {
    .eksperciView .eksperci .ekspert .image {width:160px;}
    .eksperciView .eksperci .ekspert .details {width: calc(100% - 160px - 20px);}
    .eksperciView .eksperci .ekspert .details a.email svg{display: none;}
    footer .bottom p.ts{display: none;}
    footer .bottom p.ts2{display: block;}
    footer .bottom{display: block;}
    footer .bottom p{float: left;width:auto;}
    footer .bottom p.minimenu{float: right;}
    footer .bottom p.ts2{margin-top: 20px;float: right;}
    .eksperciView{padding-bottom: 0 !important;}
}
@media (max-width: 1119px) {
    .zbrodnieView .column.left{width: 420px;}
    .zbrodnieView .column.right{width: calc(100% - 420px - 50px);}
    #page .button {padding: 18px 30px;}
    .paddiv{padding: 150px 0 100px 0;}
    footer .top .column.sm{display: none;}
    footer .top .column.kontakt .sm{display: block;}
    footer .top .column.kontakt .sm p{margin-bottom: 20px;}
}
@media (min-width: 1024px) {
    header ul li a.orangebg{display: block; font-size: 16px;line-height: 36px;padding: 0 20px;border-radius: 30px;}
}
@media (max-width: 1023px) {
    .showOnTablet{display: block;}
    .hideOnTablet{display: none;}
    
    header{position: fixed !important;top:0 !important;}
    header nav{width: 100vw;left: -50px;top:-700px;height: 700px;position: fixed;background: #F7F8F2;padding:  100px 0 0 0;box-sizing: border-box;}
    header.active nav{top:0;}
    header nav ul{margin: 0;display: block;}
    header nav ul li{width:100%;}
    header nav ul li a{width:100%;display: block;padding: 10px 20px;font-size: 30px;text-align: center;background: none !important;color:#685D54 !important;}
    header .inner{border: 0;}
    header .menubutton{width:50px;height: 50px;margin: 29px 0 15px 50px;}
    header .menubutton div{width:100%;height: 5px;margin: 6px 0;background: #685D54;}
    header .button{margin: 25px 0 0 0;}
    header .button.right{display: block;}
    .homepage .firstView .inner .column.left {width: 100%;}
    .homepage .firstView .inner .column.left h1,.homepage .firstView .inner .column.left p{text-align: center;}
    .homepage .firstView .inner .column.left p{left: 50%;transform: translateX(-50%);position: relative;float: left;}
    .homepage .firstView .inner .column.left .button{left: 50%;transform: translateX(-50%);position: relative;float: left;}
    .homepage .firstView .logo{right: auto;left: 50%;position: relative;transform: translateX(-50%);margin: 50px 0 0 0;float: left;clear: both;}
    .paddiv {padding: 100px 0 100px 0;}
.eksperciView .eksperci .ekspert,.eksperciView .kontaktp,.onasView .column.left,.onasView .column.right,.kontaktView .inner > .column.left,.kontaktView .inner > .column.right,.kontaktView .kontaktp,.zbrodnieView .column.left,.zbrodnieView .column.right {width: 100%;}
    .zbrodnieView .column.right {margin: 50px 0 0 0;}
    .dlakogoView .pomagamy{gap:50px;}
    .doswiadczenieView .cases .box{gap:50px 20px;}
    .dlakogoView .pomagamy .pom {width: calc((100% - 50px) / 2);}
    .doswiadczenieView .cases .case {width: calc((100% - 20px) / 2);}
    .corobimyView .robimy .akordeon .tekst{padding: 0 0 20px 0;}
    .doswiadczenieView .cases .box {width: calc((100vw - 150px) / 1);}
    .kontaktView .inner > .column.right {margin-top: 50px;}
    .kontaktView .inner > .column.right .col{width: calc((100% - 50px)/2);}
    .onasView .column.left{margin-bottom: 50px;}
    footer .top {display: block;}
    footer .top .column.menu{float: right;margin: 20px 0 0 0;}
    footer .top .column.kontakt{top: 130px;position: absolute;left: 230px;}
    footer .top .column.kontakt .sm {position: absolute;left: -230px;top: 140px;}
    footer .inner{width:calc(100% - 60px);}
}
@media (max-width: 767px) {
    .inner{width: calc(100% - 40px);}
    .showOnMobile{display: block;}
    .hideOnMobile{display: none;}
    
    header{background: transparent !important;}
    .paddiv {padding: 50px 0;}
    .h3 {font-size: 24px;margin-bottom: 30px;}
    .homepage .firstView .inner .column.left{margin-top: 0px;}
    .homepage .firstView .inner .column.left h1{font-size: 50px;margin: 0 0 30px 0;}
    .homepage .firstView .inner .column.left p {font-size: 18px;margin: 0 0 30px 0;}
    #page .button{padding: 18px 20px;}
    .homepage .firstView .logo{margin-top: 30px;}
    header .menubutton{margin-top: 14px;}
    header .right.button{display: none;}
    header nav{left: -20px;padding: 80px 0 0 0;height: 500px;}
    header nav ul li a {padding: 5px 20px;font-size: 24px;box-sizing: border-box;}
    .dlakogoView::before, .doswiadczenieView::before {width: 100%;height: 200px;position: relative;display: block;background-position: center;margin: 0 0 40px 0;}
    .dlakogoView,.doswiadczenieView {padding-top: 0;}
    .dlakogoView .inner, .doswiadczenieView .inner {padding-left: 0;}
    .h2 {font-size: 35px;margin-bottom: 30px;}
    .dlakogoView .pomagamy .pom {width: 100%;padding-left: 20px;}
    .dlakogoView .pomagamy .pom::before{left: 0;}
    .dlakogoView .pomagamy {gap: 30px;}
    .corobimyView .robimy .akordeon .tytul{padding: 20px 60px 16px 0;font-size: 18px;}
    .doswiadczenieView .cases,.corobimyView .robimy {margin: 0 0 50px 0;}
    .doswiadczenieView .cases .box {width: calc(100vw - 40px);gap:30px;}
    .doswiadczenieView .cases .box .case{width: 100%;padding: 20px 20px 70px 20px;}
    .doswiadczenieView .cases .case p{font-size: 20px;}
    #page .doswiadczenieView .button{padding-right: 35px;}
    .wspolpracaView .nav{position: relative;top:0;margin: -20px 0 20px 0;float: right;}
    .wspolpracaView .przebieg .przebiegInner .krok {width: calc(100vw - 40px);padding: 20px 20px 20px 20px;}
    .wspolpracaView .przebieg .przebiegInner .krok .num{width: 40px;height: 40px;left: -15px;top: -25px;line-height: 34px;}
    .wspolpracaView .przebieg .przebiegInner .krok h4 {font-size: 22px;min-height: 80px}
    .kontaktView .kontaktp p {font-size: 22px;}
    .kontaktView .kontaktp{margin: 0 0 20px 0;}
    footer .bottom p.ts2,#page footer .top .column a.button,.eksperciView .eksperci .ekspert .details,.kontaktView .inner > .column.right .col,.kontaktView .inner > .column.left form .fieldbox.sendbutton,.kontaktView .inner > .column.left form .fieldbox.sendbutton input,.kontaktView .inner > .column.left form .fieldbox.column {width: 100%;box-sizing:border-box;}
    .onasView {margin: 50px 0 0px 0;padding: 0;}
    .onasView .bg {padding: 50px 0;}
    .onasView .column.left h4 {font-size: 26px;}
    .onasView .column.left {margin-bottom: 30px;}
    .eksperciView .kontaktp p {font-size: 20px;}
    .eksperciView .eksperci .ekspert {margin: 0 0 50px 0;}
    .eksperciView .eksperci .ekspert .image {width: auto;left: 50%;transform: translateX(-50%);}
    .eksperciView .eksperci .ekspert .details{height: auto;}
    .eksperciView .eksperci .ekspert .details .middleY{transform: none;top:auto;margin: 30px 0 0 0;text-align: center;}
    .eksperciView .eksperci .ekspert .details a.email {left: 50%;transform: translateX(-50%);position: relative;margin-top: 10px;}
    .kontaktView#kontakt {padding: 50px 0 50px 0;}
    footer {padding: 30px 0 0 0;text-align: center;}
    footer .inner{width:calc(100% - 40px);}
    footer .top .column.zlogo .logo {margin: 0 0 30px 0;}
    footer .top .column {width: 100%;}
    footer .top .column.kontakt {top: 0;position: relative;left: 0;margin-top: 30px;}
    footer .top .column a.kontlink{width: 100%;}
    footer .bottom p.minimenu{margin: 20px 0 0 0;width: 100%;}
    footer .bottom p.minimenu a{width: 100%;margin: 0 0 10px 0;}
    footer .bottom p.ts2 a{width: 100%;display: block;}
    header .button.right{display: none;}
    .wpcf7 form.sent .wpcf7-response-output{font-size: 18px;}
}

@media (max-width: 374px) {
    .homepage .firstView .inner .column.left h1{font-size: 40px;}
    .h2 {font-size: 30px;}
    .h3 {font-size: 20px;}
    .kontaktView .kontaktp p {font-size: 19px;}
    .onasView .column.left h4 {font-size: 22px;}
}