/*!
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,.btn,.btn-sm,.btn-f{-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;}
body, html { height: 100%; box-sizing: border-box;color:#002442;background:#fff;letter-spacing: 0px;-webkit-text-size-adjust: 100%;}
html * {font-family: "Instrument Sans", sans-serif;line-height: 1.1;}
.font2,.font2 *,h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,.h2,.h2 *, .h3 * {font-family: 'XXIICentar';line-height: 1;font-weight: 100;}
ul,ol{list-style-position: inside;}
.thecontent ul,.thecontent ol{list-style-position: outside;padding: 0 0 20px 20px;}
.thecontent li ul,.thecontent li ol{padding-top: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:#002442;text-decoration: none !important;}
.underline{text-decoration: underline !important;}
.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 30px 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 {margin:0 0 30px 0;}*/
.postpage .thecontent h1 {font-size: 30px;margin: 30px 0 40px 0;float: left;width: 100%;}
.postpage .thecontent h2 {font-size: 28px;margin: 30px 0 40px 0;float: left;width: 100%;}
.postpage .thecontent h3 {font-size: 26px;margin: 30px 0 30px 0;float: left;width: 100%;}
.postpage .thecontent h4 {font-size: 24px;margin: 30px 0 30px 0;float: left;width: 100%;}
.postpage .thecontent h5 {font-size: 22px;margin: 30px 0 30px 0;float: left;width: 100%;}
.postpage .thecontent h6 {font-size: 20px;margin: 30px 0 30px 0;float: left;width: 100%;}
.postpage .thecontent h1:first-child,.postpage .thecontent h2:first-child,.postpage .thecontent h3:first-child,.postpage .thecontent h4:first-child,.postpage .thecontent h5:first-child,.postpage .thecontent h6:first-child{margin-top: 0;}
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%);}
.middleX.toanime.frombottom {transform: translateX(-50%) translateY(150px);}
.middleX.toanime.frombottom.active {transform: translateX(-50%) translateY(0);}
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:20px;border-radius: 5px;}
    header .inner{border-bottom: 1px solid #E6E9EC;height: 100px;}
    .blog header .inner::before{background: #fff;width:calc(100% + 90px);height:calc(100% + 1px);position: absolute;top:0;left: -45px;border-radius: 5px;content:'';}
        header .searchbox{margin-left: 80px;width: 200px;height: 40px;}
            header .searchbox form{width:calc(100% - 33px);}
                header .searchbox input[type="text"]{color:#00BAE8;background: transparent;border:0;border-radius: 0;height: 40px;font-size: 16px;}
                header .searchbox ::placeholder{color:#00BAE8;font-size: 16px;}
                header .searchbox input[type="submit"]{background: transparent;border:0;border-radius: 0;height: 40px;width:40px;position: absolute;padding: 0;text-indent: -999999px;top: 0;left: -9px;cursor:pointer;}
        nav ul.langs{margin: 0 0 0 60px;}
            nav ul li{float: left;list-style: none;margin: 0 0 0 30px;}
                nav ul li a{font-size: 16px;line-height: 100px;}
                nav ul li a:hover{color:#00BAE8 !important;}
                header.seccol nav ul li a{color: #fff;display: block;}
            nav ul.langs li{margin: 0 0 0 20px;position: relative;}
            nav ul.langs li::before{width: 1px;background: #002442;height: 14px;position: absolute;top:43px;left: -9px;content:'';}
            header.seccol nav ul.langs li::before{background:#fff;}
            nav ul.langs li:first-child{margin: 0;}
            nav ul.langs li:first-child::before{display: none;}

.homepage .firstView{height: 100svh;}
    .homepage .firstView .videobox{height: 100vh;width: 100vw;position: absolute;top:0;left: 0;overflow: hidden;}
    .homepage .firstView .videobox::before{position: absolute;width:100%;height: 100%;background: #002442;top:0;left: 0;content:'';opacity: 0.29; -webkit-transition: all ease-out 1.1s;-moz-transition: all ease-out 1.1s;-o-transition: all ease-out 1.1s;transition: all ease-out 1.1s;z-index:2;}
        .homepage .firstView .videobox #bgvid{top: 50%;left: 50%;min-width: 100%;min-height: 100%; width: auto;height: auto;z-index: -100;z-index: 0;position: absolute;transform: translateX(-50%) translateY(-50%);    object-fit: cover;object-position: right;width: 100%;}
    .homepage .firstView .inner{height: 100svh;}
        .homepage .firstView .inner h1{position: absolute;bottom: 110px;font-size: 100px;margin: 0;}
        .homepage .firstView .inner .scrolllink{bottom: 115px;right: 0;}

.homepage .aboutView{padding: 150px 0 130px 0;}
    .homepage .aboutView .left.column{width:480px;}
    .homepage .aboutView .right.column{width:640px;max-width: calc(100% - 480px - 50px);}
        .homepage .aboutView .right.column .btn{margin: 50px 0 0 0;}

.areasView{padding: 150px 0;}
    .areasView .areas{display: flex;justify-content: center;gap:20px;flex-wrap: wrap;margin: 80px 0 0 0;}
        .areasView .areas .area{width:calc((100% - 60px)/4);padding: 150px 20px 20px 20px;}
            .areasView .areas .area svg{position: absolute;top:20px;left: 20px;z-index: 2;}
            .areasView .areas .area .name{font-size: 40px;line-height: 1.2;margin: 0 0 30px 0;}
            .areasView .areas .area .desc{font-size: 16px;line-height: 1.2;margin: 0;}
            .areasView .areas .area p{z-index: 2;position: relative;}
            .areasView .areas .area::before{position: absolute;top:0;left: 0;width: 100%;height: 100%;opacity:0;z-index: 1; background: linear-gradient(45deg, #F6F6F6 21.5%, rgba(127, 217, 239, 0.61) 56%, rgba(0, 186, 232, 0.2) 95%);content:'';}
            .areasView .areas .area:hover::before{opacity:1;}
            
.numbersView{padding: 115px 0 150px 0;}
    .numbersView .numbers{display: flex;justify-content: center;gap:63px;flex-wrap: wrap;margin: 80px 0 0 0;}
        .numbersView .numbers .numberbox{width: 300px;height: 300px;}
            .numbersView .numbers .numberbox .number{font-size: 111px;line-height: 1;margin:60px 0 0 0;}
                .numbersView .numbers .numberbox .number.length-5{font-size: 85px;}
                .numbersView .numbers .numberbox .number.length-6{font-size: 70px;}
                .numbersView .numbers .numberbox .number.length-7{font-size: 62px;}
                .numbersView .numbers .numberbox .number.length-8{font-size: 55px;}
                .numbersView .numbers .numberbox .number.length-9{font-size: 48px;}
                .numbersView .numbers .numberbox .number.length-10{font-size: 41px;}
                .numbersView .numbers .numberbox .desc{font-size: 16px;line-height: 1.2;margin: 20px 0 0 0;width: 200px;position: relative;}

.postsView{padding: 105px 0 130px 0;}
    .postsView .posts{display: flex;justify-content: center;gap:40px;flex-wrap: wrap;margin: 80px 0 0 0;}
    .posts .post{width:calc((100% - 100px)/3);}
        .posts .post::after{width:1px;height: 100%;position: absolute;top:0;right: -21px;background: #6A6A6A;content:'';}
        .posts .post .date{font-size: 16px;line-height: 1;margin: 0 0 30px 0;}
        .posts .post .title{font-size: 27px;line-height: 1.2;min-height: 97px; margin: 0 0 37px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
        .posts .post:hover .date,.posts .post:hover .title{color: #00BAE8;}
        .posts .post .btn-sm{margin: 0 0 35px 0;}
        .posts .post .image{border-radius: 5px;}
        .posts .post img{display: block;border-radius: 5px;-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;}
        .posts .post:hover img{opacity: 0.7;}

.aboutTeamView{padding: 107px 0 147px 0;background: url(gfx/zespolbg.avif) center center no-repeat;background-size:cover;}
    .aboutTeamView svg{float: left;margin: 0 0 50px 0;}
    .aboutTeamView .h2{float: left;width:100%;line-height: 1.2;margin: 0 0 60px 0;}
    .aboutTeamView .h2 strong{color: #00BAE8;font-weight: 100;}

.contactFormView{padding: 135px 0 150px 0;}
    .contactFormView .column.left{width: 487px;max-width: 100%;}
        .contactFormView .column.left .h2{margin: 0 0 110px 0;}
        .contactFormView .column.left .contactus p{font-size: 30px;line-height: 1;margin: 0 0 30px 0;}
        .contactFormView .column.left .contactus a:first-of-type{clear: both;margin-left: 0;}
        .contactFormView .column.left .contactus a{float: left;margin: 0 0 0 30px;font-size: 30px;line-height: 1;}
    .contactFormView .column.right{width: 487px;max-width: 100%;}
        .contactFormView .column.right form {width: 100%;}
            .contactFormView .column.right form p{margin: 0;line-height: 1;}
            .contactFormView .column.right form .baseinput {margin: 0 0 20px 0;}
                .contactFormView .column.right form .baseinput input,.contactFormView .column.right form .baseinput textarea,.contactFormView .column.right form .baseinput select{width: 100%;border:0;border-bottom:1px solid rgba(255, 255, 255, 0.5);background:none;border-radius:0;font-size:20px;height:40px;color:#fff;box-sizing: border-box;font-family: 'XXIICentar';}
                .contactFormView.whitebg .column.right form .baseinput input,.contactFormView.whitebg .column.right form .baseinput textarea,.contactFormView.whitebg .column.right form .baseinput select{border-bottom:1px solid #0062AB;border-bottom:1px solid #002442;color:#0062AB;color:#002442;}
                .contactFormView .column.right form .baseinput textarea{height: 120px;padding: 8px 0 10px 0;resize: none;}
                .contactFormView .column.right form .baseinput textarea[aria-invalid="true"]{margin-bottom: -5px;}
                .contactFormView .column.right form .baseinput select{ -webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;z-index: 2;}
                .contactFormView .column.right form .baseinput.select svg{position: absolute;right: 0;top:-10px;}
                .contactFormView.whitebg .column.right form .baseinput.select svg rect{fill:#0062AB;}
                .contactFormView.whitebg .column.right form .baseinput.select svg g path{fill:#fff;}
                .contactFormView .column.right form .baseinput.select:hover svg rect{fill:#00BAE8;cursor: pointer;}
                .contactFormView .column.right form .baseinput ::placeholder{color:#fff;}
                .contactFormView.whitebg .column.right form .baseinput ::placeholder{color:#0062AB;color:#002442;}
            .contactFormView .column.right form .akcept{width:calc(100% - 200px);margin-top: 8px;}
                .contactFormView .column.right form .akcept p{font-size: 15px;margin: 0;line-height: 1.2;}
                .contactFormView .column.right form .akcept .wpcf7-list-item{margin: 0;}
                .contactFormView .column.right form .akcept a{color:#fff;text-decoration: underline !important;}
                .contactFormView .column.right form .akcept a:hover{color:#00BAE8 !important;}
                .contactFormView.whitebg .column.right form .akcept a{color:#0059A5;color:#002442;}
                .contactFormView .column.right form .akcept label{position: relative;float: left;width:100%;padding: 0 0 0 30px;}
                    .contactFormView .column.right form .akcept label::before{width:16px;height: 16px;border-radius: 4px;background: #fff;position: absolute;top:0;left: 2px;transform:rotate(45deg);content:'';}
                    .contactFormView.whitebg .column.right form .akcept label::before{background: #fff;border:1px solid #0062AB;}
                    .contactFormView .column.right form .akcept label:has(input:checked)::after{width:10px;height: 10px;border-radius: 3px;background: #0059A5;position: absolute;top:3px;left: 5px;transform:rotate(45deg);content:'';}
                    .contactFormView.whitebg .column.right form .akcept label:has(input:checked)::after{top: 4px;left: 6px;}
                    .contactFormView .column.right form .akcept label input{position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
            .contactFormView .column.right form .formfield.send{width:138px;height:49px;}
                .contactFormView .column.right form .formfield.send:hover svg path{fill:#fff;}
                .contactFormView.whitebg .column.right form .formfield.send:hover svg path{fill:#0059A5;}
                .contactFormView .column.right form .formfield.send:has(.wpcf7-submit:disabled):hover svg path{fill:none;}
                .contactFormView .column.right form .formfield.send:hover input{color:#0059A5;}
                .contactFormView.whitebg .column.right form .formfield.send:hover input{color:#fff;}
                .contactFormView .column.right form .formfield.send:has(.wpcf7-submit:disabled):hover input{color:#fff;}
                .contactFormView.whitebg .column.right form .formfield.send:has(.wpcf7-submit:disabled):hover input{color:#0059A5;}
                .contactFormView .column.right form .formfield.send input{z-index: 2;position: relative;width: 100%;border:0;background:none;border-radius:0;font-size:18px;height:49px;color:#fff;text-align: center;}
                .contactFormView.whitebg .column.right form .formfield.send input{color:#0059A5;}
                .contactFormView .column.right form .formfield.send:has(.wpcf7-submit:disabled){opacity: 0.5;cursor:not-allowed;}
                .contactFormView .column.right form .formfield.send svg{position: absolute;top:0;left: 0;}
                .contactFormView.whitebg .column.right form .formfield.send svg defs stop{stop-color:#0059A5;}
                .contactFormView .column.right form .formfield.send .wpcf7-spinner{position: absolute;top:50px;left: 0;}
        .contactFormView .column.right form .wpcf7-not-valid-tip{background: #fff;color:#c31818;padding: 10px 15px;font-size: 14px;}
        .contactFormView .column.right form.invalid .wpcf7-response-output,.contactFormView .column.right form.unaccepted .wpcf7-response-output,.contactFormView .column.right form.payment-required .wpcf7-response-output{background: #fff;color:#c31818;padding: 15px 20px;font-size: 16px;box-sizing: border-box;width:100%;border:0;}
        .contactFormView .column.right form.sent .wpcf7-response-output{background: #fff;color:#00BAE8;padding: 15px 10px;text-align:center;font-size: 20px;box-sizing: border-box;width:100%;border:0;}

footer{padding: 20px 0;}
    footer .top{margin: 0 0 60px 0;}
        footer .top nav ul li a {line-height: 60px;}
        footer .top nav ul.langs li a {color:#0059A5;}
        footer .top nav ul.langs li a:hover {color:#00BAE8;}
        footer .top nav ul.langs li::before {top:23px;background: #0059A5;}
    footer .bottom .column.left .box{margin-left: 60px;}
    footer .bottom .column.left .box:first-child{margin-left: 0px;}
    footer .bottom .column.left .box *{line-height: 1.4;font-size: 16px;}
    footer .bottom .column.left .box p{margin: 0;}
    footer .bottom .column.right p.font2{font-size: 22px;line-height: 1;margin: -10px 0 25px 0;}
footer .endofend{color: #80B0D5;margin: 70px 0 0 0;}
    footer .endofend p{font-size: 15px;}
    footer .endofend a{color: #80B0D5;}
    footer .endofend a:hover{color: #0059A5;}

.aboutpage .firstView{padding-bottom: 105px;}
    .aboutpage .firstView .h1{margin: 0 0 115px 0;}
    .aboutpage .firstView .thecontent{max-width:960px;}
        .aboutpage .firstView .thecontent h2{margin: 0 0 50px 0;}
.aboutpage .valuesView{padding: 115px 0 60px 0;}
    .valuesView .values{display: flex;justify-content: center;gap:78px;flex-wrap: wrap;margin: 80px 0;}
        .valuesView .values .value{width: 370px;height: 370px;}
        .valuesView .values .value::before,.numbersView .numbers .numberbox::before{width: 370px;height: 370px;border:1px solid rgba(0, 186, 232, 0.15);position: absolute;top:0;left: 0;transform: translate(-50%,-50%) rotate(45deg);top:50%;left:50%;content:'';}
        .valuesView .values .value::after,.numbersView .numbers .numberbox::after{width: 1px;height: 518px;background: rgba(0, 186, 232, 0.15);position: absolute;top:0;left: 0;transform: translate(-50%,-50%);top:50%;left:50%;content:'';}
        .numbersView .numbers .numberbox::before{width: 300px;height: 300px;}
        .numbersView .numbers .numberbox::after{height: 298px;}
            .valuesView .values .value svg.abs{top:0;left: 0;}
            .valuesView .values .value svg.middleX{margin: 40px 0 20px 0;}
            .valuesView .values .value .title{font-size: 30px;line-height: 1;padding:20px 30px 40px 30px;margin: 0; width: 100%;box-sizing: border-box;position: relative;min-height: 120px;}
            .valuesView .values .value .text{font-size: 16px;line-height: 1.2;padding: 0px 45px;width: 100%;box-sizing: border-box;position: relative;margin: 0;}
.aboutpage .referencesView{padding: 60px 0 180px 0;}
    .aboutpage .referencesView .h2{margin: 0 0 80px 0;}
    .dots .u-dots{display: flex;gap:16px;margin: 0 0 40px 0;}
        .dots .u-dots .u-dot{width:15px;height: 15px;border-radius: 4px;transform: rotate(45deg);background: rgba(255, 255, 255, 0.5);float: left;position: relative;cursor:pointer;}
        .dots .u-dots .u-dot:hover{background: #fff;}
        .dots .u-dots .u-dot.is-active{background: #00BAE8 !important;}
    .aboutpage .referencesView .references{max-width: 1100px;}
        .aboutpage .referencesView .references .reference .text{font-size: 40px;line-height: 1.2;margin: 0 0 40px 0;}
        .aboutpage .referencesView .references .reference .sub{font-size: 16px;line-height: 1.2;margin: 0;}
.aboutpage .probonoView .arrows{position: absolute;top: 577px;z-index: 2;left: calc(50vw + 50px);}
    .aboutpage .probonoView .arrows .u-arrow{width:57px;height: 57px;border-radius: 4px;transform: rotate(45deg);cursor: pointer;}
    .aboutpage .probonoView .arrows .u-arrow svg{margin: 3px 0px 0px -3px;}
    .aboutpage .probonoView .arrows .u-arrow:hover svg path{fill:#00BAE8;}
    .aboutpage .probonoView .arrows .u-arrow.u-next{transform: rotate(225deg);margin-left: 27px;}
.aboutpage .probonoView .probono .probon{display: flex;height: 770px;}
    .aboutpage .probonoView .probono .probon .column.left .thecontent{float: right;max-width: 510px;padding: 110px 140px 100px 0;box-sizing: content-box;}
        .aboutpage .probonoView .probono .probon .column.left .thecontent .h2{margin: 0 0 80px 0;}
        .aboutpage .probonoView .probono .probon .column.left .thecontent a{color:#fff;text-decoration: underline !important;}
        .aboutpage .probonoView .probono .probon .column.left .thecontent a:hover{color:#00BAE8;}
    .aboutpage .probonoView .probono .probon .column.right::before{width:100%;height: 300px;position: absolute;bottom: 0;left: 0;content:'';/* Rectangle 45 */background: linear-gradient(180deg, #002442 0%, rgba(0, 36, 66, 0) 100%);transform: rotate(180deg);}
        .aboutpage .probonoView .probono .probon .column.right img{width:100%;height: 100%;object-fit: cover;float: left;}
        .aboutpage .probonoView .probono .probon .column.right p{position: absolute;width: 510px;top:680px;left: 50px;font-size: 16px;line-height: 1.2;margin: 0;}

.teampage h1,.areaspage h1{margin: 0 0 60px 0;}
.teampage .thecontent,.areaspage .thecontent{max-width: 650px;margin: 0 0 60px 0;}
.teampage .filters{margin: 0 0 80px 0;}
.teampage .team{margin: 0 0 115px 0;}
.team{display: flex;justify-content: center;gap:55px 24px;flex-wrap: wrap;}
    .team .member{width:calc((100% - (24px * 3))/4);}
        .team .member .image{border-radius: 4px;overflow: hidden;}
            .team .member .image img{display: block;-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;}
/*            .team .member:hover .image img{opacity: 0.7;}*/
            .team .member .image svg{position: absolute;bottom: 20px;right:20px;}
        .team .member .details {padding: 0 0 20px 0;border-bottom: 1px solid #B3BDC6;margin: 0 !important;}
        .team .member .details .name{margin: 25px 0 10px 0;line-height: 1.2;font-size: 25px;}
/*        .team .member:hover .details .name,.team .member:hover .details .position{color:#00BAE8;}*/
        .team .member .details .position{margin: 0;line-height: 1.2;font-size: 16px;    min-height: 38px;}

.memberpage{padding-top: 120px;}
    .memberpage .firstView{margin-bottom: 100px;}
    .memberpage .column.left{width:calc(100% - 480px);padding-right: 160px}
        .memberpage .column.left .h1{margin: 90px 0 35px 0;}
        .memberpage .column.left .position{font-size: 18px; margin: 0 0 35px 0;}
        .memberpage .column.left .scrolllink{margin: 30px 0 0 0;}
    .memberpage .column.right{width:480px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-left-radius: 4px;}
        .memberpage .column.right::before{width:50vw;height: 100%;position: absolute;top:0;left: 0;content:'';background: #002442;}
        .memberpage .column.right .z2{padding: 97px 0 86px 86px;}
        .memberpage .column.right img{margin: 0 0 40px 0;}
        .memberpage .column.right p.font2{font-size: 30px;line-height: 1;margin: 0 0 35px 0;}
        .memberpage .column.right .btn-white{margin-bottom: 11px;width: calc(50% - 74px);}
        .memberpage .column.right .btn-white.email{margin-bottom: 0;width:calc(100% - 74px);text-align: center;}
    .memberpage .areasView{padding-top: 0;}
        .memberpage .areasView .h2{margin: 30px 0 70px 0;}
        .memberpage .areasView .borderlabel{border-bottom: 1px solid #B3BDC6;padding: 0 0 10px 0;font-size: 25px;line-height: 1;margin: 0 0 30px 0;}
        .memberpage .areasView .areas{margin: 0;}
        .memberpage .areasView .areas.areas-count-1,.memberpage .areasView .areas.areas-count-2,.memberpage .areasView .areas.areas-count-3{justify-content: left;}
    .memberpage .buttonsView{margin: 0 0 57px 0;}
    .memberpage .imgView{height: 275px;background: url('gfx/servicebg.avif') center center no-repeat;background-size: cover;}

.areaspage .areasView{padding-top: 0;}
.areaspage .areas{justify-content: left;margin: 0;}

.single-obszar .areapage .firstView{background: url('gfx/areabg.avif') center center no-repeat;background-size: cover;}
.areapage .firstView{padding-bottom: 90px;}
    .areapage .firstView .h1{margin: 0 0 70px 0;}
    .areapage .firstView .thecontent{max-width: 1130px;margin: 0 0 50px 0;}
        .areapage .firstView .thecontent *{font-size: 35px;font-size: 25px;line-height: 1.4;}
.areapage .servicesView{padding: 130px 0 100px 0;}
.areapage .servicesView::before{width: 1440px;height: 425.37px;left: 50%;bottom: -200px;background: #74E3FF;filter: blur(142.5px);content: '';position: absolute;opacity: 0.2;transform: translateX(-50%);}
    .areapage .servicesView .services{display: flex;gap:20px 40px;margin: 50px 0 0 0;flex-wrap: wrap;}
        .areapage .servicesView .services .service{font-size: 17px;display: flex;gap:15px;padding: 10px;/*border:1px solid transparent;border-image:linear-gradient(90deg, #00BAE8, #0062AB) 1;*/border-radius: 12px;width:calc((100% - 40px)/2);}
        .areapage .servicesView .services .service::before {content: '';position: absolute;inset: 0;border-radius: 5px;padding: 1px;background: linear-gradient(90deg, #00BAE8, #0062AB);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: destination-out;mask-composite: exclude;}
        .areapage .servicesView .services .service::after{border-radius:5px;overflow:hidden;width: 100%;height: 100%;position: absolute;top:0;left: 0;background: linear-gradient(90deg, #00BAE8, #0062AB);content:'';opacity: 0;}
        .areapage .servicesView .services .service:hover::after{opacity: 1;}
            .areapage .servicesView .services .service svg{width:35px;margin: 5px 0;}
            .areapage .servicesView .services .service .name{font-size: 17px;width: calc(100% - 15px - 35px);margin: 0;}
    .areapage .whyView{padding: 100px 0 0 0;overflow: hidden;}
    .areapage .whyView::before{width: 1440px;height: 425.37px;left: 50%;top: -200px;background: #74E3FF;filter: blur(142.5px);content: '';position: absolute;opacity: 0.2;transform: translateX(-50%);}
    .areapage .whyView .values{margin: 120px 0;}

.casesView{padding: 90px 0 60px 0;overflow: hidden}
    .casesView::before{width: 1440px;height: 425.37px;left: 50%;bottom: 0px;background: #0062AB;filter: blur(142.5px);content: '';position: absolute;opacity: 0.2;transform: translateX(-50%);}
    .casesView::after{width: 1440px;height: 425.37px;left: 50%;bottom: -250px;background: #74E3FF;filter: blur(142.5px);content: '';position: absolute;opacity: 1;transform: translateX(-50%);}
        .casesView .head{font-size: 85px;line-height: 1;margin: 0 0 90px 0;}
        .casesView p.clear{font-size: 25px;margin: 0;line-height: 1;}
        .casesView .column.left{width:200px;}
        .casesView .cases{width:800px;margin: 0 0 65px 0;}
            .casesView .cases .case{border-bottom: 1px solid #fff;}
                .casesView .cases .case .name{font-size: 25px;padding: 30px 60px 30px 0;position: relative;margin: 0;cursor: pointer;}
                    .casesView .cases .case .name svg{position: absolute;right: 0;top:23px;}
                    .casesView .cases .case .name:hover svg{margin-top: 5px;}
                    .casesView .cases .case .name.active svg{transform: rotate(180deg);}
                    .casesView .cases .case .name.active:hover svg{margin-top: -5px;}
                .casesView .cases .case .text{display: none;}
                    .casesView .cases .case .text p{font-size: 16px;}
                    .casesView .cases .case .text > a{font-size: 18px;float: left;clear: both;margin: 0 0 30px 0;}
.teamView{padding: 110px 0;}
    .teamView .h2,.areapage .postsView .h2,.resultspage .postsView .h2{margin: 0 0 80px 0;}
.areapage .posts{margin: 0 0 90px 0;}

.servicepage .firstView .scrolllink{position: absolute;bottom: 80px;right: 0;}
    .servicepage .imgbox{height: 322px;background: url(gfx/servicebg.avif) center center no-repeat;background-size: cover;}
    .servicepage #dowiedz-sie-wiecej .columnsView{padding: 120px 0 60px 0;}
        .servicepage #dowiedz-sie-wiecej .columnsView .column.left{width:500px;}
        .servicepage #dowiedz-sie-wiecej .columnsView .column.right{width:640px;}
    .servicepage .casesView.whatwedo::before{background: #93c3e6;top:260px;opacity: 0.4;}
    .servicepage .casesView.whatwedo::after{display: none;}
        .servicepage .casesView.whatwedo .h2{margin-bottom: 80px;}
        .servicepage .casesView.whatwedo .cases .case{border-bottom: 1px solid #C6DCE8;}
    .servicepage .servicesView::before{display: none;}

.blogpage .firstViewWrap .dots{z-index: 2;width:auto;left: calc((100vw - 1300px)/2);top:154px;}
    .blogpage .firstViewWrap .dots .u-dots{margin: 0;}
.blogpage .firstView .slidePost{height: 800px;}
    .blogpage .firstView .slidePost img{height: 100%;width:100%;position: absolute;top:0;left: 0;object-fit: cover;}
/*    .blogpage .firstView .slidePost:hover .title{color:#002442;}*/
    .blogpage .firstView .slidePost::after{height: 100%;width:100%;position: absolute;top:0;left: 0;content:'';background: #001120;background: linear-gradient(90deg, rgba(0, 17, 32, 1) 0%, rgba(0, 186, 232, 0.29) 54%, rgba(0, 186, 232, 0) 100%);}
    .blogpage .firstView .slidePost .thecontent{margin: 340px 0 0 0; width:780px;}
        .blogpage .firstView .slidePost .thecontent .h2{margin: 25px 0 45px 0;}
        .blogpage .firstView .slidePost .thecontent .date{font-size: 16px;line-height: 1.2;margin: 0;}
        .blogpage .firstView .slidePost .thecontent .date span{float: left;margin: 0 0 0 20px;}
        .blogpage .firstView .slidePost .thecontent .date span:first-child{margin: 0;}
.blogpage .filtersView{padding: 60px 0 145px 0;z-index: 20;}
    .blogpage .filtersView .right.column{width:400px;}
        .blogpage .filtersView .right.column p{margin: 0;font-size: 20px;line-height: 49px;border-bottom:1px solid #0062AB;box-sizing: border-box;position: relative;padding:0 50px 0 0;cursor:pointer;}
            .blogpage .filtersView .right.column p svg{right: 0;top:0;}
            .blogpage .filtersView .right.column p:hover svg{margin-top:5px;}
        .blogpage .filtersView .right.column ul{display: none;padding: 0px 0;position: absolute;width:100%;}
            .blogpage .filtersView .right.column ul li{list-style: none;border-bottom: 1px solid #fff;}
            .blogpage .filtersView .right.column ul li:last-child{border: 0;}
                .blogpage .filtersView .right.column ul li a{display: block;padding: 10px 20px;font-size: 18px;}
.blogpage .postsView{padding: 0 0 90px 0;}
.blogpage .postsView .posts{margin: 0 0 130px 0;justify-content: flex-start;}
.blogpage .postsView .casesView{padding: 0;}
.blogpage .postsView .casesView::before,.blogpage .postsView .casesView::after{display: none;}
.blogpage .postsView .casesView .case,.postpage .casesView .cases .case{border-bottom: 1px solid #8091A1;}
.pagenaviView .wp-pagenavi a,.pagenaviView .wp-pagenavi span{border: 0;font-size: 50px;padding: 0;margin: 0;line-height: 81px;}
.pagenaviView .wp-pagenavi span.extend{display: none;}
.pagenaviView .wp-pagenavi .pages{float: left;width: auto;}
.pagenaviView .wp-pagenavi .nextpostslink{float: right;width: 81px;height: 81px;background: url(gfx/nextpage.svg) center right no-repeat;text-indent: -99999px;position: absolute;right:0;}
.pagenaviView .wp-pagenavi .nextpostslink:hover{padding-right: 5px;margin-right: -5px;}
.pagenaviView .wp-pagenavi .previouspostslink{float: right;width: 81px;height: 81px;background: url(gfx/prevpage.svg) center left no-repeat;text-indent: -99999px;position: absolute;right:89px;}
.pagenaviView .wp-pagenavi .previouspostslink:hover{padding-left: 5px;margin-left: -5px;}

.resultspage .firstView h1 strong{font-weight: 600;}
.resultspage .areasView,.resultspage .teamView,.resultspage .servicesView{padding-top: 0;}
.resultspage .areasView .areas{justify-content: flex-start;}
.resultspage.areapage .servicesView::before{display: none;}

.postpage .firstView .inner{display: flex;}
    .postpage .firstView .column.left{width: 270px;font-size: 16px;padding-right: 30px;}
    .postpage .firstView .column.left::before{width: 1px;height: calc(100% + 96px);bottom: 0;position: absolute;background: #E6E9EC;content:'';right:0;}
        .postpage .details .autowidth{margin-right: 15px;}
        .postpage .details .areas{margin-top: 17px;}
            .postpage .details .areas a,.postpage .details .authors a{float: left;margin: 0 15px 0 0;line-height: 1.1;}
        .postpage .details .date{margin-top: 45px;line-height: 1.1;}
        .postpage .details .authors{margin-top: 10px;line-height: 1.1;}
    .postpage .firstView .column.right,.postpage .contentView .thecontent{width: calc(100% - 270px);padding-left: 80px;}
        .postpage .firstView .column.right h1{margin-bottom: 50px;}
        .postpage .firstView .column.right .excerpt{margin-bottom: 80px;}
            .postpage .firstView .column.right .excerpt p{margin: 0;font-size: 20px;}
.postpage .attachment-postBig{left: 50%;position: relative;float: left;transform: translateX(-50%);margin: 0 0 94px 0;border-radius: 5px;overflow: hidden;}
    .postpage .contentView{border-bottom: 1px solid #E6E9EC;}
        .postpage .contentView .thecontent::before{width: 1px;height: calc(100% + 94px);top: -94px;position: absolute;background: #E6E9EC;content:'';left:-1px;}
            .postpage .contentView .thecontent .size-postContent{border-radius: 5px;overflow: hidden;float: left;width:100%;}
            .postpage .contentView .thecontent figure figcaption{font-size: 16px;color:#00BAE8;line-height: 1.1;margin: 20px 0 0 0;float: left;width:100%;}
            .postpage .contentView .thecontent figure.wp-caption{margin: 30px 0 90px 0;float: left;width:100%;max-width: 100%;}
            .postpage .contentView .thecontent .postcontenthomelink{margin: 70px 0 90px 0;}
            .postpage .contentView .teamView{padding: 90px 0 30px 0;}
            .postpage .contentView .teamView .h2,.postpage .casesView .h2{margin-bottom: 50px;}
            .postpage .contentView .teamView .team{justify-content: flex-start;}
            .postpage .contentView .teamView .team .member {width: calc((100% - (24px * 2)) / 3);}
        .postpage .contentView .details{margin: 60px 0 20px 0;}
            .postpage .contentView .details .areas,.postpage .contentView .details .date,.postpage .contentView .details .authors{margin-top: 0;}
            .postpage .contentView .details,.postpage .contentView .details a,.postpage .contentView .details .date,.postpage .contentView .details .authors{line-height: 31px;}
            .postpage .contentView .details .date{margin-right: 15px;}
    .postpage .posts{margin-bottom: 90px;}
    .postpage .casesView::before,.postpage .casesView::after{display: none;}
    .postpage .casesView{padding: 120px 0 90px 0;}

.posts{margin-left: -10px !important;}

.contactpage .mapa{height: 505px;max-height: 70vh;margin: 0 0 100px 0;}
.contactpage .companiesView{margin: 50px 0 110px 0; display: flex;gap:15px;flex-wrap: wrap;}
    .contactpage .companiesView .company{width:calc((100% - 30px)/3);padding: 30px;}
        .contactpage .companiesView .company .name{font-size: 25px;line-height: 1;margin: 0 0 40px;}
        .contactpage .companiesView .company .contacts{font-size: 16px;line-height: 1;margin: 0 0 20px;font-weight: bold;}
            .contactpage .companiesView .company .contacts a{float: left;margin: 0 50px 10px 0;}
/*            .contactpage .companiesView .company .contacts a:first-child{margin: 0;}*/
        .contactpage .companiesView .company .address p{margin: 0;font-size: 16px;line-height: 1.4;}


.whitebg,.whitebgonhover:hover{background: #ffffff;}
.navybg,.navybgonhover:hover{background: #002442;}
.bluebg,.bluebgonhover:hover{background: #0059A5;}
.lightbluebg,.lightbluebgonhover:hover{background: #00BAE8;}
.graybg,.graybgonhover:hover{background: #F6F6F6;}

.white,.whiteonhover:hover{color: #ffffff;}
.navy,.navyonhover:hover{color: #002442;}
.blue,.blueonhover:hover{color: #0059A5;}
.blue2,.blue2onhover:hover{color: #0062AB;}
.lightblue,.lightblueonhover:hover{color: #00BAE8;}
.gray,.grayonhover:hover{color: #808080;}


.padtop,.toppad{padding-top:215px;}
.padtopsmall,.toppadsmall{padding-top:115px;}
.gradient1::before{content:'';position: absolute;left: 50%;top: 61.13%;bottom: -21.9%;background: #74E3FF;filter: blur(107.5px);width: 90%;transform: translateX(-50%);}
.gradient2::before{content:'';position: absolute;left: 50%;top: 61.13%;bottom: -21.9%;background: #74E3FF;filter: blur(107.5px);width: 90%;transform: translateX(-50%);}
.h1{font-size: 100px;line-height: 1.1;margin: 0;}
.h1 strong,.h1 b{font-weight:bold;}
.h2,.thecontent h2{font-size: 50px;line-height: 1.1;margin: 0;}

.btn {line-height: 1; position: relative;display: inline-flex;align-items: center;justify-content: center;height: 49px;padding: 0 18px;border-width: 0 22px;border-style: solid;border-color: transparent;box-sizing: border-box;min-width: 190px;background: transparent;color: #00BAE8;font-size: 18px;white-space: nowrap;cursor: pointer;text-decoration: none;z-index: 0;}
.btn::before {content: '';position: absolute;inset: 0 -22px;border-width: 0 22px;border-style: solid;border-color: transparent;border-image-source: url("data:image/svg+xml,%3Csvg%20width='187'%20height='49'%20viewBox='0%200%20187%2049'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M2.6424%2022.2915L16.375%203.01828C17.5008%201.43817%2019.3213%200.5%2021.2614%200.5H163.881C165.741%200.5%20167.496%201.36264%20168.632%202.83543L183.49%2022.0973C185.239%2024.3655%20185.141%2027.5541%20183.256%2029.7108L168.624%2046.449C167.484%2047.7523%20165.838%2048.5%20164.106%2048.5H21.0362C19.2231%2048.5%2017.5072%2047.6801%2016.3681%2046.2695L2.86085%2029.5427C1.16958%2027.4483%201.08027%2024.4839%202.6424%2022.2915Z'%20stroke='url(%23g)'/%3E%3Cdefs%3E%3ClinearGradient%20id='g'%20x1='0'%20y1='24.5'%20x2='186.5'%20y2='24.5'%20gradientUnits='userSpaceOnUse'%3E%3Cstop%20stop-color='%2300BAE8'/%3E%3Cstop%20offset='1'%20stop-color='%230059A5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");border-image-slice: 0 22 0 22 fill;border-image-width: 0 22px;border-image-outset: 0;border-image-repeat: stretch;z-index: -2;}
.btn::after {content: '';position: absolute;inset: 0 -22px;border-width: 0 22px;border-style: solid;border-color: transparent;border-image-source: url("data:image/svg+xml,%3Csvg%20width='187'%20height='49'%20viewBox='0%200%20187%2049'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M2.6424%2022.2915L16.375%203.01828C17.5008%201.43817%2019.3213%200.5%2021.2614%200.5H163.881C165.741%200.5%20167.496%201.36264%20168.632%202.83543L183.49%2022.0973C185.239%2024.3655%20185.141%2027.5541%20183.256%2029.7108L168.624%2046.449C167.484%2047.7523%20165.838%2048.5%20164.106%2048.5H21.0362C19.2231%2048.5%2017.5072%2047.6801%2016.3681%2046.2695L2.86085%2029.5427C1.16958%2027.4483%201.08027%2024.4839%202.6424%2022.2915Z'%20fill='url(%23g)'%20stroke='url(%23g)'/%3E%3Cdefs%3E%3ClinearGradient%20id='g'%20x1='0'%20y1='24.5'%20x2='186.5'%20y2='24.5'%20gradientUnits='userSpaceOnUse'%3E%3Cstop%20stop-color='%2300BAE8'/%3E%3Cstop%20offset='1'%20stop-color='%230059A5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");border-image-slice: 0 22 0 22 fill;border-image-width: 0 22px;border-image-outset: 0;border-image-repeat: stretch;opacity: 0;transition: all .3s;z-index: -1;}
.btn:hover::after,.btn.is-active::after {opacity: 1;}
.btn:hover,.btn.is-active {color: #fff;}

.btn-sm {line-height: 1;position: relative;display: inline-flex;align-items: center;justify-content: center;height: 31px;padding: 0 10px;border-width: 0 14px;border-style: solid;border-color: transparent;box-sizing: content-box;background: transparent;color: #00BAE8;font-size: 15px;white-space: nowrap;cursor: pointer;text-decoration: none;transition: all .3s;z-index: 0;}
.btn-sm::before {content: '';position: absolute;inset: 0 -14px;border-width: 0 14px;border-style: solid;border-color: transparent;border-image-source: url("data:image/svg+xml,%3Csvg%20width='98'%20height='31'%20viewBox='0%200%2098%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M1.96803%2013.1523L7.8002%203.41661C8.88405%201.60734%2010.8382%200.5%2012.9473%200.5H84.4042C86.4373%200.5%2088.3321%201.52956%2089.4383%203.23535L95.7446%2012.9596C97.102%2015.0527%2097.0226%2017.7674%2095.5451%2019.7776L89.4626%2028.0533C88.3321%2029.5916%2086.537%2030.5%2084.628%2030.5H12.726C10.7378%2030.5%208.87874%2029.5151%207.76197%2027.8702L2.1511%2019.6059C0.839251%2017.6736%200.767828%2015.1558%201.96803%2013.1523Z'%20stroke='%2300BAE8'/%3E%3C/svg%3E");border-image-slice: 0 14 0 14 fill;border-image-width: 0 14px;border-image-outset: 0;border-image-repeat: stretch;z-index: -2;}
.btn-sm::after {content: '';position: absolute;inset: 0 -14px;border-width: 0 14px;border-style: solid;border-color: transparent;border-image-source: url("data:image/svg+xml,%3Csvg%20width='98'%20height='31'%20viewBox='0%200%2098%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M1.96803%2013.1523L7.8002%203.41661C8.88405%201.60734%2010.8382%200.5%2012.9473%200.5H84.4042C86.4373%200.5%2088.3321%201.52956%2089.4383%203.23535L95.7446%2012.9596C97.102%2015.0527%2097.0226%2017.7674%2095.5451%2019.7776L89.4626%2028.0533C88.3321%2029.5916%2086.537%2030.5%2084.628%2030.5H12.726C10.7378%2030.5%208.87874%2029.5151%207.76197%2027.8702L2.1511%2019.6059C0.839251%2017.6736%200.767828%2015.1558%201.96803%2013.1523Z'%20fill='%2300BAE8'%20stroke='%2300BAE8'/%3E%3C/svg%3E");border-image-slice: 0 14 0 14 fill;border-image-width: 0 14px;border-image-outset: 0;border-image-repeat: stretch;opacity: 0;transition: all .3s;z-index: -1;}
.btn-sm:hover::after { opacity: 1; }
.btn-sm:hover { color: #06101a; }

footer .btn-f {position: relative;display: inline-flex;align-items: center;justify-content: center;height: 42px;padding: 0 14px;border-width: 0 16px;border-style: solid;border-color: transparent;box-sizing: content-box;background: transparent;color: #0062AB;font-size: 13px;letter-spacing: .05em;white-space: nowrap;cursor: pointer;text-decoration: none;transition: all .3s;z-index: 0;}
footer .btn-f::before {content: '';position: absolute;inset: 0 -16px;border-width: 0 16px;border-style: solid;border-color: transparent;border-image-source: url("data:image/svg+xml,%3Csvg%20width='128'%20height='42'%20viewBox='0%200%20128%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M1.30298%2019.0862L10.2952%203.50142C11.3668%201.64421%2013.348%200.5%2015.4922%200.5H111.528C113.597%200.5%20115.52%201.56632%20116.617%203.3214L126.344%2018.8948C127.626%2020.9461%20127.55%2023.5661%20126.153%2025.5401L116.648%2038.9667C115.523%2040.5556%20113.697%2041.5%20111.751%2041.5H15.2724C13.2474%2041.5%2011.359%2040.4786%2010.2508%2038.7838L1.4783%2025.3685C0.240061%2023.475%200.172274%2021.0459%201.30298%2019.0862Z'%20stroke='%230062AB'/%3E%3C/svg%3E");border-image-slice: 0 16 0 16 fill;border-image-width: 0 16px;border-image-outset: 0;border-image-repeat: stretch;z-index: -2;}
footer .btn-f::after {content: '';position: absolute;inset: 0 -16px;border-width: 0 16px;border-style: solid;border-color: transparent;border-image-source: url("data:image/svg+xml,%3Csvg%20width='128'%20height='42'%20viewBox='0%200%20128%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M1.30298%2019.0862L10.2952%203.50142C11.3668%201.64421%2013.348%200.5%2015.4922%200.5H111.528C113.597%200.5%20115.52%201.56632%20116.617%203.3214L126.344%2018.8948C127.626%2020.9461%20127.55%2023.5661%20126.153%2025.5401L116.648%2038.9667C115.523%2040.5556%20113.697%2041.5%20111.751%2041.5H15.2724C13.2474%2041.5%2011.359%2040.4786%2010.2508%2038.7838L1.4783%2025.3685C0.240061%2023.475%200.172274%2021.0459%201.30298%2019.0862Z'%20fill='%230062AB'%20stroke='%230062AB'/%3E%3C/svg%3E");border-image-slice: 0 16 0 16 fill;border-image-width: 0 16px;border-image-outset: 0;border-image-repeat: stretch;opacity: 0;transition: all .3s;z-index: -1;}
footer .btn-f:hover::after { opacity: 1; }
footer .btn-f:hover { color: #fff; }

.btn-white {position: relative;display: inline-flex;align-items: center;justify-content: center;height: 42px;padding: 0 14px;border-width: 0 22px;border-style: solid;border-color: transparent;box-sizing: content-box;background: transparent;color: white;font-size: 18px;letter-spacing: .05em;white-space: nowrap;cursor: pointer;text-decoration: none;transition: all .3s;z-index: 0;}
.btn-white::before {content: '';position: absolute;inset: 0 -22px;border-width: 0 22px;border-style: solid;border-color: transparent;border-image-source: url("data:image/svg+xml,%3Csvg%20width='194'%20height='42'%20viewBox='0%200%20194%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M2.10793%2018.4926L17.0732%202.41237C18.2083%201.19275%2019.7993%200.5%2021.4654%200.5H175.999C177.954%200.5%20179.787%201.45251%20180.91%203.05264L192.241%2019.1936C193.814%2021.4341%20193.671%2024.455%20191.893%2026.5369L180.915%2039.3959C179.775%2040.7311%20178.107%2041.5%20176.351%2041.5H21.1238C19.6606%2041.5%2018.2478%2040.9653%2017.1512%2039.9965L2.52753%2027.0768C-0.00140619%2024.8425%20-0.191046%2020.9629%202.10793%2018.4926Z'%20stroke='white'/%3E%3C/svg%3E");border-image-slice: 0 22 0 22 fill;border-image-width: 0 22px;border-image-outset: 0;border-image-repeat: stretch;z-index: -2;}
.btn-white::after {content: '';position: absolute;inset: 0 -22px;border-width: 0 22px;border-style: solid;border-color: transparent;border-image-source: url("data:image/svg+xml,%3Csvg%20width='194'%20height='42'%20viewBox='0%200%20194%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M2.10793%2018.4926L17.0732%202.41237C18.2083%201.19275%2019.7993%200.5%2021.4654%200.5H175.999C177.954%200.5%20179.787%201.45251%20180.91%203.05264L192.241%2019.1936C193.814%2021.4341%20193.671%2024.455%20191.893%2026.5369L180.915%2039.3959C179.775%2040.7311%20178.107%2041.5%20176.351%2041.5H21.1238C19.6606%2041.5%2018.2478%2040.9653%2017.1512%2039.9965L2.52753%2027.0768C-0.00140619%2024.8425%20-0.191046%2020.9629%202.10793%2018.4926Z'%20fill='white'%20stroke='white'/%3E%3C/svg%3E");border-image-slice: 0 22 0 22 fill;border-image-width: 0 22px;border-image-outset: 0;border-image-repeat: stretch;opacity: 0;transition: all .3s;z-index: -1;}
.btn-white:hover::after { opacity: 1; }
.btn-white:hover { color: #06101a; }


@media (max-width: 1400px) {
    .inner{width: calc(100% - 100px);}
    .valuesView .values{gap:50px;}
    .valuesView .values .value,.valuesView .values .value svg.abs {width: 344px;height: 344px;}
    .valuesView .values .value .text{padding:0 55px;}
    .valuesView .values .value .title{padding: 10px 30px 40px 30px;min-height: 80px;}
    .h1 {font-size: 90px;}
    .memberpage .column.right .z2 {padding: 50px 0 50px 50px;}
    .memberpage .column.right {width: 445px;}
    .memberpage .column.left {width: calc(100% - 445px);padding-right: 100px;}
    .blogpage .firstViewWrap .dots{left: 50px;}
}
@media (max-width: 1250px) {
    footer .btn-f{padding: 0 10px;}
    .valuesView .values {gap: 28px;}
    .valuesView .values .value, .valuesView .values .value svg.abs {width: 341px;height: 341px;}
    .aboutpage .probonoView .probono .probon .column.left .thecontent{max-width: 470px;padding: 111px 90px 100px 0;}
    .aboutpage .probonoView .probono .probon{height: 590px;height: auto;}
    .aboutpage .probonoView .arrows {top: auto;bottom:50px;}
    .contactpage .companiesView .company .contacts a{margin: 0 0 0 30px;}
}
@media (max-width: 1180px) {
    header .searchbox{margin-left: 50px;}
    nav ul.langs {margin: 0 0 0 30px;}
    nav ul li{margin: 0 0 0 20px;}
    nav ul.menu li:first-child{margin: 0;}
    header .searchbox{width:190px;}
    .areasView .areas .area .name {font-size: 35px;}
    .numbersView .numbers{gap:20px;}
    .numbersView .numbers .numberbox {width: 290px;height: 290px;}
    .numbersView .numbers .numberbox .number {font-size: 100px;margin: 70px 0 0 0;}
    .h2, .thecontent h2 {font-size: 40px;}
    footer .bottom .column.left .box{margin-left: 30px;}
    footer .btn-f{padding: 0 5px;}
    .contactFormView .column.right {width: 437px;}
    .h1 {font-size: 70px;}
    .valuesView .values {gap: 20px;}
    .aboutpage .probonoView .probono .probon .column.left .thecontent {max-width: 440px;padding: 90px 50px 50px 0;}
    .team .member {width: calc((100% - (10px * 3)) / 4);}
    .team .member .details .name{font-size: 22px;}
    .memberpage .column.right{width: 405px;}
    .memberpage .column.left {width: calc(100% - 405px);padding-right: 50px;}
    .areapage .firstView .thecontent * {font-size: 30px;}
    .casesView .column.left {width: 160px;}
    .casesView .cases{width: 750px;}
    .team{gap:55px 10px;}
    .servicepage #dowiedz-sie-wiecej .columnsView .column.left {width: 480px;}
    .servicepage #dowiedz-sie-wiecej .columnsView .column.right {width: 460px;}
    .postpage .firstView .column.left{width:200px;}
    .postpage .firstView .column.right, .postpage .contentView .thecontent {width: calc(100% - 200px);padding-left: 50px;}
    .contactpage .companiesView .company .contacts a{margin: 10px 0 0 0px;width:100%;clear: both;}
}
@media (max-width: 1023px) {
    .showOnTablet{display: block;}
    .hideOnTablet{display: none;}
    
    header nav{position: absolute !important;width: 100% !important;top:96px;opacity: 0;left: calc(100% + 50px);}
    header.active nav{opacity: 1;left:0;}
    header .menubutton{position: absolute;width: 50px;height:50px;top:20px;right:0;}
    header .menubutton div{width: 100%;height:5px;margin: 6px 0;background: #002442;}
    header.seccol .menubutton div{background: #fff;}
    
    .homepage .aboutView .left.column{width: 100%;margin: 0 0 50px 0;}
    .homepage .aboutView .right.column {width: 100%;max-width:100%;}
    .areasView .areas .area {width: calc((100% - 40px) / 3);padding-top:120px;}
    .posts .post {width: calc((100% - 40px) / 2);}
    .postsView .posts .post:nth-child(3){display: none;}
    .blogpage .postsView .posts .post:nth-child(3){display: block;}
    .contactFormView .column.left .h2 {margin: 0 0 70px 0;}
    .contactFormView .column.right {width: 100%;margin: 100px 0 0 0;}
    .contactFormView {padding: 90px 0 100px 0;}
    footer nav ul.langs{position: absolute;right: 0;top: 50px;}
    footer .bottom .column.right{width: calc(100% - 310px);}
    footer .bottom .column.right p.font2{margin: -35px 0 15px 0;}
    footer .btn-f{margin-bottom: 5px;}
    .h1 {font-size: 58px;}
    .aboutpage .firstView .h1 {margin: 0 0 80px 0;}
    .h2, .thecontent h2 {font-size: 34px;}
    .valuesView .values .value, .valuesView .values .value svg.abs{width: 323px;height: 323px;}
    .valuesView .values .value .text {padding: 0 65px;}
    .valuesView .values .value .title {padding: 0px 30px 20px 30px;min-height: 70px;font-size: 25px;}
    .aboutpage .referencesView .references .reference .text {font-size: 34px;}
    .aboutpage .probonoView .probono .probon .column.left .thecontent {width: calc(50vw - 30px);max-width: calc(100% - 60px);padding: 50px 30px 30px 0;}
    .aboutpage .probonoView .probono .probon .column.left .thecontent .h2 {margin: 0 0 50px 0;}
    .aboutpage .probonoView .probono .probon {height: 550px;}
    .team .member {width: calc((100% - (10px * 1)) / 2);}
    .team .member .image img{width: 100%;}
    .memberpage .column.left {width: 100%;padding-right: 0;}
    .memberpage .column.right {width: 100%;margin: 50px 0 0 0;}
    .memberpage .column.right .z2{padding: 50px;}
    .memberpage .column.right img{left: 50%;transform: translateX(-50%);position: relative;}
    .memberpage .column.right::before{left: -50px;width:100vw;}
    .casesView .cases {width: 100%;margin-top: 40px;}
    .servicepage .firstView .scrolllink {position: relative;bottom: 40px;}
    .servicepage #dowiedz-sie-wiecej .columnsView{padding: 0;}
    .servicepage #dowiedz-sie-wiecej .columnsView .column.left {width: 100%;}
    .servicepage #dowiedz-sie-wiecej .columnsView .column.right {width: 100%;margin-top: 50px;}
    .casesView .head {font-size: 70px;}
    .blogpage .firstView .slidePost {height: 600px;}
    .blogpage .firstView .slidePost .thecontent {margin: 330px 0 0 0;width: 100%;}
    .blog header .inner::before {width: calc(100% + 60px);left: -30px;}
    .blogpage .filtersView .right.column {width: 240px;}
    .blogpage .filtersView .column.left{margin-bottom: 20px;}
    .blogpage .filtersView {padding: 60px 0}
    .postpage .firstView .column.left {width: 135px;padding: 0 30px 30px 0;}
    .postpage .firstView .column.right, .postpage .contentView .thecontent {width: calc(100% - 135px);padding-left: 30px;}
    .postpage .details .areas a, .postpage .details .authors a {margin: 0 0 10px 0;width: 100%;}
    .postpage .contentView .thecontent figure.wp-caption {margin: 20px 0 50px 0;}
    .postpage .contentView .teamView .team .member {width: calc((100% - (10px * 1)) / 2);}
    .contactpage .companiesView .company {width: calc((100% - 15px) / 2);}
    .subpage.postpage .firstView .column.left {width: 0;padding: 0;}
    .subpage.postpage .firstView .column.right,.subpage.postpage .contentView .thecontent {width: 100%;}
    .postpage .contentView .thecontent::before {height: calc(100% + 0px);top: 0px;}

}
@media (max-width: 767px) {
    .inner{width: calc(100% - 40px);}
    .showOnMobile{display: block;}
    .hideOnMobile{display: none;}
   
    header {top:10px;}
    header .logo{width: 120px;}
    header .searchbox {margin-left: 30px;width: 120px;}
    header .searchbox form {width: calc(100% - 30px);}
    header .menubutton {position: absolute;width: 40px;height: 40px;top:13px;}
    header .menubutton div{height: 4px;margin: 5px 0;}
    header .inner{height: 70px;}
    header nav{width: 100vw !important;top: -10px;margin: 79px 0 0 -20px;background: #fff;}
    header nav ul.langs li::before{display: none;}
    header nav {border-bottom: 1px solid #e8e8e8;}
    nav ul li{width: 100%;margin: 0;}
    nav ul li a{font-size: 20px;padding: 20px 0;color:#002442 !important;line-height: 1.2;text-align: center;border-bottom: 1px solid #e8e8e8;display: block;}
    nav ul.langs {margin: 0px;width: auto;left:50%;transform: translateX(-50%);position: relative;float: left;}
    nav ul.langs li{width: auto;margin: 0;}
    nav ul.langs li a{padding: 20px;border-left: 1px solid #e8e8e8;border-bottom:0;}
    nav ul.langs li:first-child a{border-left:0;}
    .homepage .firstView .inner h1{font-size: 50px;bottom: 50%;transform: translateY(50%);}
    .homepage .firstView .inner .scrolllink {bottom: 20px;}
    .h2, .thecontent h2 {font-size: 30px;}
    .areasView {padding: 50px 0;}
    .areasView .areas .area {width: 100%;padding-top: 20px;}
    .areasView .areas .area svg {left: auto;right: 20px;}
    .posts {margin-left: 0px !important;}
    .posts .post::after{display: none;}
    .postsView .posts .post:nth-child(3) {display: block;}
    .home .postsView .posts{margin-bottom: 50px;}
    .aboutTeamView svg {margin: 0 0 20px 0;}
    .aboutTeamView .h2{margin-bottom: 50px;font-size: 26px;}
    .contactFormView .column.left .h2{margin-bottom: 50px;}
    .contactFormView .column.left .contactus p {font-size: 26px;}
    .contactFormView .column.left .contactus a {float: right;margin: 0;font-size:26px;}
    .contactFormView .column.left .contactus a:first-of-type {float: left;}
    .contactFormView .column.right form .akcept {width: calc(100% - 150px);}
    footer .top nav ul li a {line-height: 1.2;width: 100%;display: block;padding: 10px 0;border: 0;}
    footer .top nav{margin: 30px 0 0 0;}
    footer nav ul.langs{top:0;left: auto;transform: none;}
    footer nav ul.langs li{margin-left: 20px;}
    footer .top {margin: 0 0 40px 0;}
    footer .top nav ul.langs li a{padding: 14px 0;}
    footer .top nav ul.langs li::before {top: 19px;}
    footer .bottom .column.left {width:100%;}
    footer .bottom .column.left .box{float: right;margin: 0 0 40px 0;}
    footer .bottom .column.left .box:first-child{float: left;}
    footer .bottom .column.right p.font2 {margin: 0 0 15px 0;}
    footer .btn-f {width: calc(100% - 43px);}
    footer .endofend p{width: 100%;text-align: center;}
    footer .endofend p a{display: block;}
    .numbersView .numbers .numberbox .number {font-size: 80px;}
    
    .postpage .contentView .teamView .team .member,.blogpage .filtersView .right.column,.areapage .servicesView .services .service,.team .member,footer .bottom .column.right,.posts .post,header .searchbox input[type="text"]{width: 100%;}
    .blogpage .filtersView,.teamView,.casesView,.aboutpage .valuesView,.contactFormView,.aboutTeamView,.postsView,.numbersView,.homepage .aboutView,.areapage .servicesView {padding: 50px 0;}
    footer .endofend,.contactFormView .column.right,.postsView .posts,.areasView .areas,.numbersView .numbers{margin: 50px 0 0 0;}
    .postpage .firstView .column.right .excerpt,.blogpage .postsView .posts,.areapage .postsView .posts,.teamView .h2, .resultspage .postsView .h2,.areapage .firstView .h1,.aboutpage .referencesView .h2,.aboutpage .firstView .h1,.memberpage .firstView {margin-bottom: 50px;}
    .areapage .postsView .h2{margin-bottom: 0px;}
 
    .padtop, .toppad {padding-top: 120px;}
    .h1 {font-size: 40px;}
    .aboutpage .firstView .h1 nbsp{display: none;}
    .aboutpage .firstView{padding-bottom: 50px;}
    .aboutpage .referencesView .references .reference .text {font-size: 24px;}
    .aboutpage .referencesView {padding: 30px 0 20px 0;}
    .aboutpage .probonoView .probono .probon .column{width: 100% !important;}
    .aboutpage .probonoView .probono .probon {display: block;height: auto;}
    .aboutpage .probonoView .probono .probon .column.right::before{height: 200px;}
    .aboutpage .probonoView .probono .probon .column.left .thecontent {width: 100%;max-width: 100%;padding: 50px 20px 30px 20px;box-sizing: border-box;}
    .aboutpage .probonoView .arrows {top: 50px;bottom: auto;left: auto;right: 20px;}
    .aboutpage .probonoView .arrows .u-arrow {width: 40px;height: 40px;}
    .aboutpage .probonoView .arrows .u-arrow.u-next{margin-left: 17px;}
    .aboutpage .probonoView .probono .probon .column.left .thecontent .h2{padding-right: 110px;}
    .aboutpage .probonoView .arrows .u-arrow svg{width:20px;height: 20px;}
    .teampage h1, .areaspage h1 {margin: 0 0 40px 0;font-size: 40px;}
    .teampage .filters {margin: 0 0 40px 0;}
    .teampage .filters .btn {width: calc(50% - 0px);min-width: 0;}
    .teampage .filters .btn.all {margin: 10px 0 0 0;left: 50%;transform: translateX(-50%);}
    .teampage .thecontent, .areaspage .thecontent{margin: 0 0 10px 0;}
    .memberpage .column.left .h1 {margin: 0px 0 35px 0;font-size: 40px;}
    .memberpage .column.right::before {left: -20px;}
    .memberpage .column.right .z2 {padding: 30px 0px;}
    .memberpage .column.left .scrolllink {margin: 0px 0 -20px 0;}
    .memberpage .areasView .h2 {margin: 0px 0 50px 0;}
    .areapage .firstView .thecontent * {font-size: 22px;}
    .areapage .firstView .thecontent{margin: 0 0 20px 0;}
    .areapage .firstView{padding-bottom: 50px;}
    .areapage .whyView {padding: 50px 0 0px 0;}
    .areapage .whyView .values {margin: 50px 0;}
    .casesView .head {font-size: 40px;margin: 0 0 50px 0;}
    .casesView .cases .case .name {font-size: 20px;padding: 20px 50px 20px 0;}
    .casesView .cases .case .name svg{top:10px;}
    .servicepage .imgbox {height: 200px;}
    .servicepage .casesView.whatwedo .h2 {margin-bottom: 0;}
    .servicepage .casesView.whatwedo .cases {margin: 0;}
    .blogpage .firstViewWrap .dots {left: 20px;top: 102px;}
    .blogpage .firstView .slidePost .thecontent {margin: 150px 0 0 0;}
    .blogpage .firstView .slidePost .thecontent .h2 {margin: 20px 0 30px 0;font-size: 26px;}
    .blogpage .firstView .slidePost .thecontent .date span:first-child,.blogpage .firstView .slidePost .thecontent .date span{margin: 0 20px 5px 0;}
    .blogpage .firstView .slidePost {height: 450px;}
    .blogpage .filters .btn {width: calc(50% - 0px);min-width: 0;margin: 0 -1px;}
    .blogpage .filters .btn.all {width: 100%;margin: 5px 0 0 0;}
    .blogpage .postsView{padding-bottom: 50px;}
    .pagenaviView .wp-pagenavi a, .pagenaviView .wp-pagenavi span {font-size: 35px;}
    .padtopsmall, .toppadsmall {padding-top: 65px;}
    .postpage .firstView .inner {display: block;}
    .postpage .firstView .column.right, .postpage .contentView .thecontent {width: 100%;padding-left: 0;}
    .postpage .details .areas{margin-top:0;}
    .postpage .details .areas a, .postpage .details .authors a{line-height: 31px;}
    .postpage .details .date{clear: both;margin-top: 10px;}
    .postpage .details .authors{clear: both;margin-top: 10px;width:100%;}
    .postpage .attachment-postBig{width: calc(100% - 40px);height: 160px;object-fit: cover;margin: 0 0 50px 0;}
    .postpage .contentView .thecontent::before{display: none;}
    .postpage .thecontent h1,.postpage .thecontent h2,.postpage .thecontent h3,.postpage .thecontent h4,.postpage .thecontent h5,.postpage .thecontent h6{margin: 10px 0 30px 0;}
    .postpage .contentView .details {margin: 30px 0 20px 0;}
    .postpage .details .authors a {margin: 0;line-height: 1.2;}
    .postpage .contentView .details .date {margin: 0 0 10px 0;}
    .postpage .contentView .teamView {padding: 50px 0 30px 0;}
    .postpage .casesView {padding: 50px 0 50px 0;}
    .postpage .casesView .h2 {margin-bottom: 0;}
    .contactpage .companiesView{display: block;}
    .contactpage .companiesView .company{width:100%;margin: 0 0 20px 0;}
    .postpage .contentView .thecontent .postcontenthomelink {margin: 20px 0 50px 0;}
}

@media (max-width: 374px) {
    
}

@font-face {
    font-family: 'XXIICentar';
    src: url('assets/fonts/XXIICentarThin.woff') format('woff'),
    font-weight: normal;
    font-style: normal;

}