/*!
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;}.bold{font-weight:bold !important;}
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:#3b3b3b;text-decoration: none !important;}
.underline{text-decoration: underline !important;}
.flex{display: flex;flex-wrap: wrap;}
body, html { height: 100%; box-sizing: border-box;color:#000;background:#CDD2D6;letter-spacing: 0px;-webkit-text-size-adjust: 100%;}
html * {font-family: "Instrument Sans", sans-serif;line-height: 1.1;}
.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: 18px;}
.thecontent li{margin:0 0 10px 0;line-height: 1.6;font-size: 18px;}
.thecontent ul,.thecontent ol{list-style-position: outside;padding: 0 0 20px 20px;}
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 #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;width: 100%;left: 0;}
    header .logo{margin: 50px 0 0 0 ;}
    header .menubutton{margin: 35px 0 0 25px ;width:66px;height: 66px;border-radius: 100%;z-index: 22222;float: right;cursor: pointer;}
        header .menubutton .d1{width:19px;height: 2px;border-radius: 1px;top:50%;left: 50%;transform: translate(-50%,-50%);transform-origin: center;position: absolute;}
        header .menubutton .d2{width:2px;height: 19px;border-radius: 1px;top:50%;left: 50%;transform: translate(-50%,-50%);transform-origin: center;position: absolute;}
        header .menubutton:hover .d1,header .menubutton:hover .d2{transform: translate(-50%,-50%) rotate(-180deg);}
        header.active .menubutton .d1,header.active .menubutton .d2{transform: translate(-50%,-50%) rotate(-225deg);}
        header.active .menubutton:hover .d1,header.active .menubutton:hover .d2{transform: translate(-50%,-50%) rotate(-135deg);}
    header .langs{line-height: 66px; width: auto;float: right;z-index: 22;margin: 35px 0 0 ;position: relative;}
        header .langs li{list-style: none;float: left;position: relative;margin-left: 16px;font-size: 17px;}
            header .langs li a{color: #3b3b3b;display: block;line-height: 66px;}
            .home header .langs li a,.page-template-template-bio header .langs li a{color: #fff;}
        header.active .langs li a{color: #000 !important;}
        header.active .langs li a:hover{font-weight: bold !important;}
        header .langs li.current-lang a{font-weight: bold;}
        .home header .langs li.current-lang a{color: #E7FF51;}
        header .langs li a:hover{color: #E7FF51;}
    header nav{position: absolute;padding: 95px 60px 60px 60px;top: 69px;right: 33px;width: 487px;border-radius: 24px;z-index: 3;transform: scale(0);transform-origin:  top right;}
        header.active nav{top: 35px;right: 0px;}
        header nav ul.main{margin: 0 0 60px 0;float: left;clear: both;}
            header nav ul.main li{list-style: none;position: relative;transform-origin: center top;transform-style: preserve-3d;float: left;width: auto;clear: both;}
            /*header nav ul.main li:hover{animation: hinge-in 5.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;}*/
            header nav ul.main li:hover{transform: scale(1.1);}
            header nav ul.main li a{display: block;font-size: 40px;font-weight: 400;padding: 10px 0;font-weight: bold;}
        header nav .column{margin: 0 45px 0 0;}
            header nav .column a{display: block;float: left;clear: both;margin: 0 0 5px 0;line-height: 1.6;}
            header nav .column a:hover{transform: scale(1.1);}
            header nav .column.address{margin: 0;}
                header nav .column.address *{font-size: 16px;line-height: 1.6;}
        header.active nav{transform: scale(1);}


.homepage .firstView .inner .left.column,.homepage .firstView .column.right{height: 100svh;min-height: 700px;}
    .homepage .firstView .column.left{max-width: 488px;}
        .homepage .firstView .column.left h1{margin: 0 0 80px 0;}
        .homepage .firstView .column.left p{font-size: 23px;margin: 0 0 40px 0;}
    .homepage .firstView .column.right{position: absolute;right: 0;top:0;}
        .homepage .firstView .column.right > img{position: relative;width: 100%;height: 100%;display: inline-block;object-fit: cover;object-position: center center;}
        .homepage .firstView .column.right .chessboard .abs.top{top:0;}
        .homepage .firstView .column.right .chessboard .abs.bottom{bottom:0;}
        .homepage .firstView .column.right .chessboard .abs.left{left:0;}
        .homepage .firstView .column.right .chessboard .abs.right{right:0;}
        .homepage .firstView .column.right .chessboard .block{width:46px;height: 46px;border-radius: 5px;}
            .homepage .firstView .column.right .chessboard .block .corner {position: absolute;width: 5px;height: 5px;;}
            .homepage .firstView .column.right .chessboard .block .corner-tl {top: -5px; left: -5px;background: radial-gradient(circle at 100% 100%, transparent 5px, #CDD2D6 5px);}
            .homepage .firstView .column.right .chessboard .block .corner-tr {top: -5px; right: -5px;background: radial-gradient(circle at 0% 100%, transparent 5px, #CDD2D6 5px);}
            .homepage .firstView .column.right .chessboard .block .corner-bl {bottom: -5px; left: -5px;background: radial-gradient(circle at 100% 0%, transparent 5px, #CDD2D6 5px);}
            .homepage .firstView .column.right .chessboard .block .corner-br {bottom: -5px; right: -5px;background: radial-gradient(circle at 0% 0%, transparent 5px, #CDD2D6 5px);}

.aboutMeView .inner{padding: 170px 0 140px 0;}
    .homepage .aboutMeView .inner::before{width:867px;height: 495px;position: absolute;top:0;left: -100px;background: url(gfx/shapebg.avif);background-size: cover;content:'';}
    .aboutMeView h2{margin: 0 0 75px 0;font-weight: 400;line-height: 1.2;}
    .aboutMeView .thecontent{max-width: 812px;}
        .aboutMeView .thecontent .button{margin: 30px 0 0 0;clear: both;}

.whatidoView{padding: 170px 0 140px 0;}
    .whatidoView .column.left{max-width: 490px;}
    .whatidoView .column.right{max-width: 650px;}
        .whatidoView .column.right .specs{margin: 70px 0 0 0;float: left;width: 100%;}
            .whatidoView .column.right .specs li{list-style: none;border-bottom: 1px solid #CDD2D6;width: calc(100% - 65px);clear: both;float: left;position: relative;margin: 0 0 30px 0;}
                .whatidoView .column.right .specs li a{display: block;padding: 10px 65px 10px 0;position: relative;font-size: 25px;width:100%;}
                .whatidoView .column.right .specs li a::before{width:43px;height: 43px;background: #E7FF51;border-radius: 3px;position: absolute;top:0;right: 0;content:'';}
                .whatidoView .column.right .specs li a::after{width:12px;height: 12px;background: url(gfx/arrow.svg);background-size: contain; position: absolute;top:14px;right: 14px;content:'';}
                .whatidoView .column.right .specs li:hover a::after{top:9px;right: 9px;}

.postsView{padding: 140px 0 110px 0;}
.postsView .h2{margin-bottom: 80px;}
.postsView:has(.button) .posts{margin-bottom: 50px;}
    .posts{gap:34px 39px;}
    .home .posts{margin: 0 0 56px 0;}
    .posts .post{width: calc((100% - 78px)/3);border: 1px solid #000000;border-radius: 10px;}
    .gray .posts .post{border: 1px solid #7C7C7C;}
        .posts .post .img,.posts .post .img .wp-post-image{border-radius: 10px;overflow: hidden;display: block;}
            .posts .post:hover .img .wp-post-image{opacity: 0.45;}
            .posts .post .img .cat{border-radius: 6px;line-height: 33px;padding: 0 20px;box-sizing: border-box;bottom: 0;left: 0;position: absolute;width: 162px;text-align: center;}
            .posts .post .img .post_shape1{top:0;right: 0;}
            .posts .post .img .post_shape2{bottom:0;left: 0;opacity: 0;}
        .posts .post:hover .img .post_shape2{opacity: 1;}
        .posts .post .details{padding: 30px;}
            .posts .post .details .title{font-size: 25px;line-height: 1.2;margin: 0 0 30px 0;}
            .posts .post .details .date{font-size: 15px;margin: 0;}

.referencesView{margin-bottom: 220px;}
    .referencesView .arrows{width:744px;left:50%;top:50%;transform: translate(-50%,-50%);margin:  40px 0 0 0;z-index: 2;}
        .referencesView .arrows button{width:43px;height: 43px;left: 0;top:0;border-radius: 3px;border:0;position: absolute;cursor: pointer;}
        .referencesView .arrows button.u-next{left: auto;right: 0;}
        .referencesView .arrows button svg{left:50%;top:50%;transform: translate(-50%,-50%);position: absolute;}
        .referencesView .arrows button:hover svg{margin-left: -5px;}
        .referencesView .arrows button.u-next:hover svg{margin-left: 5px;}
    .referencesView .references{display: flex;flex-wrap: wrap;}
        .referencesView .references .reference{width: 626px;border-radius: 10px;padding: 34px 30px;filter: blur(7px);opacity: 0.45;transition: all 650ms ease; }
            .referencesView .references .reference.onfront{filter: blur(0px);margin: 0 -150px;opacity: 1;z-index: 2;}
            .referencesView .references .reference svg{margin: 0 0 70px 0;}
            .referencesView .references .reference .ref{font-size: 25px;margin: 0 0 30px 0;}
            .referencesView .references .reference .sign{font-size: 18px;margin: 0 0 0px 0;}

.realcontactView{overflow: hidden;}
.realcontactView::after{height: 790px;width:675px;background: url(gfx/contactviewbg.avif);position: absolute;top:50%;right: 0;transform: translateY(-50%);content:'';}
.contactView .contactimg{height: 100%;left: -170px;left:auto;right:952px;}
.contactView .bigarrow{bottom: 30px;left: 150px;position: absolute;}
.contactView .button.left{bottom: 30px;left: -40px;position: absolute;z-index: 2;}
.contactView .right.column{max-width:890px;padding: 85px 0 110px 0;}
    .contactView .right.column .h2{margin: 0 0 100px 0;}
    .contactView .right.column .h2 strong{color:#E7FF51;font-weight: 400;}
    .contactView .right.column .formbox{max-width:640px;}
        .contactView .right.column .formbox form{width:100%;float: left;position: relative;}
        .contactView .right.column .formbox ::placeholder{color:#fff;}
        .contactView .right.column .formbox form input[type="text"],.contactView .right.column .formbox form input[type="email"],.contactView .right.column .formbox form textarea{width:100%;float: left;position: relative;background:transparent;border-radius:0;border:0;border-bottom:1px solid #CDD2D6;height:55px;font-size:20px;margin-bottom:20px;color:#fff;}
        .contactView .right.column .formbox form textarea{resize: none;height: 100px;padding: 20px 0;}
        .contactView .right.column .formbox .wpcf7-form-control-wrap{width: 100%;float: left;}
        .contactView .right.column .formbox .wpcf7-list-item{margin: 0;}
            .contactView .right.column .formbox .wpcf7-list-item label{font-size: 14px;color: #fff;}
            .contactView .right.column .formbox .wpcf7-list-item label a{color:#fff;text-decoration: underline !important;}
            .contactView .right.column .formbox .wpcf7-list-item label a:hover{color:#F5F5F5;}
            .contactView .right.column .formbox .wpcf7-list-item input[type="checkbox"]{width: 16px;height: 16px;margin: 3px 8px 0 0;float: left;}
        .contactView .right.column .formbox .formfield.akcept{width: calc(100% - 77px);margin: 19px 0 0 0;}
        .contactView .right.column .formbox .formfield.btn{width: 57px;height: 57px;border-radius: 3px;border: 0;float: right;}
            .contactView .right.column .formbox .formfield.btn p{margin: 0;}
            .contactView .right.column .formbox .formfield.btn input{width: 57px;height: 57px;border-radius: 3px;border: 0;opacity: 0;text-indent: -99999px;z-index: 3;position:relative; -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;}
            .contactView .right.column .formbox .formfield.btn input:hover{background: #fff;color:#000;cursor:pointer;}
            .contactView .right.column .formbox .formfield.btn .greenbg{width: 57px;height: 57px;border-radius: 3px;border: 0;top:0;position: absolute;}
        .contactView .right.column .formbox p:has(.wpcf7-submit:disabled) *,.newsletterView .right.column .formbox p:has(.wpcf7-submit:disabled) *{cursor: not-allowed !important;}
        .contactView .right.column .formbox p:has(.wpcf7-submit:disabled) .greenbg,.newsletterView .right.column .formbox p:has(.wpcf7-submit:disabled) input{opacity: 0.5;}
        .wpcf7-not-valid-tip{font-size: 17px;font-weight: normal;display: block;float: left;width: 100%;margin: -10px 0 0 0;}
        .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{background: transparent;color:#E7FF51;font-size:18px;padding:15px 20px;border:2px solid #E7FF51;text-align:center;margin:40px 0 0 0;line-height:1.3;}
            .wpcf7 form.send .wpcf7-response-output{background: #E7FF51;font-size: 20px;padding: 15px 20px;border: 0;text-align: center;margin: 40px 0 0 0;line-height: 1.3;color: #000;}

footer{float: left;width:100%;padding: 77px 0 45px 0;}
    footer a:hover{opacity: 0.5;}
    footer .top{margin: 0 0 40px 0;}
        footer .top ul.main{margin: 0 0 20px 0;}
            footer .top ul.main li{font-weight: bold;font-size: 20px;margin: 0 0 0 40px;}
            footer .top ul li{list-style: none;float: left;position: relative;margin: 0 0 0 20px;font-size: 16px;}
            footer .top ul li:first-child{margin: 0;}
    footer .bottom *{font-size: 16px;line-height: 1.6;}
        footer .bottom .left.column .column{margin: 0 0 0 40px;}
            footer .bottom .left.column .linkedin{width:40px;height: 40px;border-radius: 3px;}
            footer .bottom .left.column .linkedin svg {fill:#CDD2D6;}
        footer .bottom .right.column *{font-size: 14px;}
            footer .bottom .right.column p{float: left;width: auto;margin: 0 0 0 30px;}
            footer .bottom .right.column p:first-child{margin: 0;float: right;margin: 0 0 5px 0;text-align: right;}

.aboutpage .aboutMeView .thecontent {max-width: 640px;}
    .aboutpage .aboutMeView .schema {margin: 40px 0 0 0;}
    .aboutpage .aboutMeView::before{width:1439px;height: 930px;position: absolute;top:0;left: 50%;background: url(gfx/aboutbg.avif);background-size: cover;content:'';transform:translateX(-50%);}
.moreAboutMeView {padding: 0 0 120px 0;}
    .moreAboutMeView .column.left{width:calc(100% - 640px - 100px);max-width: 490px;margin: 50px 0 0 0;}
        .moreAboutMeView .column.left .button{margin: 20px 0 0 0;z-index: 2;}
        .moreAboutMeView .column.left img{top:calc(100% - 50px);left: 314px;}
    .moreAboutMeView .column.right{width:640px;}
        .moreAboutMeView .column.right .img{margin: 0 0 75px 0;}
        .moreAboutMeView .column.right .mainimg{height: 670px;object-fit: cover;}
        .moreAboutMeView .column.right a{font-size: 40px;text-decoration: underline !important;float: left;clear: both;margin: 0 0 5px 0;}
        .moreAboutMeView .column.right img.abs{bottom: 0;left: 0;}

.aboutpage .whyMeView {padding: 0 0 150px 0;}
    .aboutpage .whyMeView .whyMe{width:calc(100% + ((100vw - 1300px)/2));}
        .aboutpage .whyMeView .whyMe .u-track{display: flex;}
        .aboutpage .whyMeView .whyMe .becouse{width:600px;border:1px solid #000000;padding: 44px 35px 35px 50px;border-radius: 10px;background: url(gfx/aboutbg.avif) center top;background-size:auto 500px;margin-right:30px;}
            .aboutpage .whyMeView .whyMe .becouse svg{position: absolute;top:16px;right: 16px;}
            .aboutpage .whyMeView .whyMe .becouse .title{font-size: 18px;font-weight: bold;margin: 0 0 30px 0;width: calc(100% - 50px);}
            .aboutpage .whyMeView .whyMe .becouse .text p{font-size: 18px;}
            .aboutpage .whyMeView .whyMe .becouse .text p:last-child{margin: 0;}
    .aboutpage .whyMeView .whyarrows{position: absolute;width:auto;right: 0;top:9px;}
        .aboutpage .whyMeView .whyarrows button{width:43px;height: 43px;left: 0;top:0;border-radius: 3px;border:0;cursor: pointer;position: relative;}
        .aboutpage .whyMeView .whyarrows button.u-next{margin-left: 12px;}
        .aboutpage .whyMeView .whyarrows button svg{left:50%;top:50%;transform: translate(-50%,-50%);position: absolute;}
        .aboutpage .whyMeView .whyarrows button:hover svg{margin-left: -5px;}
        .aboutpage .whyMeView .whyarrows button.u-next:hover svg{margin-left: 5px;}

.biopage .firstView{background-position: center top;background-repeat: no-repeat;background-size: auto 100%;}
    .biopage .firstView .left.column{width: 640px;max-width:100%;padding: 175px 0 90px 0;}
        .biopage .firstView .left.column .position{margin: -30px 0 60px 0;font-weight: bold;}
        .biopage .firstView .left.column .contacts{margin: 60px 0 0 0;}
            .biopage .firstView .left.column .contacts a{font-size: 25px;line-height: 1.4;}
    .biopage .chess{bottom: 0;right: calc((100vw - 1300px)/2);}
    .biopage .experienceView{padding: 90px 0 70px 0;}
         .experienceView .experience{max-width: 1140px;}
             .experienceView .experience .exp{list-style: none;border-bottom: 1px solid #000;width: calc(100% - 65px);clear: both;float: left;position: relative;margin: 0 0 30px 0;}
             .experienceView .experience .exp p.title{display: block;padding: 10px 65px 10px 0;position: relative;font-size: 25px;width:100%;margin: 0;cursor: pointer;font-weight: 500;}
             .experienceView .experience .exp p.title::before{width:43px;height: 43px;background: #E7FF51;border-radius: 3px;position: absolute;top:0;right: 0;content:'';}
             .experienceView .experience .exp p.title::after{width:12px;height: 12px;background: url(gfx/arrow.svg);background-size: contain; position: absolute;top:15px;right: 15px;content:'';transform:rotate(90deg);}
             .experienceView .experience .exp:hover p.title::after{transform:rotate(135deg);}
             .experienceView .experience .exp p.is-active.title::after{transform:rotate(0deg);}
             .experienceView .experience .exp:hover p.is-active.title::after{transform:rotate(-45deg);}
             .experienceView .experience .exp .text{display: none;margin: 20px 0 20px 0;}
.biopage .whatidoView .column.right .specs li{border-bottom: 1px solid #000;}

.specspage .firstView,.specpage .firstView .inner{padding: 175px 0;}
.specspage .firstView .thecontent,.specpage .firstView .thecontent{margin: 50px 0 0 0;column-count: 2;column-gap: 75px;}
.specspage .experienceView,.specpage .experienceView{padding-bottom: 190px;}
.services{max-width: 930px;margin: 0 0 30px 0;float: left;}
.services li{float: left;margin: 0 0 10px 0;font-size: 18px;line-height: 1.2;width:calc((100% - 50px)/2);}
.services li:nth-child(2n){float: right;}
.specspage .button{margin: 0 0 30px 0;}

.specpage .firstView .inner{padding: 175px 0 80px 0;}
    .specpage .firstView .thecontent{margin: 50px 0 0 0;column-count: 1;column-gap: 0;max-width: 820px;}
    .specpage .firstView svg.abs{bottom: -46px;right: 0;}
    .specpage .firstView .button{margin: 30px 0 0 0;}
.specpage .forWhoView .whitebg{padding: 60px 130px 60px 56px;border-radius: 10px;}
.specpage .forWhoView .forwho{display: flex;flex-wrap: wrap;gap:20px 80px;}
    .specpage .forWhoView .forwho .for{width:calc((100% - 80px)/2);}
    .specpage .forWhoView .forwho .for .title{margin-top: 10px;}
.specpage .forWhoView .chess{margin-top: -6px;}
.specpage .servicesView{padding: 60px 0 110px 0;}
    .specpage .servicesView .experienceView,.postpage .experienceView {padding-bottom: 0;}
        .specpage .servicesView .experienceView .experience .exp,.postpage .experienceView .experience .exp{border: 1px solid #000;border-radius: 10px;padding: 33px;width: 100%;}
        .specpage .servicesView .experienceView .experience .exp .title,.postpage .experienceView .experience .exp .title{margin: 0 0 20px 0;padding: 0;}
        .specpage .servicesView .experienceView .experience .exp .pre,.postpage .experienceView .experience .exp .pre{font-size: 18px; margin: 0 0 0px 0;}
.specpage .postsView {padding-top: 0;}
.specpage .otherSpecializations {padding-top: 120px;}

.blogpage .blogbg{margin: 35px 0 0 0;display: block;}
.blogpage .firstViewWrap .inner{height: calc(100% - 175px);top:0;padding:175px 0 0 0;}
    .blogpage .firstViewWrap .thecontent{max-width: 590px;margin: 380px 0 0 100px;}
    .blogpage .firstViewWrap .scrolllink{width:43px;height: 43px;border-radius: 3px;margin: 10px 0 0 0;clear: both;}
        .blogpage .firstViewWrap .scrolllink:hover svg{margin-top: 5px;}
    .blogpage .filtersView{margin: 70px 0 115px 0;}
    .blogpage.padtop{padding-top: 175px;}
        .blogpage .filtersView .cats{}
            .blogpage .filtersView .cats li{list-style: none;float: left;margin: 0 8px 0 0;}
                .blogpage .filtersView .cats li a{display: block;padding: 11px 30px;text-align: center;min-width: 163px;box-sizing: border-box;font-size: 18px;border:1px solid #000;border-radius:10px;}
                .blogpage .filtersView .cats li a:hover{background: #000;color:#fff;}
        .blogpage .filtersView .myselect{max-width: 338px;float: right;}
            .blogpage .filtersView .myselect p{width:calc(100% - 57px);border-bottom: 1px solid #000;font-size: 18px;line-height: 23px;padding: 10px 0;margin: 0;position: relative;cursor:pointer;}
                .blogpage .filtersView .myselect p::before{width:43px;height: 43px;border-radius: 3px;position: absolute;top:0;right: -57px;border-left: 14px solid transparent;background:#E7FF51;content:'';box-sizing: border-box;}
                .blogpage .filtersView .myselect p::after{width:12px;height: 12px;background: url(gfx/arrow.svg);background-size: contain; position: absolute;top:14px;right: -42px;content:'';z-index: 2;transform:rotate(135deg);}
                .blogpage .filtersView .myselect p:hover::after{margin-top: 5px;}
                .blogpage .filtersView .myselect.is-active p:hover::after{margin-top: -5px;}
                .blogpage .filtersView .myselect.is-active p::after{transform:rotate(-45deg);}
            .blogpage .filtersView .myselect ul{position: absolute;width: calc(100% - 57px + 40px);display: none;left:-23px;top:43px;background: #F5F5F5;padding: 10px 20px;}
                .blogpage .filtersView .myselect ul li{list-style: none;width: 100%;position: relative;float: left;}
                .blogpage .filtersView .myselect ul li::before{height: 1px;width:100%;position: absolute;bottom: 0;left: 0;content:'';background: #000;}
                .blogpage .filtersView .myselect ul li:last-child::before{display: none;}
                .blogpage .filtersView .myselect ul li a{font-size: 18px;padding: 10px 0px;line-height: 23px;display: block;}
        .blogpage .filtersView .myselect ul li a:hover{font-weight: bold;}
        .blogpage .postsView{padding-top: 0;}
        .blogpage .pagenaviView{margin: 115px 0 0 0;text-align: center;}
        .blogpage .wp-pagenavi a, .blogpage .wp-pagenavi span{border: 0;padding: 0;line-height: 58px;font-size: 24px;margin: 0 7px;}
        .blogpage .wp-pagenavi a.page:hover{color: #7C7C7C;}
        .blogpage .wp-pagenavi .previouspostslink{width: 242px;text-align: center;float: left;background: #E7FF51;border-radius: 100px;font-size:17px;}
        .blogpage .wp-pagenavi .nextpostslink{width: 242px;text-align: center;float: right;background: #E7FF51;border-radius: 100px;font-size:17px;}
        .blogpage .wp-pagenavi .nextpostslink:hover,.blogpage .wp-pagenavi .previouspostslink:hover{background: linear-gradient(90deg, rgba(231, 255, 81, 1) 0%, rgba(205, 210, 214, 1) 100%);}

.contactpage .firstView{padding: 175px 0 120px 0;}
    .contactpage .firstView .h1{margin: 0 0 70px 0;}
    .contactpage .firstView a.clear{font-size: 40px;line-height: 1.4;margin: 0;text-decoration: underline !important;}
    .contactpage .firstView .details{margin: 50px 0 0 0;}
        .contactpage .firstView .details .linkedin{margin:0 45px 0 0;width:40px;height: 40px;border-radius: 3px;float: left;}
            .contactpage .firstView .details .linkedin svg{fill:#CDD2D6;}
        .contactpage .firstView .details .address p{line-height: 1.1;margin: 0;}
    .contactpage .firstView .column.left{max-width:560px;}
    .contactpage .firstView .column.right{width:640px;height:410px;border-radius: 10px;overflow: hidden;}

.postpage .firstView .inner{padding: 175px 0 200px 0;}
    .postpage .cats{margin: 0 0 17px 0;}
    .postpage .cats .cat{float: left;min-width: 162px;text-align: center;position: relative;box-sizing: border-box;padding: 0 20px;line-height: 33px;border-radius: 3px;margin:0 8px 8px 0;}
/*    .postpage .details {max-width: calc(100% - 370px);}*/
    .postpage .details a.underline,.postpage .details .date{line-height: 57px;float: left;font-size: 18px;margin: 0 30px 0 0;}
        .postpage .details .authors .author{float: left;margin: 0 30px 0 0;}
        .postpage .details .authors .author .img{float: left;width:57px;}
        .postpage .details .authors .author .img img{display: block;}
        .postpage .details .authors .author p{margin: 14px 0 0 12px;float: left;width:auto;text-decoration: underline;font-size: 18px;}
    .postpage .firstView .chess{bottom: -13px;right: 0;}
    .postpage .maincontent{max-width: 1126px;border-radius: 10px;padding: 0 160px 50px 160px;}
    .postpage .rest > .whitebg{margin-bottom: 160px;}
        .postpage .rest .whitebg .excerpt{padding: 65px 0;}
        .postpage .rest .whitebg .excerpt p{font-size: 25px;margin: 0;}
        .postpage .rest .attachment-postBig{max-width: calc(100% + 320px);width: calc(100% + 320px);margin: 0 0 66px -160px;border-radius: 10px;overflow: hidden;display: block;}
        .postpage .rest .thecontent h1{font-weight: 400;font-size: 36px;line-height: 1.4;margin: 40px 0 30px 0;}
        .postpage .rest .thecontent h2{font-weight: 400;font-size: 32px;line-height: 1.4;margin: 40px 0 30px 0;}
        .postpage .rest .thecontent h3{font-weight: 400;font-size: 28px;line-height: 1.4;margin: 40px 0 30px 0;}
        .postpage .rest .thecontent h4{font-weight: 400;font-size: 24px;line-height: 1.4;margin: 40px 0 30px 0;}
        .postpage .rest .thecontent h5{font-weight: 400;font-size: 22px;line-height: 1.4;margin: 40px 0 30px 0;}
        .postpage .rest .thecontent h6{font-weight: 400;font-size: 20px;line-height: 1.4;margin: 40px 0 30px 0;}
        .postpage .rest .details{margin: 70px 0 0 0;}
            .postpage .thecontent blockquote{float: right;width:100%;padding: 0 0 0 163px;margin: 50px 0 90px 0;clear: both;box-sizing: border-box;position: relative;min-height:110px;}
            .postpage .thecontent blockquote p{font-size: 25px;font-style: italic; margin: 0 0 30px 0;line-height: 1.2;}
            .postpage .thecontent blockquote p:last-child{margin: 0;}
            .postpage .thecontent blockquote::before{width: 169px;height: 136px;position: absolute;top:-12px;left: -85px;background: url(gfx/quote.svg) no-repeat;content:'';background-size:contain;}
            .postpage .postsView.related{padding-top: 0;}
            .postpage .postsView.related .posts{margin-bottom: 50px;}
            .postpage .podcastView.first{margin-bottom: 50px;}
            .postpage .firstView .details .button{margin: 15px 0 0 0;position: absolute;right: 0;}
            .postpage .firstView .details.flex{padding-right: 240px;float: left;position: relative;gap:16px 12px;}
            .postpage .firstView .details .detail{width:calc((100% - 340px - 24px)/3);width:calc((100% - 125px)/3);margin: 0 12px 16px 0;margin: 0; padding: 10px 20px;border:1px solid #000;box-sizing: border-box;position:relative;text-align:center;font-size:16px;border-radius:10px;line-height:1.2;}
            .postpage .forWhowView{margin: -100px 0 230px 0;}
                .postpage .forWhowView .forWho{gap:30px 80px;}
                    .postpage .forWhowView .forWho .for{width:calc((100% - 80px)/2);}
                        .postpage .forWhowView .forWho .for .title{margin-top: 5px;}
                        .postpage .forWhowView .forWho .for .text{margin: 0;}
            .postpage .agendaView{margin: -80px 0 175px 0;}
            .postpage .cnctViewWrap{margin-bottom: 100px;}

.subpage .firstView .inner{padding: 175px 0 30px 0 !important;}
.subpage .firstView .inner h1{padding-right: 375px;width: 100%;box-sizing: border-box;}

.newsletterView{padding: 75px 0 45px 0;margin: 0 0 100px 0;background: #000;background-image: url(gfx/newsletterbg.avif);background-position: center right;background-repeat: no-repeat; background-size: auto 100%;}
.newsletterView .column.left{max-width: 480px;}
.newsletterView .column.left strong{color: #E7FF51;font-weight: 400;}
.newsletterView .column.right{max-width: 450px;padding: 0;}
.newsletterView .column.right .formbox .formfield.btn{width: 163px;height: 56px;margin: 30px 0 0 0;}
.newsletterView .column.right .formbox .formfield.btn input {width: 163px;height: 56px;border: 0;border-radius: 50px;opacity: 1;text-indent: 0;z-index: 3;position: relative;background: #E7FF51;color: #000;font-size:17px;}
.newsletterView .column.right .formbox .formfield.akcept {width: calc(100% - 183px);width:100%;}

.faqView{margin-bottom: 120px;}

.mainh1{font-size: 81px;line-height: 1;margin: 0 0 50px 0;font-weight: 400;}
.h1{font-size: 70px;line-height: 1;margin: 0 0 50px 0;font-weight: 400;}
.h2{font-size: 50px;line-height: 1.1;margin: 0 0 50px 0;font-weight: 400;}
.h3{font-size: 40px;line-height: 1.2;margin: 0 0 30px 0;font-weight: 400;}
.button{padding: 19px 50px;font-size: 17px;font-weight: 400;border-radius: 28px;overflow: hidden;position: relative;}
.button span{position: relative;z-index: 2;}
.button::before{width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: 1;opacity:0; background: background: #E7FF51;background: linear-gradient(90deg, rgba(231, 255, 81, 1) 0%, rgba(205, 210, 214, 1) 100%);content:'';}
/*.button:hover::before{opacity:1;}*/

.darkbg,.darkbgonhove:hover,.blackbg,.blackbgonhover:hover{background: #000;}
.graybg,.graybgonhover:hover{background: #CDD2D6;}
.lgraybg,.lgraybgonhover:hover{background: #F5F5F5;}
.greenbg,.greenbgonhover:hover{background: #E7FF51;}
.whitebg,.whitebgonhover:hover{background: #fff;}
.dark,.darkonhover:hover,.black,.blackonhover:hover{color:#000000;}
.lgray,.lgrayonhover:hover{color: #F5F5F5;}
.white,.whiteonhover:hover{color:#fff;}
.gray,.grayonhover:hover{color:#7C7C7C;}
.green,.greenonhover:hover{color:#E7FF51;}

.biopage .firstView{background-color: #000;}
@media (min-width: 2561px) {
    .biopage .firstView{background-size: cover;}
}
@media (min-width: 1951px) {
    .biopage .firstView{background-image: url(gfx/michal-gosek-bio-wide.avif);}
}
@media (min-width: 1501px) AND (max-width: 1950px) {
    .biopage .firstView{background-image: url(gfx/michal-gosek-bio-fhd.avif);}
}
@media (min-width: 768px) AND (max-width: 1500px) {
    .biopage .firstView{background-image: url(gfx/michal-gosek-bio-hd.avif);}
}
    
@media (max-width: 1400px) {
    .inner{width: calc(100% - 100px);}
    .h3 {font-size: 36px;}
    .whatidoView .column.left {max-width: 450px;}
    .whatidoView .column.right{width:calc(100% - 450px - 50px);}
    .contactView .right.column {max-width: 780px;}
    .contactView .bigarrow {left: auto;right: 677px;width: 300px;height: 242px;}
    .contactView .contactimg{right:827px;object-fit: cover;object-position: center center;width: calc(100vw - 875px);}
    .aboutpage .whyMeView .whyMe {width: calc(100% + 50px);}
    .h1 {font-size: 60px;}
    .specpage .forWhoView .whitebg {padding: 60px 56px;}
    .contactView.newsletterView .right.column {max-width: 640px;}
}
@media (max-width: 1300px) {
    .aboutpage .aboutMeView .thecontent,.moreAboutMeView .column.right {width: calc(100% - 530px);}
    .moreAboutMeView .column.left {width: calc(100% - 530px - 0px);}
    .blogpage .firstViewWrap .thecontent {max-width: 522px;margin: 300px 0 0 66px;}
    .blogpage .filtersView .myselect {float: left;margin: 20px 0 0 0;}
    .contactView.newsletterView .right.column {max-width: calc(100% - 480px - 50px);}
    .postpage .firstView .details .button{padding: 19px 30px;}
    .postpage .firstView .details .detail{width:calc((100% - 50px)/3);}
    .postpage .firstView .inner {padding: 175px 0 220px 0;}
    .contactpage .firstView a.clear {font-size: 32px;}
    .contactpage .firstView .column.left {max-width: 380px;}
    .contactpage .firstView .column.right {width: calc(100% - 430px);}
}
@media (max-width: 1200px) {
    .mainh1{font-size: 70px;}
    .homepage .firstView .column.left {max-width: calc(50% - 50px);}
    .homepage .firstView .column.left p {font-size: 20px;}
    .h3 {font-size: 34px;}
    .whatidoView .column.left {max-width: 350px;}
    .whatidoView .column.right{width:calc(100% - 350px - 50px);}
    .posts {gap: 34px 15px;}
    .posts .post {width: calc((100% - 30px) / 3);}
    .posts .post .details {padding: 20px;}
    .contactView .contactimg{right:687px;width: calc(100vw - 735px);}
    .contactView .bigarrow {right: 701px;width: 250px;height: 203px;bottom: 100px;}
    .contactView .right.column {max-width: 640px;}
    .h2 {font-size: 46px;}
    .contactView .h2 {font-size: 40px;}
    .aboutpage .aboutMeView .schema {width: 350px;}
    .moreAboutMeView .column.right {width: 400px;}
    .moreAboutMeView .column.left {width: calc(100% - 400px - 50px);max-width: none;}
    .moreAboutMeView .column.right a {font-size: 34px;}
    .aboutpage .aboutMeView .thecontent {max-width: calc(100% - 400px);width: calc(100% - 400px);}
    .biopage .chess{right: 50px;}
    .specspage .firstView .thecontent, .specpage .firstView .thecontent{column-gap:50px;}
    .specpage .forWhoView .forwho{gap:20px 50px;}
    .specpage .forWhoView .forwho .for {width: calc((100% - 50px) / 2);}
    .posts .post .details .title {font-size: 22px;}
    .blogpage .blogbg {margin: 100px 0 0 0;}
    .blogpage .firstViewWrap .thecontent {max-width: 432px;margin: 240px 0 0 66px;}
    .blogpage .firstViewWrap .scrolllink{margin: 0;}
    .postpage .maincontent{padding: 0 100px 50px 100px;}
    .postpage .rest .attachment-postBig {max-width: calc(100% + 200px);width: calc(100% + 200px);margin: 0 0 66px -100px;}
    .contactView.newsletterView .left.column {max-width: 400px;}
    .contactView.newsletterView .right.column {max-width: calc(100% - 400px - 50px);}
    .contactpage .firstView .details .linkedin {margin: 0 20px 0 0;}
    .contactpage .firstView a.clear {font-size: 29px;}
    .contactpage .firstView .column.left {max-width: 350px;}
    .contactpage .firstView .column.right {width: calc(100% - 400px);}
    .h1 {font-size: 55px;}
}
@media (max-width: 1023px) {
    .showOnTablet{display: block;}
    .hideOnTablet{display: none;}
    
    .homepage .firstView {height: 100svh;}
    .homepage .firstView .inner .left.column {max-width: 100%;width: 100%;height: 50svh;min-height: 0;padding-top: 150px;}
    .homepage .firstView .inner .left.column .middleY{top:auto;transform: none;}
    .homepage .firstView .column.left h1 {margin-bottom: 50px;}
    .homepage .firstView .column.left h1 br{display: none;}
    .homepage .firstView .column.right {max-width: 100%;width: 100%;height: 50svh;min-height: 0;position: relative;}
    .whatidoView .column.right{margin-top: 50px;}
    .posts .post{width:calc((100% - 15px) / 2);}
    .specpage .postsView .posts .post:nth-child(3),.postsView.related .posts .post:nth-child(3){display: none;}
/*    .posts .post:nth-child(3){display: none;}*/
    .blogpage .posts .post:nth-child(3){display: block;}
    .referencesView {margin-bottom: 100px;}
    .contactView .contactimg {right: 0;width: 100vw;max-width: 100vw;position: relative;height: 450px;float: left;object-position: center -100px;margin-left: -50px;}
    .contactView .right.column {padding: 50px 0 50px 0;}
    .contactView .button.left {top: 360px;left: auto;right: 0;bottom: auto;}
    .contactView .bigarrow{left: 0;height: 203px;top: 247px;width: 170px;bottom:auto;}
    footer .top ul.main li{margin: 0 0 0 20px;}
    footer .bottom .left.column .linkedin{position: absolute;left: 0;top: 50px;margin: 0;}
    .aboutpage .aboutMeView .inner{padding-top:150px;}
    .aboutpage .aboutMeView .inner h1{width: calc(100% - 300px);}
    .aboutpage .aboutMeView .schema {width: 250px;margin: 0;position: absolute;right: 0;top: 140px;}
    .moreAboutMeView .column.left{margin: 0 0 50px 0;}
    .h2 {font-size: 42px;}
    .aboutpage .whyMeView .whyarrows{top:2px;}
    .biopage .firstView .left.column {width: 540px;}
    .biopage .whatidoView {padding-top:50px;}
    .specspage .firstView .thecontent, .specpage .firstView .thecontent{column-count: 1;}
    .specspage .firstView, .specpage .firstView .inner {padding: 175px 0 100px 0;}
    .specspage .experienceView, .specpage .experienceView {padding-bottom: 100px;}
    .specpage .firstView svg.abs{right: -100px;}
.postsView,.aboutMeView .inner,.whatidoView {padding: 100px 0 100px 0;}
.contactpage .firstView .column.left,.contactpage .firstView .column.right,.postpage .forWhowView .forWho .for,.contactView.newsletterView .left.column,.contactView.newsletterView .right.column,.specpage .forWhoView .forwho .for,.services li,.moreAboutMeView .column.left,.moreAboutMeView .column.right,.aboutpage .aboutMeView .thecontent,.contactView .right.column,.contactView .right.column .formbox,.whatidoView .column.left,.whatidoView .column.right{width:100%;max-width: 100%;}
    .postsView .h2,.contactView .right.column .h2 {margin-bottom: 50px;}
    .blogpage .filtersView {margin: 30px 0 50px 0;}
    .blogpage .filtersView .cats li:last-child{margin-right: 0;}
    .blogpage .filtersView .cats li a{padding: 11px 10px;min-width: calc((100vw - 100px - 36px)/5);}
    .blogpage .firstViewWrap .inner{padding-top: 145px;}
    .blogpage .firstViewWrap .thecontent {max-width: 100%;margin: 120px 0 0 26px;}
    .postpage .firstView .chess {bottom: -43px;right: 0;width: 250px;}
    .postpage .firstView .inner {padding: 175px 0 150px 0;}
    .postpage .maincontent {padding: 0 30px 50px 30px;}
    .postpage .rest .whitebg .excerpt {padding: 50px 0;}
    .postpage .rest .attachment-postBig {max-width: calc(100% + 60px);width: calc(100% + 60px);margin: 0 0 66px -30px;}
    .postpage .thecontent blockquote::before {width: 140px;height: 111px;position: absolute;top: 0;left: -5px;}
    .postpage .rest > .whitebg {margin-bottom: 75px}
    .postpage .firstView .details.flex {padding: 110px 0 0 0;}
    .postpage .firstView .details .button{top: 0;left: 0;text-align: center;}
    .postpage .firstView .details .detail {width: calc((100% - 24px) / 3);}
    .postpage .firstView .chess{display: none;}
    .postpage .agendaView {margin: 0px 0 75px 0;}
    .postpage .forWhowView {margin: 0px 0 80px 0;}
    .contactpage .firstView {padding: 175px 0 75px 0;}
    .contactpage .firstView .column.left{margin-bottom: 50px;}
    .subpage .firstView .inner h1 {padding-right: 0;}
    .postpage .firstView .inner {padding: 175px 0 50px 0;}
    .blogpage .wp-pagenavi .nextpostslink,.blogpage .wp-pagenavi .previouspostslink{width:180px;margin: 0;}
}
@media (max-width: 767px) {
    .inner{width: calc(100% - 40px);}
    .showOnMobile{display: block;}
    .hideOnMobile{display: none;}
    
    .posts .post:nth-child(3),.specpage .postsView .posts .post:nth-child(3),.postsView.related .posts .post:nth-child(3){display: block;}
    header .logo {margin: 20px 0 0 0px;}
    header .menubutton {margin: 10px 0 0 0px;width: 55px;height: 55px;}
    header.active nav {top: 10px;right: 0px;width: calc(100vw - 40px);box-sizing: border-box;padding: 65px 20px 20px 20px;}
    header .langs{margin: 10px 0 0 10px;position: absolute;display: none;}
    header.active .langs{display: block;}
    header nav ul.main li a{font-size: 26px;}
    header nav ul.main {margin: 0 0 30px 0;}
    header nav .column {margin: 0 0 20px 0;}
    header nav .column.address p{margin: 0;}
    .mainh1 {font-size: 53px;}
    .homepage .firstView .inner .left.column{height: auto;padding-bottom: 40px;}
    .homepage .firstView .inner .left.column .button{width:100%;box-sizing: border-box;position: relative;text-align: center;}
    .homepage .firstView {height: auto;}
    .homepage .firstView .column.right .chessboard .abs{width: 200px;}
    .h1 {font-size: 40px;margin: 0 0 30px 0;}
    .h2 {font-size: 30px;margin: 0 0 30px 0;}
    .h3 {font-size: 26px;margin: 0 0 30px 0;}
    .aboutMeView h2 {margin: 0 0 40px 0;}
    .whatidoView .column.right .specs {margin: 30px 0 0 0;}
    .whatidoView .column.right .specs li a{font-size: 20px;}
    .referencesView .references .reference{width:calc(100vw - 40px);}
    .referencesView .arrows {width: 100vw;margin: 20px 0 0 0;}
    .referencesView .references .reference svg {margin: 0 0 15px 0;width: 40px;}
    .referencesView .references .reference .ref{margin: 0 0 10px 0;}
    .referencesView {margin-bottom: 50px;}
    .contactView .contactimg{height: 340px;object-position: center -50px;margin-left: -20px;}
    .contactView .bigarrow {height: 80px;top: 237px;width: 100px;}
    .contactView .button.left {top: 260px;}
    .contactView .h2 {font-size: 32px;}
    footer{padding:30px 0 50px 0 ;}
    footer .logo{left:50%;position: relative;transform: translateX(-50%);margin: 0 0 40px 0;}
    footer .autowidth{width:100%;text-align: center;}
    footer *{text-align: center;}
    footer .top ul.main li,footer .top ul.sub li{margin: 0 0 20px 0;}
    footer .top ul li,footer .top ul li a{width:100%;}
    footer .bottom .left.column .column{margin: 0;}
    footer .bottom .left.column .column .phone,footer .bottom .left.column .column .email{left:50%;position: relative;transform: translateX(-50%);}
    footer .bottom .left.column .column.address{margin-top: 20px;}
    footer .bottom .left.column .linkedin {position: relative;left: 50%;top: auto;transform: translateX(-50%);margin: 0 0 30px 0;}
    footer .bottom .left.column .linkedin svg{float: left;}
    footer .bottom .right.column p{width:100%;text-align: center !important;margin: 0 0 20px 0 !important;}
    footer .bottom .right.column p a{width:100%;display: block;}
    .aboutpage .aboutMeView .schema {width: 250px;margin: 0 0px 30px -125px;position: relative;right: auto;top: 0;float: left;left: 50%;}
    .aboutpage .aboutMeView .inner h1 br{display: none;}
    .moreAboutMeView .column.right .mainimg {height: auto;}
    .moreAboutMeView .column.right img.abs {width: 200px;}
    .moreAboutMeView .column.left img{left: 135px;}
    .moreAboutMeView .column.right .img {margin: 0 0 50px 0;}
    .moreAboutMeView .column.right a {font-size: 28px;}
    .aboutpage .whyMeView,.moreAboutMeView {padding-bottom: 50px;}
    .aboutpage .whyMeView .h2{padding-right: 110px;}
    .aboutpage .whyMeView .whyMe .becouse{width:calc(100vw - 40px);padding: 20px;}
    .aboutpage .whyMeView .whyMe .becouse .title{margin-bottom: 20px;}
    .aboutpage .whyMeView .whyMe .becouse{background-size: auto 100%;}
    .biopage .firstView .left.column .position {margin: -10px 0 40px 0;}
    .biopage .chess {right: 0;width: 200px;bottom: -25px;}
    .biopage .bioimg {width:100vw;max-width:100vw;margin: 30px 0 0 -20px;display: block;float: left;}
    .biopage .firstView .left.column .contacts {margin: 20px 0 0 0;}
    .biopage .firstView .left.column{padding-bottom: 0;}
    .experienceView .experience .exp p.title{font-size: 20px;line-height: 1.3;}
    .experienceView .experience .exp .text{width: calc(100% + 65px);}
    .experienceView .experience .exp p.title{padding-top: 0;}
    .biopage .whatidoView {padding-top: 0px;}
    .specspage .firstView, .specpage .firstView .inner{padding: 120px 0 50px 0;}
    .specspage .firstView .h3 br{display: none;}
    .specspage .firstView .thecontent, .specpage .firstView .thecontent{margin: 0;}
    .specspage .experienceView, .specpage .experienceView {padding-bottom: 50px;}
    .services {list-style-position:outside;padding: 0 0 0 20px;}
    .specpage .servicesView .experienceView .experience .exp .button,.specpage .firstView .button{padding: 19px 30px;width: 100%;box-sizing: border-box;position: relative;text-align: center;}
    .specpage .forWhoView .whitebg {padding: 20px;}
    .specpage .forWhoView .chess {width: 200px;height: 130px;}
    .specpage .servicesView {padding: 30px 0 20px 0;}
    .specpage .servicesView .experienceView .experience .exp, .postpage .experienceView .experience .exp{padding: 20px;}
    .experienceView .experience .exp p.title::before{top:-8px;}
    .experienceView .experience .exp p.title::after{top:8px;}
    .specpage .servicesView .experienceView .experience .exp .title, .postpage .experienceView .experience .exp .title {padding: 0 50px 0 0px;width: 100%;box-sizing: border-box;}
    .specpage .servicesView .experienceView .experience .exp .text,.agendaView .experienceView .experience .exp .text {width: 100%;}
    .specpage .otherSpecializations {padding-top: 50px;}
    .blogpage .blogbg {margin: 170px 0 0 0;position: absolute;}
    .blogpage .firstViewWrap .thecontent{margin: 280px 0 0 0;color:#112954;}
    .blogpage .firstViewWrap .inner {height: auto;position: relative;}
    .blogpage .filtersView .cats li{margin: 0 8px 5px 0;width: 100%;}
    .blogpage .filtersView {margin: 20px 0 50px 0;}
    .blogpage .wp-pagenavi .nextpostslink,.blogpage .wp-pagenavi .previouspostslink{width:100%;text-align: center;position: relative;box-sizing: border-box; margin: 10px 0;}
    .blogpage .pagenaviView {margin: 50px 0 0 0;}
    .blogpage.padtop{padding-top: 100px;}
.postpage .firstView .inner,.blogpage .firstViewWrap .inner,.biopage .firstView .left.column,.homepage .firstView .inner .left.column,.aboutpage .aboutMeView .inner{padding-top: 120px;}
.biopage .experienceView,.postsView, .aboutMeView .inner, .whatidoView {padding: 50px 0;}
.posts .post,.aboutpage .aboutMeView .inner h1,.postpage .firstView .details .detail {width: 100%;}
    .postpage .h1 {font-size: 30px;}
    .postpage .firstView .inner{padding-bottom: 20px;}
    .postpage .rest > .whitebg {width: 100vw;margin: 0 0 0px -20px;float: left;border-radius: 0;padding: 0 20px;}
    .postpage .rest .whitebg .excerpt {padding: 30px 0;}
    .postpage .rest .whitebg .excerpt p {font-size: 20px;}
    .postpage .rest .attachment-postBig {max-width: 100vw;width: 100vw;margin: 0 0 40px -20px;border-radius: 0;}
    .postpage .rest .thecontent h1{font-size: 30px;margin: 20px 0 20px 0;}
    .postpage .rest .thecontent h2{font-size: 27px;margin: 20px 0 20px 0;}
    .postpage .rest .thecontent h3{font-size: 24px;margin: 20px 0 20px 0;}
    .postpage .rest .thecontent h4{font-size: 22px;margin: 20px 0 20px 0;}
    .postpage .rest .thecontent h5{font-size: 20px;margin: 20px 0 20px 0;}
    .postpage .rest .thecontent h6{font-size: 18px;margin: 20px 0 20px 0;}
    .postpage .thecontent blockquote::before {width: 60px;height: 48px;}
    .postpage .thecontent blockquote {padding: 0 0 0 80px;margin: 10px 0 40px 0;min-height: 70px;}
    .postpage .thecontent blockquote p {font-size: 20px;}
    .postpage .rest .details {margin: 20px 0 0 0;}
    .postpage .moreAboutMeView .column.left{margin-top: 50px;}
    .newsletterView {padding: 30px 0 0 0;margin: 0 0 50px 0;}
    .contactView.newsletterView .right.column{padding-top: 20px;}
    .postpage .details a.underline, .postpage .details .date{line-height: 1.4;font-size: 18px;margin: 10px 0px 0 0;}
    .postpage .firstView .details.flex{gap:5px;}
    .postpage .firstView .details.flex {padding: 100px 0 30px 0;}
    .postpage .agendaView{margin: 0 0 -30px 0;}
    .contactpage .firstView {padding: 120px 0 50px 0;}
    .contactpage .firstView .h1 {margin: 0 0 40px 0;}
    .contactpage .firstView a.clear {font-size: 26px;}
    .contactpage .firstView .details .linkedin {margin: 0 10px 0 0;}
    .contactpage .firstView .address {width: calc(100% - 50px);}
    .subpage .firstView .inner{padding-top: 120px !important;}
    .subpage .firstView .inner h1{margin: 0;}
    .posts .post .img .post_shape1{width: 166px;}
    .posts .post .img .post_shape2{width: 300px;}
    .error404 #content .page-content h1 {font-size: 120px;line-height: 120px;}
    .faqView{margin-bottom: 50px;}
}
@media (max-width: 374px) {
    .button {padding: 19px 30px;}
    .contactpage .firstView a.clear,.moreAboutMeView .column.right a {font-size: 24px;}
    .moreAboutMeView .column.left img {left: 95px;top: calc(100% - 30px);}
    .specpage .firstView .button {padding: 19px 10px;}
    .h2 {font-size: 26px;}
    
}

@keyframes hinge-in {
  0%   { transform: perspective(600px) rotateY(-28deg) scale(1); }
  100% { transform: perspective(600px) rotateY(0deg)   scale(1.12); }
  /* start: prawa strona wysunięta → koniec: płasko i większe */
}