.tpl-implementations, .tpl-05 {
    display:block;
    box-sizing:border-box;
    padding:0;
    margin:0;    
}

/* baner */
.tpl-05 .ps-baner {
    display:block;
    box-sizing:border-box;    
    padding:0;
    margin: 0;
    position:relative;  
}

.tpl-05 .ps-baner .st-bleed {
    display:block;
    box-sizing:border-box;    
    padding:0;
    margin: 0;
}

.tpl-05 .ps-baner .st-cnt {
    display:block;
    box-sizing:border-box;
    padding:0;
    margin: 0;
}

.tpl-05 .ps-baner .main {
    display:block;
    box-sizing:border-box;
    height: 700px;
    padding:0;
    margin: 0;
    position: relative;    
}

.tpl-05 .ps-baner .background {
    display:block;
    box-sizing:border-box;
    height: 100%;
    padding:0;
    margin: 0;
    z-index: 8;
    background: linear-gradient(103.19deg, #516a60  -11.22%, rgba(201, 201, 201, 0) 73.11%), #69897c;
}

.tpl-05 .ps-baner .main .content {
    display:block;
    box-sizing:border-box;
    width: 100%;
    max-width: 1220px;    
    height: 100%;
    padding: 0 20px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top:0;
    transform: translateX(-50%);
    z-index: 40;
}

.tpl-05 .ps-baner .main .content .cols {
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    box-sizing:border-box;
    height: 100%;
    padding: 0;
    margin: 0;
}

.tpl-05 .ps-baner .main .content .cols .col-left {
    display: block;
    box-sizing: border-box;
    width: 55%;
    padding: 30px 0 0 80px;
    margin: 0;
}

.tpl-05 .ps-baner .main .content .cols .col-left .title {
    display: block;
    box-sizing: border-box;
    font-size: 42px;
    font-weight: 700;
    text-align: left;
    line-height: 120%;
    color:#fff;
    padding: 0;
    margin: 0 0 30px 0;
}

.tpl-05 .ps-baner .main .content .cols .col-left .title:last-child {
    margin: 0;
}

.tpl-05 .ps-baner .main .content .cols .col-left .title strong {
    font-weight: 700;
}

.tpl-05 .ps-baner .main .content .cols .col-left .text {
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.tpl-05 .ps-baner .main .content .cols .col-left .text p {
    display: block;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    color:#fff;
    padding: 0;
    margin: 0 0 30px 0;
}

.tpl-05 .ps-baner .main .content .cols .col-left .text p:last-child {
    margin: 0;
}

.tpl-05 .ps-baner .main .elements {
    display: block;
    box-sizing: border-box;
    width: calc(540px / 1);
    height: calc(360px / 1);
    padding: 0;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 150px;
    transform: translateX(140px);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 16;
    pointer-events: none;
}

.tpl-05 .ps-baner .main .elements.loaded {
    background-image: url(../img/views/implementations/baner_elements.svg);
}

.tpl-05 .ps-baner .main .photo {
    display: block;
    box-sizing: border-box;
    width: calc(1734px / 3);
    height: calc(2184px / 3);
    padding: 0;
    margin: 0;
    position: absolute;
    left: 50%;
    bottom: -140px;
    transform: translateX(110px);    
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 40;
    pointer-events: none;
}

.tpl-05 .ps-baner .main .photo.loaded {
    background-image: url(../img/views/implementations/baner.webp);
}

.tpl-05 .ps-baner .main .mask {
    display:block;
    box-sizing:border-box;
    width: 100%;
    height: 100%;
    padding:0;
    margin: 0;    
    background-repeat:no-repeat;
    background-size: auto;
    background-position: center bottom;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 32;
    pointer-events: none;
}

.tpl-05 .ps-baner .main .mask.loaded {
    background-image: url(../img/common/mask.webp);
}

@media only screen and (max-width: 1180px) {

    .tpl-05 .ps-baner .main .content .cols .col-left {
        padding: 30px 0 0 30px;
    }

    .tpl-05 .ps-baner .main .elements {
        transform: translateX(110px);
    }

    .tpl-05 .ps-baner .main .photo {
        transform: translateX(80px);
    }    
}

@media only screen and (max-width: 1024px) {

    .tpl-05 .ps-baner {
        display: none;
    }
}

/* baner mobile */
.tpl-05 .ps-baner-mobile {
    display:none;
    box-sizing:border-box;    
    padding:0;
    margin: 0;
    position:relative;  
}

.tpl-05 .ps-baner-mobile .st-bleed {
    display:block;
    box-sizing:border-box;    
    padding:0;
    margin: 0;
}

.tpl-05 .ps-baner-mobile .st-cnt {
    display:block;
    box-sizing:border-box;
    padding:0;
    margin: 0;
}

.tpl-05 .ps-baner-mobile .main {
    display:block;
    box-sizing:border-box;
    padding:0;
    margin: 0; 
}

.tpl-05 .ps-baner-mobile .main .art {
    display:block;
    box-sizing:border-box;
    height: 540px;
    padding:0;
    margin: 0 0 30px 0;
    position: relative;
    background: linear-gradient(103.19deg, #516a60  -11.22%, rgba(201, 201, 201, 0) 73.11%), #69897c;
}

.tpl-05 .ps-baner-mobile .main .art .content {
    display:block;
    box-sizing:border-box;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 70px;
    transform: translateX(-50%);
    z-index: 40;
}

.tpl-05 .ps-baner-mobile .main .art .content .title {
    display: block;
    box-sizing: border-box;
    font-size:36px;
    font-weight: 400;
    text-align: center;
    line-height: 140%;
    color:#fff;
    padding: 0;
    margin: 0;
}

.tpl-05 .ps-baner-mobile .main .art .mask {
    display:block;
    box-sizing:border-box;
    width: 100%;
    height: 100%;
    padding:0;
    margin: 0;    
    background-repeat:no-repeat;
    background-size: auto;
    background-position: center bottom;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 32;
    pointer-events: none;
}

.tpl-05 .ps-baner-mobile .main .art .mask.loaded {
    background-image: url(../img/common/mask_mobile.webp);
}

.tpl-05 .ps-baner-mobile .main .art .elements {
    display: block;
    box-sizing: border-box;
    width: calc(540px / 1.6);
    height: calc(360px / 1.6);
    padding: 0;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 220px;
    transform: translateX(-50%);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 16;
    pointer-events: none;
}

.tpl-05 .ps-baner-mobile .main .art .elements.loaded {
    background-image: url(../img/views/implementations/baner_elements.svg);
}

.tpl-05 .ps-baner-mobile .main .art .photo {
    display: block;
    box-sizing: border-box;
    width: calc(1734px / 4.8);
    height: calc(2184px / 4.8);
    padding: 0;
    margin: 0;
    position: absolute;
    left: 52%;
    bottom: -85px;
    transform: translateX(-50%);    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 48;
    pointer-events: none;
}

.tpl-05 .ps-baner-mobile .main .art .photo.loaded {
    background-image: url(../img/views/implementations/baner.webp);
}

.tpl-05 .ps-baner-mobile .main .bottom {
    display: block;
    box-sizing: border-box;
    max-width: 760px;
    padding: 0 20px;
    margin: 0 auto;
}

.tpl-05 .ps-baner-mobile .main .bottom .text {
    display: block;
    box-sizing: border-box;
    padding: 0 0 30px 0;
    margin: 0;
    border-bottom: 1px solid #CDCDCD;
}

.tpl-05 .ps-baner-mobile .main .bottom .text p {
    display: block;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color:var(--c_text_gray);
    padding: 0;
    margin: 0 0 15px 0;
}

.tpl-05 .ps-baner-mobile .main .bottom .text p:last-child {
    margin: 0;
}

@media only screen and (max-width: 1024px) {

    .tpl-05 .ps-baner-mobile {
        display: block;
    }
}

@media only screen and (max-width: 640px) {

    .tpl-05 .ps-baner-mobile .main .art .content {
        top: 80px;
        padding: 0 20px;
    }

    .tpl-05 .ps-baner-mobile .main .art .content .title {
        font-size:30px;
    }   
}

@media only screen and (max-width: 480px) {

    .tpl-05 .ps-baner-mobile .main .art .content {
        top: 100px;
    }

    .tpl-05 .ps-baner-mobile .main .art .content .title {
        font-size:26px;
    }

    .tpl-05 .ps-baner-mobile .main .art .elements {
        width: calc(540px / 1.8);
        height: calc(360px / 1.8);
    }

    .tpl-05 .ps-baner-mobile .main .art .photo {
        width: calc(1734px / 5.0);
        height: calc(2184px / 5.0);
    }
}

@media only screen and (max-width: 360px) {

    .tpl-05 .ps-baner-mobile .main .art .elements {
        width: calc(540px / 2.0);
        height: calc(360px / 2.0);
    }

    .tpl-05 .ps-baner-mobile .main .art .photo {
        width: calc(1734px / 5.2);
        height: calc(2184px / 5.2);
    }
}

/* grid */
.tpl-05 .ps-grid {
    display:block;
    box-sizing:border-box;    
    padding:0;
    margin: 0;
}

.tpl-05 .ps-grid .st-bleed {
    display:block;
    box-sizing:border-box;    
    padding:0 20px;
    margin: 0;
}

.tpl-05 .ps-grid .st-cnt {
    display:block;
    box-sizing:border-box;
    padding:60px 0 20px 0;
    margin: 0;
}

.tpl-05 .ps-grid .main {
    display:block;
    box-sizing:border-box;
    max-width: 1120px;
    padding:0;
    margin: 0 auto;
}

.tpl-05 .ps-grid .grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.tpl-05 .ps-grid .grid .cell {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 120px;
    margin: 10px 10px;
}

.tpl-05 .ps-grid .grid .cell .drop {    
    box-sizing: border-box;
    line-height: 0;
    padding: 10px;
    border: 1px solid #aaa;
    border-radius: 10px;
    margin: 0 0 10px 0;
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    transition: all 0.2s ease-out;
}

.tpl-05 .ps-grid .grid .cell .drop .over {    
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 10;
    cursor: pointer;
    transition: all 0.2s ease-out;
    background: transparent;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.0);
    text-align: center;
}

.tpl-05 .ps-grid .grid .cell .drop.touch,
.notouch .tpl-05 .ps-grid .grid .cell .drop:hover {
    border: 1px solid var(--c_lc_red);
    box-shadow: inset 0 0 10px 0 rgba(255, 0, 0, 0.1);
}

.tpl-05 .ps-grid .grid .cell .drop.touch .over,
.notouch .tpl-05 .ps-grid .grid .cell .drop:hover .over {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.tpl-05 .ps-grid .grid .cell .drop img {
    width: calc(1140px / 12.0);
    height: calc(1260px / 12.0);
    margin: 0 auto;
}

.tpl-05 .ps-grid .grid .cell .name {
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    text-align: center;
    color: #222;
}

@media only screen and (max-width: 768px) {
    .tpl-05 .ps-grid .st-cnt {
        padding:50px 0 20px 0;
    }

    .tpl-05 .ps-grid .grid .cell {
        width: 110px;
        margin: 8px 8px;
    }

    .tpl-05 .ps-grid .grid .cell .drop {    
        padding: 8px;
    }

    .tpl-05 .ps-grid .grid .cell .drop img {
        width: calc(1140px / 13.0);
        height: calc(1260px / 13.0);
    }

    .tpl-05 .ps-grid .grid .cell .name {
        font-size: 12px;
    }
}

@media only screen and (max-width: 480px) {
    .tpl-05 .ps-grid .st-cnt {
        padding:40px 0 20px 0;
    }

    .tpl-05 .ps-grid .grid .cell {
        width: 96px;
    }

    .tpl-05 .ps-grid .grid .cell .drop img {
        width: calc(1140px / 15.0);
        height: calc(1260px / 15.0);
    }
}

@media only screen and (max-width: 400px) {
    .tpl-05 .ps-grid .grid .cell {
        width: 110px;
        margin: 10px 10px;
    }

    .tpl-05 .ps-grid .grid .cell .drop img {
        width: calc(1140px / 13.0);
        height: calc(1260px / 13.0);
    }    
}

/* portfolio */
.tpl-05 .ps-portfolio {
    display:block;
    box-sizing:border-box;    
    padding:0;
    margin: 0;
	margin-top: -150px;
    position: relative;
    z-index: 99;
}

.tpl-05 .ps-portfolio .st-bleed {
    display:block;
    box-sizing:border-box;    
    padding:0;
    margin: 0;
}

.tpl-05 .ps-portfolio .st-cnt {
    display:block;
    box-sizing:border-box;
    padding:60px 0 80px 0;
    margin: 0;
}

.tpl-05 .ps-portfolio .main {
    display:block;
    box-sizing:border-box;
    padding:0;
    margin: 0;
}

.tpl-05 .ps-portfolio .main .head {
    display:block;
    box-sizing:border-box;
    max-width: 920px;
    padding:0 20px;
    margin: 0 auto 120px auto;
}

.tpl-05 .ps-portfolio .main .head:last-child {
    margin: 0 auto 0 auto;
}

@media only screen and (max-width: 1080px) {

    .tpl-05 .ps-portfolio .main .head {
        margin: 0 auto 80px auto;
    }
}

@media only screen and (max-width: 960px) {

    .tpl-05 .ps-portfolio .st-cnt {
        padding:40px 0 60px 0;
    }

    .tpl-05 .ps-portfolio .main .head {
        margin: 0 auto 60px auto;
    }
}

@media only screen and (max-width: 768px) {

    .tpl-05 .ps-portfolio .main .head {
        margin: 0 auto 50px auto;
    }
	
	.tpl-05 .ps-portfolio {
		margin-top: -0px;
	}
}

.tpl-05 .ps-portfolio .projects {
    display: block;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0 0 80px 0;
}

.tpl-05 .ps-portfolio .projects:last-child {
    margin:0;
}

.tpl-05 .ps-portfolio .projects .list {
    display: block;
    box-sizing: border-box;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
}

.tpl-05 .ps-portfolio .projects .list .item {
    display: block;
    box-sizing: border-box;
    padding: 0 60px;
    margin: 0 auto 100px auto;
    background: #fff;
    box-shadow:0px 2px 20px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}

.tpl-05 .ps-portfolio .projects .list .item:last-child {
    margin:0 auto 0 auto;
}

.tpl-05 .ps-portfolio .projects .list .item .ribbon {
    display: block;
    box-sizing: border-box;
    width: 52px;
    height: 70px;
    padding: 0;
    margin: 0;
    z-index: 10;
    position: absolute;
    left: 60px;
    top: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left top;
}

.tpl-05 .ps-portfolio .projects .list .item .ribbon.start {
    background-image: url(../img/svg/ribbon_start.svg);
}

.tpl-05 .ps-portfolio .projects .list .item .ribbon.business {
    background-image: url(../img/svg/ribbon_business.svg);
}

.tpl-05 .ps-portfolio .projects .list .item .ribbon.enterprise {
    background-image: url(../img/svg/ribbon_enterprise.svg);
}

.tpl-05 .ps-portfolio .projects .list .item .ribbon .name {
    display: block;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    text-align: left;
    white-space: nowrap;
    color:#000;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 68px;
    top: 12px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    min-height: 540px;
    padding: 0;
    margin: 0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 50%;
    max-width: 400px;
    padding: 120px 0 60px 0;
    margin: 0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 36px 0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo:last-child {
    margin:0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo img {
    max-width: 100%;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.baraboo img {
    width: 180px;
    height: 64px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.citypark img {
    width: 180px;
    height: 64px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.denique img {
    width: 180px;
    height: 64px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.ipetyou img {
    width: 170px;
    height: 64px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.zoobajka img {
    width: 100px;
    height: 100px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.bikecafe img {
    width: 130px;
    height: 100px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.galeria-mm img {
    width: 210px;
    height: 64px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.hotelyou img {
    width: 224px;
    height: 64px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.zamrozeni img {
    width: 244px;
    height: 36px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.jednorozek img {
    width: 228px;
    height: 60px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.thaiwok img {
    width: auto;
    height: 80px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.waxroom img {
    width: 220px;
    height: 40px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.leopardus img {
    width: 189px;
    height: 36px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.akira-sushi img {
    width: calc(720px / 3.4);
    height: calc(360px / 3.4);
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.przyjemnosc img {
    width: 180px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.top-market img {
    width: calc(684px / 3.4);
    height: calc(272px / 3.4);
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.mala-szklarnia img {
    width: 256px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.gromulski img {
    width: 232px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.mrowka-sputnik img {
    width: 112px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.ozdowscy img {
    width: auto;
    height: 48px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.semi-alkohole img {
    width: auto;
    height: 48px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.zloty-klos img {
    width: 192px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.villaro img {
    width: 128px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.grot img {
    width: 148px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.ksiaznica-polska img {
    width: 240px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.lavard img {
    width: 240px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.watkem img {
    width: 240px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.polferries img {
    width: 240px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.nakielny img {
    width: 240px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.ambroziak img {
    width: 160px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.depilacjapl img {
    width: 125px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.etnocafe img {
    width: 140px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.somianka img {
    width: 126px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.billys img {
    width: 105px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.liquider img {
    width: 125px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.iziwakacje img {
    width: 125px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.hashtag img {
    width: 75px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.bestmarket img {
    width: 240px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.lobza img {
    width: 160px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.sylvetka img {
    width: 127px;
    height: auto;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .text {
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .text:last-child {
    margin:0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .text p {
    display: block;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-align: left;
    color:var(--c_text_gray);
    padding: 0;
    margin: 0 0 10px 0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .text p:last-child {
    margin: 0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links {
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: auto 0 0 0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .social {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 24px 0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .social:last-child {
    margin: 0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .social .anchor {
    display: block;
    box-sizing: border-box;
    width: 28px;
    height: 28px;    
    padding: 0;
    margin: 0 24px 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: all 0.2s ease-out;
    opacity: 1.0;
}

.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .social .anchor:hover {
    opacity: 0.7;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .social .anchor:last-child {
    margin:0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .social .anchor.apple {
    background-image: url(../img/svg/icon_btn_apple_black.svg);
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .social .anchor.googleplay {
    background-image: url(../img/svg/icon_btn_googleplay_black.svg);
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .social .anchor.web {
    background-image: url(../img/svg/icon_btn_web_black.svg);
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .social .anchor.youtube {
    background-image: url(../img/svg/social/youtube_black.svg);
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start; 
    box-sizing: border-box;
    width: 180px;
    padding: 0;
    margin: 0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    text-decoration: none;
    color:#000;
    padding: 5px 10px 3px 10px;
    margin: 0;
    background-color: #eee;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    transition:all 0.2s ease-out;
    cursor: pointer;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn:hover {
    color:#fff;
    background-color: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.green {
    color:#fff;
    background: #009749;    
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.green.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.green:hover {
    color:#fff;
    background: #000;    
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.orange {
    color:#fff;
    background:linear-gradient(266.7deg, rgba(222, 44, 82, 0.9) 0%, rgba(240, 118, 48, 0.55) 47.4%, rgba(240, 118, 48, 0) 100%), #F07630;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.orange.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.orange:hover {
    color:#fff;
    background:#000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.brown {
    color:#fff;
    background: #D77A40;    
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.brown.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.brown:hover {
    color:#fff;
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.black {
    color:#fff;
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.black.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.black:hover {
    color:#000;
    background: #e0e0e0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.turquoise {
    color:#fff;
    background: #0DCFA3;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.turquoise.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.turquoise:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.blue {
    color:#fff;
    background: #291B6D;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.blue.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.blue:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.green-bike {
    color:#fff;
    background: #477B44;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.green-bike.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.green-bike:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.green-light {
    color:#fff;
    background: #A7CF3A;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.green-light.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.green-light:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.brown-light {
    color:#fff;
    background: #945F50;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.brown-light.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.brown-light:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.ice-light {
    color:#fff;
    background: #98D2D5;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.ice-light.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.ice-light:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.yellow-light {
    color:#000;
    background: #FFEB00;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.yellow-light.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.yellow-light:hover {
    color:#fff;
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.green-thai {
    color:#fff;
    background: #BFD235;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.green-thai.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.green-thai:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.waxroom {
    color:#fff;
    background: #669ACC;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.waxroom.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.waxroom:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.leopardus {
    color:#fff;
    background: #E84D24;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.leopardus.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.leopardus:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.akira-sushi {
    color:#fff;
    background: #E40045;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.akira-sushi.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.akira-sushi:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.przyjemnosc {
    color:#fff;
    background: #1B21AB;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.przyjemnosc.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.przyjemnosc:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.top-market {
    color:#fff;
    background: #005F27;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.top-market.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.top-market:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.mala-szklarnia {
    color:#fff;
    background: #15321E;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.mala-szklarnia.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.mala-szklarnia:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.gromulski {
    color:#fff;
    background: #731013;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.gromulski.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.gromulski:hover {
    background: #000;
}


.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.mrowka-sputnik {
    color:#fff;
    background: #0C1C8D;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.mrowka-sputnik.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.mrowka-sputnik:hover {
    background: #000;
}


.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.ozdowscy {
    color:#fff;
    background: #731013;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.ozdowscy.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.ozdowscy:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.semi-alkohole {
    color:#fff;
    background: #FE6600;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.semi-alkohole.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.semi-alkohole:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.zloty-klos {
    color:#fff;
    background: #E93417;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.zloty-klos.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.zloty-klos:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.villaro {
    color:#fff;
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.villaro.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.villaro:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.grot {
    color:#fff;
    background: #A91516;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.grot.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.grot:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.ksiaznica-polska {
    color:#fff;
    background: #272262;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.ksiaznica-polska.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.ksiaznica-polska:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.lavard {
    color:#fff;
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.lavard.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.lavard:hover {
    color:#000;
    background: #e0e0e0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.watkem {
    color:#fff;
    background: #017CC2;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.watkem.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.watkem:hover {
    color:#fff;
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.polferries {
     color:#fff;
     background: #004785;
 }

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.polferries.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.polferries:hover {
    color:#fff;
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.depilacjapl {
    color:#fff;
    background: #B69656;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.depilacjapl.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.depilacjapl:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.etnocafe {
    color:#fff;
    background: #509394;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.etnocafe.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.etnocafe:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.somianka {
    color:#fff;
    background: #E31E24;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.somianka.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.somianka:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.billys {
    color:#fff;
    background: #E2102A;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.billys.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.billys:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.liquider {
    color:#fff;
    background: #FFDD0E;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.liquider.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.liquider:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.iziwakacje {
    color:#fff;
    background: #FFCA30;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.iziwakacje.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.iziwakacje:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.hashtag {
    color:#fff;
    background: #66FCB8;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.hashtag.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.hashtag:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.bestmarket {
    color:#fff;
    background: #C10230;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.bestmarket.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.bestmarket:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.lobza {
    color:#fff;
    background: #4A3322;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.lobza.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.lobza:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.sylvetka {
    color:#fff;
    background: #941624;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.sylvetka.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.sylvetka:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    width: 50%;
    padding: 0;
    margin: 0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art {
    display:block;
    box-sizing:border-box;
    width: 100%;
    height: calc(1260px / 3);
    padding:0;
    margin: 0;
    position: relative;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art .drop {
    display: block;
    box-sizing: border-box;
    width: calc(1140px / 3);
    height: calc(1260px / 3);
    padding: 0;
    margin: 0;
    position: absolute;
    right: 90px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art .drop > img {
    z-index: 6;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art .phone {
    display: block;
    box-sizing: border-box;
    width: calc(990px / 3.2);
    height: calc(1560px / 3.2);
    padding: 0;
    margin: auto 0;
    position: absolute;
    right: -220px;
    top: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 8;
}

@media only screen and (max-width: 1080px) {

    .tpl-05 .ps-portfolio .projects .list .item {
        max-width: 920px;
        padding: 0 40px;
        margin: 0 auto 80px auto;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art {
        height: calc(1260px / 3.6);
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art .drop {
        width: calc(1140px / 3.6);
        height: calc(1260px / 3.6);
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art .phone {
        width: calc(990px / 3.8);
        height: calc(1560px / 3.8);
        right: -190px;
    }    
}

@media only screen and (max-width: 960px) {

    .tpl-05 .ps-portfolio .projects {
        margin: 0 0 60px 0;
    }

    .tpl-05 .ps-portfolio .projects .list .item {        
        max-width: 720px;
        padding: 70px 25px 50px 25px;        
    }

    .tpl-05 .ps-portfolio .projects .list .item .ribbon {
        left: 40px;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols {
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        min-height: 0;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-left {
        order: 1;
        align-items: center;
        width: 100%;
        max-width: 640px;
        padding: 0;
        margin: 0 auto;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo {
        width: 100%;
        justify-content: center;
        margin: 0 0 30px 0;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.akira-sushi img {
        width: calc(720px / 3.8);
        height: calc(360px / 3.8);
        margin: 0 0 0 40px;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.top-market img {
        width: calc(684px / 3.6);
        height: calc(272px / 3.6);
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .text {
        width: 100%;
        margin: 0 0 40px 0;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .text p {
        text-align: center;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links {
        margin: 0;
    }    

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right {
        order: 0;        
        width: 100%;
        margin: 0 0 40px 0;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art {
        height: calc(1260px / 4);
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art .drop {
        width: calc(1140px / 4);
        height: calc(1260px / 4);
        left: 46%;
        right: auto;
        transform: translateX(-50%) translateY(-50%);
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art .phone {
        width: calc(990px / 4.8);
        height: calc(1560px / 4.8);
        right: -110px;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .social {
        justify-content: center;
    }        
}

@media only screen and (max-width: 640px) {

    .tpl-05 .ps-portfolio .projects .list .item .ribbon {
        width: calc(52px * 0.8);
        height: calc(70px * 0.8);
        background-size: 100% auto;
    }

    .tpl-05 .ps-portfolio .projects .list .item .ribbon .name {
        font-size: 18px;
        left: 54px;
        top: 14px;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .text p {
        font-size: 15px;
    }
}

@media only screen and (max-width: 540px) {

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art {
        height: calc(1260px / 4.4);
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art .drop {
        width: calc(1140px / 4.4);
        height: calc(1260px / 4.4);
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art .phone {
        width: calc(990px / 5.2);
        height: calc(1560px / 5.2);
    }
}

@media only screen and (max-width: 480px) {

    .tpl-05 .ps-portfolio .projects .list .item {
        padding: 70px 20px 50px 20px;
        margin: 0 auto 70px auto;
    }

    .tpl-05 .ps-portfolio .projects .list .item .ribbon {
        left: 25px;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.akira-sushi img {
        width: calc(720px / 4.2);
        height: calc(360px / 4.2);
        margin: 0 0 0 30px;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.mala-szklarnia img {
        width: 200px;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.gromulski img {
        width: 200px;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art {
        height: calc(1260px / 5.4);
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art .drop {
        width: calc(1140px / 5.4);
        height: calc(1260px / 5.4);
        left: 42%;
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art .phone {
        width: calc(990px / 6.2);
        height: calc(1560px / 6.2);
        right: -100px;
    }
}

@media only screen and (max-width: 360px) {

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art {
        height: calc(1260px / 5.8);
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art .drop {
        width: calc(1140px / 5.8);
        height: calc(1260px / 5.8);
    }

    .tpl-05 .ps-portfolio .projects .list .item .cols .col-right .art .phone {
        width: calc(990px / 6.6);
        height: calc(1560px / 6.6);
        right: -90px;
    }
}

.tpl-05 .ps-portfolio .main .read-more {
    display: block;
    box-sizing: border-box;
    max-width: 1220px;
    padding: 0 20px;
    margin: 0 auto;
}

.tpl-05 .ps-portfolio .main .read-more .text {
    display: block;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    color:#000;
    padding: 0;
    margin: 0 0 30px 0;
}

.tpl-05 .ps-portfolio .main .read-more .links {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.tpl-05 .ps-portfolio .main .read-more .links .item {
    display: block;
    box-sizing: border-box;
    min-width: 248px;
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 768px) {

    .tpl-05 .ps-portfolio .main .read-more {
        max-width: 480px;
    }

    .tpl-05 .ps-portfolio .main .read-more .text {
        font-size: 22px;
        margin: 0 0 35px 0;
    }    
}

/* opinions */
.tpl-05 .ps-opinions {
    display:block;
    box-sizing:border-box;    
    padding:0;
    margin: 0;
    background: #f2f2f2;
}

.tpl-05 .ps-opinions .st-bleed {
    display:block;
    box-sizing:border-box;    
    padding:0;
    margin: 0;
}

.tpl-05 .ps-opinions .st-cnt {
    display:block;
    box-sizing:border-box;
    padding:60px 0 0;
    margin: 0;
}

.tpl-05 .ps-opinions .main {
    display:block;
    box-sizing:border-box;
    padding:0;
    margin: 0;
}

.tpl-05 .ps-opinions .main .head {
    display:block;
    box-sizing:border-box;
    max-width: 920px;
    padding:0 20px;
    margin: 0 auto 100px auto;
}

.tpl-05 .ps-opinions .main .head:last-child {
    margin: 0 auto 0 auto;
}

.tpl-05 .ps-opinions .main .wrap-sl-reviews {
    display:block;
    box-sizing:border-box;
    max-width: 960px;
    padding: 0 30px;
    margin: 0 auto 0 auto;    
}

@media only screen and (max-width: 1240px) {

    .tpl-05 .ps-opinions .main .head {
        margin: 0 auto 80px auto;
    }
}

@media only screen and (max-width: 960px) {

    .tpl-05 .ps-opinions .st-cnt {
        padding:50px 0 0 0;
    }

    .tpl-05 .ps-opinions .main .head {
        margin: 0 auto 60px auto;
    }    
}

@media only screen and (max-width: 768px) {

    .tpl-05 .ps-opinions .main .head {
        margin: 0 auto 50px auto;
    }
}

@media only screen and (max-width: 480px) {

    .tpl-05 .ps-opinions .st-cnt {
        padding:50px 0 0 0;
    }

    .tpl-05 .ps-opinions .main .wrap-sl-reviews {
        padding: 0 20px;
    }    
}

.fx-sl-reviews {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.fx-sl-reviews .clipper {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

.fx-sl-reviews .holder {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.fx-sl-reviews .holder .item {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    opacity: 0.0;
    /*border:1px solid #CDCDCD;*/
    /*background: #fff;*/
    /*border-radius: 16px;*/
}

.fx-sl-reviews .holder .item .cnt {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
    /*min-height: 100%;*/
    /*padding: 42px 60px 24px 60px;*/
    margin: 0;
    position: relative;
    user-select: none;
}

.fx-sl-reviews .holder .item .cnt .image {
    display: block;
    box-sizing: border-box;
    height: 64px;
    line-height: 0;
    text-align: left;
    padding: 0;
    margin: 0 0 36px 0;
}

.fx-sl-reviews .holder .item .cnt .video-item1 {
    background-image: url(../img/views/implementations/video_carousel1.webp);
    height: 530px;
    background-position: center;
    background-size: cover;
}

.fx-sl-reviews .holder .item .cnt .video-item2 {
    background-image: url(../img/views/implementations/video_carousel2.webp);
    height: 530px;
    background-position: center;
    background-size: cover;
}

.fx-sl-reviews .holder .item .cnt .video-item3 {
    background-image: url(../img/views/implementations/video_carousel3.webp);
    height: 530px;
    background-position: center;
    background-size: cover;
}

.fx-sl-reviews .holder .item .cnt .video-item4 {
    background-image: url(../img/views/implementations/video_carousel4.webp);
    height: 530px;
    background-position: center;
    background-size: cover;
}

.fx-sl-reviews .holder .item .cnt .video-item5 {
    background-image: url(../img/views/implementations/video_carousel5.webp);
    height: 530px;
    background-position: center;
    background-size: cover;
}

.fx-sl-reviews .holder .item .cnt .video-item6 {
    background-image: url(../img/views/implementations/video_carousel6.webp);
    height: 530px;
    background-position: center;
    background-size: cover;
}

.fx-sl-reviews .holder .item .cnt .video-item7 {
    background-image: url(../img/views/implementations/video_carousel7.webp);
    height: 530px;
    background-position: center;
    background-size: cover;
}

@media only screen and (max-width: 960px) {
    .fx-sl-reviews .holder .item .cnt .video-item1 {
        height: 350px;
        background-position: center;
        background-size: contain;
    }

    .fx-sl-reviews .holder .item .cnt .video-item2 {
        height: 350px;
        background-position: center;
        background-size: contain;
    }

    .fx-sl-reviews .holder .item .cnt .video-item3 {
        height: 350px;
        background-position: center;
        background-size: contain;
    }

    .fx-sl-reviews .holder .item .cnt .video-item4 {
        height: 350px;
        background-position: center;
        background-size: contain;
    }

    .fx-sl-reviews .holder .item .cnt .video-item5 {
        height: 350px;
        background-position: center;
        background-size: contain;
    }

    .fx-sl-reviews .holder .item .cnt .video-item6 {
        height: 350px;
        background-position: center;
        background-size: contain;
    }

    .fx-sl-reviews .holder .item .cnt .video-item7 {
        height: 350px;
        background-position: center;
        background-size: contain;
    }
}

.fx-sl-reviews .holder .item .cnt .image img {
    height: 100%;
}

.fx-sl-reviews .holder .item .cnt .image:last-child {
    margin:0;
}

.fx-sl-reviews .holder .item .cnt .text {
    display:block;
    box-sizing:border-box;
    padding:0;
    margin: 0 0 40px 0;
}

.fx-sl-reviews .holder .item .cnt .text:last-child {
    margin:0;
}

.fx-sl-reviews .holder .item .cnt .text p {
    display: block;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-align: left;
    color:var(--c_text_gray);
    padding: 0;
    margin: 0 0 10px 0;   
}

.fx-sl-reviews .holder .item .cnt .text p:last-child {
    margin: 0;
}

.fx-sl-reviews .holder .item .cnt .signature {
    display:block;
    box-sizing:border-box;
    padding:0;
    margin: auto 0 0 0;
}

.fx-sl-reviews .holder .item .cnt .signature .name {
    display:block;
    box-sizing:border-box;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    text-align: left;
    color:#000;
    padding:0;
    margin: 0;
}    

.fx-sl-reviews .holder .item .cnt .signature .about {
    display:block;
    box-sizing:border-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-align: left;
    color:#000;
    padding:0;
    margin: 0;
}

@media only screen and (max-width: 960px) {

    .fx-sl-reviews .holder .item .cnt {
        padding: 42px 40px 24px 40px;
    }    
}

@media only screen and (max-width: 768px) {

    .fx-sl-reviews .holder .item .cnt {
        padding: 42px 30px 24px 30px;
    }
}

@media only screen and (max-width: 640px) {

    .fx-sl-reviews .holder .item .cnt .text p {
        font-size: 15px;
    }
}

@media only screen and (max-width: 480px) {

    .fx-sl-reviews .holder .item .cnt {
        padding: 36px 20px 24px 20px;
    }

    .fx-sl-reviews .holder .item .cnt .image {
        margin: 0 0 24px 0;
    }

    .fx-sl-reviews .holder .item .cnt .text {
        margin: 0 0 30px 0;
    }

    .fx-sl-reviews .holder .item .cnt .text p {
        font-size: 14px;
    }    
}

@media only screen and (max-width: 360px) {

    .fx-sl-reviews .holder .item .cnt {
        padding: 36px 25px 24px 25px;
    } 
}

/* Market Vita: swiadomie BEZ regul - klient zrezygnowal ze wspolpracy z LoyaltyClub */

/* Realizacje dodane logo i kolor przycisku "Więcej" */

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.thaiwok img {
    width: auto;
    height: 80px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.thaiwok {
    color:#fff;
    background: #c8d30e;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.thaiwok.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.thaiwok:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.aljan img {
    width: auto;
    height: 50px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.aljan {
    color:#fff;
    background: #d00e15;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.aljan.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.aljan:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.ukrainoczka img {
    width: auto;
    height: 31px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.ukrainoczka {
    color:#fff;
    background: #d4052f;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.ukrainoczka.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.ukrainoczka:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.hildebrandt img {
    width: auto;
    height: 89px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.hildebrandt {
    color:#fff;
    background: #2e3192;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.hildebrandt.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.hildebrandt:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.pokusa img {
    width: auto;
    height: 55px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.pokusa {
    color:#fff;
    background: #0d3378;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.pokusa.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.pokusa:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.midizoo img {
    width: auto;
    height: 45px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.midizoo {
    color:#fff;
    background: #25538e;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.midizoo.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.midizoo:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.kawiks img {
    width: auto;
    height: 84px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.kawiks {
    color:#fff;
    background: #d00e15;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.kawiks.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.kawiks:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.spolem-turek img {
    width: auto;
    height: 67px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.spolem-turek {
    color:#fff;
    background: #d4052f;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.spolem-turek.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.spolem-turek:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.primus img {
    width: auto;
    height: 80px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.primus {
    color:#fff;
    background: #725190;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.primus.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.primus:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.yasumi img {
    width: auto;
    height: 41px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.yasumi {
    color:#fff;
    background: #bf6c68;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.yasumi.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.yasumi:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.sfd img {
    width: auto;
    height: 38px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.sfd {
    color:#fff;
    background: #082f88;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.sfd.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.sfd:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.cottonclub img {
    width: auto;
    height: 25px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.cottonclub {
    color:#fff;
    background: #2b3447;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.cottonclub.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.cottonclub:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.rogalik img {
    width: auto;
    height: 80px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.rogalik {
    color:#fff;
    background: #96714a;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.rogalik.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.rogalik:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.piekarnia-jul-ka img {
    width: auto;
    height: 71px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.piekarnia-jul-ka {
    color:#fff;
    background: #252521;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.piekarnia-jul-ka.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.piekarnia-jul-ka:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.gromulska img {
    width: auto;
    height: 80px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.gromulska {
    color:#fff;
    background: #aa8872;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.gromulska.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.gromulska:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.matcha img {
    width: auto;
    height: 43px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.matcha {
    color:#fff;
    background: #008361;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.matcha.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.matcha:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.zooprima img {
    width: auto;
    height: 40px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.zooprima {
    color:#fff;
    background: #2e2853;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.zooprima.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.zooprima:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.surfszkola img {
    width: auto;
    height: 75px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.surfszkola {
    color:#fff;
    background: #e42970;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.surfszkola.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.surfszkola:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.grycan img {
    width: auto;
    height: 40px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.grycan {
    color:#fff;
    background: #8e2820;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.grycan.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.grycan:hover {
    background: #000;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .logo.superprofit img {
    width: auto;
    height: 90px;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.superprofit {
    color:#fff;
    background: #af1e4f;
}

.tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.superprofit.touch,
.notouch .tpl-05 .ps-portfolio .projects .list .item .cols .col-left .links .more .btn.superprofit:hover {
    background: #000;
}

/* PORTFOLIO - naglowek, filtry i sekcja "Zamow juz dzis" */
/* wg ramki "06 - Portfolio wybrany" (Figma 7mzj9BE9CFgeJxe3sjSceS) */

/* naglowek: granat zamiast zieleni */
/* w projekcie hero to plaski granat z biala krzywa u dolu, bez telefonu i ozdobnikow */
.tpl-05 .ps-baner .background {
    background: #1d2a4b;
}

.tpl-05 .ps-baner .main {
    height: 620px;                 /* nizej niz 700 px, bo zeszly telefon i akapit */
}

/* filtry potrzebuja calej szerokosci, nie 55% jak tekst przy telefonie */
.tpl-05 .ps-baner .main .content .cols .col-left {
    width: 100%;
    padding: 30px 0 0 50px;
}

.tpl-05 .ps-baner-mobile .main .art {
    background: #1d2a4b;
}

/* filtry branzowe */
.tpl-05 .filtry {
	justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 18px 20px;
    box-sizing: border-box;
    max-width: 1120px;
    padding: 0;
    margin: 34px 0 0 0;
}

.tpl-05 .filtry .filtr {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    box-sizing: border-box;
    min-height: 57px;
    padding: 8px 26px;
    margin: 0;
    border: 0;
    border-radius: 29px;
    /* obwodka jest niewidoczna na granacie, a ratuje pasek na bialym tle w wersji mobilnej */
    box-shadow: inset 0 0 0 1px #e6e6e6;
    background: #ffffff;
    color: #404040;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}

.tpl-05 .filtry .filtr .ikona {
    display: block;
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.tpl-05 .filtry .filtr .etykieta {
    display: block;
    white-space: nowrap;
}

.notouch .tpl-05 .filtry .filtr:hover {
    color: #000000;
    box-shadow: inset 0 0 0 1px #b9b9b9;
}

/* stan wybrany: gradient marki 1:1 z projektu */
.tpl-05 .filtry .filtr.is-active {
    background: linear-gradient(90deg, #f29224 0%, #ed4a2a 50%, #e8012f 100%);
    box-shadow: none;
    color: #ffffff;
    font-weight: 700;
}

/* ikona jest czarna kreska - na gradiencie musi zbielec */
.tpl-05 .filtry .filtr.is-active .ikona {
    filter: brightness(0) invert(1);
}

.notouch .tpl-05 .filtry .filtr.is-active:hover {
    color: #ffffff;
    box-shadow: none;
}

/* pasek mobilny stoi na bialym tle pod banerem */
.tpl-05 .ps-baner-mobile .main .bottom .filtry {
    justify-content: center;
    gap: 12px 12px;
    margin: 24px 0 0 0;
}

.tpl-05 .ps-baner-mobile .main .bottom .filtry .filtr {
    min-height: 46px;
    gap: 10px;
    padding: 6px 18px;
    font-size: 14px;
}

.tpl-05 .ps-baner-mobile .main .bottom .filtry .filtr .ikona {
    width: 24px;
    height: 24px;
}

@media only screen and (max-width: 1180px) {
    .tpl-05 .ps-baner .main .content .cols .col-left {
        padding: 30px 0 0 30px;
    }
    .tpl-05 .filtry {
        gap: 14px 14px;
    }
    .tpl-05 .filtry .filtr {
        min-height: 50px;
        padding: 6px 20px;
        font-size: 15px;
    }
}

/* "Zamow juz dzis": granat + bialy przycisk */
/* zmienna --c_lc_granat to #19264A, a projekt podaje #1d2a4b - roznica jest o cztery */
.tpl-05 .bk-ps-contact-info.granat {
    background-color: #1d2a4b;
}

.tpl-05 .bk-ps-contact-info .bk-btn.black {
    background: #ffffff;
    color: #1d2a4b;
}

.notouch .tpl-05 .bk-ps-contact-info .bk-btn.black:hover {
    background: #e8012f;
    color: #ffffff;
}

/* itemy ukrywane przez filtr */
/* 🔴 samo [hidden] tu NIE dziala: regula.item ma display:block o wyzszej wadze */
.tpl-05 .ps-portfolio .projects .list .item[hidden] {
    display: none;
}

/* ostatni WIDOCZNY item po odfiltrowaniu, zamiast:last-child */
.tpl-05 .ps-portfolio .projects .list .item.is-ostatni {
    margin: 0 auto 0 auto;
}

/* 29.09.2026: filtr jest linkiem (<a>) z własnym adresem, a nie <button> - bez podkreślenia i zmiany koloru linku */
.tpl-05 .filtry a.filtr,
.tpl-05 .filtry a.filtr:hover,
.tpl-05 .filtry a.filtr:focus {
    text-decoration: none;
}