/*!
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:#F7F8F2;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%;padding: 50px 0 0 0;}
    header .logo{position: absolute;top:50px;left: calc((100vw - 1242px)/2);}
    header .menubutton{width:104px;line-height: 36px;height:36px;text-align: center;border-radius: 30px;background: #3D3C3C;color:#fff;cursor:pointer;position: absolute;top:50px;right:100px;}
    header.seccol .menubutton{background: #F7F8F2;color:#3D3C3C;}
    header .menubutton:hover{opacity: 0.7;}
        header .menubutton span{width:104px;line-height: 36px;height:36px;}
    header.active .menubutton{background: #B1BAD3;color:#3D3C3C;}
        header .menubutton .m2{display: none;}
        header.active .menubutton .m2{display: block;}
        header.active .menubutton .m1{display: none;}
    header nav{width:565px;height: 100svh;position: absolute;top:0;right: -565px;padding: 150px 100px 50px 100px;box-sizing: border-box;}
        header.active nav{right:0;}
        header nav ul li{list-style: none;margin: 0 0 20px 0;font-weight: 300;}
        header nav ul li a{line-height: 1;display: block;font-size: 40px;}

.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:790px;margin-top: 60px;position: absolute;bottom: 100px;}
        .homepage .firstView .inner .column.left h1{font-size: 70px;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: 18px;margin: 0 0 60px 0;width:650px;max-width: 100%;}
        .homepage .firstView .inner .column.left .button:hover svg{margin-top: 5px;}
        .homepage .firstView .logo{right: calc((1242px - 620px) * -1);bottom:0;}

.paddiv{padding: 250px 0 150px 0;padding: 180px 0 150px 0;}
.paddiv.main{padding-top: 200px;}


.aboutuspage .aboutusView .column.left{width:100%;}
    .aboutuspage .aboutusView .column.left .h2 a{color:#B1BAD3;text-decoration: underline !important;}
    .aboutuspage .aboutusView .column.left .h2 a:hover{color:#3D3C3C;}
.aboutusView .column.right{width:920px;max-width:calc(100% - 250px);}

.klienciView::before{width:50vw;height: 100%;position: absolute;top:0;left: 0;background: #D6D9E4;content:'';}
    .klienciView .column{width:50%;padding: 63px 0 112px 0;}
    .klienciView .column.left{padding-right: 150px;}
    .klienciView .column.right{padding-left: 100px;}
        .klienciView .column .pre{font-size: 18px;margin: 0 0 20px 0;line-height: 1;}
        .klienciView .column h3{font-size: 70px;margin: 0 0 80px 0;line-height: 1;font-weight: 400;}
        .services{margin: 0 0 40px 0;}
            .services .service{border-bottom:1px solid #3D3C3C;}
            .klienciView .column.right .services .service,.group.indywidualny .services .service{border-color:#B1BAD3;}
                .services .service .title{font-size: 18px;padding: 13px 30px 13px 0;line-height: 1.2;margin: 0;cursor:pointer; display: block; color: inherit; font-weight: 300;}
                    .services .service .title svg{right:0;top:14px;}
                    .services .service .title:hover svg{top:19px;}
                    .services .service .title.expanded svg{transform: rotate(180deg);}
                    .services .service .title.expanded:hover svg{top:9px;}
                .services .service .text{display:none;font-size: 16px;line-height: 1.4;margin: 10px 0 30px 0;}
                .klienciView .column.right .services .service .text,.group.indywidualny .services .service .text{opacity: 0.55;}

.services .service .title--url svg {
    transform: rotate(-90deg) !important;
}
.services .service .title--url:hover svg,
.services .service .title--url.expanded svg,
.services .service .title--url.expanded:hover svg {
    top: 14px !important;
    transform: rotate(-90deg) translate(0px, 5px) !important;
}


.numbersView{padding: 140px 0 77px 0;}
    .numbersView .numbers{display: flex;gap:75px;margin: 30px 0 0px 0;}
        .numbersView .numbers .number{width: calc((100% - (75px * 3))/4);}
            .numbersView .numbers .number .counterBox{font-size: 70px;line-height: 100px;height: 100px;}
        .numbersView .numbers p{font-size: 18px;line-height: 1.2;margin: 15px 0 0 0;float: left;width: 100%;}

.exampleCasesView {padding: 77px 0 115px 0;}
.exampleCasesView .column.left{width: 310px;max-width: 100%;}
.exampleCasesView .cases{width: calc((2 * 380px) + 15px);}

.cases{display: flex;gap:15px;flex-wrap: wrap;}

.post{width: 380px;padding: 30px 30px 60px 30px;border-radius: 18px;overflow: hidden;}
    .post .button,.postpage .prebox a{margin: 0 0 20px 0;border:1px solid #3D3C3C;font-size: 16px !important;padding: 7px 20px !important;}
    .post:hover .button{border-color:#B1BAD3;background: #B1BAD3;color:#3D3C3C;}
    .post .title{font-size: 23px;line-height: 1.2;margin: 0 0 20px 0;min-height: 83px;float: left;width:100%;clear: both;}
    .post .text{font-size: 16px;line-height: 1.2;margin: 0;opacity: 0.55;float: left;width:100%;clear: both;}
    .post .bottom{position: absolute;bottom: 20px;left: 30px;width:calc(100% - 60px);font-size: 16px;line-height: 1;margin: 0;}
        .post .bottom .wheel{width:42px;height: 42px;border-radius: 100%;float: left;right:-20px;bottom:-10px;}
        .post:hover .bottom .wheel{background: #B1BAD3;}
        .post:hover .bottom .wheel svg,.post:hover .bottom .wheel svg *{fill:#3D3C3C;}
        .post:hover .bottom .wheel svg{margin: -3px 0 0 3px;}

.bdteamView{padding: 75px 0 0 0;}
.bdteamView .h2{width: 560px;margin: 0;}
.bdteamView img{display: block;max-width: 100vw;transform: translate(-50%, 150px) !important;margin-top: -50px;float: left;}
.bdteamView img.active{transform: translate(-50%, 0) !important;}

.featuresView {padding: 100px 0;}
    .featuresView .h2{width:260px;}
    .featuresView .features{display: flex;flex-wrap: wrap;gap:50px 80px;width:768px;max-width:calc(100% - 310px);}
        .featuresView .features .pom{width:calc((100% - 80px)/2);margin-top: 25px;}
        .featuresView .features .pom::before{width:100%;height: 1px;background: #b5b5b5;position: absolute;top:-25px;left: 0;content:'';}
            .featuresView .features .pom .title{font-size:23px;line-height: 1.3;margin: 0 0 30px 0;min-height: 60px;}
            .featuresView .features .pom p{font-size: 16px;}
            .featuresView .features .pom p:last-child{margin-bottom: 0;}

.team {display: flex;flex-wrap: wrap;gap:36px 50px;}
    .team .member {display: flex;width: calc((100% - 50px)/2);gap:25px;}
        .team .member .image{width:200px;height: 240px;border-radius: 18px;overflow: hidden;}
            .team .member:hover .image img{transform: scale(1.15);-webkit-transition: all ease-out 3.6s;-moz-transition: all ease-out 3.6s;-o-transition: all ease-out 3.6s;transition: all ease-out 3.6s;}
        .team .member .details{width:calc(100% - 200px - 25px);}
            .team .member .details .name{font-size: 25px;font-weight: 500;margin: 0 0 10px 0;line-height: 1.1;}
            .team .member .details .position{font-size: 16px;font-weight: 500;margin: 0 0 10px 0;line-height: 1.1;}
            .team .member .details .email{font-size: 18px;margin: 20px 0 0 0;line-height: 1.1;;float: left;clear: both;}
            .team .member .details .email svg{float: left;margin: 2px 10px 10px 0;}

.careerCTA{margin: 100px 0 0px 0;padding: 55px 65px;border-radius: 18px;}
    .careerCTA .h2{width:440px;float: left;}
    .careerCTA .right.column{width:calc(100% - 440px - 100px);}
        .careerCTA .right.column p{font-size: 23px;line-height: 1.4;}
        .careerCTA .right.column .button{margin: 20px 0 0 0;clear: both;}

.memberpage .firstView .column.left{width:520px;border-radius:18px;overflow: hidden;}
    .memberpage .firstView .column.left img{
        float: left;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
.memberpage .firstView .column.right{width:calc(100% - 520px - 100px);}
    .memberpage .firstView .column.right .h2 {margin: 0 0 20px 0;}
    .memberpage .firstView .column.right .position {margin: 0 0 20px 0;}
    .memberpage .firstView .column.right .contacts {margin: 20px 0 60px 0;}
        #page .memberpage .firstView .column.right .contacts a.button{border:1px solid #3D3C3C;margin: 0 13px 0 0;padding: 8px 20px;font-size: 16px;}
    .memberpage .firstView .column.right .wpis {font-size: 18px;font-weight: bold;margin: 0 0 35px 0; display: inline-block;}
    .memberpage .firstView .column.right .thecontent .biolabel {font-size: 18px;font-weight: bold;margin: 0 0 5px 0;}
    .memberpage .firstView .column.right .thecontent p {line-height: 1.5;}

.buttonsView{margin: 30px 0;}

.offerpage{padding-bottom: 0;}
    .offerpage .tabs .tab{float: left;width: 485px;max-width: 100%;margin: 0 8px 0 0;line-height: 114px;font-size: 30px;-webkit-border-top-left-radius: 18px;-webkit-border-top-right-radius: 18px;-moz-border-radius-topleft: 18px;-moz-border-radius-topright: 18px;border-top-left-radius: 18px;border-top-right-radius: 18px;}
    .offerpage .tabs .tab:last-of-type{margin-right: 0;}
    .offerpage .tabs .tab:not(.selected){cursor:pointer;}
    .offerpage .tabs .tab.bluebg:not(.selected):hover{color:#3D3C3C;}
    .offerpage .tabs .tab.darkbg:not(.selected):hover{color:#B1BAD3;}
    .offerpage .firstView .h2 a{text-decoration: underline !important;}
    .offerpage .firstView .h2 a:hover{color:#B1BAD3;}
    .offerpage .gropusView .group{display: none;padding: 75px 150px 60px 60px;-webkit-border-radius: 18px;-webkit-border-top-left-radius: 0;-moz-border-radius: 18px;-moz-border-radius-topleft: 0;border-radius: 18px;border-top-left-radius: 0;}
        .offerpage .gropusView .group .pre{margin: 0 0 120px 0;}
            .offerpage .gropusView .group .pre p{font-size: 23px;}
            .offerpage .gropusView .group .label{font-size: 23px;margin: 0 0 50px 0;}
            .offerpage .gropusView .group .servicesView .column{width:calc((100% - 100px)/2);}

.clientpage .firstView .thecontent {max-width: 1085px;}
    .clientpage .firstView .thecontent *{font-size: 23px;}
    .clientpage .firstView .button{float: left;clear: both;margin: 30px 0 -50px 0;}
.clientpage .aboutusView{padding: 115px 0 100px 0;}
.clientpage .servicesWrap{margin-bottom: 115px;}
    .clientpage .servicesWrap .label{width:180px;font-size: 23px;font-weight: bold;margin: 5px 0 0 0;}
    .clientpage .servicesWrap .servicesView{width:calc(100% - 215px);}
    .clientpage .servicesWrap .servicesView .column{width:calc((100% - 95px)/2);}
.expertsView{padding: 100px 0 30px 0;}

.blogpage .filters{border-bottom: 1px solid #3D3C3C;padding: 0 0 10px 0;margin: 0 0 50px 0;}
    .blogpage .filters .column.left a{float: left;margin: 0 38px 10px 0;font-size: 18px;line-height: 37px;}
    .blogpage .filters .column.left a:last-child{margin-right: 0;}
    .blogpage .filters .column.left a.bold{font-weight: bold;}
    #page .blogpage .filters .column.right a.button{border:1px solid #3D3C3C;padding: 8px 20px;font-size: 16px;float: left;margin: 0 0 0 10px;}
.blogpage .postsView{padding: 0;}
.blogpage .pagenaviView{margin: 80px 0 10px 0;}
    .blogpage .pagenaviView .nextpostslink{float: right;background: #B1BAD3;border:0;padding: 18px 72px 18px 20px !important;}
    .blogpage .pagenaviView .nextpostslink::before{width:42px;height: 42px;border-radius: 100%;float: left;position: absolute;top:10px;right: 10px;content:'';background: #3D3C3C;}
    .blogpage .pagenaviView .nextpostslink::after{width:18px;height: 14px;position: absolute;top:24px;right: 21px;content:'';background: url(gfx/arrow-right.png);}
    .blogpage .pagenaviView .nextpostslink:hover::after{top:21px;right: 18px;}
    .blogpage .pagenaviView .previouspostslink{float: left;background: #B1BAD3;border:0;padding: 18px 20px 18px 72px !important;}
    .blogpage .pagenaviView .previouspostslink::before{width:42px;height: 42px;border-radius: 100%;float: left;position: absolute;top:10px;left: 10px;content:'';background: #3D3C3C;}
    .blogpage .pagenaviView .previouspostslink::after{width:18px;height: 14px;position: absolute;top:24px;left: 21px;content:'';background: url(gfx/arrow-right.png);transform:rotate(245deg);}
    .blogpage .pagenaviView .previouspostslink:hover::after{top:21px;left: 18px;}
    
.blogpage.ssph .thecontent{max-width: 775px;}
    .blogpage.ssph .docsView{margin: 60px 0 120px 0;padding: 37px 50px;border-radius: 18px;}
        .blogpage.ssph .docsView .button{margin: 20px 0 0 0;}
        .blogpage.ssph .docsView .head{font-size: 50px;margin: 0 0 30px 0;line-height: 1;}
        .blogpage.ssph .docsView .head *{line-height: 1;}
        .blogpage.ssph .docsView .docs{margin: 60px 0 0px 0;display: flex;flex-wrap: wrap;gap:30px 13px;}
            .blogpage.ssph .docsView .docs .doc{width:calc((100% - 13px)/2);cursor:not-allowed;}
                .blogpage.ssph .docsView .docs .doc p{font-size: 16px;line-height: 1.2;margin: 0 0 5px 0;}
                .blogpage.ssph .docsView .docs .doc p svg{margin: 0px 4px -3px 0;}
                .blogpage.ssph .docsView .docs .doc p.name{font-size: 18px;line-height: 1.4;padding: 20px;box-sizing: border-box;position: relative;border-radius: 5px;height:100px;}
                .blogpage.ssph .docsView .docs .doc p.name span{float: left;width: 100%;position: relative;line-height: 1.4;box-sizing: border-box;padding: 0 60px 0 0;}
                .blogpage.ssph .docsView .docs .doc p.name span.wheel{width: 42px;height: 42px;border-radius: 100%;float: right;position: relative;padding: 0;position: absolute;top:20px;right:20px;}
                .blogpage.ssph .docsView .docs .doc p.name:hover span.wheel svg{margin: -5px -5px 0 5px;}
                .blogpage.ssph .docsView .docs.blured .doc p.name span{-webkit-filter: blur(5px);filter: blur(5px);}

.postpage .prebox{margin: 0 0px 20px 0;}
    .postpage .prebox a{margin: 0 10px 10px 0;}
    .postpage .data{margin: -20px 0 50px 0;}
    .postpage .authors{margin: -50px 0 50px 0;}
    .postpage .restofpost .inner{border-top:1px solid #3D3C3C;margin: 140px 0 0 0;}
    .postpage .buttonsView{margin-bottom: 90px;}

.contactpage .contactView{padding-top: 200px;}
.contactpage .mapa{height: 500px;max-height: 80svh;}

.careerpage .aboutusView .column.left {width: 920px;max-width: calc(100% - 250px);}
.careerpage.clientpage .aboutusView {padding: 115px 0 0px 0;}
.careerpage.clientpage .bdteamView {padding: 0;}

.careerpage .contactView form .filebox.file2{display: none;}
.careerpage .contactView form .uploadLabel{clear: both; background-color: transparent;line-height: 40px;cursor: pointer;margin-top: 0;margin-right:30px;display: block;float: left;position:absolute;-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;top: 78px;font-size: 18px;}
    .careerpage .contactView form .uploadLabel:hover{color:#000;}
    .careerpage .contactView form .uploadLabel::before{width:42px;height: 42px;background: #3D3C3C;float: left;margin: -2px 10px 0 0px;content:'';border-radius: 100%;}
    .careerpage .contactView form .uploadLabel::after{width:16px;line-height: 16px;position:absolute;margin: 10px 0 0 13px;content:'+';color:#B1BAD3;text-align: center;font-size:32px;left:0;}
    .careerpage .contactView form .file-chosen{margin: 28px 0 0 0;font-size: 16px;float: left;position: relative;padding: 0 0 0 23px;}
    .careerpage .contactView form .file-chosen.zplikiem{margin: 28px 0 -25px 0;}
    .careerpage .contactView form .file-chosen.zplikiem::before{width:17px;height: 17px;position: absolute;background: url(gfx/attachment.png) center center no-repeat;content:'';top:3px;left:0;}
/*    .careerpage .contactView form #file-chosen.zplikiem::before{width:13px;height: 23px;float: left;margin:-4px 10px 0 0;background: url(gfx/attachment.png) 0 0 no-repeat;content:'';}*/
    .careerpage .contactView form #upload,.careerpage .contactView form #upload2{display: none;}
    .careerpage .contactView form span[data-name=zalacznik] .wpcf7-not-valid-tip::after{content:'';clear: both;}

                    .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;}

/*
                    .postsView .cases{margin: 0 0 68px 0;overflow: hidden;}
                    .postsView .cases .casesInner{width:calc(400% + (3 * 165px));}
                    .postsView .cases .box{width:1092px;display: flex;flex-wrap: wrap;gap:50px 165px;margin-left: 165px;}
                    .postsView .cases .box:first-child{margin-left: 0;}
                    .postsView::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;}
                    .postsView .inner{padding-left: 150px;}
                        .postsView .cases .case{width:calc((100% - 165px)/2);border:1px solid #9FA3AE;padding: 20px 60px 70px 20px;border-radius: 5px;}
                            .postsView .cases .case p{margin-bottom: 0;font-size: 25px;line-height: 1.4;}
                            .postsView .cases .case:hover p{color:#de896a;}
                            .postsView .cases .case .kolo{width:50px;height: 50px;border-radius: 100%;position: absolute;bottom: 10px;right: 10px;}
                            .postsView .cases .case:hover .kolo svg{margin-left: 5px;}
                            .postsView .button{cursor: pointer;}
                            .postsView .button svg{margin:3px -20px 0 42px;}
*/

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

.contactView{padding: 100px 0;}
.contactView.bg{background: url(gfx/homebg.avif) center center no-repeat;background-size: cover;-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);color:#fff;}
.contactView.bg .inner{-moz-transform: scaleX(-1) translateX(50%);-o-transform: scaleX(-1) translateX(50%);-webkit-transform: scaleX(-1) translateX(50%);transform: scaleX(-1) translateX(50%);}
    .contactView .h2{margin-bottom: 60px;}
    .contactView .kontaktp{width:calc(100% - 310px);margin: 0 0 50px 0;}
        .contactView .kontaktp p{font-size: 25px;line-height: 1.4;}
    .contactView .inner > .column.left{width:calc(100% - 400px - 150px);max-width: 620px;}
        .contactView .inner > .column.left form{width:100%;float: left;margin: 0px 0 0 0;}
        .contactView .inner > .column.left form .fieldbox.column{width:calc((100% - 23px)/2);}
        .contactView .inner > .column.left form .fieldbox p{margin: 0;}
        .contactView .inner > .column.left form .fieldbox label{line-height: 43px;display: block;font-size: 16px;}
        .contactView .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;border:0;width:100%;}
        .contactView .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;border:0;resize:none;width:100%;}
        .contactView .inner > .column.left form .fieldbox input[type=submit]{padding: 18px 72px 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;}
        .contactView .inner > .column.left form .fieldbox:hover input[type=submit]{color:#3D3C3C;}
        .contactView .inner > .column.left form .fieldbox ::placeholder{color: #9FA3AE;}
        .contactView .inner > .column.left form .fieldbox.sendbutton{margin: 40px 0 0 0;background: #3D3C3C; border-radius: 30px;}
        .contactView .inner > .column.left form .fieldbox.sendbutton:hover{background: #EEEFEB;}
        .contactView.bg .inner > .column.left form .fieldbox.sendbutton:hover{background: #F7F8F2;}
        .contactView .inner > .column.left form .fieldbox.sendbutton::before{width:42px;height: 42px;border-radius: 100%;float: left;position: absolute;right:10px;top:9px;content:'';background: #B1BAD3;}
        .contactView .inner > .column.left form .fieldbox.sendbutton::after{width:20px;height: 20px;position: absolute;content: '';background: url(gfx/send.png);right:22px;top:21px;}
        .contactView .inner > .column.left form .fieldbox.sendbutton .wpcf7-spinner{position: absolute;bottom: -30px;}
    .contactView .inner > .column.right{width:400px;margin-top: 40px;}
        .contactView .inner > .column.right p{float: left;width: 100%;position: relative;}
        .contactView .inner > .column.right .col{margin-bottom: 20px;}
        .contactView .inner > .column.right .col:first-of-type{margin-right: 40px;}
        .contactView .inner > .column.right .head{font-size: 25px;margin: 0 0 55px 0;line-height: 1;font-weight: 400;}
        .contactView .inner > .column.right .label{font-size: 18px;margin: 10px 0 10px 0;line-height: 1;font-weight: 400;}
        .contactView .inner > .column.right .contactp{font-size: 16px;margin: 0 0 20px 0;line-height: 1.4;}

    .wpcf7-not-valid-tip {background: #dc3232;color: #fff;padding: 5px 10px;}
    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{background: #dc3232;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;}

.referencesView{padding: 100px 0;}
    .referencesView .h2{width:350px;}
    .referencesView .references{width:calc(100% - 450px);}
        .referencesView .references .nav{margin: -6px 0 50px 0;}
            .referencesView .references .nav div{margin: 0 8px 0 0;}
        .referencesView .references .refslider{overflow: hidden;}
            .referencesView .references .refslider .refsliderInner{width:10000%;}
                .referencesView .references .refslider .refsliderInner .ref{width:1%;}
                    .referencesView .references .refslider .refsliderInner .ref .thecontent p{font-size: 26px;line-height: 1.4;}
                    .referencesView .references .refslider .refsliderInner .ref .podpis{font-size: 18px;margin: 30px 0 0 0;width: 100%;float: left;}
                    .referencesView .references .refslider .refsliderInner .ref .podpis strong{font-weight: bold;}



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

                    .postsView{padding: 100px 0;}
                    .postsView .cases{flex-wrap: wrap;}
                    .postsView .cases .post{width:calc((100% - 30px)/3);}

                    .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;}

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

                    footer{padding: 72px 0 0 0;}
                        footer .top{display: flex;justify-content: space-between;}
                            footer .top .logo{opacity: 1;}
                            footer .top .column{width:auto;}
                                footer .top .column.zlogo .logo{margin: 0 0 52px 0;}
                                footer .top .column li{margin: 0 0 10px 0;list-style: none;}
                                footer a{opacity: 0.7;}
                                footer a:hover{opacity: 1;}
                                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 20px 0;font-weight: 200;}
                                footer .top .column p.font2.ps24{margin-top: 30px;float: left;}
                                footer .opaopa{opacity: 0.7;}
                                footer .top .column a.kontlink{margin: 0 0 15px 0;}
                                #page footer .top .column a.button{padding: 10px 30px;font-size: 16px;opacity: 1;}
                                footer .top .sm a{width:50px;height: 50px;border-radius: 100%;margin-left: 16px;opacity: 1;}
                                footer .top .sm a:hover{}
                                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,.blogpage .pagenaviView .nextpostslink,.blogpage .pagenaviView .previouspostslink{padding: 18px 20px;border-radius: 30px;font-size: 18px;line-height: 1.2;text-align: center;font-weight: 300;letter-spacing: 1px;}
#page .button .wheel{width:42px;height: 42px;border-radius: 100%;float: left;position: relative;}
#page .button .wheel.right{margin: -10px -10px -20px 20px;float: right;}
#page .button .wheel.left{margin: -11px 20px -20px -10px;}
#page .button:hover .wheel.right svg{margin: -3px 0 0 3px;}
#page .button:hover .wheel.left svg{margin: -3px 0 0 -3px;}
#page .button.hovertodown:hover .wheel.right svg{margin: 5px 0 0 0px;}

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

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

.h1{font-size: 73px;line-height: 1.1;margin: 0 0 80px 0;font-weight: 400;}
.h1.small{font-size: 65px;}
.h2{font-size: 50px;line-height: 1.1;margin: 0 0 80px 0;font-weight: 400;}
.h2 *{line-height: 1.1;}
.h1 em,.h2 em,.h3 em{font-style: italic;font-family: "Playfair Display", serif;line-height: inherit;}
.h3{font-size: 30px;line-height: 1.4;margin: 0 0 50px 0;font-weight: 500;}

.blue,.blueonhover:hover{color:#B1BAD3;}
.white,.whiteonhover:hover{color:#fff;}
.dark,.darkonhover:hover{color:#3D3C3C;}
.gray,.grayonhover:hover{color:#9FA3AE;}
.light,.lightonhover:hover{color:#F7F8F2;}
.black,.blackonhover:hover{color:#000;}
.bluebg,.bluebgonhover:hover{background:#B1BAD3;}
.lightbluebg,.lightbluebgonhover:hover{background:#D6D9E4;}
.whitebg,.whitebgonhover:hover{background:#fff;}
.darkbg,.darkbgonhover:hover{background:#3D3C3C;}
.graybg,.graybgonhover:hover{background:#9FA3AE;}
.lightgraybg,.lightgraybgonhover:hover{background:#CBCDD0;}
.lightbg,.lightbgonhover:hover{background:#F7F8F2;}
.vlightbg,.vlightbgonhover:hover{background:#EEEFEB;}
.blackbg,.blackbgonhover:hover{background:#000;}

@media (max-width: 1342px) {
    .inner{width: calc(100% - 100px);}
    header .logo{left: 50px;}
/*    .featuresView::before,.postsView::before{width: 50px;}*/
/*    .featuresView .inner,.postsView .inner {padding-left: 100px;}*/
/*    .postsView .cases .box{width:calc((100vw - 150px - 100px)/1);}*/
    .postpage .singleinner h1.font2{width: calc(100% + ((100vw - 100px - 800px)/2));}
    .careerCTA .h2 {width: 250px;}
    .careerCTA .right.column {width: calc(100% - 250px - 100px);}
    .memberpage .firstView .column.right{width: 560px;}
    .memberpage .firstView .column.left{max-width: calc(100% - 560px - 50px);}
    header .menubutton{right: 50px;}
}
@media (max-width: 1279px) {
/*    .aboutusView .column.right{width: calc(100% - 465px - 75px);}*/
/*    .featuresView .inner,.postsView .inner {padding-left: 50px;}*/
    .featuresView .features{gap:50px 100px;}
    .featuresView .features .pom {width: calc((100% - 100px) / 2);}
    .contactView .inner > .column.left {width: calc(100% - 310px - 75px);}
/*    .postsView .cases .box{width:calc((100vw - 100px - 100px)/1);}*/
/*    .aboutusView .column.left {width:360px;}*/
    .aboutusView .column.left h4 {font-size: 30px;}
/*    .aboutusView .column.right {width:calc(100% - 360px - 75px);}*/
    .eksperciView .eksperci .ekspert {width: calc((100% - 50px) / 2);}
}
@media (max-width: 1199px) {
    .team {gap:36px;}
    .team .member {width: calc((100% - 36px) / 2);}
    .team .member .image {width:160px;height: 190px;}
    .team .member .details {width: calc(100% - 160px - 20px);}
    .team .member .details .email{font-size: 16px;}
    .team .member .details .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;}
    .klienciView .column.left {padding-right: 50px;}
    .klienciView .column.right {padding-left: 50px;}
    .klienciView .column h3 {font-size: 60px;}
    .exampleCasesView .cases {width: calc(100% - 310px);}
    .exampleCasesView .cases .post{width: calc((100% - 15px)/2);}
    .contactView .inner > .column.right {width: 375px;}
    .contactView .inner > .column.left {width: calc(100% - 375px - 50px);}
    .featuresView .features {gap: 50px;}
    .featuresView .features .pom {width: calc((100% - 50px) / 2);}
    .referencesView .references {width: calc(100% - 360px);}
    .clientpage .servicesWrap .servicesView .column {width: calc((100% - 50px) / 2);}
    .blogpage .filters .column.left a {margin: 0 25px 10px 0;}
}
@media (max-width: 1119px) {
/*    .aboutusView .column.left{width: 420px;}*/
/*    .aboutusView .column.right{width: calc(100% - 420px - 50px);}*/
/*    #page .button {padding: 18px 30px;}*/
    .paddiv{padding: 150px 0 100px 0;}
    .postpage {padding: 180px 0 0 0;}
    footer .top .column.sm{display: none;}
    footer .top .column.kontakt .sm{display: block;}
    footer .top .column.kontakt .sm p{margin-bottom: 20px;}
    .offerpage .tabs .tab{width:calc((100% - 32px)/2)}
    .h2 {font-size: 45px;}
}
@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: 0;top:-700px;height: 700px;position: fixed;position: absolute;padding:  140px 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;}
    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%;bottom: auto;top: 50%;transform: translateY(-50%);}
    .homepage .firstView .inner .column.left h1 {font-size: 55px;}
    .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,.aboutusView .column.left,.aboutusView .column.right,.contactView .inner > .column.left,.contactView .inner > .column.right,.contactView .kontaktp,.aboutusView .column.left,.aboutusView .column.right {width: 100%;}
    .aboutusView .column.right {margin: 50px 0 0 0;}
    .featuresView .features{gap:50px;}
/*    .postsView .cases .box{gap:50px 20px;}*/
    .featuresView .features .pom {width: calc((100% - 50px) / 2);}
/*    .postsView .cases .case {width: calc((100% - 20px) / 2);}*/
/*    .corobimyView .robimy .akordeon .tekst{padding: 0 0 20px 0;}*/
/*    .postsView .cases .box {width: calc((100vw - 150px) / 1);}*/
    .contactView .inner > .column.right {margin-top: 50px;}
    .contactView .inner > .column.right .col{width: calc((100% - 50px)/2);}
    .aboutusView .column.left{margin-bottom: 50px;}
    .aboutusView .column.left h2{margin-bottom: 0px;}
    .careerpage .aboutusView .column.left h2{margin-bottom: 50px;}
    .aboutusView .column.right{width: 100%;max-width: 100%;}
    footer .top {display: block;}
    footer .top .column.menu{float: right;margin: 20px 0 0 0;}
    footer .top .column.kontakt {top: 0px;position: relative;left: 0;width: 100%;margin-top: 20px;}
    footer .inner{width:calc(100% - 60px);}
    .klienciView .column h3 {font-size: 45px;margin: 0 0 50px 0;}
    .numbersView .numbers .number {width: calc((100% - (75px * 1)) / 2);}
    .numbersView .numbers{flex-wrap: wrap;}
    .exampleCasesView .cases .post {width: 100%;}
    .exampleCasesView .cases {width: calc(100% - 280px);}
    .exampleCasesView .column.left {width: 250px;}
    .contactView .inner > .column.left{max-width: 100%;}
    .postsView .cases .post {width: calc((100% - 15px) / 2);}
    .bdteamView .h2 {width: 420px;}
    .featuresView .features{max-width: 100%;}
    .featuresView .h2 {width: 100%;}
    .referencesView .references {width: 100%;}
    .referencesView .references .nav{top:-120px;position: absolute;}
    footer .top .column.kontakt .sm {position: absolute;left: 560px;top: 20px;}
    .team .member{display: block;margin-bottom: 30px;}
    .team .member .image{width: 100%;height: auto;float: left;position: relative;}
    .team .member .image img{width: 100%;height: auto;float: left;position: relative;}
    .team .member .details {width: 100%;margin: 20px 0 0 0;}
    .team .member .details .middleY{top:auto;transform: none;}
    .careerCTA .h2 {width: 100%;margin: 0 0 50px 0;}
    .careerCTA .right.column {width: 100%;}
    .memberpage .firstView .column.left {max-width: 100%;width:100%;}
    .memberpage .firstView .column.right {max-width: 100%;width:100%;margin: 0 0 50px 0 ;}
    .blogpage,.memberpage .firstView,.offerpage.paddiv,.clientpage .firstView,.zespolpage .firstView{padding-top: 180px;}
    .h2 {font-size: 38px;}
    .offerpage .tabs .tab{line-height: 74px;font-size: 24px;}
    .offerpage .gropusView .group{padding: 50px;}
    .offerpage .gropusView .group .pre {margin: 0 0 50px 0;}
    .offerpage .gropusView .group .servicesView .column {width: calc((100% - 25px) / 2);}
    .clientpage .aboutusView {padding: 60px 0 60px 0;}
    .clientpage .servicesWrap .servicesView {width: 100%;margin: 30px 0 0 0;}
    .clientpage .servicesWrap {margin-bottom: 50px;}
    .blogpage.ssph .docsView .head em{clear: both;display: block;}
    .blogpage.ssph .docsView .docs .doc {width: 100%;}
    .blogpage h1.h1 {margin: 0 0 30px 0;}
    .blogpage .filters .column.right {float: left;margin-bottom: 10px;}
    .blogpage .filters .column.right a:first-child{margin-left: 0px !important;}
    .postpage .singleinner{max-width: 100%;}
    .postpage .singleinner h1.font2{font-size: 50px;}
    .postpage .expertsView {padding-bottom: 0;}
    .postpage .postsView .h2{width: calc(100% - 200px);}
    .postpage {padding: 180px 0 0 0;}
}
@media (max-width: 767px) {
    .inner{width: calc(100% - 40px);}
    .showOnMobile{display: block;}
    .hideOnMobile{display: none;}
    
    header .logo {width: calc(100% - 110px);left: 20px;top: 30px;}
    header .menubutton {width: 46px;line-height: 46px;height: 46px;top: 4px;right: 20px;font-size: 12px;}
    header .menubutton span {width: 46px;line-height: 46px;height: 46px;}
    header.active .menubutton .m2{font-size: 10px;}
    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: 42px;margin: 0 0 30px 0;}
    .homepage .firstView .inner .column.left h1 em{display: block;}
    .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:0px;padding: 80px 0 0 0;height: 500px;}
    header nav ul li a {padding: 5px 20px;font-size: 24px;box-sizing: border-box;}
/*    .featuresView::before, .postsView::before {width: 100%;height: 200px;position: relative;display: block;background-position: center;margin: 0 0 40px 0;}*/
    .featuresView {padding-top: 0;}
    .h2 {font-size: 30px;margin-bottom: 30px;}
    .featuresView .features .pom {width: 100%;padding-left: 0;}
    .featuresView .features .pom::before{left: 0;}
    .featuresView .features {gap: 30px;}
    .corobimyView .robimy .akordeon .tytul{padding: 20px 60px 16px 0;font-size: 18px;}
/*    .postsView .cases,.corobimyView .robimy {margin: 0 0 50px 0;}*/
/*    .postsView .cases .box {width: calc(100vw - 40px);gap:30px;}*/
/*    .postsView .cases .box .case{width: 100%;padding: 20px 20px 70px 20px;}*/
/*    .postsView .cases .case p{font-size: 20px;}*/
/*    #page .postsView .button{padding-right: 35px;}*/
    .nav{position: relative;top:0;margin: -20px 0 20px 0;float: right;}
    .stepsView .przebieg .przebiegInner .krok {width: calc(100vw - 40px);padding: 20px 20px 20px 20px;}
    .stepsView .przebieg .przebiegInner .krok .num{width: 40px;height: 40px;left: -15px;top: -25px;line-height: 34px;}
    .stepsView .przebieg .przebiegInner .krok h4 {font-size: 22px;min-height: 80px}
    .contactView .kontaktp p {font-size: 22px;}
    .contactView .kontaktp{margin: 0 0 20px 0;}
    footer .bottom p.ts2,#page footer .top .column a.button,.eksperciView .eksperci .ekspert .details,.contactView .inner > .column.right .col,.contactView .inner > .column.left form .fieldbox.sendbutton,.contactView .inner > .column.left form .fieldbox.sendbutton input,.contactView .inner > .column.left form .fieldbox.column {width: 100%;box-sizing:border-box;}
    .aboutusView {margin: 50px 0 0px 0;padding: 0;}
    .aboutusView .bg {padding: 50px 0;}
    .aboutusView .column.left h4 {font-size: 26px;}
    .aboutusView .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;}
    .contactView#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;}
    .klienciView .column.left,.klienciView .column.right{width:100%;padding: 50px 0; }
    .klienciView::before{display: none;}
    .klienciView .column.left::before{width: 100vw;height: 100%;position: absolute;top: 0;left: -20px;background: #3D3C3C;content: '';}
    .klienciView .column h3 {font-size: 36px;}
    .numbersView {padding: 50px 0;}
    .numbersView .numbers .number {width: 100%;}
    .numbersView .numbers{gap:30px;}
    .exampleCasesView {padding: 30px 0 50px 0;}
    .exampleCasesView .cases,.exampleCasesView .column.left{width: 100%;}
    .exampleCasesView .column.left{margin-bottom: 30px;}
    .contactView {padding: 50px 0;}
    .contactView .h2 {margin-bottom: 30px;}
    .postsView {padding: 50px 0;}
    .home .postsView .h2{width: 140px;}
    .postsView .cases .post {width: 100%;padding: 20px 20px 60px 20px;}
    .post .bottom{left: 20px;}
    .post .bottom .wheel{right: -30px;}
    .post .title{min-height: 0;}
    .bdteamView {padding: 0px 0 0 0;}
    .bdteamView .h2 {width: 100%;}
    .bdteamView .button {margin: 20px 0 60px 0;width: 100%;box-sizing: border-box;}
    footer .top .column .autowidth{width: 100%;}
    footer .top .column.menu{margin: 50px 0 0 0;}
    .paddiv.main {padding-top: 80px;}
    .aboutuspage .featuresView {padding: 50px 0;}
    .referencesView {padding: 50px 0;}
    .referencesView .h2 {width: 200px;}
    .referencesView .references .nav {top: -65px;}
    .referencesView .references .refslider .refsliderInner .ref .thecontent p {font-size: 22px;}
    .stepsView .h2{width:200px;}
    .stepsView .nav{position: absolute;top:30px;}
    .contactpage .contactView,.blogpage, .memberpage .firstView, .offerpage.paddiv, .clientpage .firstView, .zespolpage .firstView,.postpage {padding-top: 100px;}
    .team .member {width: 100%;}
    .careerCTA {margin: 30px 0 0px 0;padding: 20px;}
    .careerCTA .h2{margin: 0 0 30px 0;}
    .careerCTA .right.column p {font-size: 20px;}
    .memberpage .firstView .column.right .contacts {margin: 0px 0 40px 0;}
    #page .memberpage .firstView .column.right .contacts a.button{margin-bottom: 10px;}
    #page .memberpage .firstView .column.right .contacts a.button:last-child{margin-bottom: 0px;}
    .memberpage .postsView .h2{margin-bottom: 42px;margin-top: 10px;}
    .offerpage .firstView .h2{font-size: 29px;}
    .offerpage .tabs{display: none;}
    .offerpage .gropusView .group {padding: 20px;width: 100vw;left: -20px;border-radius: 0;display: block;}
    .offerpage .gropusView .group .servicesView .column {width: 100%;margin: 0px 0 0px 0;}
    .offerpage .gropusView .group .pre p {font-size: 20px;}
    .h1 {font-size: 36px;margin: 0 0 40px 0;}
    .h1.small {font-size: 30px;}
    .clientpage .firstView .thecontent * {font-size: 20px;}
    .clientpage .firstView .button{margin: 30px 0 0 0;}
    .clientpage .aboutusView{padding-top: 0;}
    .aboutusView .column.right {margin: 0px 0 0 0;}
    .home .aboutusView .column.right {margin: 50px 0 0 0;}
    .clientpage .servicesWrap .servicesView .column {width: 100%;margin: 0;}
    .clientpage .expertsView {padding: 50px 0 0px 0;}
    .clientpage .postsView .h2{width: 120px;}
    .blogpage.ssph .docsView {margin: 20px 0 30px 0;padding: 20px}
    .blogpage.ssph .docsView .head {font-size: 28px;margin: 0 0 20px 0;}
    .blogpage.ssph .docsView .docs {margin: 40px 0 0px 0;gap: 20px 0px;}
    .blogpage.ssph .docsView .docs .doc p {font-size: 15px;}
    .blogpage .filters .column.left {display: flex;justify-content: space-between;width: 100%;}
    .blogpage .filters .column.left a{margin: 0 0 10px 0;}
    #page .blogpage .filters .column.right a.button {margin: 0 0 5px 0px;width: 100%;box-sizing: border-box;}
    .postpage .singleinner h1.font2 {width: 100%;font-size: 34px;}
    .postpage .singleinner .details {width: 100vw; margin: 0 0 30px -20px;border-radius: 0px;padding: 20px;gap: 20px;}
    .postpage .singleinner .thecontent h1,.postpage .singleinner .thecontent h2{font-size: 30px;}
    .postpage .singleinner .thecontent h3{font-size: 26px;}
    .postpage .singleinner .thecontent h4{font-size: 24px;}
    .postpage .singleinner .thecontent h5{font-size: 22px;}
    .postpage .singleinner .thecontent h6{font-size: 20px;}
    .postpage .restofpost .inner{margin: 50px 0 0 0;}
    .postpage .singleinner .thecontent{margin: 0;}
    .postpage .postsView .h2 {width: 100%;}
    .postpage .postsView .button {margin-bottom: 30px;}
    .careerpage.clientpage .aboutusView{padding: 0;}
    .careerpage .aboutusView .column.left{max-width: 100%;width: 100%;}
    .bdteamView img{margin-top: 0;}
    .careerpage .featuresView {padding-top: 50px;}
    .postpage .buttonsView {margin-bottom: 0px;}
    .single-post .contactView{margin: 50px 0 -51px 0;}
}

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

.page-template-template-oferta .contactView .inner > .column.right .contactp a{
    color: #685D54 !important; 
}