/*!
Theme Name: TS
Author: Tomczak Stanisławski
Author URI: http://tomczak-stanislawski.pl/
Version: 2.0.0
*/
html,body,ul,ol{padding: 0;margin: 0;}body *{outline:none !important;}.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{-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;}
.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:#20274c;text-decoration: none !important;}
body, html { height: 100%; box-sizing: border-box;color:#20274c;background:#fff;letter-spacing: 1px;}
html * {font-family: 'Titillium Web', sans-serif;line-height: 1.1;}
.middleX {position: relative;transform: translateX(-50%);left:50%;}
.middleY {position: relative;transform: translateY(-50%);top:50%;}
.middleX.middleY {transform: translateX(-50%) translateY(-50%);}
img{max-width: 100%;height: auto;border:0;display: block;}
p {margin:0 0 30px 0;line-height: 1.4;font-size: 17px;font-weight: normal;}
p strong{font-weight: 700;}
.thecontent a:hover{color: #6db1da;}
.thecontent li{margin:0 0 10px 0;line-height: 1.4;font-size: 17px;font-weight: normal;}
.thecontent ul{padding: 0 0 20px 30px;}
.thecontent ol{padding: 0 0 20px 13px;}
.thecontent ul li{list-style: none;position: relative;}
.thecontent ol li{padding-left: 17px;}
.thecontent ul li::before{position: absolute;content: '';width:9px;height: 9px;background: #6db1da;	top: 8px;left: -30px;}
div{position: relative;float: left;width:100%;box-sizing: border-box;}
#cookie-notice {background:#fff !important;color:#0b1431 !important;}
.cookie-notice-container{padding:4px 20px 3px 20px !important;color:#000 !important;}
#cookie-notice .cn-button{background:#101010 !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;}
.inner{width:1300px;float: left;transform: translateX(-50%);left:50%;}
#page .button{text-align: center;width:270px;height: 52px;line-height: 52px;border: 1px solid #6db1da;color: #6db1da;font-size: 23px;font-weight: normal;position: relative;}
#page .button span{position: relative;z-index: 2;}
#page .button::before{background:#6db1da;position: absolute;top:50%;left: 50%;transform: translateX(-50%) translateY(-50%) scale(0);width:100%;height: 100%;content:'';}
#page .button:hover::before{transform: translateX(-50%) translateY(-50%) scale(1);}
#page .button:hover{color: #fff;}

header{position: absolute;top:0;z-index: 2;width: calc(100% - 60px);}
    header .logo{margin: 50px 50px 0 35px;}
    header nav{float: left;width:auto;}
    header nav ul{margin: 60px 0 0 0;border-left: 1px solid #fff;float: left;}
        header nav ul li {list-style: none;float: left;position: relative;}
            header nav ul li a{border:1px solid #fff;border-left:0;line-height: 50px;text-align: center;color: #fff;font-size: 15px;padding: 0 20px;min-width: 105px;display: block;}
            header nav ul li a::before{background:#fff;position: absolute;top:50%;left: 50%;transform: translateX(-50%) translateY(-50%) scale(0);width:100%;height: 100%;content:'';}
            header nav ul li a:hover::before{transform: translateX(-50%) translateY(-50%) scale(1);}
            header nav ul li a span{position: relative;z-index: 2;}
            header nav ul li a:hover{color: #6db1da;}
    header.dark nav ul{border-left: 1px solid #515673;}
        header.dark nav ul li a{border:1px solid #515673;border-left:0;color: #20274c;}
        header.dark nav ul li a::before{background:#20274c;}
        header.dark nav ul li a:hover{color:#fff;}
        header .langs{margin: 77px 0 0 0px;}
        header.white .langs{margin-right: 30px;}
        header .langs li{float: left;list-style: none;margin: 0 0 0 14px;position: relative;}
        header .langs li a{color:#20274c;}
        header.white .langs li a{color:#fff;}
        header .langs li.current-lang a,header .langs li a:hover{color:#6db1da !important;}
        header .langs li::before{content:'';position: absolute;top:1px;left: -7px;height: 15px;width: 1px;background: #20274c;}
        header.white .langs li::before{background: #fff;}
        header .langs li:first-child::before{display: none;}
#page{padding: 20px 30px;overflow: hidden;}
.homepage .firstView{height: calc(100vh - 40px);background: url(gfx/homebg.jpg) center center no-repeat;background-size: cover;}
    .homepage .firstView h1{position: absolute;bottom: 55px;left: 63px;color: #fff;font-size: 100px;font-weight: normal;line-height: 1;margin: 0;}
        .homepage .firstView h1 *{line-height: 1;}
        .homepage .firstView h1 strong{font-weight: 700;}
        .homepage .firstView .scrolllink{position: absolute;right: 0;bottom: 0;background: #fff;padding: 45px 50px 45px 130px;font-size:20px;width:396px;box-sizing: border-box;}
        .homepage .firstView .scrolllink:hover::before{top:54px;}
            .homepage .firstView .scrolllink::before{width:24px;height: 24px;content: '';position: absolute;top: 44px;left: 57px;border-left:6px solid #6db1da;border-bottom:6px solid #6db1da;transform:rotate(-45deg);}
        .firstView .kwadraty{width:396px;position: absolute;top: 0px;right: 0;}
            .firstView .kwadraty > div{width:calc(396px / 3);height:calc(396px / 3);float: left;position: relative;}
            .kwadraty .ciemny{background: #20274c;}
            .kwadraty .jasny{background: #6db1da;}
            .kwadraty .szary{background: #c5c5c4;}

#services{padding: 30px 0;}
    #services .column.left{width:calc(100% - 396px);height: 579px;}
    #services .column.left > .middleY{width:calc((1300px - 396px - 50px));max-width: 100%;}
        #services .column.left > .middleY h2{font-size: 51px;color: #6db1da;margin: 0 0 50px 0;font-weight: normal;}
        #services .column.left > .middleY ul li {list-style: none; font-size: 36px;margin: 0 0 10px 0;font-weight: normal;position: relative;}
        #services .column.left > .middleY ul li::before{content:'';width:34px;height: 1px;background: #e1e0e0;position: absolute;top: 24px;left: -62px;}
    #services .column.right{width:396px;}
    
.homepage .about{background: #20274c;color: #fff;padding: 80px 0 40px 0;}
    .homepage .about p{font-size: 31px;font-weight: normal;margin: 0 0 40px 0;opacity: 0.53;}
    .homepage .about p strong{font-weight: 400;}

.teambox{padding: 30px 0;}
    .teambox .left.column{width:calc(100% - 659px - 50px);}
    .teambox .left.column h2{font-size: 51px;font-weight: normal;margin: 0 0 30px 0;}
    .teambox .left.column p{font-size: 17px;font-weight: 400;margin: 0 0 50px 0;}
    .teambox .right.column{width:659px;}

.rankingibox{background: #fcfcf7;padding: 60px 60px;}
    .rankingibox h3{font-size: 51px;font-weight: normal;margin: 0 0 30px 0;}
    .rankingibox .ranking{float: left;width:calc(50% - 20px);width: 100%;margin: 0 0 30px 0;}
        .rankingibox .ranking:nth-child(2n){float: right;}
        .rankingibox .ranking img{float: left;}
        .rankingibox .ranking .details{float: right;width:calc(100% - 70px);border-left: 2px solid #fff;padding: 0 0 0 20px;}
            .rankingibox .ranking .details h5{font-size: 20px;color: #6db1da;font-weight: 400;margin: 0;}
            .rankingibox .ranking .details p{margin: 20px 0 0px 0;}

.contactbox{padding: 30px 0;}
    .contactbox .left.column{width:523px;}
    .contactbox .right.column{width:calc(100% - 523px - 80px);height: 392px;}
        .contactbox .right.column h3{font-size: 51px;color: #6db1da;margin: 0 0 40px 0;font-weight: normal;}
        .contactbox .right.column .kontakty{margin: 0 40px 0 0;float: left;width: auto;}
            .contactbox .right.column .kontakty a{font-size: 31px;float: left;clear: both;font-weight: normal;}
            .contactbox .right.column .kontakty a:hover{color:#6db1da; }
            .contactbox .right.column .button{margin: 30px 0 0 0;}
        .contactbox .right.column p{line-height: 23px;margin: 0;}

.onaspage .firstView{background: url(gfx/onasbg.jpg) center center no-repeat;background-size: cover;color: #fff;padding: 147px 0 50px 0;}
    .onaspage .firstView .inner > h1{position: absolute;bottom: 0;right: 0;width:auto;margin: 0;font-size: 58px;font-weight: normal;line-height: 1;}
        .onaspage .firstView .inner > h1 *{line-height: 1;}
        .onaspage .firstView .inner > h1 strong{font-weight: 700;}
    .onaspage .firstView .thecontent{width:50%;}

.breadcrumbs{position: absolute;top: 110px;right: 0;width: auto;z-index: 2;}
    .breadcrumbs ul li{color: #6db1da;font-size: 13px;font-weight: normal;list-style: none;float: left;margin: 0 5px 0 0;letter-spacing: 0;}
        .breadcrumbs ul li a:hover{color:#6db1da;}
        .breadcrumbs ul li a{color:#fff;letter-spacing: 0;}
        .layout-dark .breadcrumbs ul li a{color:#20274c;}
        .layout-dark .breadcrumbs ul li a:hover{color:#6db1da;}
        .breadcrumbs ul li a::after{content:' /';}

.pagepage{padding: 180px 0 50px 0;}

.teampage{padding: 180px 0 50px 0;}
    .teampage h1{font-size: 51px;font-weight: normal;margin: 0 0 50px 0;}
    .teampage .thecontent{width: 650px;max-width: 100%;margin: 0 0 50px 0;}
    .teampage .zespol{margin: 20px 0 0 0;}
        .teampage .zespol .pracownikSmall{width:calc((100% - 9px)/4);margin: 0 3px 10px 0;}
        .teampage .zespol .pracownikBig{width:calc((100% - 6px)/3);margin: 0 3px 30px 0;min-height: 10px;}
        .teampage .zespol .pracownikBig .pseudoimage{width:calc((1300px - 6px)/3);height:calc((1300px - 6px)/3);background: #e3e3de;}
        .teampage .zespol .pracownikSmall .pseudoimage{width:calc((1300px - 9px)/4);height:calc((1300px - 9px)/4);background: #e3e3de;}
        .teampage .zespol .pracownik:hover .pseudoimage{background: #93b6d0;}
        .teampage .zespol .pracownik:nth-child(4n+2){margin-right: 0;}
        .teampage .zespol .pracownik:nth-child(4n+3){clear: both;}
        .teampage .zespol .pracownik .image{background: #6db1da;}
        .teampage .zespol .pracownik .image img{display: block;}
        .teampage .zespol .pracownik:hover .image img{opacity: 0.5;}
        .teampage .zespol .pracownik .details{background: #6db1da;padding: 20px 10px;margin: -30px 0 0 0;width:85%;color: #fff;}
        .teampage .zespol .pracownik.pracownikBig .details{padding: 30px 15px;margin: -42px 0 0 0;}
            .teampage .zespol .pracownik .details h3{font-size: 21px;font-weight: 400;margin: 0 0 5px 0;}
            .teampage .zespol .pracownik .details p{font-size: 15px;font-weight: 400;margin: 0;}
    .teampage .breadcrumbs{top:-65px;}
    .teampage .breadcrumbs a,.pracownikpage .breadcrumbs a,.kontaktpage .breadcrumbs a{color: #20274c;}

.pracownikpage{padding: 142px 0 50px 0;}
    .pracownikpage .breadcrumbs{top:-30px;}
    .pracownikpage .left.column{width: 490px;}
        .pracownikpage .left.column h1{font-size: 40px;color:#fff;background: #6db1da;font-weight: normal;margin: 0 -1000px 0 330px;padding: 50px 70px;line-height: 1;left:0;position: relative;z-index: 9;width:auto;float:left;}
        .pracownikpage .left.column .image{margin-top:96px;margin-top:-44px;position: relative;z-index: 8;clear: both;}
        .pracownikpage .left.column .image img{display: block;}
        .pracownikpage .left.column .kontakty{margin: 40px 0 0 120px;font-size: 19px;clear: both;position: relative;z-index: 8;}
        .pracownikpage .left.column .kontakty .linkedin{color:#fff;background: #6db1da;padding: 1px 2px;display: inline-block;margin: 7px 0 0 0;}
        .pracownikpage .left.column .kontakty a:hover{color:#6db1da;background: none;}
    .pracownikpage .right.column{width: calc(100% - 490px - 60px);background: #fcfcf7;padding: 190px 0 0 0;	min-height: 710px;}
        .pracownikpage .right.column::before{width: 450px;background: #fcfcf7;position: absolute;content:'';height: 100%;right: 100%;top:0;}
        .pracownikpage .right.column::after{width: 100vw;background: #fcfcf7;position: absolute;content:'';height: 100%;left: 100%;top:0;}
        .pracownikpage .right.column .stanowisko{margin: 0 0 20px 0;color: #6db1da;font-size: 19px;font-weight: 400;}
    .pracownikpage .buttony{margin:100px 0 0 0;}

.kontaktpage{padding: 142px 0 50px 0;}
.kontaktpage .breadcrumbs{top:-15px;}

.specjalizacjepage{padding: 110px 0 0 0;}
    .specjalizacjepage #services .left.column{background: #fcfcf7;padding-left: 30px;}
        .specjalizacjepage #services .left.column ul{	margin: 0 0 0 32px;}
            .specjalizacjepage #services .left.column ul li::before{z-index: 2;background: #d6d5d0 !important;}
                #services .left.column ul li a{position: relative;}
                    #services .left.column ul li a::before{position: absolute;content: '';width:0;height: 43px;background: #6db1da;top:10px;left: -62px;}
                    #services .left.column ul li a:hover::before{width:calc(100% + 110px);}
                    #services .left.column ul li a span{position: relative;z-index: 2;}
                .specjalizacjepage #services .left.column a.button{margin: 30px 0 0 0;}
    
.kwadraty.dolne{width: 116px;height: 116px;bottom:0;right:0; position: absolute;}
.kwadraty.dolne div{width: 58px;height: 58px;float: left;}

.specjalizacjepage.sing{padding: 140px 0 0 0;}
    .specjalizacjapage .firstboxes{background: #fcfcf7;}
        .specjalizacjapage .left.column{padding:0 0 0 63px;width:calc(100% - 396px);min-height: 579px;}
        .specjalizacjapage.zdjecie-male .left.column{padding-bottom:50px;min-height: 0;}
            .specjalizacjapage .left.column h1{background: #6db1da;color:#fff;font-weight: 400;font-size: 40px; padding:50px 60px;width:auto;margin: 0 0 80px 0}
            .specjalizacjapage .left.column .thecontent{padding: 0 130px 20px 0;}
        .specjalizacjapage .right.column{width: 396px;position: relative;}
        .specjalizacjapage.zdjecie-male .right.column{position: absolute;height: 100%;background-size: cover;background-position: center;right:0;}
            .specjalizacjapage .right.column img{display: block;}
    .specjalizacjapage p.upp.label{line-height: 34px;width:150px;text-align: center;color:#fff;background: #20274c;margin: 30px 0 -30px 0px;float: left;}
    .specjalizacjapage .extrabox{background: #20274c;margin: 30px 0 0 0;overflow: hidden;}
        .specjalizacjapage .extrabox .eksperci{width:auto;float: left;}
        .specjalizacjapage .extrabox .ekspert{width:392px;width:262px;color: #fff;}
        .specjalizacjapage .extrabox .ekspert:nth-child(2n+1) .details{background: #6db1da;}
        .specjalizacjapage .extrabox .ekspert:nth-child(2n) .details{background: #c5c5c4;}
        .specjalizacjapage .extrabox .ekspert:nth-child(2n) .details::after{content:'';width: 100%;height: 100vh;position: absolute;top:calc(100% - 1px);left:0;background: #c5c5c4;}
        .specjalizacjapage .extrabox .ekspert:nth-child(2n+1) .details::after{content:'';width: 100%;height: 100vh;position: absolute;top:calc(100% - 1px);left:0;background: #6db1da;}
            .specjalizacjapage .extrabox .ekspert .image{min-height: 230px;background: #fcfcf7;}
                .specjalizacjapage .extrabox .ekspert .image p{background: #6db1da;position: absolute;top:0;left: 0;padding: 4px 20px;font-size: 16px;z-index: 2;margin:0;}
            .specjalizacjapage .extrabox .ekspert .details{padding: 25px 35px;}
                .specjalizacjapage .extrabox .ekspert .details h4{font-size: 20px;font-weight: 400;margin: 0 0 5px 0;}
                .specjalizacjapage .extrabox .ekspert .details p{font-size: 15px;font-weight: normal;margin: 0 0 5px 0;}
                .specjalizacjapage .extrabox .ekspert .details a{font-size: 16px;font-weight: normal;margin: 15px 0 0px 0;float: left;color: #fff;}
                .specjalizacjapage .extrabox .ekspert .details a:hover{color: #20274c;}
        .specjalizacjapage .extrabox .opis{background:#20274c;color: #fff;padding: 50px 40px 20px 40px;}
        .specjalizacjapage .extrabox .opis.zekspertem{width:calc(100% - 392px);width:calc(100% - 262px);min-height: 377px;}
        .specjalizacjapage .extrabox .opis.zekspertem.ekspertow-2{width:calc(100% - (2 * 262px));}
        .specjalizacjapage .extrabox .opis.zekspertem.ekspertow-3{width:calc(100% - (3 * 262px));}
        .specjalizacjapage .extrabox .opis.zekspertem.ekspertow-4{width:calc(100% - (4 * 262px));}
    .specjalizacjepage.sing #services .left.column{background: none;}
.specjalizacjapage .extrabox.beztekstu .eksperci{width:100%;}
.specjalizacjapage .extrabox.beztekstu.ekspertow-1 .ekspert{width:100%;}
.specjalizacjapage .extrabox.beztekstu.ekspertow-2 .ekspert{width:50%;}
.specjalizacjapage .extrabox.beztekstu.ekspertow-3 .ekspert{width:calc(100% / 3);}
.specjalizacjapage .extrabox.beztekstu.ekspertow-4 .ekspert{width:calc(100% / 4);}
.specjalizacjapage .extrabox.beztekstu.ekspertow-5 .ekspert{width:calc(100% / 5);}
.specjalizacjapage .extrabox.beztekstu .ekspert .image{width:260px;min-height: 0;}
.specjalizacjapage .extrabox.beztekstu .ekspert .details{width:calc(100% - 260px);padding:50px;}

.blogpage{padding: 140px 0 50px 0;}
    .blogpage .inner h1{font-size: 51px;margin: 40px 0 100px 0;font-weight: normal;}
    .wpisy .wpis{width: calc((100% - 60px)/2);float: left;margin: 0 0 40px 0;}
        .wpisy .wpis:nth-child(2n){float: right;}
        .wpisy .wpis:nth-child(2n+1){clear: both;}
        .wpisy .wpis .data{position: absolute;top:-20px;left: 0px;width: 82px;height: 82px;text-align: center;line-height: 82px;color: #fff;font-size: 15px;background:#6db1da;z-index: 2;letter-spacing:0;}
        .wpisy .wpis .thecontent{width: calc(100% - 20px);background: #fcfcf7;padding: 45px 45px 20px 80px;min-height: 250px;}
            .wpisy .wpis .thecontent h2{font-size: 18px;font-weight: normal;margin: 0 0 30px 0;}
            .wpisy .wpis:hover .thecontent h2{color: #6db1da;}
            .wpisy .wpis .thecontent p{margin: 0;}
            .wpisy .wpis .thecontent::after{width: 24px;height: 24px;content: '';position: absolute;bottom: 20px;right: 20px;border-left: 6px solid #6db1da;border-bottom: 6px solid #6db1da;transform: rotate(-135deg);}
            .wpisy .wpis:hover .thecontent::after{right:10px;}

.wpispage{padding: 140px 0 50px 0;}
    .wpispage .breadcrumbs{top:-30px;}
    .wpispage .innerinner{width:850px;float: right;background: #fcfcf7;max-width: 100%;position: none;}
        .wpispage .innerinner .bluebox{width:660px;float: left;background: #6db1da;max-width: 100%;position: relative;left:-300px;top:0;padding: 20px 60px 40px 60px;}
            .wpispage .innerinner .bluebox p{font-size: 18px;color: #fff;margin: 0 0 20px 0;}
            .wpispage .innerinner .bluebox h1{font-size: 32px;color: #fff;margin: 0 0 0px 0;font-weight: normal;}
        .wpispage .innerinner .thecontent{padding: 50px 90px 50px 110px;}
        .wpispage .innerinner .thecontent .details{margin: 60px 0 0 0;font-size: 14px;}
    .wpispage .related > h3{font-size: 51px;margin: 80px 0;font-weight: normal;}

.wp-pagenavi a{float: right;text-align: center;width:270px;height: 52px;line-height: 52px;border: 1px solid #6db1da;color: #6db1da;font-size: 23px;font-weight: normal;position: relative;}
.wp-pagenavi a:hover{border: 1px solid #6db1da;color: #fff;background: #6db1da;}
.wp-pagenavi .previouspostslink{float:left;}
.wp-pagenavi .nextpostslink{float: right;}

footer{background: #20274c;padding: 50px 0 20px 0;color: #fff;float: left;width:100%;}
    footer .column{width: auto;margin: 0 50px 0 0;}
    footer .column.left{min-height: 105px;}
    footer .column.right{margin-right: 0;}
    footer .column p{font-size: 14px;margin: 0;}
    footer .column p a{color:#fff;}
    footer .column p a:hover{color:#6cb1da;}
    footer .column ul.main{border: 1px solid #fff;float: right;padding: 0 20px;margin: 7px 0 0 0;}
    footer .column ul.main li{list-style: none;float: left;}
    footer .column ul.main li a{display: block;padding: 20px 18px;color:#fff;}
    footer .column ul.main li a:hover{color:#6cb1da;}
    footer .column ul.second{float: right;margin: 15px 0 0 0;clear: both;}
    footer .column ul.second li{list-style: none;float: left;margin: 0 0 0 20px;font-size: 15px;}
    footer .column ul.second li a{color:#fff;}
    footer .column ul.second li a:hover{color:#6cb1da;}
    footer .column .socials svg{margin: 20px 10px 0 0;}
    footer .column .socials svg *{fill:#6cb1da !important;}
    footer .column .socials svg:hover *{fill:#fff !important;}
    footer .bottom p{float: left;margin: 0 0 0 8px;font-size: 12px;color: #8b8fa7;}
    footer .bottom p a{color: #8b8fa7;}
    footer .bottom p a:hover{color: #fff;}

@-ms-viewport {
  width: device-width;
}

@media (max-width: 1440px) {
    .onaspage .firstView .inner{width: calc(100% - 60px);}
/*    header .logo{margin-left: 0;}*/
    footer .inner{width:calc(100% - 60px);}
}
@media (max-width: 1350px) {
    .inner{width:100%;}
    footer .inner{width: calc(100% - 60px);}
    .teambox .left.column {width: calc(100% - 600px - 50px);}
    .teambox .right.column {width: 600px;}
    .homepage .about .inner{width: calc(100% - 60px);}
    .contactbox .right.column .kontakty{margin-bottom: 40px;}
    .kontaktpage .contactbox .right.column .kontakty{margin-bottom: 0px;}
    .contactbox .right.column .kontakty a {font-size: 27px;}
    .contactbox .right.column h3{margin-top:40px;}
    .kontaktpage .contactbox .right.column h3{margin-top:0px;}
    .teampage .zespol .pracownikBig .pseudoimage {width: 100%;height: calc((100vw - 81px)/3);}
    footer .column ul.main{padding: 0 10px;}
    footer .column ul.main li a{padding: 20px;}
    footer .column{margin-right: 40px;}
    footer .column.dane{margin-right: 20px;}
    .specjalizacjapage .extrabox.beztekstu .ekspert .details{padding:50px 40px;}
}
@media (max-width: 1200px) {
    .contactbox .left.column {width: calc(100% - 560px - 50px);}
    .contactbox .right.column {width: 560px;height: calc((100vw - 30px - 610px) / 1.5);}
    footer .column ul.main li a{padding: 20px;}
    footer .column.left {min-height: 135px;margin-right: 40px;}
    .specjalizacjapage .left.column .thecontent{padding-right: 50px;}
    .specjalizacjapage .left.column h1{margin-bottom: 50px;}
    .blogpage .inner h1 {margin: 10px 0 70px 0;}
    .wpisy .wpis {width: calc((100% - 20px)/2);}
    .wpisy .wpis .thecontent{min-height: 290px;	padding: 50px 40px 20px 20px;}
    .wpisy .wpis .data{height: 50px;line-height: 50px;}
    .wpispage .innerinner .bluebox{left:calc((100vw - 250px - 660px) * -1);}
    footer .column.dane{clear: both;}
    header nav ul li a{min-width: 60px;}
    .pracownikpage .left.column h1{margin: 0 -410px 0 330px;}
    .specjalizacjapage .extrabox.beztekstu .ekspert .details{padding:50px 20px;width:calc(100% - 220px);}
    .specjalizacjapage .extrabox.beztekstu .ekspert .image {width:220px;}

}
@media (max-width: 1023px) {
/*    .inner{width: calc(100% - 100px);}*/
    .showOnTablet{display: block;}
    .hideOnTablet{display: none;}
    header {width: calc(100% - 60px);}
    header nav ul li a{min-width: 0;padding: 0 15px;}
    .homepage .firstView h1 {bottom: 170px;left: 49px;}
    #services .column.left {width: calc(100% - 316px);height: auto;}
    #services .column.left .middleY{transform: none;top:auto;}
    #services .column.right {width: 296px;}
    #services .column.left > .middleY ul li {font-size: 26px;margin: 0 0 19px 0;}
    .contactbox .right.column p{font-size: 16px;}
    .teambox .left.column {width: 100%;}
    .teambox .right.column {width: 100%;margin: 50px 0 0 0;}
    .teambox .right.column img{width: 100%;}
    .rankingibox{padding: 30px;}
    .rankingibox .ranking{width:100%;margin: 0 0 40px 0;}
    .rankingibox .ranking:last-child{margin-bottom: 0;}
    .contabox{margin: 30px 0;}
    .contactbox .left.column {width: calc(100% - 360px);}
    .contactbox .right.column {width: 330px;height: auto;max-width: 100%;}
    .contactbox .right.column .middleY{transform: none;top:auto;}
    .contactbox .right.column h3 {margin: -8px 0 30px 0;}
    .contactbox .right.column .kontakty {margin: 0 0 30px 0;width: 100%;}
    header nav{float: right;}
    header .logo{margin-top: 30px;margin-left: 0;}
    header nav ul {margin: 39px 0 0 0;}
    header nav ul li a::before{display: none;}
    .teampage {padding: 150px 0 50px 0;}
    .teampage .thecontent {width: 100%;margin: 0;}
    .teampage .zespol .pracownikBig {width: calc((100% - 3px)/2);}
    .teampage .zespol .pracownikBig .pseudoimage {width: 100%;height: calc((100vw - 63px)/2);}
    .teampage .zespol .pracownikSmall {width: calc((100% - 6px)/3);}
    .teampage .zespol .pracownik:nth-child(4n+2){margin-right: 3px;}
    .teampage .zespol .pracownik:nth-child(3n+2){margin-right: 0;}
    .teampage .zespol .pracownik:nth-child(4n+3) {clear: none;}
    .teampage .zespol .pracownik:nth-child(3n+3) {clear: both;}
    .kontaktpage .contactbox .right.column .kontakty {margin-bottom: 30px;}
    .kontaktpage {padding-top: 102px;}
    .onaspage .firstView{width: calc(100% + 60px);margin: -30px 0 0 -30px;}
    .onaspage .breadcrumbs {right: 25px;}
    .onaspage .firstView .inner > h1 {bottom:auto;top: 420px;font-size: 50px;}
    .pracownikpage .left.column {width: 320px;left: -30px;}
    .pracownikpage .right.column {width: calc(100% - 320px);}
    .pracownikpage .left.column h1 {padding: 30px 50px;}
    .pracownikpage{padding-top:118px;}
    .pracownikpage .left.column .kontakty{padding-left: 60px;margin-left: 0;}
    .pracownikpage .buttony {margin: 50px 0 0 0;}
    .page-template-template-home header .logo {margin: 50px 20px 0 30px;}
    .page-template-template-home header nav ul {margin: 59px 30px 0 0;}
    .specjalizacjapage .left.column{width:calc(100% - 206px);}
    .specjalizacjapage .right.column {width: 206px;}
    .specjalizacjapage .left.column{padding-left: 35px;}
    .specjalizacjapage .left.column .thecontent {padding-right: 30px;}
    .specjalizacjapage .extrabox .eksperci {width: 262px;}
    .specjalizacjapage .extrabox.beztekstu .ekspert{width: 100% !important;}
    .specjalizacjapage .extrabox.beztekstu .ekspert .image{width: 280px;}
    .specjalizacjapage .extrabox.beztekstu .ekspert .details{padding: 50px;width: calc(100% - 280px);}
    .specjalizacjapage .extrabox .ekspert .image {min-height: 180px;}
    .specjalizacjapage .extrabox .ekspert .details {padding: 20px;}
    .specjalizacjapage .extrabox .opis.zekspertem {padding: 30px 30px 20px 30px;}
    .specjalizacjapage .extrabox .opis.zekspertem {width: calc(100% - 262px) !important;min-height: 320px;}
    .specjalizacjepage #services .left.column ul li a::before{display: none;}
    .kwadraty.dolne {width: 80px;height: 80px;}
    .kwadraty.dolne div {width: 40px;height: 40px;}
    .wpispage .innerinner .bluebox {left: 0;}
    .wpispage .innerinner .thecontent {padding: 50px;}
    footer .column ul.main {border: 0;padding: 0;margin: 0;}
    footer .column ul li{clear: both;margin: 0 0 15px 0 !important;font-size: 16px;}
    footer .column ul.main li a{padding: 0;}
    footer .column.dane{clear: none;}
    header .langs {margin: -80px 0 0 0px;}
}
@media (max-width: 767px) {
/*    .inner{width: calc(100% - 40px);}*/
    .showOnMobile{display: block;}
    .hideOnMobile{display: none;}
    #page {padding: 20px;}
    header {width: calc(100% - 40px);z-index: 23;}
    header nav {float: right;position: absolute;top: 0;left: calc(100% + 20px);width: calc(100% + 40px);background: #20274c;padding: 90px 0 0 0;}
    header.active nav {left: -20px;}
    header .logo {margin-top: 10px;z-index: 2;position: relative;}
    header nav{z-index: 22;}
    header nav ul{width:100%;border:0;margin: 0;}
    header nav ul li{width:100%;}
    header nav ul li a{width:100%;padding: 20px 20px;border: 0 !important;border-top:1px solid #515673 !important;box-sizing: border-box;line-height: 1.1;color:#fff !important;text-transform: uppercase;}
    header.dark nav ul{border-left: 0;}
    header.white .langs {margin-right: 0;border-bottom: 1px solid #515673;}
    header.white .langs li::before{display: none;}
    header .langs li{border-left: 1px solid #525673;box-sizing: border-box;}
    header .langs li:first-child{border-left:0;}
    .menubutton {width:50px;height: 40px;position: absolute;top: 36px;right: 0;z-index: 23;top:27px;right:0px;}
    .page-template-template-home .menubutton {right:20px;}
    .menubutton div{width:100%;height: 8px;margin: 0 0 7px 0;background: #20274c;}
    header.active .menubutton div{background: #fff;}
    .page-template-template-home .menubutton div{background: #20274c;}
    .page-template-template-home header{background: #fff;width: 100%;left: 0;}
    .page-template-template-home header .logo {margin: 20px 20px 0 0px;margin: 10px 20px 7px;}
    .page-template-template-home header .logo img{display: none;}
    .page-template-template-home header .logo img.showOnMobile{display: block;}
    header .langs{margin: 0;border: 0;}
    header .langs li{width: 50%;float: left;margin: 0;}
    .page-template-template-home header nav ul {margin: 0;}
    .homepage .firstView {height: 100vh;width: calc(100% + 40px);margin: -20px 0 0 -20px;background-image: url(gfx/homebg-mobile.jpg);}
    .homepage .firstView .scrolllink{right:20px;width: calc(100% - 40px);padding: 15px 15px 15px 50px;}
    .homepage .firstView .scrolllink::before {width: 14px;height: 14px;top: 24px;left: 19px;border-left: 4px solid #6db1da;border-bottom: 4px solid #6db1da;}
    .homepage .firstView h1{bottom: auto;left: 20px;position: relative;margin: 130px 0 0 0;font-size: 46px;}
    .firstView .kwadraty {width: 200px;position: absolute;bottom: 7px;right: 0;top:auto;}
    .firstView .kwadraty > div {width: calc(200px / 3);height: calc(200px / 3);}
    #services .column.left {width: 100%;}
    #services .column.left > .middleY h2{margin: 0 0 30px 0;}
    #services .column.left > .middleY ul li {font-size: 28px;}
    #services .column.right {width: 100%;margin: 20px 0 0 0;}
    .homepage .about{padding: 20px 0;width: calc(100% + 40px);margin-left: -20px;}
    .homepage .about p {font-size: 22px;text-align: center;opacity: 1;}
    .homepage .about p:first-child strong:first-child{display: block;font-weight: bold;margin: 0 0 10px 0;}
    .homepage .about .inner {width: calc(100% - 40px);}
    #page .button{width:100%;}
    .teambox .left.column p{margin-bottom: 30px;}
    .rankingibox {padding: 20px;width: calc(100% + 40px);margin-left: -20px;}
    .rankingibox .ranking .details {width: 100%;border-left: 0;padding: 20px 0 0 0px;}
    .rankingibox h3 {font-size: 34px;}
    .contactbox .left.column {width: calc(100% + 40px);margin-left: -20px;margin: 20px 0 0 -20px;}
    .teampage .zespol .pracownikBig,.teampage .zespol .pracownikSmall{width:100%;margin-bottom: 10px !important;}
    .teampage .zespol .pracownik .pseudoimage{height: calc(100vw - 60px) !important;}
    .onaspage .firstView .thecontent {width: 100%;}
    .page-template-template-okancelarii .menubutton div {background: #fff;}
    .page-template-template-okancelarii .kwadraty {display: none;}
    .onaspage .firstView .inner > h1 {top: auto;font-size: 43px;position: relative;}
    .teambox .right.column{width: calc(100% + 40px);margin-right: -20px;}
    .specjalizacjepage .breadcrumbs,.wpispage .breadcrumbs{top:0px;position: relative;margin:0 0 10px 0;}
    .page-template-template-blog .breadcrumbs,.page-template-template-specjalizacje .breadcrumbs{top:77px;}
    .specjalizacjepage {padding: 70px 0 0 0;}
    .specjalizacjepage.sing {padding: 100px 0 0 0;padding: 70px 0 0 0;}
    .specjalizacjepage #services .left.column {background: none;padding-left: 0px;}
    .specjalizacjepage #services .left.column ul{margin: 0;}
    .specjalizacjepage #services .left.column ul li::before{display: none;}
    .specjalizacjapage .left.column {width: 100%;padding: 0 20px;}
    .specjalizacjapage .left.column h1{padding: 20px;font-size: 30px;margin: 0 -20px 30px 0;width:calc(100% - 20px);}
    .specjalizacjapage .left.column .thecontent {padding-right: 0;}
    .specjalizacjapage .extrabox{width: calc(100% + 40px);margin-left: -20px;}
    .specjalizacjapage .firstboxes{width: calc(100% + 40px);margin-left: -20px;}
    .specjalizacjapage .extrabox .opis{padding: 20px;}
    .specjalizacjapage .extrabox .ekspert,.specjalizacjapage .extrabox .eksperci {width: 100%;}
    .specjalizacjapage .extrabox .opis.zekspertem {width: 100% !important;padding: 20px;}
    .specjalizacjapage .extrabox .ekspert .image img{width:100%;}
    .specjalizacjapage .extrabox.beztekstu .ekspert .image{width: 100%;}
    .specjalizacjapage .extrabox.beztekstu .ekspert .details{padding: 30px;width:100%;}
    #services .column.left > .middleY h2 {font-size: 40px;}
    .blogpage,.wpispage{padding: 80px 0 30px 0;}
    .blogpage .inner h1 {margin: 0px 0 40px 0;}
    .wpisy .wpis {width: 100%;}
    .wpispage .breadcrumbs {top: auto;position: relative;margin: 0 0 10px 0;}
    .wpispage .innerinner .bluebox{padding: 20px;}
    .wpispage .innerinner .bluebox h1 {font-size: 22px;}
    .wpispage .innerinner .thecontent {padding: 20px;}
    .wpispage .innerinner .thecontent .details {margin: 30px 0 0 0;}
    .wpispage .related > h3 {font-size: 30px;margin: 30px 0 40px 0;}
    .pracownikpage {padding-top: 110px;}
    .pracownikpage .left.column {width: 100%;left: 0;}
    .pracownikpage .right.column {width: 100%;}
    .pracownikpage .left.column h1 {padding: 20px;left: -20px;margin: 0;width: calc(100% + 40px);box-sizing: border-box;}
    .pracownikpage .left.column .image {margin-top: 0;left: -20px;margin: 0;width: calc(100% + 40px);}
    .pracownikpage .left.column .kontakty {padding-left: 0;margin: 20px 0;}
    .pracownikpage .right.column{padding: 20px 0 0 0;}
    #page .button{box-sizing: border-box;}
    .pracownikpage .buttony .button{margin-bottom: 10px;}
    
    footer{text-align: center;width:calc(100% + 40px);margin: 0 0 -20px -20px;}
    footer .inner {width: calc(100% - 40px);}
    footer .column.left {min-height: 0;margin: 0 0 40px 0;width:100%;}
    footer .column.left .logo{float: none;}
    footer .column.right {width: 100%;margin: 0 0 60px 0;}
    footer .column.right ul{width: 100%;}
    footer .column.right ul li{width: 100%;margin: 0 0 20px 0;font-size: 26px;font-weight: normal;}
    footer .column p {font-size: 16px;margin: 0;letter-spacing: 0;}
    footer .bottom .column.right {margin: 0;}
    footer .bottom p{font-size: 14px;width:100%;}
    footer .bottom p a{display: block;}
}

/**** WG TS 15.02.2022 ****/

.row{position:relative;display:flex;flex-direction:row;align-items:flex-start;width:100%}.row-equal{align-items:stretch}.row-wrap{flex-wrap:wrap}.row-align-left{justify-content:flex-start}.row-align-right{justify-content:flex-end}.row-align-center{justify-content:center}.stack-between{justify-content:space-between}.columnize{flex-direction:column}.vertical-flex-center{align-items:center}.full-col{width:100%}.col-sf{width:65%}.col-half{width:50%}.col-half48{width:50%}.col-half50{width:50%}.col-fe{width:48%}.col-one-third{width:32%}.col-one-fourth{width:24%}

.page-title {
    font-size: 51px;
    margin-top: 0;
    font-weight: normal;
}

.row-job-list {
    margin: 55px 0;
}

.contactbox p {
    font-size: 14px;
    line-height: 20px !important;
    font-weight: 400;
    margin-bottom: 20px !important;
    display: inline-block;
}

.col-career-nav {
    width: 25%;
}

.col-jobs-list {
    width: 70%;
    padding-top: 75px;
}

.career-bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 530px;
    height: auto;
}

/** Jobs list **/

.jobs-list {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1025px) {
    .jobs-list {
        min-height: 550px;
    }
}

.single-job {
    /*max-width: 535px;*/
    max-width: 465px;
    position: relative;
    margin-bottom: 20px;
    padding: 75px 35px 35px 95px;
    box-sizing: border-box
}

.single-job:before {
    content: '';
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    position: absolute;
    background: #fcfcf7;
    z-index: 1;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    border: 1px solid transparent;
}

.single-job * {
    position: relative;
    z-index: 2;
}

.job-date {
    position: absolute;
    width: 82px;
    height: 82px;
    top: 0;
    left: 0;
    background: #6db1da;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    font-weight: normal;
}

.single-job dd {
    margin-left: 0;
    font-size: 15px;
    line-height: 21px;
    margin-top: 4px;
    color: #939393;
    letter-spacing: 0px;
}

.single-job dl dt {
    /*font-size: 18px;*/
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #20274c;
    letter-spacing: 0px;
    /*margin-right: 75px;*/
    margin-right: 25px;
}

.left-part {
    width: fit-content;
}

.left-part .location {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0px;
    color: #6db1da;
    font-weight: 600;
}

.left-part .location img {
    margin-right: 10px;
}

.row-job-bottom {
    align-items: center;
    margin-top: 35px;
}

.readmore {
    font-size: 15px;
    letter-spacing: 0px;
    color: #20274c;
    font-weight: 400;
    margin-right: 30px;
    position: relative;
}

.readmore:after {
    width: 16px;
    height: 16px;
    content: '';
    position: absolute;
    bottom: -3px;
    right: -30px;
    border-left: 6px solid #6db1da;
    border-bottom: 6px solid #6db1da;
    transform: rotate(-135deg);
}

.single-job:hover:before {
    border-color: #c8c6c6;
}

.single-job:hover .readmore:after {
    right: -40px;
}

/** Nav **/

.nav-list {
    display: flex;
    flex-direction: column;
}

.job-navlink {
    font-size: 24px;
    font-weight: normal;
    background: #fcfcf7;
    color: #20274c;
    min-height: 50px;
    margin-bottom: 15px;
    display: inline-flex;
    align-items: center;
    position: relative;
}

.job-navlink:before {
    content: '';
    height: 100%;
    width: 50px;
    background: #fcfcf7;
    position: absolute;
    left: -49px;
    top: 0;
    z-index: -1;
}

.job-navlink:after {
    width: 13px;
    height: 13px;
    content: '';
    position: absolute;
    bottom: 0px;
    top: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 30px;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    transform: rotate(-135deg);
}

.job-navlink:hover:after {
    right: 20px;
    border-color: #20274C
}

.page-template-template-kariera .job-navlink:first-of-type {
    background: #6db1da;
    color: #fff;
}

.page-template-template-kariera .job-navlink:first-of-type:before {
    background: #6db1da;
}

.about-header {
    color: #6db1da;
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
}

/*** SINGLE JOB PAGE ***/

.single-oferta-pracy .job-navlink:first-of-type {
    background: #6db1da;
    color: #fff;
}

.single-oferta-pracy .job-navlink:first-of-type:before {
    background: #6db1da;
}

.row-single-job {
    position: relative;
    margin-top: 35px;
    margin-bottom: 75px;
}

.single-oferta-pracy .nav-list,
.page-template-template-kariera-lp .nav-list {
    margin-top: 350px;
}

.col-job-contents {
    width: 60%;
    position: initial;
    background: #fcfcf7;
    padding: 0 80px 80px;
}

.single-job-meta {
    position: absolute;
    left: 0;
    background: #6db1da;
    padding: 35px 75px;
    max-width: 550px;
    z-index: 2;
}

.page-template-template-kariera-lp .single-job-meta {
    width: 100%;
    min-height: 150px;
}

.page-template-template-kariera-lp .single-job-meta h1 {
    text-transform: uppercase;
}

.page-template-template-kariera-lp .single-job-meta span {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
}

.single-job-meta date {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}

.single-job-meta h1 {
    color: #fff;
    font-size: 32px;
    line-height: 38px;
    font-weight: normal;
    max-width: 70%;
}

.single-oferta-pracy .loc-wrapper,
.page-template-template-kariera-lp .loc-wrapper {
    margin-top: 230px;
    margin-bottom: 35px;
    text-align: right;
}

.single-oferta-pracy .loc-wrapper .location,
.page-template-template-kariera-lp .loc-wrapper .location {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    color: #6db1da;
    font-size: 14px;
}

.single-oferta-pracy .loc-wrapper .location img,
.page-template-template-kariera-lp .loc-wrapper .location img  {
    margin-right: 0;
    margin-left: 15px;
}

.job-desc p,
.job-desc li {
    font-family: 'Titillium Web', sans-serif;
    font-size: 19px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0px;
}

.job-desc li {
    margin-bottom: 5px;
}

.job-desc ul {
    list-style: none;
    margin-bottom: 25px;
}

.job-desc ul li:before {
    content: '\25C4';
    color: #6db1da;
    display: inline-block;
    transform: rotate(180deg);
    margin-right: 8px;
    font-size: 16px;
}

.row-single-job-contact {
    margin-bottom: 35px;
    align-items: center;
}

.row-single-job-contact .button {
    background: #6db1da;
}

.row-single-job-contact .button span {
    color: #fff;
    font-size: 20px;
}

.row-single-job-contact .button:before {
    background: #fff !important;
}

.row-single-job-contact .button:hover span {
    color: #6db1da;
}

.row-ref-share {
    display: flex;
}

.ref-nr {
    margin-left: 0;
    font-size: 15px;
    line-height: 21px;
    color: #939393;
    letter-spacing: 0px;
}

.col-share {
    display: flex;
    width: fit-content;
}

.col-share a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 10px;
}

.col-share a:hover img {
    filter: brightness(0.4)
}

.pdf-file {
    display: inline-flex;
    align-items: center;
}

.pdf-file span {
    font-size: 17px;
    display: inline-block;
    margin-left: 5px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.pdf-file:hover span {
    color: #6db1da;
}

.big-title {
    font-size: 51px;
    font-weight: normal;
    margin: 25px 0 55px;
    display: block;
}

.related-jobs-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 45px;
    grid-row-gap: 0px;
}

.related-jobs-list .single-job {
    max-width: 100%;
}

.bottom-job-nav {
    margin-top: 35px;
}

/*** MEDIA QUERIES ***/

@media (max-width: 767px) {
    
    .col-career-nav,
    .col-jobs-list {
        width: 100%;
    }

    .career-bg {
        display: none;
    }

    .single-job {
        padding-left: 45px;
        padding-top: 85px;
        padding-bottom: 25px;
        padding-right: 25px;
    }

    .single-job dl dt {
        margin-right: 0;
        font-size: 17px;
    }

    .row-job-list {
        margin-bottom: 0;
    }

    .contactbox .right.column,
    .contactbox .left.column {
        width: 100%;
    }

    .single-oferta-pracy .nav-list, 
    .page-template-template-kariera-lp .nav-list {
        margin-top: 25px;
    }

    .col-job-contents {
        width: 100%;
        padding: 30px;
        position: relative;
    }

    .single-job-meta {
        max-width: 100%;
        padding: 30px;
        top: 0;
    }

    .single-job-meta h1 {
        max-width: 100%;
        font-size: 25px;
        line-height: 32px;
    }

    .page-template-template-kariera-lp .loc-wrapper {
        margin-top: 200px;
    }

    .single-oferta-pracy .loc-wrapper {
        margin-top: 235px;
    }

    .pdf-file {
        margin-top: 25px;
    }

    .col-share {
        width: 100%;
        margin-top: 25px;
    }

    .col-share a:first-of-type {
        margin-left: 0;
    }

    .page-template-template-kariera-lp .single-job-meta {
        width: 100%;
        max-width: calc(100% - 60px) !important;
        min-height: 120px;
        top: 0;
    }

    .job-desc p, .job-desc li {
        font-size: 18px;
    }

    .related-jobs-list .single-job {
        max-width: 100% !important;
    }
    
}

@media (min-width: 768px) and (max-width: 1024px) {

    .col-career-nav {
        width: 35%;
    }

    .col-jobs-list {
        width: 60%;
    }

    .single-job dl dt {
        margin-right: 0px;
        font-size: 16px;
    }

    .career-bg {
        display: none;
    }

    .page-template-template-kariera .contactbox .inner,
    .single-oferta-pracy .contactbox .inner {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .page-template-template-kariera .contactbox .right.column,
    .page-template-template-kariera .contactbox .left.column,
    .single-oferta-pracy .contactbox .right.column,
    .single-oferta-pracy .contactbox .left.column {
        width: 100%;
    }

    .col-job-contents {
        padding: 0 30px;
    }

    .job-desc p, .job-desc li {
        font-size: 18px;
    }

    .single-oferta-pracy .loc-wrapper, 
    .page-template-template-kariera-lp .loc-wrapper {
        margin-top: 300px;
    }

    .single-job-meta {
        max-width: 100%;
    }

    .row-single-job-contact {
        flex-direction: column;
        align-items: flex-start;
    }

    .pdf-file {
        margin-top: 25px;
    }

    .related-jobs-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .related-jobs-list .single-job {
        max-width: 75%;
    }

    .page-template-template-kariera-lp .single-job-meta {
        max-width: calc(100% - 150px);
    }

}