/* development */
/*section { border: 0px dashed #00f; }
.container { border: 0px solid #0f0; }
.row { border: 0px solid #f0f; }*/

@media (max-width: 768px) {
    html, body {
        height: 100%;
        margin: 0px;
        overflow-x: hidden;
        padding: 0px;
    }

}
@media (min-width: 1920px) { body { max-width: 1280px; margin: 0px auto; } }

/* preloader */
#preloader {
    background-color: rgba(255,255,255,1);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999999;

}
#preloader .preloader-horse {
    background-image: url('../img/logo/sasek_200x200_gmaps.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 150px;
    height: 50px;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
}

/* icons */
.icon-link-outside { width: auto; height: 20px; position: relative; top: -2px; }

/* navigation dropdown colors for regular and fixed menus */
.header-sky .navbar .navbar-nav li .dropdown-menu li:hover a, .header-sky .navbar .navbar-nav li .dropdown-menu li:focus a { color: #04562e !important; } /* menu text top position rollover */
.header-sky .navbar .navbar-nav li { padding: 35px 18px; transition: all ease-in-out 1.5s; }
.header-top-sky .navbar .navbar-nav li .dropdown-menu li:hover a, .header-sky .navbar .navbar-nav li .dropdown-menu li:focus a { color: #ff0 !important; } /* menu text fixed rollover */
.header-top-sky .navbar .navbar-nav li { padding: 15px 19px; transition: all 1s; color: #fff !important; }
.header-top-sky .navbar .navbar-brand { opacity: 0; transition: all ease-in-out .5s; }
.header-top-sky .navbar .navbar-brand-text { top: 10px !important; transition: top ease-in-out 1s !important; opacity: 1 !important; transition: opacity 2s ease-in-out !important; }
.header-sky {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all ease-in-out .5s;
    z-index: 999;
}
.header-sky:hover {
    background-color: rgba(4,86,46,.4); /* .55 */
    transition: all ease-in-out .4s;
}
.header-sky .navbar.navbar-fixed-top {
    background: linear-gradient(var(--g1), var(--g2));
    border-radius: 0px 0px 25px 25px;
    top: initial;
    transition: --g1 .5s ease-in-out, --g2 .5s ease-in-out;
    z-index: 999;
}
.header-sky .navbar.navbar-fixed-top:hover {
    --g1: rgba(6,87,50,.4);
    --g2: rgba(6,89,48,0);
    transition: --g1 .4s ease-in-out, --g2 .4s ease-in-out;
}
.header-sky-reservation-blink { animation:header-sky-reservation-blink-animation 1s infinite; border-radius: 7.5px; }
@keyframes header-sky-reservation-blink-animation {
    0%{ background-color: rgba(4,86,46,0); }
    49%{ text-decoration: none; }
    50%{ background-color: rgba(4,86,46,1); }
    99%{ text-decoration: none; }
    100%{ background-color: rgba(4,86,46,0); }
}
@property --g1 {
    syntax: '<color>';
    initial-value: rgba(12,87,50,0) ;
    inherits: false;
}
@property --g2 {
    syntax: '<color>';
    initial-value: rgba(6,89,48,0);
    inherits: false;
}

/* moving background */
.s23-moving-background { position: absolute; width: 100%; height: 100%; }
.s23-moving-background-image { background-image:url('../img/backgrounds/01_blended.jpg'); background-position:center; }

/* s23-slider */
.s23-slider { height: auto; border: 0px solid #0f0; }
.s23-slider-scroll-down { position: absolute; left: 50%; bottom: 20%; transform: translate(-50%, -50%); cursor: pointer; }
.s23-slider-scroll-down-image { width: 25px !important; }
.s23-slider-blender { width:100%; height:100%; background-color: rgba(0,0,0,1); position: absolute; opacity: 0.0; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }
.s23-slider-blender:hover, .s23-slider-blender:focus { width:100%; height:100%; background-color: rgba(0,0,0,1); position: absolute; opacity: 0.3; transition: opacity .55s ease-in-out; -moz-transition: opacity .55s ease-in-out; -webkit-transition: opacity .55s ease-in-out; }

/* s23-content */
.s23-content { margin-top: 20px; margin-bottom: 60px; border: 0px #f00 solid; overflow: hidden; }
.s23-content-with-events { margin-top: 20px; margin-bottom: 0px; }
.s23-content .img { margin-top: 17px; margin-bottom: 5px; border-radius: 0px 0px 30px 0px; }
.s23-content .img-attraction { margin-top: 17px; margin-bottom: 15px; border-radius: 0px 0px 30px 0px; }
.s23-content .line { width: 100%; height: 1px; background: #666; margin-top: 22px; margin-bottom: 20px; }
.s23-content .media { margin-top: 25px; margin-bottom: 25px; border-radius: 10px; }
.s23-content .media img { position: relative; left: 50%; transform: translateX(-50%); }
.s23-content .text { color: #232323; font-size: 15px; font-family: "Poppins", sans-serif; margin-top: 0px; padding-right: 0px; }
.s23-content .text-attraction { color: #232323; font-size: 12px; font-family: "Poppins", sans-serif; margin-top: 0px; padding-right: 0px; line-height: 18px; }
.s23-content .title { font-size: 48px; font-weight: 400; font-family: 'Playfair Display', serif;}
.s23-content .title-attraction { font-size: 25px; font-weight: 400; font-family: 'Playfair Display', serif; margin-top: 10px; margin-bottom: 5px; }
.s23-content .title-inline-40 { font-size: 40px; font-weight: 400; font-family: 'Playfair Display', serif; }
.s23-content .title-inline-35 { font-size: 35px; font-weight: 400; font-family: 'Playfair Display', serif; }
.s23-content .title-inline-30 { font-size: 30px; font-weight: 400; font-family: 'Playfair Display', serif; }
.s23-content .title-inline-25 { font-size: 25px; font-weight: 400; font-family: 'Playfair Display', serif; }
.s23-content .title-inline-20 { font-size: 20px; font-weight: 400; font-family: 'Playfair Display', serif; }

/* promo bars home */
.s23-promo-bar-home { background: url('../img/1920x430/background_horses_on_sun.jpg') no-repeat center center; background-size: cover; min-height: 300px; }
.s23-promo-bar-home .content_left { width: 50%; position: relative; left: 15%; top: 40px; }
.s23-promo-bar-home .content_left .title_left { color: #fff; font-family: "PlayFair Display"; font-size: 45px; margin-bottom: -8px; }
.s23-promo-bar-home .content_left .text_left { color: #fff; font-family: "Poppins"; font-size: 15px; margin-bottom: 25px; margin-left: 2px; margin-top: 10px; line-height: 22px; }
.s23-promo-bar-home .content_right { width: 50%; position: relative; top: 34px; float: right; }
.s23-promo-bar-home .content_right .title_right { color: #fff; font-family: "PlayFair Display"; font-size: 27px; }
.s23-promo-bar-home .content_right .text_right { color: #fff; font-family: "Poppins"; font-size: 14px; margin-left: 3px; margin-top: 5px; line-height: 26px; background-color: rgba(0,0,0,.2); width: 400px; padding: 5px; padding-left: 12px; position:relative; left: -10px; border-radius: 9px; }

/* insert home */
.s23-insert-home { margin-top: 0px; margin-bottom: 0px; border: 0px solid #f00; overflow: hidden; }
.s23-insert-home.cta-01 { margin-top: 100px; opacity: 1; overflow: hidden; }
.s23-insert-home.cta-02 { margin-top: 30px; opacity: 1; overflow: hidden; }
.s23-insert-home.cta-03 { margin-top: 70px; opacity: 1; overflow: hidden; }
.s23-insert-home.cta-04 { margin-top: 70px; margin-bottom: 35px; overflow: hidden; }
.s23-insert-home.cta-01 .content-left { padding: 0px 0px 0px 15px; border: 0px solid #0f0; }
.s23-insert-home.cta-01 .content-right { padding: 15px 15px 0px 60px; border: 0px solid #0f0; }
.s23-insert-home.cta-02 .content-left { padding: 0px 60px 0px 15px; border: 0px solid #0f0; }
.s23-insert-home.cta-02 .content-right { padding: 0px 15px 0px 0px; border: 0px solid #0f0; }
.s23-insert-home.cta-03 .content-left { padding: 0px 0px 0px 15px; border: 0px solid #0f0; }
.s23-insert-home.cta-03 .content-right { padding: 15px 15px 0px 60px; border: 0px solid #0f0; }
.s23-insert-home.cta-04 .content-left { padding: 0px 60px 0px 15px; border: 0px solid #0f0; }
.s23-insert-home.cta-04 .content-right { padding: 0px 15px 0px 0px; border: 0px solid #0f0; }

/* inserts */
.s23-insert { border: 0px solid #f00; }
.s23-insert .slide { background-position: center; background-size: cover; }
.s23-insert .slide-550 { background-position: center; background-size: cover; height: 450px; }
.s23-insert .slide-faq-01 {
    color: #fff;
    font-size: 15px;
    padding: 0px 0px 0px 175px;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    width: 75%;
}
.s23-insert .title { font-weight: 500; font-family: 'Playfair Display', serif; padding-bottom: 5px; font-size: 48px; margin-top: 15px; }
.s23-insert .text { padding-right: 0px; padding-bottom: 20px; }
.s23-insert .separator { width: 100%; height: 25px; border: 0px solid #f00; }

/* events */
.s23-events { margin-top: 20px; margin-bottom: 60px; border: 0px solid #f00; }
.s23-events .events-img { border: 0px solid #aaa; border-radius: 25px; transition: 1s all ease-in-out; }
.s23-events .events-img:hover { border: 0px solid #04562e; transition: 1s all ease-in-out; }
.s23-events .events-img img {
    --c: #04562e; /* the border color */
    --b: 1px;    /* the border thickness*/
    --g: 5px;     /* the gap on hover */

    /*padding: calc(var(--g) + var(--b));*/
    --_g: #0000 25%,var(--c) 0;
    background:
            conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g))
            var(--_i,200%) 0  /200% var(--_i,var(--b))  no-repeat,
            conic-gradient(            at bottom var(--b) left  var(--b),var(--_g))
            0   var(--_i,200%)/var(--_i,var(--b)) 200%  no-repeat;
    transition: .25s, background-position 1s .25s !important;
    cursor: pointer;
    border-radius: 25px;
}
.s23-events .events-img img:hover {
    --_i: 100%;
    transition: .4s, background-size .4s .4s !important;
}
.s23-events .events-content {
    pointer-events: none;
}

/* s23-offer - narrower column in offers, content */
.s23-offer { }
.s23-offer > a:first-child { text-decoration: none !important; }
.s23-offer > div:first-child .title { margin-top: 18px; }
.s23-offer .title { font-size: 30px; font-weight: 400; padding-bottom: 2px; }
.s23-offer .title.date-range { font-size: 40px; font-weight: 400; padding-bottom: 2px; text-align: center; margin-top: -10px; }
.s23-offer .text { font-size: 14px; margin-left: 2px; margin-bottom: 20px; }
.s23-offer .price { color: #04562e; font-size: 80px; font-weight: 700; font-family: 'Playfair Display', serif; border: 1px #666 dashed; text-align: center; height: 140px; border-radius: 5px; padding-top: 10px; cursor: pointer; transition: all 0.1s ease-in; }
.s23-offer .price:hover { background-color: #04562e; color: #fff; transition: all 0.1s ease-in; }
.s23-offer .price:hover #price-prefix, .s23-offer .price:hover #price-currency, .s23-offer .price:hover #price-extras { color: #fff; transition: all 0.1s ease-in; }
.s23-offer .price-prefix { color: #222; font-size: 20px; font-family: 'Playfair Display', serif; padding-right: 7px; }
.s23-offer .price-currency { color: #222; font-size: 20px; padding-left: 7px; }
.s23-offer .price-extras { color: #222; font-size: 16px; padding-top: 10px; font-weight: normal; }
.s23-offer .price-buchen { font-size: 45px; margin-top: 30px; }
.s23-offer ul { margin-bottom: 0px; }
.s23-offer li { font-size: 15px; margin-left: -10px; }
.s23-offer .button { color: #FFF; font-size: 16px; height: 60px; background: #04562e; line-height: 24px; border-radius: 5px; font-weight: 500; box-shadow: none; border: 1px solid transparent; width: 100%; transition: all 0.1s ease-in;  }
.s23-offer .button:hover { border: 2px solid #04562e; background: transparent; color: #04562e; transition: all 0.1s ease-in; }
.s23-offer .attraction { }
.s23-offer .attraction .img { float: left; margin-right: 15px; margin-top: 0px; }
.s23-offer .attraction .text h2 { font-size: 18px; font-weight: 600; font-family: "Poppins", sans-serif; margin-top: 0px; margin-bottom: 3px; }
.s23-offer .attraction .desc { font-size: 12px; font-family: "Poppins", sans-serif; }

/* s23-price */
.s23-price .header { font-family: 'Playfair Display', serif; font-size: 48px; margin-bottom: 20px; }
.s23-price .header-icon { float: right; color: #000; position: relative; bottom: 85px; right: 10px; }
.s23-price .subheader { font-family: 'Playfair Display', serif; font-size: 25px; }
.s23-price .subheader_image { float: right; position: relative; bottom: 8px; margin-right: 7px; }
.s23-price .guest_visitor { float: right; padding: 10px 30px; position: relative; top: 6px; cursor: pointer; font-size: 17px; border: 1px dashed #04562e; border-radius: 10px; color: #aaa; font-weight: 400; transition: all .5s ease-in-out; }
.s23-price .guest_visitor:hover { background-color: #eee; color: #fff; transition: all .25s ease-in-out; }
.s23-price .guest_visitor b { color: #04562e; font-weight: 600; }
.s23-price .guest { display: block; }
.s23-price .visitor { display: none; }
.s23-price .room { padding: 13px 0px 55px 0px; border-bottom: 1px dashed #aaa; }
.s23-price .room-desc { margin: 15px 0px 20px 0px; padding: 0px 0px 15px 0px; border-bottom: 1px dashed #aaa; }
.s23-price .room-image { width: 370px; height: 100px; margin-bottom: 15px; }
.s23-price .room-image img { width: 370px; height: 100px; border-radius: 10px 10px 10px 0px; }
.s23-price .room-price { float: left; width: auto; font-size: 40px; font-weight: 600; color: #04562e; padding-right: 9px; position: relative; top: -17px; letter-spacing: -2px; }
.s23-price .room-price-desc { float: left; width: auto; font-size: 25px; font-weight: 400; color: #04562e; padding-right: 8px; }
.s23-price .room-single { border-bottom: 1px dashed #aaa; overflow: auto; margin-bottom: 5px; padding-bottom: 5px; }
.s23-price .room-single-name { float: left; width: 60%; }
.s23-price .room-single-price { text-align: right; }
.s23-price .general { padding: 10px 0px 50px 0px; border-bottom: 1px dashed #aaa; }
.s23-price .general-desc { margin-top: 10px; }
.s23-price .general-image { width: 370px; height: 100px; margin-bottom: 15px; }
.s23-price .general-image img { width: 370px; height: 100px; border-radius: 10px 10px 10px 0px; }
.s23-price .general-price { float: left; width: auto; font-size: 35px; font-weight: 600; color: #04562e; padding-right: 7px; position: relative; top: -12px; letter-spacing: -1px; }
.s23-price .general-price-desc { float: left; width: auto; font-size: 20px; font-weight: 400; color: #04562e; padding-right: 5px; position: relative; top: 5px; }
.s23-price .horse { margin-top: 10px; padding: 5px 0px 35px 0px; border-bottom: 1px dashed #aaa; }
.s23-price .horse-price { float: right; font-size: 25px; font-weight: 600; color: #04562e; position: relative; top: -8px; padding-right: 10px; letter-spacing: -1px; }
.s23-price .horse-price-desc { float: left; width: auto; font-size: 14px; font-weight: 400; }
.s23-price-bar { position: fixed; bottom: 0px; z-index: 2; width: 100%; text-align: center; background-color: #04562e; color: #fff; padding: 10px; transition: all 1s ease-in-out; }
@keyframes s23-price-bar-season-type-animation { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }
.s23-price-bar .season_type { animation: s23-price-bar-season-type-animation 3s infinite; }

/* s23-person */
.s23-person { float: left; margin-top: 2px; }
.s23-person .amount { float: left; width: 30px; text-align: center; margin-top: 6px; }
.s23-person .amount-desc { float: left; margin-top: 6px; margin-right: 8px; }
.s23-person .amount-box { float: left; border: 1px solid #04562e; padding: 5px 10px; cursor: pointer; color: #04562e; user-select: none; }
.s23-person .amount-box:hover { float: left; border: 1px solid #04562e; background-color: #04562e; padding: 5px 10px; cursor: pointer; color: #fff; }
.s23-person .amount-box.u-gospodarzy-color { border: 1px solid #7f5015; color: #7f5015; }
.s23-person .amount-box.u-gospodarzy-color:hover { float: left; border: 1px solid #7f5015; background-color: #7f5015; padding: 5px 10px; cursor: pointer; color: #fff; }

/* s23-pensjonat number and persons */
.s23-pensjonat-number {
    background-color: #04562e;
    border-radius: 80px;
    color: #fff;
    float: left;
    height: 40px;
    line-height: 30px;
    margin-right: 12px;
    padding-left: 2px;
    position: relative;
    text-align: center;
    top: -1px;
    width: 40px;
}
.s23-pensjonat-number.u-gospodarzy-background { background-color: #7f5015; }
.s23-pensjonat-persons {
    color: #04562e;;
    font-size: 50px;
    font-weight: normal;
    line-height: 0px;
    position: relative;
    top: 3px;
}
.s23-pensjonat-persons.u-gospodarzy-color { color: #7f5015; }
.s23-pensjonat-zoom { position: absolute; top: 280px; right: 25px; pointer-events: none; z-index: 1; transition: transform .2s; }
.s23-pensjonat-zoom img { width: 50px; }
.s23-pensjonat-img { }
.s23-pensjonat-img img { transition: all .2s ease-out;  }
.s23-pensjonat-img img:hover { transition: all 0.2s ease-out; }
.s23-pensjonat-video {
    border: 1px solid #f00;
    height: 90%;
    left: 50%;
    max-width: 300px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    z-index: 9999;
}
.s23-u-gospodarzy-color { color: #7f5015 !important; }

/* s23-asteria */
.s23-asteria { }
.s23-asteria .apartment {
    /*border: 1px #00f ridge;*/
    margin-bottom: 60px;
}
.s23-asteria .apartment img { border-radius: 10px; }
.s23-asteria .apartment .title {
    color: #222;
    font-family: 'Playfair Display', serif;
    font-size: 48px;
    font-weight: 400;
}
.s23-asteria .apartment .content {
    background-color: #fff;
    overflow: hidden;
    position: relative;
    width: 700px;
    z-index: 1;
}
.s23-asteria .apartment .content .price {
    color: #04562e;
    float: right;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.2px;
    position: relative;
    right: 20px;
    top: 40px;
}
.s23-asteria .apartment .content .price span {
    color: #232323;
    font-size: 12px;
    padding-left: 5px;
}
.s23-asteria .apartment .content.kwiaty-wiktorii {
    border-radius: 10px;
    margin: -60px 50px 50px 60px;
    padding: 15px 25px 25px 40px;
    width: 700px;
}
.s23-asteria .apartment .content.kwiaty-wiktorii .title { font-size: 45px; }
.s23-asteria .apartment .content.nota {
    border-radius: 10px;
    margin: -60px 50px 50px -100px;
    padding: 10px 40px 25px 35px;
    width: 650px;
}
.s23-asteria .apartment .content.nota .title { font-size: 40px; }
.s23-asteria .apartment .content.irys {
    border-radius: 10px;
    margin: -60px 50px 50px 50px;
    padding: 15px 25px 25px 35px;
    width: 700px;
    float: right;
}
.s23-asteria .apartment .content.irys .title { font-size: 50px; }
.s23-asteria .apartment .content.irys .price { top: 45px; }
.s23-asteria .apartment .content.poranek {
    border-radius: 10px;
    margin: -60px 50px 50px 65px;
    padding: 5px 25px 25px 35px;
    width: 700px;
}
.s23-asteria .apartment .content.poranek .title { font-size: 60px; }
.s23-asteria .apartment .content.poranek .price { top: 55px; }
.s23-asteria .apartment video {
    border: 1px #eee dashed;
    border-radius: 10px;
    display: grid;
    height: 600px;
    position: absolute;
    width: auto;
    z-index: 1;
}
.s23-asteria .apartment video:hover {
    /*height: 100%;
    position: fixed;
    top: 0px !important;
    z-index: 999;*/
}
.s23-asteria-title {
    font-family: 'Playfair Display', _serif;
    font-size: 40px;
    margin-bottom: 20px;
}
.s23-asteria-title-vertical-left {
    border-left: 1px dashed #e4e4e4;
    padding-bottom: 10px;
    padding-left: 20px;
}
.s23-asteria-subtitle {
    font-family: 'Playfair Display', _serif;
    font-size: 25px;
}
.s23-asteria-subtitle-vertical-left {
    border-left: 1px dashed #e4e4e4;
    padding-bottom: 5px;
    padding-left: 20px;
}
.s23-asteria-gallery {
    overflow: auto;
}
.s23-asteria-gallery .image {
    border-left: 0px solid rgba(255, 255, 255, 0);
    border-right: 20px solid rgba(255, 255, 255, 0);
    border-top: 10px solid rgba(255, 255, 255, 0);
    border-bottom: 5px solid rgba(255, 255, 255, 0);
    float: left;
    text-align: center;
    transition: 0.2s ease-in;
}
.s23-asteria-gallery img {
    border-radius: 5px;
    transition: .3s ease-in;
    width: 270px;
    height: 200px;
    margin-bottom: 5px;
}
.s23-asteria-gallery img:hover {
    transition: .4s all ease-in-out;
}
.s23-asteria-subtitle-amenity {
    border-bottom: 1px dashed #ccc;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.s23-asteria-subtitle-amenity .fa-solid {
    color: #04562e;
    margin-right: 8px;
}
.s23-asteria-reserve .form {
    left: -25px;
    overflow: auto;
    position: relative;
    width: 770px;
}

/* s23-sasek */
.s23-sasek { }
.s23-sasek.row > div:nth-child(1) { margin-bottom: 100px; }
.s23-sasek.row > div:nth-child(2) { margin-bottom: 200px; }
.s23-sasek.row > div:nth-child(3) { margin-bottom: 120px; }
.s23-sasek.row > div:nth-child(4) { margin-bottom: 150px; }
.s23-sasek .apartment {
    /*border: 1px #00f ridge;*/
    /*margin-bottom: 60px;*/
}
.s23-sasek .apartment .gallery {
    border-radius: 10px;
    padding: 5px;
    position: absolute;
}
.s23-sasek .apartment .gallery.lesny {
    bottom: -40px;
    left: -10px;
    opacity: 0;
    transition: .75s ease-in-out;
    transition-delay: .1s;
}
.s23-sasek .apartment .gallery.lesny.over {
    bottom: -50px;
    left: 20px;
    opacity: 1;
    transition: .5s ease-in-out;
    transition-delay: .75s;
    width: 300px;
}
.s23-sasek .apartment .gallery.dirk {
    bottom: -40px;
    opacity: 0;
    right: -10px;
    transition: .75s ease-in-out;
    transition-delay: .1s;
}
.s23-sasek .apartment .gallery.dirk.over {
    bottom: -50px;
    opacity: 1;
    right: 5px;
    transition: .5s ease-in-out;
    transition-delay: .75s;
    width: 300px;
}
.s23-sasek .apartment .gallery.dwojka {
    bottom: -40px;
    left: -10px;
    opacity: 0;
    transition: .75s ease-in-out;
    transition-delay: .1s;
}
.s23-sasek .apartment .gallery.dwojka.over {
    bottom: 20px;
    left: 35px;
    opacity: 1;
    transition: .5s ease-in-out;
    transition-delay: .75s;
    width: 300px;
}
.s23-sasek .apartment .gallery.cerptina {
    bottom: -40px;
    right: -30px;
    opacity: 0;
    transition: .75s ease-in-out;
    transition-delay: .1s;
}
.s23-sasek .apartment .gallery.cerptina.over {
    bottom: -40px;
    right: -40px;
    opacity: 1;
    transition: .5s ease-in-out;
    transition-delay: .75s;
    width: 300px;
}
.s23-sasek .apartment .gallery .image {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0);
    float: left;
    margin: 5px;
    padding: 2px;
    transition: 0.2s ease-in;
}
.s23-sasek .apartment .gallery .image:not(:last-child) {
    margin-right: 6px;
}
.s23-sasek .apartment .gallery .image:hover {
    border: 1px solid rgba(255, 255, 255, 1);
    transition: 0.2s ease-in;
}
.s23-sasek .apartment img { border-radius: 10px; }
.s23-sasek .apartment .content {
    background-color: #fff;
    border-radius: 10px;
    z-index: 1;
}
.s23-sasek .apartment .content .price {
    color: #04562e;
    float: right;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.2px;
    position: relative;
    right: 20px;
    top: 40px;
}
.s23-sasek .apartment .content .price span {
    color: #232323;
    font-size: 12px;
    padding-left: 5px;
}
.s23-sasek .apartment .content.lesny {
    height: 400px;
    padding: 15px 10px 25px 40px;
    position: absolute;
    right: 0px;
    top: 50px;
    transition: 1s ease-in-out;
    transition-delay: .4s;
    width: 750px;
}
.s23-sasek .apartment .content.lesny.over {
    right: 2%;
    transition: 1s ease-in-out;
    transition-delay: 0.1s;
    width: 480px;
    top: 7%;
    height: fit-content;
}
.s23-sasek .apartment .content.lesny .title { font-size: 45px; }
.s23-sasek .apartment .content.dirk {
    height: 400px;
    left: 0px;
    padding: 15px 40px 25px 30px;
    position: absolute;
    top: 50px;
    transition: 1s ease-in-out;
    transition-delay: .4s;
    width: 600px;
}
.s23-sasek .apartment .content.dirk.over {
    left: 2%;
    transition-delay: 0.1s;
    transition: 1s ease-in-out;
    width: 480px;
    top: 7%;
    height: fit-content;
}
.s23-sasek .apartment .content.dirk .title { font-size: 55px; }
.s23-sasek .apartment .content.dwojka {
    height: 400px;
    padding: 15px 10px 25px 40px;
    position: absolute;
    right: 0px;
    top: 50px;
    transition: 1s ease-in-out;
    transition-delay: .4s;
    width: 750px;
}
.s23-sasek .apartment .content.dwojka.over {
    right: 2%;
    transition-delay: 0.1s;
    transition: 1s ease-in-out;
    width: 550px;
    top: 7%;
    height: fit-content;
}
.s23-sasek .apartment .content.dwojka .title { font-size: 45px; }
.s23-sasek .apartment .content.cerptina {
    height: 400px;
    left: 0px;
    padding: 15px 40px 25px 30px;
    position: absolute;
    top: 50px;
    transition: 1s ease-in-out;
    transition-delay: .4s;
    width: 750px;
}
.s23-sasek .apartment .content.cerptina.over {
    left: 2%;
    transition: 1s ease-in-out;
    transition-delay: 0.1s;
    width: 480px;
    top: 7%;
    height: fit-content;
}
.s23-sasek .apartment .content.cerptina .title { font-size: 45px; }

/* s23-contact form */
.s23-form { }
.s23-form .field { margin-bottom: 15px; overflow: auto; }
.s23-form .field_mn { overflow: auto; }
.s23-form .field_separator { border-top: 1px dashed #aaa; }
.s23-form .field_ta { margin-bottom: 9px; }
.s23-form .field_description { margin: 0px 0px 15px 0px; }
.s23-form .field_checkbox { margin: 0px 15px 15px 0px; float: left; }
.s23-form .field_checkbox input[type=checkbox] { width: auto; margin-top: 6px; transform: scale(1.4); }
.s23-form .field_checkbox_description { float: left; margin-right: 14px; }
.s23-form .field_agreements { margin-top: 15px; margin-bottom: 10px; font-size: 10px; line-height: 15px; }
.s23-form .field_agreements.rodo, .s23-form .field_agreements.regulamin { font-size: 12px; line-height: 17px; }
.s23-form .field_agreements input[type=checkbox] { float: left; width: 20px; margin-right: 5px; position: relative; top: -2px; }
.s23-form input, .s23-form textarea, .s23-form select { border-radius: 10px; width: 100%; padding: 15px; border: 1px solid #666; font-size: 16px; resize: vertical; background-color: #f9f9f9; }
.s23-form input[type=button] { border-radius: 10px; color: #FFF; font-size: 16px; height: 60px; background: #04562e; line-height: 24px; font-weight: 500; border: 1px solid transparent; width: 100%;}
.s23-form input[type=button]:hover { border: 1px solid #04562e; background: transparent; color: #04562e; }
.s23-form-popup { display: none; cursor: default; border: 4px solid rgba(0,0,0,.1); border-radius: 20px; padding: 30px; position: fixed; left: 0; right: 0; top: 0; bottom:0; margin: auto; width: 500px; height: 110px; z-index: 1; text-align: center; font-size: 25px; font-family: 'Playfair Display', serif; background-color: rgba(255,255,255,.95); }

/* buttons */
.s23-button-big {
    background: #04562e;
    border-radius: 0px 10px 10px 10px;
    border: 2px solid transparent;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    margin: 0px 2px 6px 0px;
    padding: 10px 40px;
    transition: all .5s ease-in-out;
    text-decoration: none;
}
.s23-button-big:hover {
    background: transparent;
    border: 2px solid #04562e;
    color: #04562e;
    transition: all .15s ease-in-out;
    text-decoration: none;
}
.s23-button-big-white {
    background: #fff;
    border-radius: 0px 10px 10px 10px;
    border: 2px solid transparent;
    color: #264863;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    margin: 0px 2px 6px 0px;
    padding: 5px 40px;
    transition: all .5s ease-in-out;
    text-decoration: none;
}
.s23-button-big-white:hover {
    background: transparent;
    border: 2px solid #ddd;
    color: #fff;
    transition: all .15s ease-in-out;
    text-decoration: none;
}
.s23-button-attraction-show-on-map {
    background: #04562e;
    border-radius: 0px 20px 0px 0px;
    border: 1px solid transparent;
    box-shadow: none;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    line-height: 24px;
    padding-left: 15px;
    transition: all .5s;
    width: 100%; text-align: left;
}
.s23-button-attraction-show-on-map:hover {
    border: 1px solid #04562e;
    background: transparent;
    color: #04562e;
    transition: all .25s;
}
.s23-button-full-width {
    display: inline-block;
    width: 100%;
}

/* s23-top backgrounds */
.s23-top-apartamenty-asteria { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-apartamenty-asteria-irys { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-apartamenty-asteria-kwiaty-wiktorii { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-apartamenty-asteria-nota { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-apartamenty-asteria-poranek { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-apartamenty-sasek { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-atrakcje { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-atrakcje-w-regionie { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-blog-hotel-pensjonat-stadnina-na-mazurach { background: url('../img/1920x310/top_blog_01.jpg') no-repeat center center; background-size: cover; }
.s23-top-blog-jazdy-konne-na-mazurach { background: url('../img/1920x310/top_blog_02.jpg') no-repeat center center; background-size: cover; }
.s23-top-cennik { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-dla-firm { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-galeria { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-grass { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-hotel-dla-koni { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-jazda-konna { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-karnety-jezdzieckie { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-kontakt { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-miejsce-dla-rodzin { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-moj-nocleg { background: url('../img/1920x310/top_moj_nocleg.jpg') no-repeat center center; background-size: cover; }
.s23-top-nasz-pensjonat { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-nauka-jazdy-konnej { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-o-nas { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-oferta { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-oferta-boze-cialo { background: url('../img/1920x310/top_lake_tree.jpg') no-repeat center center; background-size: cover; }
.s23-top-oferta-hubertus { background: url('../img/1920x620/top_hubertus_01.jpg') no-repeat center center; background-size: cover; }
.s23-top-oferta-majowka { background: url('../img/1920x310/top_majowka.jpg') no-repeat center center; background-size: cover; }
.s23-top-oferta-rajd-gwiazdzisty { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-oferta-romantycznie-we-dwoje { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-oferta-sylwester { background: url('../img/1920x620/top_sylwester_01.jpg') no-repeat center center; background-size: cover; }
.s23-top-oferta-ferie { background: url('../img/1920x620/top_ferie_01.jpg') no-repeat center center; background-size: cover; }
.s23-top-oferta-wakacje-mazury { background: url('../img/1920x620/top_wakacje_2025.jpg') no-repeat center center; background-size: cover; }
.s23-top-oferta-weeekend-w-siodle { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-oferta-wielkanoc { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-pensjonat { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-promo_02_2024 { background: url('../img/1920x310/top_promo_02_2024.jpg') no-repeat center center; background-size: cover; }
.s23-top-stajnia-ujezdzalnia { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-u-gospodarzy { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-wakacje-z-wlasnym-koniem { background: url('../img/1920x310/top_forest.jpg') no-repeat center center; background-size: cover; }
.s23-top-angebot-reiten { background: url('../img/1920x620/top_angebot_01.jpg') no-repeat center center; background-size: cover; }

/* first steps sticky icon */
.s23-first-steps {
    background-color: #fff;
    border-radius: 0px 5px 5px 0px;
    bottom: 50px;
    height: 62px;
    left: -230px;
    opacity: 0.9;
    position:fixed;
    transition-delay: 0.5s;
    transition: all 1s ease-in-out;
    width: 290px;
    z-index: 2;
    -webkit-box-shadow: 0px 8px 40px -15px rgba(66, 68, 90, 0.1);
    -moz-box-shadow: 0px 8px 40px -15px rgba(66, 68, 90, 0.1);
    box-shadow: 0px 8px 40px -15px rgba(66, 68, 90, 0.1);
}
.s23-first-steps:hover {
    height: 110px;
    left: 0px;
    opacity: 1;
    transition: all .75s ease-in-out;
    -webkit-box-shadow: 0px 8px 40px -15px rgba(66, 68, 90, 0.47);
    -moz-box-shadow: 0px 8px 40px -15px rgba(66, 68, 90, 0.47);
    box-shadow: 0px 8px 40px -15px rgba(66, 68, 90, 0.47);
}
.s23-first-steps .icon { float: right; padding: 8px 8px 0px 0px; }
.s23-first-steps .icon img { border-radius: 5px; height: 45px; width: 45px; }
.s23-first-steps .content { padding-left: 15px; padding-top: 5px; }
.s23-first-steps .content .title { font-size: 16px; font-weight: 400; padding-top: 5px; padding-bottom: 5px; }
.s23-first-steps .content .text { font-size: 12px; font-weight: 400; line-height: 17px; }

/* ------------------------------------------------------------------------------------------------------------------ */

/* offer */
.s23-offer-bar-title { font-size: 32px; font-weight: 400; font-family: 'Playfair Display', serif; }
.s23-offer-bar-title-suffix { font-size: 25px; font-weight: 400; font-family: 'Playfair Display', serif; float: right; position: relative; top: 22px; color: #04562e; }
.s23-offer-bar-price { color: #04562e; font-weight: 700 !important; font-size: 80px !important; }
.s23-offer-bar-prefix { font-size: 20px; color: #222; padding-right: 7px; }
.s23-offer-bar-currency { font-size: 20px; color: #222; padding-left: 7px; }
.s23-offer-bar-ul li { font-size: 15px; margin-left: -10px; }
.s23-offer-bar-button { color: #FFF; font-size: 16px; height: 60px; background: #04562e; line-height: 24px; border-radius: 0px; font-weight: 500; box-shadow: none; border: 1px solid transparent; width: 100%;}
.s23-offer-bar-button:hover { border: 2px solid #04562e; background: transparent; color: #04562e; }

/* video */
.s23-video-attractions {
    position: relative;
    display: grid;
    place-items: center;
    height: 70px;
    width: 120px;
    margin: 0 auto;
}
.s23-video-attractions:hover {
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
}
.s23-video-hotpick {
    position: relative;
    display: grid;
    place-items: center;
    height: 210px;
    width: 100%;
    margin: 0 auto;
    background: #ccc;
}
.s23-video-container {
    position: relative;
    display: grid;
    place-items: center;
    height: 500px;
    width: 100%;
    margin: 0 auto;
    background: #ccc;
}
.s23-video-container-fullscreen {
    position: absolute;
    z-index: 0;
    object-fit: cover;
    width:100%;
    height:100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.s23-video-gradient-top {
    position: absolute;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 50%, rgba(255,255,255,1) 100%);
    width: 100%;
    height: 50%;
    z-index: 1;
    top: 0px;
}
.s23-video-gradient-bottom {
    position: absolute;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 50%, rgba(255,255,255,1) 100%);
    width: 100%;
    height: 50%;
    z-index: 1;
    bottom: 0px;
}

/* ------------------------------------------------------------------------------------------------------------------ */

.container { padding: 0px 15px 0px 15px; }

a { color: #04562e; animation: 1s all ease-in-out; }
a:focus, a:hover { color: #04562e; text-decoration: underline; animation: 1s all ease-in-out; }
.nounderline { text-decoration: none !important;; }
b { font-weight: 600; }

/* colors */
.s23-green-01 { color: #04562e; }
.s23-green-02 { color: #01532a; }

/* h line heights */
.s23-h1 { line-height: 45px; margin-bottom: 25px; margin-top: 25px; }
.s23-h2 { line-height: 40px; margin-bottom: 20px; margin-top: 25px; }
.s23-h3 { line-height: 35px; margin-bottom: 20px; margin-top: 20px; }
.s23-h4 { line-height: 28px; margin-bottom: 25px; margin-top: 20px; }
.s23-h5 { line-height: 20px; }

/* text aligners */
.s23-text-al{ text-align: left; }
.s23-text-ac { text-align: center; }
.s23-text-ar { text-align: right; }

/* floaters */
.s23-float-left { float: left; }
.s23-float-right { float: right; }

/* overriders & spacers */
.s23-p-0 { padding: 0px; }
.s23-pl-0 { padding-left: 0px; }
.s23-pl-5 { padding-left: 5px; }
.s23-pl-10 { padding-left: 10px; }
.s23-pl-20 { padding-left: 20px; }
.s23-pl-30 { padding-left: 30px; }
.s23-pl-40 { padding-left: 40px; }
.s23-pl-50 { padding-left: 50px; }
.s23-pr-0 { padding-right: 0px; }
.s23-pr-10 { padding-right: 10px; }
.s23-pr-20 { padding-right: 20px; }
.s23-pr-30 { padding-right: 30px; }
.s23-pr-40 { padding-right: 40px; }
.s23-pr-50 { padding-right: 50px; }
.s23-pt-0 { padding-top: 0px; }
.s23-pt-10 { padding-top: 10px; }
.s23-pt-15 { padding-top: 15px; }
.s23-pt-20 { padding-top: 20px; }
.s23-pt-30 { padding-top: 30px; }
.s23-pt-40 { padding-top: 40px; }
.s23-pt-50 { padding-top: 50px; }
.s23-pb-0 { padding-bottom: 0px; }
.s23-pb-10 { padding-bottom: 10px; }
.s23-pb-15 { padding-bottom: 15px; }
.s23-pb-20 { padding-bottom: 20px; }
.s23-pb-30 { padding-bottom: 30px; }
.s23-pb-40 { padding-bottom: 40px; }
.s23-pb-50 { padding-bottom: 50px; }
.s23-pb-60 { padding-bottom: 60px; }
.s23-pb-70 { padding-bottom: 70px; }
.s23-m-0 { margin: 0px; }
.s23-ml-0 { margin-left: 0px; }
.s23-ml-10 { margin-left: 10px; }
.s23-ml-20 { margin-left: 20px; }
.s23-ml-30 { margin-left: 30px; }
.s23-ml-40 { margin-left: 40px; }
.s23-ml-50 { margin-left: 50px; }
.s23-mr-0 { margin-right: 0px; }
.s23-mr-10 { margin-right: 10px; }
.s23-mr-20 { margin-right: 20px; }
.s23-mr-30 { margin-right: 30px; }
.s23-mr-40 { margin-right: 40px; }
.s23-mt-0 { margin-top: 0px; }
.s23-mt-10 { margin-top: 10px; }
.s23-mt-20 { margin-top: 20px; }
.s23-mt-25 { margin-top: 25px; }
.s23-mt-30 { margin-top: 30px; }
.s23-mt-40 { margin-top: 40px; }
.s23-mt-50 { margin-top: 50px; }
.s23-mb-0 { margin-bottom: 0px; }
.s23-mb-5 { margin-bottom: 5px; }
.s23-mb-10 { margin-bottom: 10px; }
.s23-mb-15 { margin-bottom: 15px; }
.s23-mb-20 { margin-bottom: 20px; }
.s23-mb-30 { margin-bottom: 30px; }
.s23-mb-40 { margin-bottom: 40px; }
.s23-mb-50 { margin-bottom: 50px; }
.s23-mb-100 { margin-bottom: 100px; }
.s23-spacer-vertical-10 { padding: 10px; }
.s23-spacer-vertical-20 { padding: 20px; }

/* owl */
.owl-nav, .owl-prev, .owl-next { /*display: none;*/ }

/* translation from google */
.skiptranslate { opacity: 0; }

/* asteria amenities */
#amenities ul { margin-bottom: 35px; padding-inline-start: 18px; }

/* footer */
.footer-sky { position: relative; }

/* logo */
.header-sky .navbar .navbar-header .navbar-brand { padding-left: 15px; padding-top: 15px;}

/* ------------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------          RESERVATION          ------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */

.s23-dialog {
    background-color: rgba(0,0,0,.5);
    height: 100% !important;
    padding: 50px;
    position: fixed;
    z-index: 999;
}
.s23-dialog-reservation .header {
    height: 47px;
}
.s23-dialog-reservation .header h4{
    margin-left: 5px;
    margin-top: 5px;
    padding-top: 5px;
}
.s23-dialog-reservation .form {
    left: -25px;
    /*overflow: auto;*/
    position: relative;
}
.s23-dialog-button-close {
    background: #04562e;
    border-radius: 5px;
    border: 1px solid transparent;
    color: #FFF;
    float: right;
    font-size: 12px;
    font-weight: 600;
    height: 30px;
    margin-right: 9px;
    padding: 4px 30px;
    text-align: center;
    width: auto;
}
.s23-dialog-button-close:hover {
    background: transparent;
    border: 1px solid #04562e;
    color: #04562e;
    cursor: pointer;
    text-decoration: none;
}
.ui-dialog-titlebar, .ui-dialog-titlebar-close { display: none; }

@media (min-width: 1200px) {
    .s23-dialog-reservation {
        background-color: #fff;
        border-radius: 10px;
        border: 5px #c4c4c4 solid;
        margin: 0px auto;
        padding: 20px;
        width: 1025px !important;
        max-height: 100% !important;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .s23-reservation-form-room {
        border: 0px solid #fff;
        margin-bottom: -20px;
        padding: 0;
        width: 1000px;
    }
    .s23-reservation-form {
        border: none;
        padding: 0;
        left: -28px;
        margin-top: 5px;
        position: relative;
        width: 1000px;
    }
}
@media (max-width: 1200px) {
    .s23-dialog-reservation {
        background-color: #fff;
        border-radius: 10px;
        border: 5px #c4c4c4 solid;
        margin: 0px auto;
        padding: 20px;
        width: 100% !important;
        max-height: 100% !important;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .s23-dialog-reservation .form {
        left: 0px;
    }
    .s23-reservation-form-room {
        border: 0px solid #fff;
        margin-bottom: -20px;
        width: 100%;
    }
    .s23-reservation-form {
        border: none; padding: 0;
        left: -28px;
        margin-top: 5px;
        position: relative;
        width: 780px;
    }
}
@media (max-width: 1024px) {
    .s23-dialog-reservation .header {
        height: 80px;
    }
}
@media (max-width: 768px) {
    .s23-dialog-reservation {
        background-color: #fff;
        border-radius: 10px;
        border: 5px #c4c4c4 solid;
        margin: 0px auto;
        padding: 20px;
        width: 100% !important;
        max-height: 100% !important;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .s23-reservation-form-room {
        border: 0px solid #fff;
        margin-bottom: -20px;
        padding: 0;
        width: 100%;
    }
    .s23-reservation-form {
        border: none; padding: 0;
        left: 0px;
        margin-top: 5px;
        position: relative;
        width: 100%;
    }
}
@media (max-width: 480px) {
    .s23-dialog-reservation .header {
        height: 100px;
    }
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* -------------------------------------------          MOBILE          --------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */

/*
300x450
400x600
720x1280

in styles.css
480
600
768
991
1024
1200

* 320px — 480px: Mobile devices
* 481px — 768px: iPads, Tablets
* 769px — 1024px: Small screens, laptops
* 1025px — 1200px: Desktops, large screens
* 1201px and more —  Extra large screens, TV */

@media (min-width: 1024px ) and (max-width: 1200px) {
    .header-sky .navbar .navbar-nav .dropdown:hover .submenu-hover {
        border-radius: 0px 0px 20px 0px;
        display: block;
        opacity: 1;
        visibility: visible;
    }
}
@media (max-width: 1200px) {
    .banner-tems .banner-content { padding-top: 115px !important; min-height: inherit !important; }
    .banner-tems { border-radius: 0px; }
    .f1, .f4 { display: none; }
    .footer-sky .footer-mid .padding-footer-mid .list-content { margin-top: 0px; margin-bottom: 0px; }
    .gallery-cat { display: none; }
    .gallery-our.wrap-gallery-restaurant .gallery-restaurant { margin: 0px; }
    .header-sky .navbar .navbar-header .navbar-brand-text { margin-left: 5px; }
    .header-sky .navbar-toggle { border: 1px solid white; }
    .hide-lt-1200 { display: none; }
    .rooms .wrap-rooms .wrap-box .box-img img { position: relative; left: 50%; transform: translateX(-60%); }
    .s23-insert-home.cta-01 { margin-top: 45px; opacity: 1; overflow: hidden; }
    .s23-insert-home.cta-02 { margin-top: 10px; opacity: 1; overflow: hidden; }
    .s23-insert-home.cta-03 { margin-top: 0px; opacity: 1; overflow: hidden; }
    .s23-insert-home.cta-04 { margin-top: 50px; margin-bottom: 20px; overflow: hidden; }
    .s23-insert-home.cta-00 .content-left { padding: 0px 20px 0px 20px; }
    .s23-insert-home.cta-01 .content-right { padding: 0px 15px 0px 30px; }
    .s23-insert-home.cta-02 .content-left { padding: 0px 20px 0px 20px; }
    .s23-insert-home.cta-03 .content-right { padding: 0px 15px 0px 30px; }
    .s23-insert-home.cta-04 .content-left { padding: 0px 20px 0px 20px; }
    .s23-offer > div:first-child .title { margin-top: 0px; }
    .s23-price .header { font-size: 38px; }
    .section-slider .item .carousel-caption h1 { font-size: 55px; margin-bottom: 20px; }
    .section-slider .item .carousel-caption p { font-size: 20px; }
    .s23-sasek .apartment .content.lesny { height: auto; top: -10%; }
    .s23-sasek .apartment .content.dirk { height: auto; }
    .s23-sasek .apartment .content.dwojka { height: auto; }
    .s23-sasek .apartment .content.cerptina { height: auto; }
    .s23-sasek .apartment .content.lesny.over { height: auto; top: -10%; right: 1%; }
    .s23-sasek .apartment .content.dirk.over { height: auto; top: -10%; left: 1%; }
    .s23-sasek .apartment .content.dwojka.over { height: auto; top: -10%; right: 1%; }
    .s23-sasek .apartment .content.cerptina.over { height: auto; top: -10%; left: 1%; }
}
@media (min-width: 768px ) and (max-width: 1024px) {
    .banner-tems .banner-content { padding-top: 110px; }
    .header-sky .navbar .navbar-nav .dropdown:hover .submenu-hover {
        background-color: rgba(4,86,46,1);
        border-radius: 0px 0px 20px 0px;
        display: block;
        opacity: 1;
        visibility: visible;
        color: #fff;
    }
}
@media (max-width: 1024px) {
    .banner-tems .banner-content h2 { display: none; }
    .banner-tems .banner-content p { display: none; }
    .footer-sky .footer-mid .padding-footer-mid .list-content { margin-top: 15px; margin-bottom: 0px; }
    .header-sky .navbar .navbar-header .navbar-brand img { max-width: 80% }
    .header-sky .navbar .navbar-header .navbar-brand { padding-left: 15px; padding-top: 12px;}
    .header-sky .navbar .navbar-header .navbar-brand-text { margin-left: 20px; line-height: 44px; }
    .header-sky .navbar .navbar-nav li .dropdown-menu li:hover a, .header-sky .navbar .navbar-nav li .dropdown-menu li:focus a { color: #ff0 !important; }
    .header-sky .navbar .navbar-nav li { padding: 15px 10px; }
    .header-sky .navbar .navbar-nav { margin-top: 20px; width: 100%; background-color: rgba(4,86,46,1); border-radius: 10px; }
    .header-sky .navbar-toggle .icon-bar { background: #FFF; }
    .header-sky .navbar-toggle { margin-top: 20px; margin-right: 0px; }
    .header-sky.header-top-sky .header-top { margin-top: -128px; }
    .header-top .header-top-right { display: none; }
    .header-top-left .section-phones { display: none; }
    .header-top-left .section-language { float: left; margin-right: 5px !important; margin-top: 1px; }
    .header-top-left .section-language-text { display: none; }
    .hide-lt-1024 { display: none !important; }
    .rooms .wrap-rooms .wrap-box .box-img img { position: relative; left: 50%; transform: translateX(-70%); }
    .s23-content .title { font-size: 44px; }
    .s23-offer .title { font-size: 22px; }
    .s23-offer .price { font-size: 50px; height: 100px; }
    .s23-offer .price-buchen { font-size: 25px; margin-top: 23px; }
    .s23-offer-bar-title-suffix { display: none; }
    .s23-sasek .apartment .content.cerptina.over { width: inherit; left: inherit; };
    .s23-sasek .apartment .content.dirk.over { width: inherit; left: inherit; }
    .s23-sasek .apartment .content.dwojka.over { width: inherit; right: inherit; }
    .s23-sasek .apartment .content.lesny.over { width: inherit; right: inherit; }
    .s23-sasek .apartment .gallery.lesny, .s23-sasek .apartment .gallery.dirk, .s23-sasek .apartment .gallery.dwojka, .s23-sasek .apartment .gallery.cerptina { display: none;}
    .s23-sasek .apartment .gallery.lesny.over, .s23-sasek .apartment .gallery.dirk.over, .s23-sasek .apartment .gallery.dwojka.over, .s23-sasek .apartment .gallery.cerptina.over { display: none;}
    .s23-sasek.row > div:nth-child(1) { margin-bottom: 50px; }
    .s23-sasek.row > div:nth-child(2) { margin-bottom: 50px; }
    .s23-sasek.row > div:nth-child(3) { margin-bottom: 50px; }
    .s23-sasek.row > div:nth-child(4) { margin-bottom: 25px; }
    .s23-slider-scroll-down-image { width: 20px !important; }
    .section-slider .item .carousel-caption h1 { font-size: 45px; margin-bottom: 10px; letter-spacing: 2px !important; }
    .section-slider .item .carousel-caption p { font-size: 17px; letter-spacing: 4px; }

    .s23-sasek .apartment .content.cerptina { position: relative; top: 0; width: 100%; padding: 15px 10px 25px 15px; margin-top: -50px; height: fit-content; }
    .s23-sasek .apartment .content.dirk .title, .s23-sasek .apartment .content.lesny .title, .s23-sasek .apartment .content.dwojka .title, .s23-sasek .apartment .content.cerptina .title {font-size: 40px;}
    .s23-sasek .apartment .content.dirk { position: relative; top: 0; width: 100%; padding: 15px 10px 25px 15px; margin-top: -50px; height: fit-content; }
    .s23-sasek .apartment .content.dwojka { position: relative; top: 0; width: 100%; padding: 15px 10px 25px 15px; margin-top: -50px; height: fit-content; }
    .s23-sasek .apartment .content.lesny { position: relative; top: 0; width: 100%; padding: 15px 10px 25px 15px; margin-top: -50px; }
    .s23-sasek .apartment img { width: 100%; float: none; }
    .s23-asteria .apartment .content.kwiaty-wiktorii .title, .s23-asteria .apartment .content.nota .title,.s23-asteria .apartment .content.irys .title, .s23-asteria .apartment .content.poranek .title { font-size: 40px; }
    .s23-asteria .apartment .content.kwiaty-wiktorii, .s23-asteria .apartment .content.nota, .s23-asteria .apartment .content.irys, .s23-asteria .apartment .content.poranek { margin: 10px 0px 0px 0px; width: 100%; padding: 15px 20px 20px 0px; height: fit-content; border-radius: 0px; }
    .s23-asteria .apartment img { width: 100%; float: none; }

    .s23-promo-bar-home .content_left { left: 5%; top: 33px; }
    .s23-promo-bar-home .content_left .title_left { font-size: 45px; margin-bottom: -8px; }
    .s23-promo-bar-home .content_right { width: 45%; }
}
@media (min-width: 480px ) and (max-width: 768px) {
}
@media (max-width: 768px) {
    .col-xs-12 { padding: 0px 25px; }
    .f3 { display: none; }
    .header-sky .navbar .navbar-collapse { min-height: 700px; }
    .header-sky .navbar .navbar-header .navbar-brand { padding-left: 20px; padding-top: 15px;}
    .header-sky .navbar .navbar-nav .dropdown:hover .submenu-hover { border-radius: 0px 0px 20px 0px; opacity: 1; visibility: visible; padding: 20px 0px 15px 0px; }
    .header-sky .navbar .navbar-nav li .dropdown-menu li a { color: #fff; }
    .header-sky .navbar .navbar-nav li .dropdown-menu li { padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 30px !important; }
    .header-sky .navbar .navbar-nav li .dropdown-menu li:hover a, .header-sky .navbar .navbar-nav li .dropdown-menu li:focus a { color: #fff !important; }
    .header-sky .navbar .navbar-nav li { padding: 20px 20px 0px 20px; }
    .header-sky .navbar .navbar-nav { padding-bottom: 20px; }
    .header-sky .navbar-toggle { margin-right: 20px; }
    .header-sky .navbar.navbar-fixed-top { border-radius: 0px; }
    .hide-lt-768 { display: none !important; }
    .open > .dropdown-menu { display: block; }
    .s23-pensjonat-number { font-size: 30px; top: -8px; }
    .rooms .wrap-rooms .wrap-box .box-img img { position: relative; left: 50%; transform: translateX(-55%); }
    .s23-asteria .apartment .content .price { top: 20px !important; }
    .s23-button-big { width: 100%; text-align: center; }
    .s23-content .title { font-size: 38px; margin-top: 10px; }
    .s23-content .title:first-child { margin-top: 0px; }
    .s23-events { margin-top: -40px; }
    .s23-h4 { margin-bottom: 5px; }
    .s23-insert .separator { height: 10px; }
    .s23-insert .title { font-size: 38px;}
    .s23-insert-home.cta-01 { margin-top: 10px; opacity: 1; }
    .s23-insert-home.cta-01 .content-right { padding: 0px 20px 0px 20px; }
    .s23-insert-home.cta-02 .content-right { padding: 0px 20px 0px 20px; }
    .s23-insert-home.cta-02 { margin-top: 0px; opacity: 1; }
    .s23-insert-home.cta-03 .content-right { padding: 0px 20px 0px 20px; }
    .s23-insert-home.cta-03 { margin-top: 0px; opacity: 1; }
    .s23-insert-home.cta-04 .content-right { padding: 0px 20px 0px 20px; }
    .s23-insert-home.cta-04 { margin-top: 0px; margin-bottom: -45px; opacity: 1; }
    .s23-offer .title { font-size: 25px; }
    .s23-price .guest_visitor { margin-bottom: 20px; float: none; text-align: center; }
    .s23-price .room-desc { text-align: center; }
    .s23-price .room-image { margin: 0px auto 20px auto; }

    .s23-sasek .apartment .content .price { top: 20px; }
    .s23-slider-scroll-down { display: none; }
    .section-slider .item .carousel-caption h1 { font-size: 40px; margin-bottom: 5px; letter-spacing: 2px !important; }
    .section-slider .item .carousel-caption p { font-size: 18px; letter-spacing: 0.75px; }
    .section-slider .item .carousel-caption { transform: translate(-50%, -15%); }

    .s23-promo-bar-home { min-height: 250px; }
    .s23-promo-bar-home .content_left { display: none; }
    .s23-promo-bar-home .content_left .title_left { font-size: 45px; margin-bottom: -8px; }
    .s23-promo-bar-home .content_right { width: 97%; top: 10px; }
}
@media (max-width: 600px) {
    .s23-offer .title { font-size: 25px; }
    .s23-person .amount-desc { float: left; margin-top: 6px; margin-right: 8px; display: none; }
    .s23-promo-bar-home { min-height: 250px; }
    .section-slider .item .carousel-caption h1 { font-size: 35px; margin-bottom: 5px; letter-spacing: 2px !important; }
    .section-slider .item .carousel-caption p { font-size: 15px; letter-spacing: 0.75px; }
    .section-slider .item .carousel-caption { transform: translate(-50%, -7%); }
}
@media (max-width: 480px) {
    .banner-tems .banner-content { padding-top: 75px; }
    .body-room-1 .room-wrap-1 .room-item-1 .bottom .price { font-size:  10px; }
    .f3, .f4 { display: block; }
    .footer-sky .footer-mid .padding-footer-mid .list-content { margin-top: 0px; margin-bottom: 0px; }
    .header-sky .header-top { display: none; }
    .header-sky .navbar-toggle { margin-right: 20px; margin-top: 25px; }
    .hide-lt-480 { display: none; }
    .rooms .wrap-rooms .wrap-box .box-img { width: 480px !important; }
    .s23-content .title { font-size: 34px; }
    .s23-offer .title { font-size: 25px; }
    .section-slider .item .carousel-caption h1 { font-size: 30px; margin-bottom: 5px; letter-spacing: 0px !important; }
    .section-slider .item .carousel-caption p { font-size: 11px; letter-spacing: 0.5px; }
    .section-slider .item .carousel-caption { transform: translate(-50%, -20%); }
}
@media (max-width: 400px) {
    .banner-tems .banner-content { padding-top: 75px; }
    .header-sky .header-top { display: none; }
    .s23-promo-bar-home { display: none; }
    .s23-offer .title { font-size: 25px; }
    .section-slider .item .carousel-caption h1 { font-size: 30px; margin-bottom: 5px; letter-spacing: 0px !important; }
    .section-slider .item .carousel-caption p { display: none; }
    .section-slider .item .carousel-caption { transform: translate(-50%, -5%); }
}