.carusel-opis-transparent{
    background: transparent !important;
}


@media (max-width: 750px) {


    .StronaGlowna{
        padding-left: 0;
        padding-right: 0;
    }    
        
    
    
    #box-baner-home{
    width:100%; 
    display: inline-block;
    margin-top:20px;
    }
    
    #box-baner-home-mobile{
    width:100%; 
    display: inline-block;
    margin-top:35px;
    }
    
    #box-baner-home-mobile .baner-home{
    padding-left: 0;
    padding-right: 0;
    }
    
    #box-baner-home-mobile .baner-home #baner img{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    }
    
    
    #box-baner-home .baner-home #baner{
        background: #000000;
        border-radius: 18px;
    }
    
    
    a.baner-home{color:#000000; text-decoration:none; display:block; padding-left: 0.5rem; padding-right: 0.5rem;}
    a.baner-home:hover{color:#0071E5; text-decoration:none; display:block;}
    
    a.baner-home-right{color:#000000; text-decoration:none; display:block; padding-left: 0.5rem; padding-right: 0.5rem;}
    a.baner-home-right:hover{color:#0071E5; text-decoration:none; display:block;}
    
    a.baner-home #baner
    {
    width:100%;
    float:left;
    position:relative; 
    height:auto;  
    border: 0px;
    background: #fff;
    color:#000;
    }
    
    a.baner-home #baner img,
    a.baner-home-right #baner img{
    width: 100%;
    height: auto;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    }
    
    
    a.baner-home-right #baner
    {
    width:100%;
    float:left;
    position:relative; 
    height:auto;  
    border: 0px;
    background: #000000;
    margin-top:20px;
    border-radius: 18px;
    }
    
    a.baner-home-right #baner2
    {
    width:100%;
    float:left;
    position:relative; 
    height:auto;  
    border: 0px;
    background: #000000;
    }
    
    
    
    .baner-home-tytul{
    font-size: 21px;
    font-weight: 700;
    padding:5px;
    padding-top: 10px;
    padding-bottom: 0px;
    text-align:center;
    line-height: 2;
    }
    
    .baner-home-tytul span{
    font-size:14px;
    font-weight:normal;
    display: block;
    padding-top:15px;
    }
    
    .baner-home-opis{
    font-size: 14px;
    line-height: 1.5;
    padding: 5px;
    padding-bottom: 15px;
    text-align:center;
    }
    
    .baner-home-button{
    width:100%; 
    font-weight:700;
    padding:14px;
    background: #ffcd04; 
    color:#000000; 
    text-align:center;
    border-top: 1px #000 solid;
    }
    
    #box-baner-home .baner-home #baner .baner-home-button,
    #box-baner-home .baner-home-right #baner .baner-home-button{
        display: none;
    }
    
    a.baner-home:hover .baner-home-button, 
    a.baner-home-right:hover .baner-home-button{
        background: #f8b120; 
        color:#000000; 
    }
    
    .baner-home-button-90p{
    width:85%;
    border:0px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 9px;
    }
    
    
    .baner-home-button-left-text{
    color: #ffffff;
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
    }
    
    .baner-home-button-right-text{
    color: #ffffff;
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
    }
    
    
    
    
    .baner-home-img
    {
    position:absolute;  
    height:200px; 
    width:222px; 
    bottom:0px; 
    right:0px;
    text-align:right;
    }



    
    
    








    #carusel-opis{
    position: absolute; 
    width:530px; 
    left: 1%; 
    top:50%;  
    transform: translate(0, -50%); 
    text-align:left;   
    color:#294161;
    z-index: 1;
    }
    
    #carusel-naglowek-1{
    font-size:14px; 
    font-weight:400; 
    margin-bottom:1%;
    font-size: 3vw;
    }
    
    #carusel-naglowek-2{
    font-size:18px; 
    font-weight:700; 
    font-size: 4vw;
    margin-bottom:1%;
    }
    
    #carusel-tresc{
    display:none;
    }
    
    #carusel-przycisk, .carusel-przycisk{
    background: #ffcd04; 
    color:#000000; 
    padding:16px; 
    text-align:center; 
    font-size:14px; 
    width:15%;
    font-size: 4vw;
    border-radius: 9px;
    display: none;
    font-weight:700;
    line-height: 1;
    }
    
    a.carusel-link:hover #carusel-przycisk,
    a.carusel-link:hover .carusel-przycisk{
    background:#f8b120;
    }
    
    .light-button{
    background: #000000;
    }
    
    a.carusel-link:hover .light-button{
    background: #2d2d2d;
    }
    
    .carousel-control-prev{
    display:none;
    }
    .carousel-control-next{
    display:none;
    }
    
    
    #carousel-section{
    display:none;
    }
    
    #carousel-section-mobile{
    display:block;
    background: #ffffff;
    padding-bottom:20px;
    }
    
    
    .carousel-indicators {
        bottom: -20px;
    }

}


@media (max-width: 949px) and (min-width: 751px){
    #carusel-opis{
    position: absolute; 
    width:412px; 
    left: 2%; 
    top:50%;  
    transform: translate(0, -50%); 
    text-align:left;   
    color:#000000;
    z-index: 1;
    background:rgba(255,255,255,0.8); 
    padding:30px;
    }
    
    #carusel-naglowek-1{
    font-weight:400; 
    margin-bottom:1%;
    font-size: 3vw;
    }
    
    #carusel-naglowek-2{
    font-size:30px; 
    font-weight:700; 
    margin-bottom:1%;
    }
    
    #carusel-tresc{
    font-size:15px; 
    font-weight:400; 
    margin-top:16px;
    line-height: 1.7;
    }
    
    #carusel-przycisk, .carusel-przycisk{
    background:#ffcd04; 
    color:#000000; 
    width:115px; 
    padding: 14px; 
    text-align:center; 
    font-size:14px; 
    border-radius: 9px;
    font-weight:700;
    margin-top: 15px;

    }
    
    a.carusel-link:hover #carusel-przycisk,
    a.carusel-link:hover .carusel-przycisk{
    background:#f8b120;
    }
    
    .light-button{
    background: #3a81ef;
    }
    
    a.carusel-link:hover .light-button{
    background: #3a93ef;
    }
    
    .carousel-control-prev{
    display:none;
    }
    .carousel-control-next{
    display:none;
    }
    
    
    #carousel-section{
    display:block;
    background:#FFFFFF;
    }
    
    #carousel-section-mobile{
    display:none;
    }
}


@media (max-width: 1200px) and (min-width: 950px) {

    #carusel-opis{
    position: absolute; 
    width:440px; 
    left: 50%; 
    top:50%; 
    margin-left:-385px; 
    transform: translate(0, -50%); 
    text-align:left;   
    color:#000000;
    z-index: 1;
    background:rgba(255,255,255,0.8); 
    border-radius:23px; 
    padding:30px;
    padding-left:0;
    padding-right:50px;
    }
    
    #carusel-naglowek-1{
    font-size:22px; 
    font-weight:400; 
    margin-bottom:5px;
    }
    
    #carusel-naglowek-2{
    font-size:30px; 
    font-weight:700; 
    line-height:40px;
    }
    
    #carusel-tresc{
    font-size:16px; 
    font-weight:400; 
    margin-top:16px;
    line-height: 1.7;
    }
    
    #carusel-przycisk, .carusel-przycisk{
    background: #ffcd04; 
    color:#000000; 
    width:130px; 
    padding:14px; 
    text-align:center; 
    font-size:16px; 
    margin-top:25px;
    border-radius: 9px;
    font-weight:700;
    }
    
    
    a.carusel-link:hover #carusel-przycisk,
    a.carusel-link:hover .carusel-przycisk{
    background:#f8b120;
    }
    
    .light-button{
    background: #3a81ef;
    }
    
    a.carusel-link:hover .light-button{
    background: #3a93ef;
    }
    
    #carousel-section{
    display:block;
    background:#FFFFFF;
    }
    
    #carousel-section-mobile{
    display:none;
    }

}


@media (min-width: 1201px) {
        #carusel-opis{
        position: absolute; 
        width:565px; 
        left: 50%; 
        top:50%; 
        margin-left:-620px; 
        transform: translate(0, -50%); 
        text-align:left;   
        color:#000000;
        z-index: 1;
        background:rgba(255,255,255,0.8); 
        border-radius:23px; 
        padding:30px;
        padding-left:80px;
        }
        
        #carusel-naglowek-1{
        font-size:35px; 
        font-weight:400; 
        margin-bottom:18px;
        }
        
        #carusel-naglowek-2{
        font-size:40px; 
        font-weight:700; 
        line-height: 1.4;
        }
        
        #carusel-tresc{
        font-size:16px; 
        font-weight:400; 
        margin-top:16px;
        line-height: 1.7;
        }
        
        #carusel-przycisk, .carusel-przycisk{
        background: #ffcd04; 
        color:#000000; 
        width:160px; 
        padding:16px; 
        text-align:center; 
        font-size:16px; 
        margin-top:32px;
        border-radius: 9px;
        font-weight:700;
        line-height: 1;
        }
        
        a.carusel-link #carusel-przycisk:hover,
        a.carusel-link .carusel-przycisk:hover{
        background:#f8b120;
        }
        
        .light-button{
        background: #000000;
        }
        
        a.carusel-link:hover .light-button{
        background: #2d2d2d;
        }
        
        #carousel-section{
        display:block;
        background:#f1f5f8;
        }
        
        #carousel-section-mobile{
        display:none;
        }
        
}

@media (min-width: 1201px) {
    .carousel{
        max-width: 1240px;
        margin-left: auto;
        margin-right: auto;
        height:480px;
        background:#ffffff;
        margin-top: 40px;
        margin-bottom: 0;
        align-items: center;
        justify-content: center;
        display: flex;
        border-radius: 9px;
    }

    .carousel-inner {
        border-radius: 9px;
    }

    .carousel-control-next {
        right: -20px;
        justify-content: right;
    }
    .carousel-control-prev{
        left: -20px;
        justify-content: left;
    }
    .carousel-control-prev-icon, .carousel-control-next-icon{
        width: 40px;
        height: 40px;
        background-size: 40% 40%;
        background-repeat: no-repeat;
        background-color: #000;
        border-radius: 9px;
    }
    .carousel-indicators li{
        background-color: #000;
        height: 6px;
    }
    .carousel-indicators{
        margin-right: 80px;
        margin-left: 80px;
        justify-content: left;
    }
    .carousel-control-prev, .carousel-control-next{
        opacity: 0.08;
    }
}

@media (max-width: 1299px) and (min-width: 1201px){
    #carusel-opis{
        margin-left:-570px; 
    }
    .carousel{
        max-width: 1140px;
        height:441px;
    }
}