.py-15{
    padding-bottom:15px !important;
    padding-top:15px !important;
}



.lp-main {
    --lp-color-bg-nav: #b8c6cf;
    --lp-color-text-nav: #f6f7f9;
    --lp-color-text-h2: #3d3d3d;
    --lp-color-text-dark: #252525;
    --lp-color-bg-list: #f5f5f5;
    --lp-color-btn: #f3bc22;
    --lp-color-bold: #666;

    font-size: 16px;
    line-height: 1.4;
    color: var(--lp-color-text-dark);
}


.lp-main h2 {
    font-size: 36px;
    line-height: 1.1;
    font-weight: 700;
    color: var(--lp-color-text-h2);
    text-align: center;
    padding-top: 50px;
}

.lp-main h3 {color: #fcf1f0;}

.lp-main strong {
    font-weight: 700;
    color: var(--lp-color-bold)
}

.lp-header-link{
    color:var(--lp-color-bold);
    text-decoration: underline;
    font-size:18px;
}
.lp-header-link:hover{
    color:black;
}



.lp-bx-zone a,
.lp-bx-products{color:white;}
.lp-bx-zone a,
.lp-bx-products:hover{color:white;}


.lp-color-white {color: var(--lp-color-text-nav)}
.lp-link-bold{color: var(--lp-color-bold);}
.lp-text-outline {text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff}



/*.text-color-s1 {color: #cd2c24}*/
/*.text-color-s2 {color: #843d89}*/
/*.text-color-s3 {color: #30a936}*/
/*.text-color-s4 {color: #62a2bb}*/
/*.text-color-edu {color: #4b4b4b}*/

.bg-color-index {background-color: #6a757d}
.bg-color-s1 {background-color: #aa3b1d}
.bg-color-s2 {background-color: #7a7699}
.bg-color-s3 {background-color: #82a496}
.bg-color-s4 {background-color: #81aabe}
.bg-color-edu {background-color: #4b4b4b}


.lp-bx-banner {
    width: 100%;
    background-size: cover;
    background-position: center;
    min-height: 80vh;
}

.lp-bx-banner .i-block {
    text-transform: uppercase;
    color: #fff;
    display:grid;
    align-items: center;
    text-align: center;
    font-weight: bold;
    font-size:22px;
    width: 400px;
    min-height:120px;
    position:relative;
    top: 50px;
    padding: 20px 5px;
    max-width: 100%;

}

/*### SG Figures + Figcaptions (zaburzenia) ###*/
.bx-problems > figure {
    display: grid;
    align-items: center;
    margin: 0;
    padding: 0 !important;
}

/*@media (min-width: 1400px) {*/
/*    .bx-problems > figure {*/
/*        width: 16% !important;*/
/*    }*/
/*}*/

.bx-problems > figure > img {
    transform: scale(0.6);
    margin: 0 auto;
}

.bx-problems figcaption {
    text-align: center;
    color: var(--lp-color-text-dark);
    position:relative;
    top:-35px;
}


/*### SG Zones ###*/
.lp-bx-zone a{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.1rem;
    text-decoration: none;
}
.lp-bx-zone img{
    /*height:300px;*/
}
.lp-bx-zone:hover > figcaption > * {color: #ffffff;}

.lp-bx-zone .i-caption {
    text-align: center;
    padding: 15px 0;
}


/*### SG Lists ###*/
.lp-bx-list-styled {
    margin-top:40px;
}
.lp-bx-list-styled .i-list-item {
    background-color: var(--lp-color-bg-list);
    margin-bottom: 15px;
    color: var(--lp-color-text-dark);
}

/*### SG Products ###*/
.lp-bx-products img{
    width:100%;
}

.lp-bx-products p{
    max-width: 100%;
    background-color: var(--lp-color-bg-list);
    color:black;
    font-weight: 700;
    font-size:16px !important;
    padding-right: 14px !important;
    line-height: 48px;
}

/*### UL LIST ###*/
.lp-ul-list {
    padding-left:20px;
    list-style-type:disc;
    margin-bottom:15px;
}

.lp-ul-list li {
    margin-bottom:10px;

}


/*### OL LIST ###*/
.lp-ol-list {
    padding-left:20px;
    list-style-type:decimal;
    margin-bottom:15px;
}

.lp-ol-list li {
    margin-bottom:10px;
}

.lp-ol-list span{
    margin-top:5px;
}

.lp-ol-list ol {
    list-style-type:lower-alpha;
    padding-left:25px;
    margin-bottom:15px;
}


.lp-bx-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.lp-bx-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.lp-bx-packages{
    text-align: center;
    color:#666;
    font-size:14px !important;
}

.lp-bx-packages > .i-title{font-size:30px; line-height: 31px; text-transform: uppercase; margin:15px 0 15px 0; font-weight: 600}
.lp-bx-packages > a{
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
}

@media(max-width: 900px){
    .lp-main {
        font-size: 14px;
        line-height: 1.4;
        color: var(--lp-color-text-dark);
    }


    .lp-main h2 {
        font-size: 24px;
        line-height: 1.3;
        font-weight: 700;
        color: var(--lp-color-text-h2);
        text-align: center;
        padding-top: 50px;
    }
}