/*!
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;}.hideOnTablet.showOnMobile{display:block;}.z2{z-index:2;}.z10{z-index:2;}
ul,ol{list-style-position: inside;}
.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:#1A2746;text-decoration: none !important;}
body, html { height: 100%; box-sizing: border-box;color:#1A2746;background:#fff;letter-spacing: 0px;-webkit-text-size-adjust: 100%;}
html * {font-family: "Poppins", sans-serif;font-weight: 200;font-style: normal;}
.font2,.font2 *,.linkbutton,h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 * {font-family: "Michroma", sans-serif;font-weight: 400;font-style: normal;}
h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,.bold,.bold *,strong, strong *{font-weight: 400;}
.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 {margin:0 0 20px 0;line-height: 1.6;font-size: 17px;}
.thecontent p {line-height: 1.8;}
div{position: relative;float: left;width:100%;box-sizing: border-box;}

.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 .page404{width:100%;height:100vh;min-height: 340px;}.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:1300px;float: left;transform: translateX(-50%);left:50%;}
header{z-index: 99;position: absolute;top:0;left: 0;width: 100%;padding: 40px 0 0 0;}
header nav{right: 0;top:0;}
header nav li{line-height: 58px;float: left;margin: 0 0 0 30px;list-style: none;font-size: 18px;}
header nav li a{color:#fff;position: relative;display: inline-block;}
header nav .dark li a{color:#1A2746;}
header nav .dark li a:hover{color:#FAAA52;}
header nav li a:hover{color:#1A2746;}
.single-specjalizacje header nav li a:hover,.page-template-template-kontakt header nav li a:hover{color:#FAAA52;}
header.dark nav li a{color:#1A2746;}
.imagebox img,.imgbox img{display: block;}
.grad{background: #F9AF5A;background: linear-gradient(333deg, rgba(249, 175, 90, 1) 0%, rgba(255, 115, 0, 1) 71%, rgba(255, 115, 0, 1) 100%);}
.grad2{background: #F9AF5A;background: linear-gradient(130deg, rgba(249, 175, 90, 1) 0%, rgba(250, 170, 82, 1) 34%, rgba(255, 115, 0, 1) 100%);}
.mainpadtop{padding-top:150px;}
.linkbutton{text-transform: uppercase;font-size: 18px;line-height: 26px;position: relative;margin: 20px 0 0 0;clear: both;cursor: pointer;}
.linkbutton svg{float: left;margin: 0 20px 0 0;}
.linkbutton:hover svg{float: left;margin: 5px 15px -5px 5px;}
h2,.h2{font-size: 40px;line-height: 1.2;margin: 0 0 40px 0;}
/*h3,.h3{font-size: 40px;line-height: 1.2;margin: 0 0 40px 0;}*/
p.head{font-size: 22px;margin: 0 0 30px 0;line-height: 1.2;display: block;position: relative;}

.homepage .firstView,.homepage .firstView .inner{height: 100vh;max-height: 700px;}
    .homepage .firstView .inner h1{bottom:220px;font-size: 56px;line-height: 1.2;margin: 0;position: absolute;}
    .homepage .secView .imagebox{margin: -165px 0 0 0;width:100%;clip-path: polygon(0 0, calc(100% - 200px) 0, 100% 180px, 100% 100%, 0 100%);}
    .homepage .secView .left.column{width:540px;padding: 120px 20px 0 0;margin: -80px 0 0 0;}
    .homepage .secView .right.column{width:calc(100% - 540px - 90px);padding: 150px 0px 50px 0;}

.zkimView{padding: 0 0 120px 0;}
    .zkimView .right.column{width:calc(100% - 540px - 90px);padding: 170px 0 0px 0;}
        .zkimView .right.column h2{font-family:"Michroma", sans-serif;}
        .zkimView .right.column h3{font-size: 20px;font-family:"Michroma", sans-serif;}
        .zkimView .right.column ul{margin: 130px 0 0 0;}
            .zkimView .right.column ul li{list-style: none;font-size: 22px;padding: 30px 0;line-height: 1.2;margin: 0;border-bottom: 1px solid #C2C2C2;}
    .zkimView .left.column{width:540px;}
        .zkimView .left.column img.abs{bottom: -11px;left:-11px;}
        .zkimView .left.column .thecontent{margin: 100px 0 20px 0;}

.specView {padding: 70px 0 40px 0;}
    .specView .specki{margin: 150px 0;display: flex;flex-wrap: wrap;gap:40px;}
        .specView .specki .spec{width:calc((100% - 120px)/4);border: 1px solid #fff;padding: 30px 40px 50px 20px;min-height: 210px;clip-path:polygon(0 0, calc(100% - 50px) 0, 100% 45px, 100% 100%, 0 100%);}
        .specView .specki .spec:hover{background: #fff;}
        .specView .specki .spec::after{top: 22px;right: -9px;width: 66px;transform: rotate(42deg);height: 1px;background: #fff;position: absolute;content: '';}
            .specView .specki .spec p{font-size: 22px;margin: 0;line-height: 1.2;color:#fff;}
            .specView .specki .spec:hover p{color:#1A2746;}
            .specView .specki .spec svg{position: absolute;bottom: 20px;right: 20px;}
            .specView .specki .spec:hover svg *{fill:#1A2746;}

.refView{display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
    .refView .column{width:50%;}
    .refView .left.column img{width:100%;height: 100%;object-fit: cover;position: absolute;top:0;left: 0;}
    .refView .right.column .in{width:calc((1300px / 2) - 90px);padding: 120px 0;margin-left: 90px;}
        .refView .right.column .in .refSlider{width:100%;overflow: hidden;}
            .refView .right.column .in .refSlider .refSliderInner{width:10000%;}
                .refView .right.column .in .refSlider .refSliderInner .ref{width:1%;}
                .refView .right.column .in .refSlider .refSliderInner .ref .podpis{margin: 0 0 40px 0;font-size: 22px;}
                .refView .right.column .in .refSlider .refSliderInner .ref .tresc p{font-size: 28px;}
        .refView .right.column .in .arrows{margin: 40px 0 0 0;}
            .refView .right.column .in .arrows .next{cursor:pointer;}
            .refView .right.column .in .arrows .next:hover{margin: 0 0 0 10px;}
            .refView .right.column .in .arrows .prev{margin-right: 20px;cursor:pointer;}
            .refView .right.column .in .arrows .prev:hover{margin: 0 30px 0 -10px;}

.blogView{padding: 0px 0 140px 0;}
    .blogView .pseudoWpis{float: left;width: 220px;margin: 0 120px 30px 0;}
        .blogView .pseudoWpis .h2{margin-bottom: 20px;}
    .blogView .wpisyHorizontal{/*height: 550px;*/position: relative;overflow: hidden;padding-top: 190px;}
    .blogView .wpisyHorizontalContainer{position: relative;left: 0;top: 0;margin: 0px 0 0 0;width: 100%;}
    .blogView .wpisyHorizontalContainerInner {position: relative;left: 0;top: 0;margin: 0px 0 0 0;width: 100%;display: flex;gap: 30px 20px;will-change: transform;left: calc((100vw - 1300px) / 2);width: 3100px;flex-wrap:wrap;}
    .blogView .wpisyHorizontalContainer .wpis:nth-child(7){margin-left: 150px;clear: both;}
    .wpis{width: 520px;height: 260px;margin: 0 20px 30px 0;margin: 0; clip-path: polygon(0 0, calc(100% - 55px) 0, 100% 48px, 100% 100%, 0 100%);flex-direction: column;gap:20px;flex-shrink: 0;}
        .wpis .image{width: 125px;height: 100%;overflow: hidden;}
            .wpis .image img{display: block;width:100%;height: 100%;object-fit: cover;  -webkit-transition: all ease-out 2.3s;-moz-transition: all ease-out 2.3s;-o-transition: all ease-out 2.3s;transition: all ease-out 2.3s;}
            .wpis:hover .image img{transform: scale(1.1);}
        .wpis .details{width: calc(100% - 125px);height: 260px;padding: 50px 40px;}
            .wpis .details .kat{font-size: 17px;position: absolute;top:30px;left: 40px;margin: 0;line-height: 1;}
            .wpis .details svg{position: absolute;bottom: 20px;right: 20px;}
            .wpis:hover .details svg{bottom: 15px;right: 15px;}
            .wpis .details .title{font-size: 22px;line-height: 1.4;margin: 0;position: relative;display: -webkit-box;-webkit-line-clamp: 5;overflow: hidden;-webkit-box-orient: vertical;}

.kontaktView{padding: 120px 0 70px 0;}
.kontaktView:not(.newsletterView){background: url(gfx/kontaktbg.avif);background-size:cover;}
.kontaktView.newsletterView{background: url(gfx/newsletterbg.avif);background-size:cover;}
    .kontaktView .left.column{width:540px;}
        .kontaktView .left.column .h2 strong{color: #FAAA52;}
    .kontaktView .right.column{width:calc(100% - 540px - 150px);}
        .kontaktView .right.column input[type=text],.kontaktView .right.column input[type=email]{box-sizing: border-box; width:100%;border:0;background: transparent;border-bottom: 1px solid rgba(255, 255, 255, 0.3);height:60px;border-radius:0;color:#fff;font-size:20px;}
        .kontaktView .right.column textarea{width:100%;border:0;background: transparent;border-bottom: 1px solid rgba(255, 255, 255, 0.3);height: 120px;resize: none;border-radius:0;color:#fff;font-size:20px;}
        .kontaktView .right.column ::placeholder{color:#fff;}
        .kontaktView .right.column .formfield.hidden{display: none;}
        .kontaktView .right.column .formfield.visible{opacity: 0.2;}
        .kontaktView .right.column .akcept{width:calc(100% - 110px - 20px);float: left;}
        .kontaktView .right.column .akcept p{margin: 0;font-size: 14px;}
        .kontaktView .right.column .akcept p .wpcf7-list-item{margin: 0;}
        .kontaktView .right.column .akcept p input{width:16px;height: 16px;padding: 0;margin: 3px 10px 0 0; float: left;}
        .kontaktView .right.column .akcept p .wpcf7-list-item-label{width:calc(100% - 16px - 10px);float: right;}
        .kontaktView .right.column .akcept p a{color:#FAAA52;}
        .kontaktView .right.column .akcept p a:hover{text-decoration:underline !important;}
        .kontaktView .right.column .wyslij {width:110px;margin-top: -17px;cursor:pointer;}
        .kontaktView .right.column .wyslij input{width:100%;float: left;height: 60px;text-transform: uppercase;font-size: 18px;line-height: 60px;position: relative;margin: 0px 0 0 0;clear: both;border:0;background:none;text-align:left;color:#fff;margin:0 0 0 46px;padding:0;cursor:pointer;font-family: "Michroma", sans-serif;}
        .kontaktView .right.column .wyslij::before{width:26px;height: 26px;content: '';position: absolute;top:14px;left: 0;background: url(gfx/arrow.svg);}
        .kontaktView .right.column .wyslij:hover::before{top:19px;left: 5px;}
        .kontaktView .right.column .contacts{margin: 120px 0 0 0;}
        .kontaktView .right.column .contacts .minicolumn{margin: 0 0 0 80px;line-height: 1.6;font-size: 20px;}
        .kontaktView .right.column .contacts .minicolumn:first-child{margin-left: 0;}
        .kontaktView .right.column .contacts .minicolumn p{font-size: 20px;margin: 0;}
        .wpcf7 form .wpcf7-response-output {margin: 0;padding: 10px 20px;font-size: 18px;border: 0;}
        .wpcf7 form.sent .wpcf7-response-output,.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{background: #FAAA52;}
        .wpcf7 form.invalid .wpcf7-response-output{background: #FAAA52;}
        .wpcf7 form.sent .wpcf7-response-output{background: #2c8234;}

.kontaktView .right.column form{float: left;width: 100%;margin: 40px 0 60px 0;}
.kontaktView .right.column .akcept{margin: 30px 0 0 0;float: left;width: 100%;}
.kontaktView .right.column .wyslij{clear: both;float: right;margin: 30px 0 0 0;}

footer{width: 100%;position: relative;float: left;padding: 50px 0 40px 0;}
    footer .top .left.column .socials{margin: 28px 0 0 40px;}
        footer .top .left.column .socials a{float: left;width:24px;margin: 0 0 0 15px;}
        footer .top .left.column .socials a:hover svg *{fill:#fff;}
    footer .top .right.column{margin-top:15px;}
        footer .top .right.column li{list-style: none;float: left;margin: 0 0 0 30px;font-size: 18px;}
    footer .bottom{margin: 45px 0 0 0;}
        footer .bottom .minicolumn{margin: 0 0 0 50px;line-height: 1.6;}
        footer .bottom .minicolumn:first-child{margin-left: 0;}
        footer .bottom p{margin: 0;font-size: 16px;}
        footer .bottom .minicolumn *{line-height: 1.6;}
        footer .bottom .right.column p{text-align: right;}

.onaspage .firstView{padding: 20px 0 100px 0;clip-path: polygon(0 0, 100% 0, 100% 180%, 130px 100%, 0 calc(100% - 100px));}
.onaspage .secView{padding: 100px 0;}
    .onaspage .secView .column.left{width:calc(100% - 540px - 150px);padding: 40px 0 0 0;}
        .onaspage .secView .column.left .thecontent{padding: 50px 0 0 180px;}
    .onaspage .secView .column.right{width:540px;clip-path:polygon(0 0, calc(100% - 50px) 0, 100% 45px, 100% 100%, 0 100%);}
        .onaspage .secView .column.right .sygnet{position: absolute;bottom: -11px;left: -11px;}
.teamView .bigh{font-size: 150px;line-height: 1;margin: 0;float: right;width: auto;position: relative;color:#E6E6E6;}
.teamView .claim{width:545px;float: left;clear: both;margin: 0;}
.teamView .thecontent{width:calc(100% - 545px - 0px);float: right;clear: both;margin: -50px 0 0 0;}
.teamView .zespol{margin: 100px 0 130px 0;display: flex;flex-wrap: wrap;gap:60px 12px ;}
.teamView .zespol .pracownik{width: calc((100% - 24px)/3);}
.zespol .pracownik .image img{display: block;}
.zespol .pracownik svg{position: absolute;bottom: 40px;right: 40px;z-index: 3;}
.zespol .pracownik .image::before{position: absolute;width:calc(100% - 40px);height:calc(100% - 40px);top:20px;left: 20px;border:1px solid #fff;clip-path:polygon(0 0, calc(100% - 50px) 0, 100% 45px, 100% 100%, 0 100%);content:'';}
.zespol .pracownik .image::after{top: 42px;right: 11px;width: 66px;transform: rotate(42deg);height: 1px;background: #fff;position: absolute;content: '';}
.zespol .pracownik .details{opacity: 0; position: absolute;width:calc(100% - 38px);height:calc(100% - 38px);top:20px;left: 20px;content:'';padding: 30px 20px;}
.zespol .pracownik:hover .details{opacity: 1;}
.zespol .pracownik .details .bg{opacity: 0.9; position: absolute;width:100%;height:100%;top:0px;left: 0px;clip-path:polygon(0 0, calc(100% - 50px) 0, 100% 45px, 100% 100%, 0 100%);background: #F9AF5A;background: linear-gradient(130deg, rgba(249, 175, 90, 1) 0%, rgba(250, 170, 82, 1) 34%, rgba(255, 115, 0, 1) 100%);}
.zespol .pracownik .details .name{font-size: 22px;line-height: 1.2;margin: 0 0 20px 0;}
.zespol .pracownik .details .stanowisko{font-size: 17px;line-height: 1.2;margin: 0 0 20px 0;}
.zespol .pracownik .details .contacts{position: absolute;bottom: 20px;left: 20px;width: calc(100% - 40px);font-size: 17px;font-weight: 400;line-height: 1.5;width:auto;z-index:2;}
.zespol .pracownik .details .contacts a{font-weight: 400;display: block;line-height: 1.6;}
.partnerzyView{padding: 120px 0;}
.partnerzyView .partnerzy{margin: 50px 0 0 0;display: flex;flex-wrap: wrap;gap:40px 20px;align-items: center;}
.partnerzyView .partnerzy .partner{width:calc((100% - 60px)/4);text-align: center;}

.wizytowkapage .titlebox{width:calc(100% - 720px - 50px);}
.wizytowkapage .imagebox{width:720px;}
    .wizytowkapage .imagebox .image::before{position: absolute;width:calc(100% - 60px);height:calc(100% - 60px);top:30px;left: 30px;border:1px solid #fff;clip-path:polygon(0 0, calc(100% - 100px) 0, 100% 90px, 100% 100%, 0 100%);content:'';}
    .wizytowkapage .imagebox .image::after{top: 74px;right: 11px;width: 134px;transform: rotate(42deg);height: 1px;background: #fff;position: absolute;content: '';}
    .wizytowkapage .imagebox .image img{display: block;}
    .wizytowkapage .imagebox .image .linkedin{position: absolute;right: 48px;bottom: 42px;}
    .wizytowkapage .imagebox .image .linkedin:hover *{fill:#FAAA52;}
    .wizytowkapage .imagebox .kontakty{width:calc(100% - 180px);margin: 20px 0 30px 0;font-size: 17px;}
    .wizytowkapage .imagebox .kontakty .minicolumn{margin: 0 50px 0 0;}
.wizytowkapage .maincontent{width:calc(100% - 720px + 180px);margin: -300px -180px 0 0;clear: both;padding: 70px 90px 90px 180px;}
.wizytowkapage .sygnet{position: absolute;bottom: -10px;right: 0;}
.wizytowkapage .teamView{padding: 100px 0 0 0;}

.specjalizacjepage .specView::after{position: absolute;bottom: 0;left: 0;content:'';width: 0px;height: 0px;border-style: solid;border-width: 122px 0 0 92px;border-color: transparent transparent transparent #0f141f;}

.specjalizacjapage .firstView,.specjalizacjapage .firstView .inner{height: 100vh;}
.specjalizacjapage .firstView .image{height: 100%;width: 100%;position: absolute;top:0;left: 0;background-size: cover;opacity: 0.35;}
.specjalizacjapage .firstView h1{margin: 250px 0 50px 0;}
.specjalizacjapage .firstView .scrolllink{position: absolute;bottom: 50px;left: 0;}
.specjalizacjapage .firstView .wstep{width:100%;padding: 0 0 0 720px; position: absolute;bottom: 50px;right: 0;color: #fff;}
.specjalizacjapage #wiecej{padding: 150px 0 100px 0;}
.specjalizacjapage #wiecej .thecontent{max-width: 900px;margin: 50px 0;}
.specjalizacjapage .uslugiView{padding: 0 0 120px 0;}
    .specjalizacjapage .uslugiView .bigh{font-size: 150px;line-height: 1;margin: 20px 0 80px -280px;float: left;width: 100%;position: relative;color:#E6E6E6;}
    .specjalizacjapage .uslugiView .column.left{width:540px;}
        .specjalizacjapage .uslugiView .column.left img{display: block;}
        .specjalizacjapage .uslugiView .column.left .sygnet{position: absolute;bottom: -10px;left: -10px;}
    .specjalizacjapage .uslugiView .column.right{width:calc(100% - 540px - 90px);}
        .specjalizacjapage .uslugiView .column.right .usluga{border-bottom: 1px solid #C2C2C2;}
            .specjalizacjapage .uslugiView .column.right .usluga .title{padding: 20px 30px 20px 0;font-size: 22px;position: relative;margin: 0;cursor:pointer;}
                .specjalizacjapage .uslugiView .column.right .usluga .title svg{position: absolute;right: 0;top:26px;}
                .specjalizacjapage .uslugiView .column.right .usluga .title.active svg{transform: rotate(180deg);}
                .specjalizacjapage .uslugiView .column.right .usluga .title.active:hover svg{top:16px;}
                .specjalizacjapage .uslugiView .column.right .usluga .title:hover svg{top:36px;}
            .specjalizacjapage .uslugiView .column.right .usluga .text{display: none;}
                .specjalizacjapage .uslugiView .column.right .usluga .text p,.specjalizacjapage .uslugiView .column.right .usluga .text li{font-size: 17px;line-height: 1.5;}

.procesView{padding: 100px 0;}
.procesView::before{width:100%;height: 100%;position: absolute;top:0;left: 0;background: url(gfx/dotpattern.png) repeat;content:'';opacity: 0.5;}
.procesView .bigh{font-size: 150px;line-height: 1;margin: 20px 0 80px 0px;float: left;width: 100%;position: relative;color:#E6E6E6;}
.procesView .proces::before{width:1px;height: calc(100% + 200px);position: absolute;top:10px;left: 50%;background: #fff;content:'';}
.procesView .proces .krok{width:50%;clear: both;margin: 0 0 80px 0;padding: 0 40px 0 0;}
.procesView .proces .krok:nth-child(2n+1){float: right;padding: 0 0 0 40px;}
.procesView .proces .krok .nazwa{position: relative;font-size: 23px;text-align: right;}
.procesView .proces .krok .tekst{font-size: 17px;text-align: right;}
.procesView .proces .krok .nazwa::before{content:'';width:17px;height: 17px;background: #D9D9D9;position: absolute;top:10px;right: -49px;}
.procesView .proces .krok:nth-child(2n+1){float: right;padding: 0 0 0 40px;}
.procesView .proces .krok:nth-child(2n+1) .nazwa,.procesView .proces .krok:nth-child(2n+1) .tekst{text-align: left;}
.procesView .proces .krok:nth-child(2n+1) .nazwa::before{left: -49px;}

.blogpage .zasle{height: 150px;}
.blogpage .firstPost{display: flex;clip-path: polygon(0 0, 100% 0, 100% 180%, 130px 100%, 0 calc(100% - 100px));}
    .blogpage .firstPost .details{width:calc(100% - 450px);padding: 200px 100px 45px calc((100% - 1300px)/2);}
    .blogpage .firstPost .details.wide{width:100%;}
        .blogpage .firstPost .details .kat{font-size: 22px;margin: 0 0 40px 0;line-height: 1;}
        .blogpage .firstPost .details .title{height: 249px;height: auto;overflow: hidden}
        .blogpage .firstPost .details .linkbutton{position: absolute;bottom: 50px;}
        .blogpage .firstPost .details .intro{float: right;width: 400px;max-width: 100%;margin: 60px 100px 0 0;}
    .blogpage .firstPost .image.right{width:450px;overflow: hidden;}
        .blogpage .firstPost .image.right img{display: block;height: 100%;object-fit: cover;width: 100%; -webkit-transition: all ease-out 2.3s;-moz-transition: all ease-out 2.3s;-o-transition: all ease-out 2.3s;transition: all ease-out 2.3s;}
        .blogpage .firstPost:hover .details .linkbutton svg{margin: 5px 15px -5px 5px;}
        .blogpage .firstPost:hover .image.right img{transform: scale(1.1);}
.blogpage .inner.main .filters{padding: 50px 0;}
    .blogpage .inner.main .filters .kategorie li{list-style: none;float: left;margin: 0 30px 0 0;font-size: 15px;line-height: 40px;}
    .blogpage .inner.main .filters .myselect{width:380px;max-width: 100%;}
    .blogpage .inner.main .filters .myselect > p{font-size: 15px;line-height: 40px;border-bottom: 1px solid #000;position: relative;cursor: pointer;}
    .blogpage .inner.main .filters .myselect > p svg{position: absolute;top:12px;right: 0;}
    .blogpage .inner.main .filters .myselect > p:hover svg{top:17px;}
    .blogpage .inner.main .filters .myselect ul{display: none;position: absolute;background: #fff;top:40px;left: 0;width: 100%;}
    .blogpage .inner.main .filters .myselect ul li{list-style: none;}
    .blogpage .inner.main .filters .myselect ul li a{font-size: 16px;display: block;padding: 10px 20px;border-bottom: 1px solid #ddd;}
.blogpage .wpisy{margin: 50px 0 100px 0;display: flex;flex-wrap: wrap;gap: 30px 20px}
.wpisy{display: flex;flex-wrap: wrap;gap: 30px 20px}
.blogpage .wpisy .wpis:nth-child(4n+3){clear: both;margin-left: 200px;}
.blogpage .pagenavi{text-align: center;margin: 0 0 100px 0;}
.wp-pagenavi a, .wp-pagenavi span{border: 0 !important;font-size: 20p;display: inline-block;}
.wp-pagenavi .previouspostslink{float: left;}
.wp-pagenavi .nextpostslink{float: right;}
.wp-pagenavi a:hover{color: #FAAA52;}
.wp-pagenavi span.current{background: #253048;color:#fff;}

.wpispage .firstView .left.column,.wpispage .main .left.column{margin: 50px 0 0px 0;min-height: 200px;width:calc(100% - 411px - 150px);}
.wpispage .firstView .image,.wpispage .main .right.column{width:411px;}
.wpispage .firstView .image{position: absolute;right: 0;top:200px;}
.wpispage .firstView .image img{float: right;height: 620px;object-fit: cover;}
.wpispage .firstView .image .sygnet{position: absolute;bottom: -190px;left: -60px;width: auto;height: auto;}
.wpispage .main .left.column .podcastbox{margin: 0 0 40px 0;}
.wpispage .main .left.column .podcastbox2{margin: 0px 0 0 0;}
.wpispage .main .left.column .lightgray{font-size: 17px;margin: 0 0 40px 0;}
.wpispage .main .left.column a.lightgray{display: inline-block;margin-left: 20px;margin-bottom: 0;}
.wpispage .main .left.column .thecontent h1,.wpispage .main .left.column .thecontent h2,.wpispage .main .left.column .thecontent h3{font-size: 26px;margin: 30px 0;}
.wpispage .main .left.column .thecontent h4,.wpispage .main .left.column .thecontent h5,.wpispage .main .left.column .thecontent h6{font-size: 22px;margin: 30px 0;}
.wpispage .main .left.column .thecontent ul,.wpispage .main .left.column .thecontent ol{padding: 0 0 30px 0px;}
.wpispage .main .left.column .thecontent ol{padding: 0 0 30px 20px;list-style-position:outside;}
.wpispage .main .left.column .thecontent li{line-height: 1.6;line-height: 1.8;font-size: 17px;padding: 0 0 10px 0;}
.wpispage .main .left.column .thecontent ul li{padding: 0 0 10px 30px;position: relative;list-style: none;}
.wpispage .main .left.column .thecontent ul li::before{width:12px;height: 12px;background: #FAAA52;position: absolute;top:6px;top:9px;left: 0;content:'';}
.wpispage .main .left.column .data.dark{margin: 50px 0 0 0;padding: 10px 0 0 0;border-top:1px solid #1A2746;font-size: 17px;clear: both;float: left;width:100%;}
.wpispage .main .left.column .data.dark a{display: inline-block;margin-left: 20px;}
.wpispage .main .right.column{float: right;margin: 660px 0 0 0;padding: 0 0 0 50px;}
.wpispage .main.nophoto .right.column{margin: 110px 0 0 0;}
.wpispage .main .right.column .specka{font-size: 17px;margin: 0 0 5px 0;}
.wpispage .main .right.column .doauto{margin-top: 50px;float: left;width: 100%;}
.wpispage .main .right.column .dospec{padding-right: 50px;}
.wpispage .main .right.column .pracownik{margin-bottom: 20px;}
.wpispage .main{margin-bottom: 100px;}
.wpispage .wpisy .wpis:nth-child(3){margin-left: 150px;clear: both;}

.kontaktpage .mapa{height: 500px;max-height: 80vh;}
.podstronapage{padding-bottom: 100px;}
.podstronapage .linkiView{padding-top: 50px;}



.white,.whiteonhover:hover{color: #fff;}
.dark,.darkonhover:hover{color: #1A2746;}
.gold,.goldonhover:hover{color: #FAAA52;}
.gray,.grayonhover:hover{color: #666E7F;}
.lightgray,.lightgrayonhover:hover{color: #C2C2C2;}
.whitebg,.whitebgonhover:hover{background: #fff;}
.graybg,.graybgonhover:hover{background: #F2F2F2;}
.navybg,.navybgonhover:hover{background: #253048;}

@media (max-width: 1500px) {
    .blogpage .firstPost .details .linkbutton{left: 150px;}
/*    .blogpage .firstPost .details .intro{width:500px;margin: 20px 0px 30px 0;}*/
    .blogpage .firstPost .details .intro{margin-right: 0;}
}
@media (max-width: 1400px) {
    .inner{width: calc(100% - 100px);}
    .blogView .wpisyHorizontalContainerInner{left: 50px;}
    .blogpage .wpisy .wpis:nth-child(4n+3){margin-left: 100px;}
}
@media (max-width: 1300px) {
    .homepage .secView .left.column{width: 420px;padding: 70px 20px 0 0;}
    .homepage .secView .right.column {width: calc(100% - 420px - 50px);padding: 80px 0px 50px 0;}
    .zkimView .right.column {width: calc(100% - 420px - 50px);padding: 70px 0 0px 0;}
    .zkimView .right.column ul {margin: 80px 0 0 0;}
    .zkimView .left.column {width: 420px;}
    .specView .specki{gap:20px;margin: 100px 0;}
    .specView .specki .spec p {font-size: 20px;}
    .specView .specki .spec{width: calc((100% - 60px) / 4);padding: 30px 20px 50px 20px;}
    .refView .right.column .in {width: calc(100% - 100px);padding: 70px 0;margin-left: 50px;}
    .refView .right.column .in .refSlider .refSliderInner .ref .tresc p {font-size: 20px;}
    .refView .right.column .in .refSlider .refSliderInner .ref .podpis {font-size: 19px;}
    .refView .column.left{width:420px;}
    .refView .column.right{width:calc(100% - 420px);}
    .blogView {padding: 0 0 100px 0;}
    .blogView .wpisyHorizontal {padding-top: 100px;}
    .kontaktView .left.column {width: 420px;}
    .kontaktView .left.column .h2{font-size: 30px;}
    .kontaktView .right.column {width: calc(100% - 420px - 50px);}
    .kontaktView .right.column .wyslij{width:auto;}
    .kontaktView .right.column .contacts {margin: 50px 0 0 0;}
    footer .bottom .minicolumn {margin: 0 0 0 30px;}
    .onaspage .secView .column.right {width: 420px;}
    .sygnet{max-width: 200px;}
    .onaspage .sygnet{bottom:-8px;left:-8px;}
    .onaspage .secView .column.left {width: calc(100% - 420px - 50px);}
    h2, .h2 {font-size: 35px;}
    .onaspage .secView .column.left .thecontent{padding-left: 100px;}
    .onaspage .secView {padding: 80px 0;}
    .zespol .pracownik .details .name {font-size: 18px;}
    .zespol .pracownik .details .stanowisko {font-size: 13px;}
    .zespol .pracownik .details .contacts {font-size: 15px;}
    .wizytowkapage .titlebox {width: calc(100% - 520px - 50px);}
    .wizytowkapage .imagebox {width: 520px;}
    .wizytowkapage .maincontent {width: calc(100% - 520px + 100px);margin: -300px -50px 0 0;padding: 70px 50px 90px 50px;}
    .wizytowkapage .imagebox .kontakty {width: calc(100% - 100px);}
    .wizytowkapage .sygnet{bottom: -60px;}
    .specjalizacjapage .firstView .wstep{padding: 0 0 0 420px;}
    .specjalizacjapage #wiecej {padding: 100px 0 100px 0;}
    .specjalizacjapage .uslugiView .column.left {width: 420px;}
    .specjalizacjapage .uslugiView .column.right {width: calc(100% - 420px - 50px);}
    .specjalizacjapage .uslugiView .bigh{width:auto;float: right;font-size: 120px;margin: -20px 0 60px 0px;}
    .procesView .bigh {font-size: 120px;margin: -20px 0 80px 0px;}
    .blogpage .firstPost .image.right {width: 420px;}
    .blogpage .firstPost .details {width: calc(100% - 420px);padding: 200px 50px 70px 50px;}
    .blogpage .firstPost .details .linkbutton{bottom: 30px;}
    .blogpage .inner.main .filters .kategorie li{font-size: 14px;}
    .blogpage .inner.main .filters .myselect {width: 350px;}
    .blogpage .inner.main .filters .myselect p{font-size: 14px;}
    .blogpage .wpisy .wpis:nth-child(4n+3){margin-left: 0px;}
    .blogpage .wpisy .wpis:nth-child(2n){margin-right: 0px;}
    .wpispage .firstView .image, .wpispage .main .right.column {width: 300px;}
    .wpispage .firstView .left.column, .wpispage .main .left.column{width: calc(100% - 300px - 100px);}
    .wpispage .firstView .image img {height: 500px;}
    .wpispage .firstView .image .sygnet {bottom: -138px;left: -40px;}
    .wpispage .main .right.column{padding: 0;margin: 470px 0 0 0;}
    
}
@media (max-width: 1200px) {
    .blogpage .wpis{width: calc((100vw - 100px - 20px)/2);}
    .wpis .details{padding: 50px 30px;}
    .wpis .details .kat{left: 30px;top:20px;}
    .wpis .details .title {font-size: 20px;}
    .wpispage .wpisy .wpis {width: calc(50% - 20px);}
    
    .wpispage .wpisy .wpis:nth-child(2),.wpispage .wpisy .wpis:nth-child(3) {margin-left: 0;}
}
@media (max-width: 1023px) {
    .showOnTablet{display: block;}
    .hideOnTablet{display: none;}
    
    .homepage .secView .right.column {width: 100%;padding: 0px 0px 50px 0;}
    .zkimView .right.column {width: 100%;padding: 50px 0;}
    .zkimView .right.column ul {margin: 30px 0 0 0;}
    .zkimView .left.column{width: 100%;}
    .zkimView .left.column .imagebox img:first-child,.onaspage .secView .column.right img:first-child,.specjalizacjapage .uslugiView .column.left img:first-child{width: 100%;height: 400px;object-fit: cover;}
    .zkimView .left.column .thecontent {margin: 50px 0 20px 0;}
    .specView .specki .spec {width: calc((100% - 20px) / 2);}
    .refView .column.left {width: 300px;}
    .refView .right.column .in {width: calc(100% - 100px);padding: 50px 0;margin-left: 40px;}
    .refView .column.right {width: calc(100% - 300px);}
    .kontaktView .left.column {width: 100%;}
    .kontaktView .right.column {width: 100%;}
    .kontaktView {padding: 70px 0 40px 0;}
    footer .top .left.column .socials {margin: 28px 0 0 -15px;clear: both;}
    footer .bottom > .left.column {float: right;margin: -90px 0 10px 0;}
    footer .bottom > .right.column {width:100%;}
    footer .bottom > .right.column .copy{float: left;text-align: left;}
    .onaspage .firstView h1{font-size: 32px;}
    .onaspage .secView .column.left {width: 100%;}
    .onaspage .secView .column.right{width:100%;margin-top: 50px;}
    .onaspage .secView {padding: 50px 0;}
    .teamView .claim{max-width: 100%;margin: 50px 0;}
    .teamView .thecontent {width: 100%;margin: 0;}
    .teamView .zespol .pracownik {width: calc((100% - 12px) / 2);}
    .specjalizacjapage .firstView .wstep {padding: 0 0 0 0px;position: relative;margin: 100px 0;}
    .specjalizacjapage .firstView, .specjalizacjapage .firstView .inner {height: auto;}
    .specjalizacjapage #wiecej {padding: 50px 0;}
    .specjalizacjapage .uslugiView .column.right {width: 100%;}
    .specjalizacjapage .uslugiView .column.left{width: 100%;margin-top: 50px;}
    .blogpage .firstPost .details {width: calc(100% - 220px);}
    .blogpage .firstPost .image {width: 220px;}
    .blogpage .wpis{width: 100%;}
    .blogpage .inner.main .filters .myselect {width: calc(50% - 25px);}
    .wpispage .firstView .left.column, .wpispage .main .left.column{margin: 50px 0 30px 0;min-height: 0;width:100%;}
    .wpispage .firstView .image{width: calc(100% + 100px);height: 300px;position: relative;top: 0;right: -50px;}
    .wpispage .main .right.column{width: 100%;}
    .wpispage .firstView .image img{height: 100%;width: 100%;}
    .wpispage .firstView .image .sygnet {bottom: auto;right: 13px;left: auto;top: 13px;}
    .wpispage .main .right.column{margin: 50px 0 0 0 !important;}
    .wpispage .main .right.column .zespol{display: flex;gap:20px;flex-wrap: wrap;}
    .wpispage .main .right.column .pracownik{width: calc(50% - 10px);}
    .wpispage .blogView .pseudoWpis{width: 100%;margin: 0 0px 30px 0;}
    .blogpage .wpisy{gap:30px 0px;}
    
    .wpispage .wpisy .wpis {width:520px;width:100%}
    .wpispage .wpisy .wpis:nth-child(3) {margin-left: 0px;}
    .wpispage .wpisy .wpis:nth-child(2) {margin-left: 150px;clear: both;}
    .hideOnTablet.showOnMobile{display:none;}
    .blogpage .firstPost .details .intro{margin: 0px 0px 50px 0;}
}
@media (max-width: 767px) {
    .inner{width: calc(100% - 40px);}
    .showOnMobile{display: block;}
    .hideOnMobile{display: none;}
    
    header{padding: 20px 0 0 0;}
    header .menubutton{float: right;width: 50px;height: 50px;margin: 8px 0 0 0;cursor: pointer;z-index: 3;}
    header .menubutton div {height: 4px;margin: 5px 0;background: #fff;}
    header.active .menubutton div:nth-child(1) {transform: rotate(45deg);top:19px;}
    header.active .menubutton div:nth-child(2) {opacity: 0;}
    header.active .menubutton div:nth-child(3) {transform: rotate(-45deg);top:-9px;}
    .single-zespol header .menubutton div {background: #1a2746;}
    header nav{top:-20px;position: absolute;width: 100vw !important;right: calc(-100vw - 20px);height:100vh;background:#253048;padding-top: 80px;padding-bottom: 0px;}
    header.active nav{right: -20px;}
    header nav li{line-height: 1.6;width: 100%;margin: 0;text-align: center;}
    header nav li a{font-size: 24px;padding: 15px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.4);display: block;text-shadow: 0 0 0 !important;}
    header nav .dark li a{color:#fff;}

    .homepage .firstView {overflow: hidden;}
    .homepage .firstView .inner h1 {bottom: auto;font-size: 40px;position: relative;}
    .homepage .firstView .inner .imagebox {margin: 50px 0 0 -20px;width: 100vw;float: left;overflow:hidden;height: calc(100vh - 392px);clip-path: polygon(0 0, calc(100% - 100px) 0, 100% 80px, 100% 100%, 0 100%);}
    .homepage .firstView .inner .imagebox img{height: 100%;width:100%;display: block;object-fit: cover;}
    .homepage .secView .left.column {width: 100%;padding: 0;margin: 30px 0 0 0;}
    h2, .h2 {font-size: 32px;}
    .zkimView .right.column ul li {font-size: 20px;padding: 20px 0}
    .zkimView {padding: 0 0 50px 0;}
    .specView {padding: 40px 0 40px 0;}
    .specjalizacjepage .specView {padding: 0px 0 40px 0;}
    .specjalizacjepage .specView::after{border-width: 62px 0 0 82px;}
    .specView .specki {margin: 0 0 40px 0;}
    .specView .specki .spec{width:100%;min-height: 130px;padding: 30px 40px 50px 20px;}
    .refView {display: block;}
    .refView .column.right {width: 100%;}
    .refView .column.left {width: 100%;height: 300px;}
    .refView .right.column .in {width: calc(100% - 40px);padding: 30px 0;margin-left: 20px;}
    .refView .right.column .in .refSlider .refSliderInner .ref .tresc p {font-size: 18px;}
    .refView .right.column .in .refSlider .refSliderInner .ref .podpis{margin: 0 0 20px 0;}
    .blogView {padding: 0 0 40px 0;}
    .blogView .wpisyHorizontal {padding-top: 40px;}
    .blogView .pseudoWpis{width: 100%;}
    .wpis{width:100%;}
    .blogView .wpisyHorizontal{height: auto;margin-top: 0 !important;}
    .blogView .wpisyHorizontalContainer{width: 100%;height: auto;position: relative;left:0 !important;}
    .wpis .image {width: 75px;}
    .wpis .details {padding: 50px 20px;width: calc(100% - 75px);}
    .wpis .details .kat{left: 20px;}
    .kontaktView {padding: 50px 0;}
    .kontaktView .left.column .h2 {font-size: 27px;}
    p.head {font-size: 18px;}
    .kontaktView .right.column .contacts {margin: 30px 0 0 0;}
    .kontaktView .right.column .contacts .minicolumn {margin: 20px 0 0 0px;width:100%;}
    footer{padding: 40px 0;}
    footer .top > .column.left{width:100%;}
    footer .top > .column.right{width:140px;float: left;width: 100%;}
    footer .top .left.column .socials{clear: none;float: right;margin: 5px 0 0 0;}
    footer .bottom > .left.column {float: right;margin: -214px 0 0px 0;width: calc(100% - 140px - 30px);text-align: right;line-height: 34px;margin: 0;width: 100%;}
    footer .bottom .minicolumn {width: 100%;margin: 0 0 0px 0;}
    footer .bottom .minicolumn a{float: right;clear: both;line-height: 34px;width: 100%;text-align: center;}
    footer .bottom .minicolumn p{line-height: 34px;text-align: center;}
    footer .top .right.column li{margin: 0;font-size: 16px;line-height: 34px;width: 100%;}
    footer .top .right.column li a{display: block;text-align: center;}
    footer .bottom {margin: 30px 0 0 0;}
    footer .bottom .minicolumn:first-child{margin-bottom: 34px;margin-bottom: 30px;}
    footer .bottom .minicolumn.adres{margin-bottom: 30px;}
    footer .top .right.column {margin-top: 30px;}
    footer .bottom .right.column p,footer .bottom > .right.column .copy{width:100%;text-align: center;}
    footer .bottom .right.column p a{display: block;}
    .kontaktView .right.column form{margin: 20px 0 0 0;}
    .onaspage .firstView{clip-path: polygon(0 0, 100% 0, 100% 180%, 80px 100%, 0 calc(100% - 70px));padding: 0px 0 40px 0;}
    .onaspage .secView .column.left{padding: 0;}
    .onaspage .secView .column.left .thecontent {padding: 0px;}
    .teamView .bigh {font-size: 70px;}
    .teamView .zespol {margin: 50px 0 30px 0;gap:20px;}
    .teamView .zespol .pracownik {width: 100%;}
    .partnerzyView {padding: 40px 0;}
    .partnerzyView .partnerzy {margin: 0px 0 0 0;gap: 40px;}
    .partnerzyView .partnerzy .partner {width: 100%;}
    .onaspage .firstView h1 {font-size: 30px;}
    .wizytowkapage .maincontent,.wizytowkapage .imagebox,.wizytowkapage .imagebox .kontakty,.wizytowkapage .titlebox {width: 100%;}
    .wizytowkapage .maincontent{margin: 0;padding: 0 0 50px 0;}
    .wizytowkapage .imagebox .kontakty .minicolumn:last-child{margin: 0;}
    .wizytowkapage .teamView {padding: 40px 0 0 0;}
    .specjalizacjapage .firstView h1 {margin: 150px 0 0px 0;font-size: 26px;}
    .specjalizacjapage #wiecej h2.h2 {font-size: 24px;}
    .specjalizacjapage .uslugiView .bigh {font-size: 70px;margin: 0 0 30px 0;}
    .specjalizacjapage .uslugiView .column.right .usluga .title {padding: 15px 30px 15px 0;font-size: 20px;line-height: 1.4;}
    .specjalizacjapage .uslugiView .column.right .usluga .title svg{top:16px;}
    .specjalizacjapage .uslugiView {padding: 0 0 50px 0;}
    .procesView {padding: 50px 0;}
    .procesView .bigh {font-size: 70px;margin: 0 0 30px 0;}
    .procesView .proces::before{left: 0;}
    .procesView .proces .krok{width: 100%;margin: 0 0 40px 0;padding: 0 0 0 30px !important;}
    .procesView .proces .krok .nazwa {font-size: 20px;line-height: 1.4;}
    .procesView .proces .krok .nazwa::before {left: -39px !important;right: auto !important;}
    .procesView .proces .krok .nazwa,.procesView .proces .krok .tekst{text-align: left;}
    .blogpage .firstPost {clip-path:polygon(0 0, 100% 0, 100% 180%, 60px 100%, 0 calc(100% - 50px));display:block;}
    .blogpage .firstPost .image.right {width: 100%;}
    .blogpage .firstPost .details {width: 100%;padding: 150px 20px 50px 20px;}
    .blogpage .firstPost .details .kat{font-size: 20px;margin: 0 0 30px 0;}
    .blogpage .firstPost .details .title {height: auto;font-size: 26px;}
    .blogpage .firstPost .details .intro{margin-top: 0;}
    .blogpage .firstPost .details .linkbutton {left:20px;}
    .blogpage .firstPost .image.right img{height: 300px;}
    .blogpage .inner.main .filters {padding: 40px 0 0 0;}
    .blogpage .inner.main .filters .myselect {width: 100%;}
    .blogpage .inner.main .filters .myselect.kategorie {z-index: 2;}
    .blogpage .inner.main .filters .myselect ul li {width: 100%;margin: 0;}
    .blogpage .wpisy {margin: 40px 0 30px 0;}
    .blogpage .pagenavi{margin: 0 0 50px 0;}
    .wp-pagenavi .previouspostslink,.wp-pagenavi .nextpostslink{font-size: 14px;}
    .blogpage .zasle {height: 100px;}
    .wpispage .firstView .left.column {margin: 0px 0 30px 0;}
    .wpispage .firstView .left.column h1.h2 {font-size: 26px;margin: 0 0 20px 0;}
    .wpispage .main .left.column {margin: 30px 0 30px 0;}
    .wpispage .main .left.column .thecontent h1, .wpispage .main .left.column .thecontent h2, .wpispage .main .left.column .thecontent h3 {font-size: 22px;}
    .wpispage .main .left.column .data.dark {margin: 20px 0 0 0;}
    .wpispage .main .right.column {margin: 30px 0 0 0 !important;}
    .wpispage .main .right.column .pracownik {width: 100%;margin: 0;}
    .wpispage .wpisy .wpis {width: 100%;}
    .wpispage .wpisy .wpis:nth-child(2) {margin-left: 0;}
    .specjalizacjapage #wiecej .thecontent{margin: 20px 0;}
    .hideOnTablet.showOnMobile{display:block;}
    .kontaktView .right.column {margin: 30px 0 0 0;}
    .blogView .wpisyHorizontalContainerInner{width:calc(100% - 40px);left: 20px;margin: 0 0 40px 0;}
    .blogView .linkbutton{left: 20px;}
    .error404 #content .page-content h1 {font-size: 80px;line-height: 100px;}
    .error404 #content .page-content h2 {font-size: 22px;}
}

@media (max-width: 374px) {
    
}
.wpisyHorizontal {
            position: relative;
            overflow: hidden;
        }


        /* Style dla pojedynczego wpisu */