body{
    font-family: 'Roboto', sans-serif;
    text-align:center;
    padding:0px;
    margin:0px;
    color:#333;
    background:#fff;
    font-size:14px;
    font-smooth: always;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
a img{
    border:0;
}
#container{
    
    text-align:left;
    margin:0px auto;
    
    
}
#slide_text_0{
    margin-top:500px;
}
#top{
    background-color:#4f4f4c;
    background-image:url('top.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size:100% auto;
    height:500px;
    padding:30px 32px;
    position:relative;
}
#top .white{
    color:white;
    float:right;
    letter-spacing:1px;
    line-height:20px;
    
}
#days{
    width:456px;
    height:393px;
    position:absolute;
    left:480px;
    top:147px;
    background:#eaeaea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
p{
    margin:0px;
    padding:0px;
}
h1{
    background-image:url('m1.png');
    background-position: left top;
    background-repeat: no-repeat;
    position:absolute;
    left:10px;
    top:190px;
    color:#ffffff;
    font-style:italic;
    font-weight:bold;
    padding:0px;
    margin:0px;
    font-weight: bold;
    font-size:48px;
    text-transform: uppercase;
    line-height:48px;
    text-indent:18px;
    width:403px;
    height:85px;
    letter-spacing:2px;
    
}
h1 span{
    font-size:24px;
    display:block;
    line-height:36px;
    letter-spacing:1px;
}
h2{
    margin:0px;
    padding:0px;
    color:#284394;
    font-size:18px;
    text-transform:uppercase;
    font-weight:bolder;
    margin-bottom:25px;
}
.price{
    color:#fff;
    font-size:30px;
    font-weight:bolder;
    line-height:72px;
    position:absolute;
    left:30px;
    top:295px;
    letter-spacing:2px;
}
.price b{
    font-size:72px;
}
.price strike{
    color:#ffffff;
    font-weight:bold;
    font-size:18px;
    display:block;
    float:right;
    line-height:32px;
}
ul,li{
    padding:0px;
    margin:0px;
    list-style:none;
}
ul{
    position:absolute;
    left:36px;
    top:390px;
}

li{
    background-image:url('li.png');
    background-position: left 50%;
    background-repeat: no-repeat; 
    padding-left:25px;
    line-height:17px;
    color:#fff;
    margin-bottom:13px;
    font-size:18px;
    
}
div.free{
    background-image:url('m2.png');
    background-position: left top;
    background-repeat: no-repeat;
    width:220px;
    line-height:41px;
    color:#ffffff;
    font-weight:bolder;
    font-size:18px;  
    position:absolute;
    left:18px;
    top:483px;  
    text-align:center; 
    letter-spacing:1px;
}
#over{
    height:450px;
    width:600px;
    padding:30px 32px;
    position:absolute;
    z-index:11;
    left:50%;
    margin-left:-530px;
    
}
#over.fixed{
    position:fixed;
    top:0px;
}
#over2{
    width:100%;
    position:absolute;
    z-index:11;
}
#over2.fixed{
    position:fixed;
    top:0px;
}

#over2 .white{
    color:#b9b9b9;
    float:right;
    letter-spacing:1px;
    margin-right:30px;
    margin-top:32px;
    line-height:20px;
}
#over2 img{
    margin-left:30px;
    margin-top:32px;
    
}
div.center{
    margin:-55px auto;
    width:980px;
    position:relative;
    top:-50px;
}

div.block{
    height:440px;
    padding:30px 32px;
    position:relative;
    z-index:10;
    margin:0px auto;
    width:980px;
    position:relative;
    
}
img.bottom{
    position:absolute;
    bottom:0px;
    left:50%;
    margin-left:-41px;
}
#slide_image_4{
    z-index:12;
    visibility:hidden;
}

#sh{
    position:fixed;
    bottom:0px;
    width:100%;
    z-index:15;
    height:100px;
    
    
}
div.text{
    width:450px;
    height:360px;
    margin-top:140px;
    margin-left:460px;
    font-size:18px;
    color:#333333;    
    line-height:30px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
div.image{
    position:absolute;
    width:420px;
    height:360px;
    margin-top:150px;
    margin-left:40px;
    background:#ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; 
}             
.clear{
    clear:both;
    line-height:1px;
    font-size:1px;
}
div.image img{
    display:block;
    float:left;
}
div.image img.mini{
    margin-right:19px;
    margin-bottom:19px;
}
div.image a.mini:hover img{
    outline:2px solid #e97017;
}
div.m3{
    background-image:url('m3.gif');
    width:206px;
    height:24px;
    font-size:14px;
    line-height:24px;
    color:#fff;
    font-weight:bolder; 
    text-align:center; 
    position:absolute;
    z-index:1;
    margin-top:5px;
    
}
div.arr{
    background-image:url('arrow.gif');
    width:203px;
    height:53px;
    margin-left:80px; 
    position:absolute;
    margin-top:19px;      
}
a.but{
    width:130px;
    height:32px;
    line-height:32px;
    text-align:center;
    position:absolute;
    margin-left:296px;
    font-size:14px;
    font-weight:bolder;
    background:#e97017;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#ffffff;
    -webkit-box-shadow: 0px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 2px 0px rgba(50, 50, 50, 0.75);
    cursor:pointer;
    text-decoration:none;
}
a.but:hover{
    color:#b9b9b9;
}
a.but_active{
    background:#b35b1a;
    -webkit-box-shadow: 0px 2px 0px rgba(50, 50, 50, 0.75) inset;
    -moz-box-shadow:    0px 2px 0px rgba(50, 50, 50, 0.75) inset;
    box-shadow:         0px 2px 0px rgba(50, 50, 50, 0.75) inset;
    line-height:34px;
}
div.text p{
    margin-bottom:50px;
}
div.day{
    margin-left:105px;
    padding-top:20px;
}
div.current_day{
    position:absolute;
    z-index: 10;    
    visibility:hidden;
}
div.current_day_h{
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
div.current_day_l{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    height:145px;
    z-index: 1;    
}
span.day{
    font-size:14px;
    color:#000;
    line-height:36px;
    text-transform: uppercase;
    vertical-align: middle;
    cursor:default;
    display:block;
    float:left;
    width:143px;
    text-align:center;
}
a.prev, a.next{
    width:10px;
    line-height:36px;
    margin:0px
    color:#eaeaea;
    padding:0px 10px;
    margin:0px 10px;
    text-align:center;
    vertical-align:middle;
    display:block;
    float:left;
    
}
a.prev img, a.next img{
    vertical-align:middle;
    padding:0px;
    margin:0px;
}

a.hid{
    visibility:hidden;
}

div.hours{
    margin:0px 30px 0px;
    border-top:1px solid #dddddd;
    padding:24px 82px 0px;
    font-size:13px;
}

div.hours a.h{
    text-align:center;
    color:#e97017;
    background:#ffffff;
    display:block;
    float:left;
    width:46px;
    height:18px;
    line-height:20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin:0px 5px 12px;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    border:1px solid #cbcbcb;
    -webkit-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.2) ;
    
    
}

div.hours span.h{
    text-align:center;
    color:#9d9d9d;
    background:#e8e8e8;
    display:block;
    width:46px;
    height:18px;
    float:left;
    line-height:20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin:0px 5px 12px;
    text-decoration:none;
    overflow:hidden;
    border:1px solid #cbcbcb;
    text-decoration: line-through;
}

div.hours a.h:hover{ 
    border-color:#747373;

}
div.hours a.act, div.hours a.act:hover{ 
    -webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75) inset;
    -moz-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75) inset;
    box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75) inset;
    color:#ffffff;
    line-height:22px;
    background:#b35b1a;
    border:0px;
    width:48px;
    height:20px;
    cursor:default;

}

input.text{ 
    -webkit-box-shadow: 5px 5px 5px 0px rgba(150, 150, 150, 0.75) inset;
    -moz-box-shadow: 5px 5px 5px 0px rgba(150, 150, 150, 0.75) inset;
    box-shadow: 5px 5px 5px 0px rgba(150, 150, 150, 0.75) inset;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:395px;
    height:48px;
    border:1px solid #dddddd; 
    text-align:center;
    margin-bottom:20px;
    color:#000;   
    font-size:18px;
    padding:0px;
    background-position:50% 55%;
    background-repeat: no-repeat;
}

input.text1{ 
    background-image: url('input_1.gif');
}
input.text2{ 
    background-image: url('input_2.gif');
}
input.red{
    border-color:red;
}
input.button{
    padding:0px;
    border:0px;
    width:395px;
    height:53px;
    line-height:53px;
    text-align:center;         
    font-size:18px;
    font-weight:bolder;
    background:#e97017;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#ffffff;
    -webkit-box-shadow: 0px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 2px 0px rgba(50, 50, 50, 0.75);
    cursor:pointer;
    text-decoration:none;
    
}


input.button_hover{
    color:#b9b9b9;
}

input.button_active{
    background:#b35b1a;
    -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75) inset;
    -moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75) inset;
    box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75) inset;
    line-height:55px;
    
}

form{
    padding:15px 30px 0px;
}
#subok{
    position:absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility:hidden;
    text-align:center;
    width:396px;
    padding-top:10px;

}
#subok b{
    color:#529700;
    display:block;
    font-size:18px;
    margin-bottom:10px;
    
}
#subok a{
    font-size:14px;
    color:#333333;
}
#subok img{
    margin-right:10px;
    vertical-align:middle;
    margin-bottom:5px;
}
img.arrow{
    position:absolute;
    top:480px;
    left:150px;
}
div.px{
    position:absolute;
    bottom:0px;
    left:0px;
    font-size:1px;
    line-height:1px;
    background:red;
    width:1px;
    height:1px;
    z-index:20;
    overflow:hidden;
}

img.bottom2{
    position:fixed;
    bottom:0px;
    left:50%;
    margin-left:-41px;
    z-index:20;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility:hidden;
}

#top .white, h1, .price, li, div.free{text-shadow:0 1px 3px rgba(0,0,0,.45);}

/* === SZYBKA NAKŁADKA MOBILE 2026 ===
   Cel: nie przebudowywać starej strony, tylko zatrzymać poziome rozpychanie
   i pokazać slajdy normalnie jeden pod drugim na małych ekranach. */
html, body{
    max-width:100%;
    overflow-x:hidden;
}
img{
    max-width:100%;
    height:auto;
}

@media screen and (max-width: 767px){
    body{
        font-size:15px;
        line-height:1.45;
        text-align:left;
        overflow-x:hidden;
        -webkit-text-size-adjust:100%;
    }

    #container,
    div.center,
    div.block,
    #over,
    #over2,
    div.text,
    div.image,
    #days{
        width:auto !important;
        max-width:100% !important;
        min-width:0 !important;
        height:auto !important;
        margin-left:0 !important;
        margin-right:0 !important;
        left:auto !important;
        top:auto !important;
        box-sizing:border-box;
    }

    #top{
        height:auto !important;
        min-height:0;
        padding:18px 16px 24px;
        background-size:cover;
        background-position:center top;
        overflow:hidden;
    }

    #top .white,
    #over2 .white{
        float:none;
        display:block;
        margin:10px 0 14px !important;
        color:#fff;
        font-size:13px;
        line-height:18px;
        text-align:left;
    }

    #top > a img,
    #over2 img{
        display:block;
        max-width:170px;
        margin:0 0 10px 0 !important;
    }

    div.center{
        position:relative;
        margin:0 auto !important;
        top:auto !important;
        padding:0;
    }

    h1{
        position:relative !important;
        left:auto !important;
        top:auto !important;
        width:auto !important;
        height:auto !important;
        margin:18px 0 8px !important;
        padding:10px 12px !important;
        text-indent:0;
        font-size:32px;
        line-height:34px;
        letter-spacing:1px;
        background-size:100% 100%;
    }

    h1 span{
        font-size:18px;
        line-height:24px;
    }

    .price{
        position:relative !important;
        left:auto !important;
        top:auto !important;
        margin:6px 0 10px;
        font-size:24px;
        line-height:48px;
    }

    .price b{
        font-size:52px;
    }

    ul{
        position:relative !important;
        left:auto !important;
        top:auto !important;
        margin:10px 0 14px;
    }

    li{
        color:#fff;
        font-size:16px;
        line-height:21px;
        margin-bottom:8px;
    }

    div.free{
        position:relative !important;
        left:auto !important;
        top:auto !important;
        margin:12px 0;
        width:220px;
        max-width:100%;
    }

    img.arrow,
    img.bottom,
    img.bottom2,
    #sh,
    div.arr{
        display:none !important;
    }

    #days{
        position:relative !important;
        display:block;
        margin:18px 0 0 !important;
        padding:15px 0;
        background:#eaeaea;
        border-radius:5px;
        overflow:hidden;
    }

    div.day{
        margin-left:0 !important;
        padding-top:6px;
        text-align:center;
    }

    span.day{
        width:calc(100% - 92px);
        font-size:13px;
    }

    a.prev,
    a.next{
        width:26px;
        margin:0 4px;
        padding:0 4px;
        box-sizing:border-box;
    }

    div.hours{
        margin:0 10px;
        padding:16px 0 0;
        text-align:center;
    }

    div.hours a.h,
    div.hours span.h{
        float:none;
        display:inline-block;
        vertical-align:top;
        margin:0 3px 9px;
    }

    form{
        padding:12px 14px 0;
    }

    input.text,
    input.button,
    #subok{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box;
    }

    input.text{
        height:46px;
        font-size:16px;
        margin-bottom:12px;
    }

    input.button{
        height:50px;
        line-height:50px;
        font-size:16px;
        white-space:normal;
    }

    #subok{
        position:relative;
    }

    #over2{
        position:relative !important;
        padding:14px 16px;
        background:#4f4f4c;
        z-index:1;
    }

    #over{
        position:relative !important;
        padding:0 16px;
        z-index:1;
        background:#fff;
    }

    #over.fixed,
    #over2.fixed{
        position:relative !important;
        top:auto !important;
    }

    div.image{
        position:relative !important;
        display:block;
        margin-top:26px !important;
        padding:0;
        background:transparent;
        opacity:1 !important;
        visibility:visible !important;
    }

    div.image img{
        float:none;
        display:block;
        margin:0 auto 10px;
        max-width:100%;
    }

    div.image a.mini,
    div.image img.mini{
        display:inline-block;
        float:none;
        width:100%;
        max-width:120px;
        margin:0 1% 8px 0;
        vertical-align:top;
    }
    

    div.block{
        padding:8px 16px 24px;
        margin:0 auto !important;
        position:relative !important;
        clear:both;
        background:#fff;
    }

    div.text{
        position:relative !important;
        display:block;
        margin-top:0 !important;
        padding:0;
        font-size:16px;
        line-height:25px;
        color:#333;
        opacity:1 !important;
        visibility:visible !important;
    }

    div.text p{
        margin-bottom:16px;
    }

    h2{
        font-size:18px;
        line-height:23px;
        margin:18px 0 10px;
    }

    a.but{
        position:relative !important;
        display:block;
        width:100%;
        max-width:220px;
        margin:12px 0 10px !important;
        box-sizing:border-box;
    }

    div.m3{
        position:relative !important;
        margin-top:8px;
        max-width:100%;
    }

    .current_day{
        left:0;
        right:0;
        width:100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1050px){
    div.center,
    div.block{
        width:94%;
        box-sizing:border-box;
    }
    #over{
        margin-left:-48%;
    }
}

@media (max-width:768px){
    div.image,
    div.text{
        display:block;
        width:auto;
        height:auto;
        float:none;
        clear:both;
    }
}

/* === DESKTOP: proste slajdy bez animacji opacity/margin === */
@media screen and (min-width: 768px){
    body.desktop-simple-slides #over{
        display:none !important;
    }

    body.desktop-simple-slides #over2{
        min-height:84px;
        background:rgba(79,79,76,.96);
    }

    body.desktop-simple-slides #over2.fixed{
        position:fixed;
        top:0;
        left:0;
        right:0;
    }

    body.desktop-simple-slides div.center{
        margin:-55px auto 0;
        width:100%;
        max-width:1180px;
    }

    body.desktop-simple-slides div.block{
        width:100%;
        max-width:1180px;
        height:auto !important;
        box-sizing:border-box;
        padding:95px 40px 70px;
        clear:both;
        overflow:visible;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:64px;
        min-height:calc(100vh - 90px);
    }

    body.desktop-simple-slides div.block:after{
        content:none;
    }

    body.desktop-simple-slides div.image{
        position:relative !important;
        float:none !important;
        flex:0 0 420px;
        width:420px;
        height:auto !important;
        margin:0 !important;
        background:#fff;
        opacity:1 !important;
        visibility:visible !important;
    }

    body.desktop-simple-slides div.image img{
        max-width:100%;
        height:auto;
    }

    body.desktop-simple-slides div.text{
        position:relative !important;
        float:none !important;
        flex:0 0 450px;
        width:450px;
        height:auto !important;
        margin:0 !important;
        opacity:1 !important;
        visibility:visible !important;
    }


    @media screen and (min-width:768px) and (max-width:1050px){
        body.desktop-simple-slides div.block{
            max-width:94%;
            gap:36px;
            padding-left:24px;
            padding-right:24px;
        }
        body.desktop-simple-slides div.image{
            flex-basis:40%;
            width:40%;
        }
        body.desktop-simple-slides div.text{
            flex-basis:50%;
            width:50%;
        }
    }

    body.desktop-simple-slides #slide_text_0{
        margin-top:0 !important;
    }

    body.desktop-simple-slides #slide_image_4{
        visibility:visible !important;
    }

    body.desktop-simple-slides img.bottom2{
        visibility:visible;
        opacity:1;
    }

    body.desktop-simple-slides #sh{
        display:none !important;
    }
}