<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Archívy Congress - Hotel Chopok Resort</title>
	<atom:link href="https://resortchopok.sk/room-category/congress/feed/" rel="self" type="application/rss+xml" />
	<link>https://resortchopok.sk/room-category/congress/</link>
	<description></description>
	<lastBuildDate>Fri, 27 Sep 2024 15:35:09 +0000</lastBuildDate>
	<language>sk-SK</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://resortchopok.sk/wp-content/uploads/2026/06/ChatGPT-Image-Jun-26-2026-05_27_52-PM1-150x150.webp</url>
	<title>Archívy Congress - Hotel Chopok Resort</title>
	<link>https://resortchopok.sk/room-category/congress/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Resort Praslička (copy) (copy)</title>
		<link>https://resortchopok.sk/izby/resort-2-2-2/</link>
		
		<dc:creator><![CDATA[sin]]></dc:creator>
		<pubDate>Fri, 27 Sep 2024 09:20:38 +0000</pubDate>
				<guid isPermaLink="false">https://resortchopok.sk/?post_type=room&#038;p=389</guid>

					<description><![CDATA[<p>Načo sa môžete tešiť ‍ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat [&#8230;]</p>
<p>Článok <a href="https://resortchopok.sk/izby/resort-2-2-2/">Resort Praslička (copy) (copy)</a> je zobrazený ako prvý na <a href="https://resortchopok.sk">Hotel Chopok Resort</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="pl-389"  class="panel-layout" ><div id="pg-389-0"  class="panel-grid panel-has-style" ><div class="siteorigin-panels-stretch panel-row-style panel-row-style-for-389-0" id="hero-wrapper" data-stretch-type="full-width-stretch" ><div id="pgc-389-0-0"  class="panel-grid-cell" ><div id="panel-389-0-0-0" class="so-panel widget widget_sow-hero panel-first-child panel-last-child" data-index="0" ><div class="hero-img panel-widget-style panel-widget-style-for-389-0-0-0" id="hero-img" ><div
			
			class="so-widget-sow-hero so-widget-sow-hero-default-12e4c34baad1-389 so-widget-fittext-wrapper"
			 data-fit-text-compressor="0.85"
		>				<div class="sow-slider-base" style="display: none" tabindex="0">
					<ul
					class="sow-slider-images"
					data-settings="{&quot;pagination&quot;:true,&quot;speed&quot;:400,&quot;timeout&quot;:8000,&quot;paused&quot;:false,&quot;pause_on_hover&quot;:false,&quot;swipe&quot;:true,&quot;nav_always_show_desktop&quot;:&quot;&quot;,&quot;nav_always_show_mobile&quot;:&quot;&quot;,&quot;breakpoint&quot;:&quot;780px&quot;,&quot;unmute&quot;:false,&quot;anchor&quot;:null}"
										data-anchor-id=""
				>		<li class="sow-slider-image  sow-slider-image-cover" style="visibility: visible;;background-color: #333333" >
					<div class="sow-slider-image-container">
			<div class="sow-slider-image-wrapper">
				<h1 style="text-align: center">Izba Praslička</h1>
			</div>
		</div>
		<div class="sow-slider-image-overlay sow-slider-image-cover" style="opacity: 0.6;background-image: url(https://resortchopok.sk/wp-content/uploads/2024/09/1062m3-izby-jpg.webp)"  ></div>		</li>
		</ul>				<ol class="sow-slider-pagination">
											<li><a href="#" data-goto="0" aria-label="Display slide 1"></a></li>
									</ol>

				<div class="sow-slide-nav sow-slide-nav-next">
					<a href="#" data-goto="next" aria-label="Next slide" data-action="next">
						<em class="sow-sld-icon-thin-right"></em>
					</a>
				</div>

				<div class="sow-slide-nav sow-slide-nav-prev">
					<a href="#" data-goto="previous" aria-label="Previous slide" data-action="prev">
						<em class="sow-sld-icon-thin-left"></em>
					</a>
				</div>
				</div></div></div></div></div></div></div><div id="pg-389-1"  class="panel-grid panel-has-style" ><div id="room-content" class="panel-row-style panel-row-style-for-389-1" ><div id="pgc-389-1-0"  class="panel-grid-cell" ><div id="panel-389-1-0-0" class="so-panel widget widget_room_attr_row_widget panel-first-child" data-index="1" >
<div class="info-post-row">
    
           
        <div class="post-visitor post-icon">
            4        </div>
        <span>|</span>

    
        
    </div></div><div id="panel-389-1-0-1" class="so-panel widget widget_sow-editor panel-last-child" data-index="2" ><div
			
			class="so-widget-sow-editor so-widget-sow-editor-base"
			
		>
<div class="siteorigin-widget-tinymce textwidget">
	<div class="div-block-38">
<div class="w-richtext">
<hr />
<h6></h6>
<h6>Načo sa môžete tešiť</h6>
<p>‍</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>&nbsp;</p>
<hr />
<div class="div-block-38">
<div class="w-richtext">
<h6></h6>
<h6>Vybavenie</h6>
<p>‍</p>
<ul role="list">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
</ul>
<p>&nbsp;</p>
<hr />
</div>
</div>
</div>
<div class="div-block-38">
<div class="w-richtext">
<h6></h6>
<h6>Čo treba vedieť</h6>
<p>‍</p>
<ul role="list">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
</ul>
</div>
</div>
</div>
</div>
</div></div></div><div id="pgc-389-1-1"  class="panel-grid-cell" ><div id="panel-389-1-1-0" class="so-panel widget widget_form_action_offer_widget panel-first-child panel-last-child" data-index="3" ><style>

    .booking-engine-container_vertical {

        background-color: var(--light-project); /* Light background color */

        padding: 25px 0 20px;

        max-width: 400px;

        margin: 0 auto; /* Center the form */

        font-family: 'Arial', sans-serif; /* Clean and modern font */

    }

    .booking-engine-container_vertical > div {

        width: 90%;

        margin: 0 auto;

    }

    .booking-engine-container_vertical h5 {

        margin-top: 25px;

        margin-bottom: 20px;

    }



    .booking-engine-container_vertical label {

        display: block;

        margin-bottom: 0;

        font-size: 14px;

        color: var(--text); /* Dark text color */

        position: absolute;

        top: -15px;

        padding-top: 10px;

    }



    .booking-engine-container_vertical input[type="text"],

    .booking-engine-container_vertical input[type="number"] {

        width: 100%;

        

        font-size: 14px;

        color: var(--text);

        background-color: #fff;

        transition: border-color 0.3s ease;



        background: transparent;

        border: none;

        border-bottom: 1px solid var(--text);



        margin-bottom: 10px;

        padding-top: 0;

        padding-left: 40px;

        padding-right: 20px;

        padding-bottom: 0;



        height: 65px;

        width: 100%;

    }



    .booking-engine-container_vertical input[type="text"]:focus,

    .booking-engine-container_vertical input[type="number"]:focus {

        border-color: var(--project); /* Highlight color when focused */

        outline: none;

    }



    /* .booking-engine-container_vertical button:hover {

        background-color: #e68a00; 

    } */



    .booking-engine-container_vertical a {

        display: block;

        margin-top: 20px;

        color: #333;

        text-align: center;

        font-size: 14px;

        text-decoration: none;

    }



    .booking-engine-container_vertical a:hover {

        text-decoration: underline;

    }



    /* Responsive adjustments for smaller screens */

    @media (max-width: 500px) {

        .booking-engine-container_vertical {

            padding: 15px;

        }



        .booking-engine-container_vertical input,

        .booking-engine-container_vertical button {

            font-size: 13px;

        }

    }



    .booking-engine-container_vertical button {

        width: 100%;

        margin: 30px 0; 

    }

    .booking-engine-container_vertical button span {

        margin: 0 auto;

    }



    .booking-engine-container_vertical .form-post-contact-wrapper {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

    }



    .booking-engine-container_vertical a {

        text-align: left;

        box-sizing: border-box;

        white-space: normal;

        height: 45px;

        letter-spacing: 2px;

        font-size: 13px;

        font-weight: 500;



        margin-top: 0;

        display: flex;

        align-items: center;

        justify-content: flex-start;

    }



    .booking-engine-container_vertical a span {

        padding: 0;

    }



    .booking-engine-container_vertical .input-wrapper {

        position: relative;

        margin-bottom: 15px;

    }



    .booking-engine-container_vertical .input-wrapper::before {
        content: url(); /* Tvoje URL ikony */
        position: absolute;
        left: 0;
        top: 30%;
        transform: translateY(0);
        padding-right: 10px;
    }

    .input-hotel {
        margin-top: 35px;
        cursor: pointer;
    }
    .input-hotel label {
        font-size: 16px;
        font-weight: 500;
        position: relative;
    }
    .input-hotel select {
        border: none;
        border-bottom: 1px solid var(--text);
        background: transparent;
        padding: 18px;
        width: 100%;
        cursor: pointer;
    }

    .flash-message-wrapper {
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -10px);
        z-index: 9;
    }
    .flash-message-wrapper > div {
        display: none;
        font-size: 13px;
        width: 200px;
        font-weight: 500;
        border-radius: 15px;
        padding: 9px;
       
        color: var(--white);
    }
    .childrens-error {
        background: var(--project);
    }

    .childrens-flash {
        margin-top: 7px;
        background: var(--green);
    }
</style>


<script>
/* <![CDATA[ */

function updateHotelChoice(selectElement) {
    
    const adresa_chopok = "https://booking.hotelchopok.sk/sk";
    const adresa_apartmany = "https://booking.apartmanyastudialucky.sk/sk";

    const selectedValue = jQuery(selectElement).val();
    const form = jQuery(selectElement).closest("form");

    if (selectedValue == "0") {
        form.attr("action", adresa_chopok);
    } else if (selectedValue == "1") {
        form.attr("action", adresa_apartmany);
    }
}

jQuery(document).ready(function($) {
    var dateFormat = "dd.mm.yy";

    var from = $("#arrival").datepicker({
        dateFormat: dateFormat,
        minDate: 0,
        onSelect: function(selectedDate) {
            var minDate = $(this).datepicker("getDate");
            if (minDate) {
                minDate.setDate(minDate.getDate() + 1); // najskorší možný odchod je nasledujúci deň
                $("#departure").datepicker("option", "minDate", minDate);
            }
        }
    });

    var to = $("#departure").datepicker({
        dateFormat: dateFormat,
        minDate: 1 // odchod najskôr zajtra
    });
});

/* Vek dietata max 15r */
/* Flesh message ako vyplnat vek dietata */
document.addEventListener("DOMContentLoaded", function () {
    const childrensInput = document.getElementById("childrens");
    const flash = document.getElementById("childrens-flash");
    const errorDiv = document.getElementById("childrens-error");
    const form = document.querySelector(".booking-engine-container_vertical form");

    // Zobraz flash správu pri focus
    childrensInput.addEventListener("focus", function () {
        flash.style.display = "block";
        setTimeout(() => {
            flash.style.display = "none";
        }, 8000);
    });

    // Validácia pri odoslaní formulára
    form.addEventListener("submit", function (e) {
        let rawValue = childrensInput.value.trim();

        // Odstráni všetky medzery okolo čísel (aj pred, aj za čiarkou)
        let cleaned = rawValue
            .split(',')
            .map(v => v.trim())
            .filter(v => v !== '') // odstráni prázdne položky
            .join(',');

        childrensInput.value = cleaned; // prepíš input späť bez medzier

        if (cleaned === "") return;

        const ages = cleaned.split(',').map(v => parseInt(v, 10));
        const hasInvalid = ages.some(age => isNaN(age) || age > 15 || age < 0);

        if (hasInvalid) {
            e.preventDefault();
            errorDiv.style.display = "block";
        } else {
            errorDiv.style.display = "none";
        }
    });

});
/* ]]&gt; */

</script>

<div class="booking-engine-container_vertical">

    <div>

    <form method="GET" action="https://booking.hotelchopok.sk/sk">

            <h5>Overte si dostupnosť</h5>

            <div class="input-wrapper input-hotel">
                <label>Vybrať hotel</label>
                <select name="hotelchoice" onChange="updateHotelChoice(this);"><option value="0" selected>Wellness Hotel Chopok ****</option><option value="1" >Apartmány a Štúdiá Lúčky</option></select>            </div>

            <div class="input-wrapper input-date">
                <label for="arrival">Príchod:</label>
                <input placeholder="Príchod" 
                    type="text" id="arrival" name="dateFrom" class="booking-input" required>
            </div>

            <div class="input-wrapper input-date">
                <label for="departure">Odchod:</label>
                <input placeholder="Odchod" 
                    type="text" id="departure" name="dateTo" class="booking-input" required>
            </div>

            <h5>Počet dospelých</h5>

            <div class="input-wrapper input-visitor">

                <label for="adults">Dospelí:</label>

                <input placeholder="Dospelí" 
                    type="number" id="adults" name="adultsCount" class="booking-input" min="1" value="" required>

            </div>


            <div class="input-wrapper input-visitor">
                <label for="childrens">Deti (vek):</label>
                <input 
                    type="text" 
                    id="childrens" 
                    name="childrens" 
                    class="booking-input" 
                    placeholder="Vek detí napr. 8,12"
                >

                <div class="flash-message-wrapper" id="childrens">
                    <div id="childrens-error" class="childrens-error">
                        Maximálny vek dieťaťa je 15 rokov. Použite len čísla do 15, oddelené čiarkou.                    </div>
                    <div id="childrens-flash" class="childrens-flash">
                        Zadajte vek detí oddelené čiarkou, napr.: 14,8,10. Max vek dieťaťa je 15r.                    </div>
                </div>
            </div>



            <div class="input-wrapper input-present">

                <label for="promo">Promokód:</label>

                <input placeholder="Promokód" 
                    type="text" id="promo" name="promocode" class="booking-input">

            </div>



            <button type="submit" class="btn btn-yellow">

                <span>Zistiť cenu</span>

            </button>

        </form>



        <!-- Optional link to the contact information or other services -->

        <div class="form-post-contact-wrapper">

            <a href="tel:+421911611386" title="Rezervácie Hotel Chopok telefón" class="btn btn-transparent">

                <span class="post-icon icon-tel">+421 / 911 611 386</span>

            </a>

            <a href="mailto:rezervacie@hotelchopok.sk" title="Rezervácie Hotel Chopok email" class="btn btn-transparent">

                <span class="post-icon icon-mail">rezervacie@hotelchopok.sk</span>

            </a>

        </div>

    </div>

</div>

</div></div></div></div><div id="pg-389-2"  class="panel-grid panel-no-style" ><div id="pgc-389-2-0"  class="panel-grid-cell panel-grid-cell-empty" ></div></div><div id="pg-389-3"  class="panel-grid panel-no-style" ><div id="pgc-389-3-0"  class="panel-grid-cell" ><div id="panel-389-3-0-0" class="so-panel widget widget_newsletter_chopok_widget panel-first-child panel-last-child" data-index="4" ><style>
    .dynamic-block__newsletter .dynamic-block-center-line__content p {
        margin-bottom: 10px;
    }
    /* @media screen and (min-width: 991px) {
        .dynamic-block-center-line.dynamic-block__newsletter {
            height: 60vh;
        }
    } */
    @media screen and (max-width: 991px) {
        .dynamic-block-center-line.dynamic-block__image-right.dynamic-block__newsletter {
            min-width: 100vw;
            left: 50%;
            transform: translate(-50%, 0);
            flex-direction: column;
        }        
    }


    .btn-form {
        position: absolute !important;
        bottom: 0;
        left: 100%;
    }

    .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__content {
        background-color: var(--light-project);
    }
    .dynamic-block__newsletter .dynamic-block-center-line__content form {
        z-index: 2;
        position: relative;
        
        margin-top: 15px;
    }
    .dynamic-block__newsletter .dynamic-block-center-line__content form input {
        border: none;
        min-height: 50px;
        background-color: var(--white);
        width: 100%;
        height: 65px;
        padding-left: 15px;
        font-size: 18px;
    }

    .newsletter-title {
        font-size: 2.7vw;
        font-weight: 500;
    }
    @media screen and (max-width: 991px) {
        .newsletter-title {
            font-size: 6vw;
        }
        .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__content--wrapper {
            margin: 10% auto 0% !important;
            text-align: center;
        }

        .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__images {
            min-height: 30vh;
        }
        .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__images .img-wrapper {
            height: 30vh !important;
        }

        .btn-form {
            top: 100%;
            left: 50%;
            transform: translate(-50%, 0);
        }

        .widget.widget_newsletter_chopok_widget {
            margin-bottom: 0 !important;
        }
    }
    @media screen and (max-width: 479px) {
        .newsletter-title {
            font-size: 11vw;
        }
    }

    .dynamic-block_newsletter {
        opacity: 0;
        transform: scale(0.1); /* Začína veľmi malý */
    }

</style>

<div class="dynamic-block-center-line dynamic-block__image-right dynamic-block__newsletter">

    <div class="dynamic-block-center-line__content">
        <div class="dynamic-block-center-line__content--wrapper" >
                            <h3 class="h3 newsletter-title">Novinky a špeciálne ponuky</h3>
                    

            
<div class="ecomail-form__wrapper">
                                
                    <!-- SK / CZ form Ecomail -->
                    <script>
                        (function (w,d,s,o,f,js,fjs) {
                            w['ecm-widget']=o;w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
                            js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
                            js.id = '5-ed07fd6b07ff0199fabc8509f995f058'; js.dataset.a = 'hotelchopok'; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
                        }(window, document, 'script', 'ecmwidget', 'https://d70shl7vidtft.cloudfront.net/widget.js'));
                    </script>
                    <div id="f-5-ed07fd6b07ff0199fabc8509f995f058"></div>

                
            </div>
        </div>
    </div>
    
    <div class="dynamic-block-center-line__images ">
                    <div class="img-wrapper img-wrapper__up"
                style="background-image: url('https://resortchopok.sk/wp-content/uploads/2024/09/66b5fa7b072c3687d4279d86_F-10.jpg');
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center center;
                    width: 100%;
                    height: 100%;
                    ">
            </div>
            </div>

</div>
</div></div></div></div><p>Článok <a href="https://resortchopok.sk/izby/resort-2-2-2/">Resort Praslička (copy) (copy)</a> je zobrazený ako prvý na <a href="https://resortchopok.sk">Hotel Chopok Resort</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Congress</title>
		<link>https://resortchopok.sk/izby/congress/</link>
		
		<dc:creator><![CDATA[sin]]></dc:creator>
		<pubDate>Fri, 27 Sep 2024 08:10:49 +0000</pubDate>
				<guid isPermaLink="false">https://resortchopok.sk/?post_type=room&#038;p=382</guid>

					<description><![CDATA[<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
<p>Článok <a href="https://resortchopok.sk/izby/congress/">Congress</a> je zobrazený ako prvý na <a href="https://resortchopok.sk">Hotel Chopok Resort</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="pl-382"  class="panel-layout" ><div id="pg-382-0"  class="panel-grid panel-has-style" ><div class="siteorigin-panels-stretch panel-row-style panel-row-style-for-382-0" id="hero-wrapper" data-stretch-type="full-width-stretch" ><div id="pgc-382-0-0"  class="panel-grid-cell" ><div id="panel-382-0-0-0" class="so-panel widget widget_sow-hero panel-first-child panel-last-child" data-index="0" ><div class="hero-img panel-widget-style panel-widget-style-for-382-0-0-0" id="hero-img" ><div
			
			class="so-widget-sow-hero so-widget-sow-hero-default-12e4c34baad1-382 so-widget-fittext-wrapper"
			 data-fit-text-compressor="0.85"
		>				<div class="sow-slider-base" style="display: none" tabindex="0">
					<ul
					class="sow-slider-images"
					data-settings="{&quot;pagination&quot;:true,&quot;speed&quot;:400,&quot;timeout&quot;:8000,&quot;paused&quot;:false,&quot;pause_on_hover&quot;:false,&quot;swipe&quot;:true,&quot;nav_always_show_desktop&quot;:&quot;&quot;,&quot;nav_always_show_mobile&quot;:&quot;&quot;,&quot;breakpoint&quot;:&quot;780px&quot;,&quot;unmute&quot;:false,&quot;anchor&quot;:null}"
										data-anchor-id=""
				>		<li class="sow-slider-image  sow-slider-image-cover" style="visibility: visible;;background-color: #333333" >
					<div class="sow-slider-image-container">
			<div class="sow-slider-image-wrapper">
				<h1 style="text-align: center">Congress</h1>
			</div>
		</div>
		<div class="sow-slider-image-overlay sow-slider-image-cover" style="opacity: 0.6;background-image: url(https://resortchopok.sk/wp-content/uploads/2024/09/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_165-min1-jpg.webp)"  ></div>		</li>
		</ul>				<ol class="sow-slider-pagination">
											<li><a href="#" data-goto="0" aria-label="Display slide 1"></a></li>
									</ol>

				<div class="sow-slide-nav sow-slide-nav-next">
					<a href="#" data-goto="next" aria-label="Next slide" data-action="next">
						<em class="sow-sld-icon-thin-right"></em>
					</a>
				</div>

				<div class="sow-slide-nav sow-slide-nav-prev">
					<a href="#" data-goto="previous" aria-label="Previous slide" data-action="prev">
						<em class="sow-sld-icon-thin-left"></em>
					</a>
				</div>
				</div></div></div></div></div></div></div><div id="pg-382-1"  class="panel-grid panel-no-style" ><div id="pgc-382-1-0"  class="panel-grid-cell" ><div id="panel-382-1-0-0" class="so-panel widget widget_room_attr_row_widget panel-first-child" data-index="1" >
<div class="info-post-row">
            <div class="post-area post-icon"> 
            50 m²        </div>
        <span>|</span>
    
           
        <div class="post-visitor post-icon">
            3        </div>
        <span>|</span>

    
           
        <div class="post-bed post-icon">
            2        </div>
        <span>|</span>

        
    
        <div class="post-bathroom post-icon">
            2        </div>
        
    </div></div><div id="panel-382-1-0-1" class="so-panel widget widget_sow-editor panel-last-child" data-index="2" ><div
			
			class="so-widget-sow-editor so-widget-sow-editor-base"
			
		><h3 class="widget-title">Načo sa môžete tešiť</h3>
<div class="siteorigin-widget-tinymce textwidget">
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>‍</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>‍</p>
<ul role="list">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
</ul>
</div>
</div></div></div><div id="pgc-382-1-1"  class="panel-grid-cell" ><div id="panel-382-1-1-0" class="so-panel widget widget_form_action_offer_widget panel-first-child panel-last-child" data-index="3" ><style>

    .booking-engine-container_vertical {

        background-color: var(--light-project); /* Light background color */

        padding: 25px 0 20px;

        max-width: 400px;

        margin: 0 auto; /* Center the form */

        font-family: 'Arial', sans-serif; /* Clean and modern font */

    }

    .booking-engine-container_vertical > div {

        width: 90%;

        margin: 0 auto;

    }

    .booking-engine-container_vertical h5 {

        margin-top: 25px;

        margin-bottom: 20px;

    }



    .booking-engine-container_vertical label {

        display: block;

        margin-bottom: 0;

        font-size: 14px;

        color: var(--text); /* Dark text color */

        position: absolute;

        top: -15px;

        padding-top: 10px;

    }



    .booking-engine-container_vertical input[type="text"],

    .booking-engine-container_vertical input[type="number"] {

        width: 100%;

        

        font-size: 14px;

        color: var(--text);

        background-color: #fff;

        transition: border-color 0.3s ease;



        background: transparent;

        border: none;

        border-bottom: 1px solid var(--text);



        margin-bottom: 10px;

        padding-top: 0;

        padding-left: 40px;

        padding-right: 20px;

        padding-bottom: 0;



        height: 65px;

        width: 100%;

    }



    .booking-engine-container_vertical input[type="text"]:focus,

    .booking-engine-container_vertical input[type="number"]:focus {

        border-color: var(--project); /* Highlight color when focused */

        outline: none;

    }



    /* .booking-engine-container_vertical button:hover {

        background-color: #e68a00; 

    } */



    .booking-engine-container_vertical a {

        display: block;

        margin-top: 20px;

        color: #333;

        text-align: center;

        font-size: 14px;

        text-decoration: none;

    }



    .booking-engine-container_vertical a:hover {

        text-decoration: underline;

    }



    /* Responsive adjustments for smaller screens */

    @media (max-width: 500px) {

        .booking-engine-container_vertical {

            padding: 15px;

        }



        .booking-engine-container_vertical input,

        .booking-engine-container_vertical button {

            font-size: 13px;

        }

    }



    .booking-engine-container_vertical button {

        width: 100%;

        margin: 30px 0; 

    }

    .booking-engine-container_vertical button span {

        margin: 0 auto;

    }



    .booking-engine-container_vertical .form-post-contact-wrapper {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

    }



    .booking-engine-container_vertical a {

        text-align: left;

        box-sizing: border-box;

        white-space: normal;

        height: 45px;

        letter-spacing: 2px;

        font-size: 13px;

        font-weight: 500;



        margin-top: 0;

        display: flex;

        align-items: center;

        justify-content: flex-start;

    }



    .booking-engine-container_vertical a span {

        padding: 0;

    }



    .booking-engine-container_vertical .input-wrapper {

        position: relative;

        margin-bottom: 15px;

    }



    .booking-engine-container_vertical .input-wrapper::before {
        content: url(); /* Tvoje URL ikony */
        position: absolute;
        left: 0;
        top: 30%;
        transform: translateY(0);
        padding-right: 10px;
    }

    .input-hotel {
        margin-top: 35px;
        cursor: pointer;
    }
    .input-hotel label {
        font-size: 16px;
        font-weight: 500;
        position: relative;
    }
    .input-hotel select {
        border: none;
        border-bottom: 1px solid var(--text);
        background: transparent;
        padding: 18px;
        width: 100%;
        cursor: pointer;
    }

    .flash-message-wrapper {
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -10px);
        z-index: 9;
    }
    .flash-message-wrapper > div {
        display: none;
        font-size: 13px;
        width: 200px;
        font-weight: 500;
        border-radius: 15px;
        padding: 9px;
       
        color: var(--white);
    }
    .childrens-error {
        background: var(--project);
    }

    .childrens-flash {
        margin-top: 7px;
        background: var(--green);
    }
</style>


<script>
/* <![CDATA[ */

function updateHotelChoice(selectElement) {
    
    const adresa_chopok = "https://booking.hotelchopok.sk/sk";
    const adresa_apartmany = "https://booking.apartmanyastudialucky.sk/sk";

    const selectedValue = jQuery(selectElement).val();
    const form = jQuery(selectElement).closest("form");

    if (selectedValue == "0") {
        form.attr("action", adresa_chopok);
    } else if (selectedValue == "1") {
        form.attr("action", adresa_apartmany);
    }
}

jQuery(document).ready(function($) {
    var dateFormat = "dd.mm.yy";

    var from = $("#arrival").datepicker({
        dateFormat: dateFormat,
        minDate: 0,
        onSelect: function(selectedDate) {
            var minDate = $(this).datepicker("getDate");
            if (minDate) {
                minDate.setDate(minDate.getDate() + 1); // najskorší možný odchod je nasledujúci deň
                $("#departure").datepicker("option", "minDate", minDate);
            }
        }
    });

    var to = $("#departure").datepicker({
        dateFormat: dateFormat,
        minDate: 1 // odchod najskôr zajtra
    });
});

/* Vek dietata max 15r */
/* Flesh message ako vyplnat vek dietata */
document.addEventListener("DOMContentLoaded", function () {
    const childrensInput = document.getElementById("childrens");
    const flash = document.getElementById("childrens-flash");
    const errorDiv = document.getElementById("childrens-error");
    const form = document.querySelector(".booking-engine-container_vertical form");

    // Zobraz flash správu pri focus
    childrensInput.addEventListener("focus", function () {
        flash.style.display = "block";
        setTimeout(() => {
            flash.style.display = "none";
        }, 8000);
    });

    // Validácia pri odoslaní formulára
    form.addEventListener("submit", function (e) {
        let rawValue = childrensInput.value.trim();

        // Odstráni všetky medzery okolo čísel (aj pred, aj za čiarkou)
        let cleaned = rawValue
            .split(',')
            .map(v => v.trim())
            .filter(v => v !== '') // odstráni prázdne položky
            .join(',');

        childrensInput.value = cleaned; // prepíš input späť bez medzier

        if (cleaned === "") return;

        const ages = cleaned.split(',').map(v => parseInt(v, 10));
        const hasInvalid = ages.some(age => isNaN(age) || age > 15 || age < 0);

        if (hasInvalid) {
            e.preventDefault();
            errorDiv.style.display = "block";
        } else {
            errorDiv.style.display = "none";
        }
    });

});
/* ]]&gt; */

</script>

<div class="booking-engine-container_vertical">

    <div>

    <form method="GET" action="https://booking.hotelchopok.sk/sk">

            <h5>Overte si dostupnosť</h5>

            <div class="input-wrapper input-hotel">
                <label>Vybrať hotel</label>
                <select name="hotelchoice" onChange="updateHotelChoice(this);"><option value="0" selected>Wellness Hotel Chopok ****</option><option value="1" >Apartmány a Štúdiá Lúčky</option></select>            </div>

            <div class="input-wrapper input-date">
                <label for="arrival">Príchod:</label>
                <input placeholder="Príchod" 
                    type="text" id="arrival" name="dateFrom" class="booking-input" required>
            </div>

            <div class="input-wrapper input-date">
                <label for="departure">Odchod:</label>
                <input placeholder="Odchod" 
                    type="text" id="departure" name="dateTo" class="booking-input" required>
            </div>

            <h5>Počet dospelých</h5>

            <div class="input-wrapper input-visitor">

                <label for="adults">Dospelí:</label>

                <input placeholder="Dospelí" 
                    type="number" id="adults" name="adultsCount" class="booking-input" min="1" value="" required>

            </div>


            <div class="input-wrapper input-visitor">
                <label for="childrens">Deti (vek):</label>
                <input 
                    type="text" 
                    id="childrens" 
                    name="childrens" 
                    class="booking-input" 
                    placeholder="Vek detí napr. 8,12"
                >

                <div class="flash-message-wrapper" id="childrens">
                    <div id="childrens-error" class="childrens-error">
                        Maximálny vek dieťaťa je 15 rokov. Použite len čísla do 15, oddelené čiarkou.                    </div>
                    <div id="childrens-flash" class="childrens-flash">
                        Zadajte vek detí oddelené čiarkou, napr.: 14,8,10. Max vek dieťaťa je 15r.                    </div>
                </div>
            </div>



            <div class="input-wrapper input-present">

                <label for="promo">Promokód:</label>

                <input placeholder="Promokód" 
                    type="text" id="promo" name="promocode" class="booking-input">

            </div>



            <button type="submit" class="btn btn-yellow">

                <span>Zistiť cenu</span>

            </button>

        </form>



        <!-- Optional link to the contact information or other services -->

        <div class="form-post-contact-wrapper">

            <a href="tel:+421911611386" title="Rezervácie Hotel Chopok telefón" class="btn btn-transparent">

                <span class="post-icon icon-tel">+421 / 911 611 386</span>

            </a>

            <a href="mailto:rezervacie@hotelchopok.sk" title="Rezervácie Hotel Chopok email" class="btn btn-transparent">

                <span class="post-icon icon-mail">rezervacie@hotelchopok.sk</span>

            </a>

        </div>

    </div>

</div>

</div></div></div><div id="pg-382-2"  class="panel-grid panel-no-style" ><div id="pgc-382-2-0"  class="panel-grid-cell" ><div id="panel-382-2-0-0" class="so-panel widget widget_headline-container-widget panel-first-child" data-index="4" ><div
			
			class="so-widget-headline-container-widget so-widget-headline-container-widget-base"
			
		>    <section class="headline-container">
                <h2 class="header-animated">Ďalšie atraktívne ponuky</h2>
    </section>
</div></div><div id="panel-382-2-0-1" class="so-panel widget widget_stay_list_widget panel-last-child" data-index="5" ><style>
    .stay-container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .stay-list-wrapper {
        overflow-x: auto;
        scroll-behavior: smooth;
        width: 100%;
        /* max-width: 800px; /* Adjust based on your design */
    }
    .stay-list-wrapper h4 {
        margin: 13px 0 15px;
    }

    .stay-thumbnail {
        aspect-ratio: 1 / 1;
    }

    .stay-list-horizontal {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .stay-list-horizontal li {
        /* margin: 10px;
        padding: 15px; */
        /* background-color: #f4f4f4; */
        /* border: 1px solid #ddd; */
        /* width: 250px; /* Width of each stay item */
        width: 25.4%;
        flex-shrink: 0;
        text-align: left;
        
    }
    .stay-list-horizontal li .stay-thumbnail {
        overflow: hidden;
    }
    .stay-list-horizontal li .stay-thumbnail > div {
        transition: transform 1.2s ease;
    }
    .stay-list-horizontal li:hover .stay-thumbnail > div {
        transform: scale(1.2);
    }
    .stay-list-horizontal li:not(:last-child) {
        margin-right: 40px;
    }
    @media screen and (max-width: 1280px) {
        .stay-list-horizontal li {
            width: 35%;
        }
    }
    @media screen and (max-width: 767px) {
        .stay-list-horizontal li {
            width: 60%;
        }
    }
    @media screen and (max-width: 479px) {
        .stay-list-horizontal li {
            width: 80%;
        } 
    }

    .stay-list-horizontal li a {
        text-decoration: none;
        color: var(--text);
    }


    .stay-thumbnail img {
        max-width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    @media screen and (max-width: 1280px) {
        .stay-thumbnail {
            aspect-ratio: 1 / 1.5;
        }
    }

    .scroll-button {
        position: absolute;
        top: 30%;
        transform: translateY(-50%);
        color: var(--text);
        border: none;
        cursor: pointer;
        opacity: 0.5;
        transition: opacity 0.2s ease;
        z-index: 10;
        width: 40px;
        border-radius: 50%;
        aspect-ratio: 1;
        background: var(--white);
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;

        color: var(--black);
        margin-bottom: 4px;
        font-size: 26px;
        font-weight: 300;

    }

    .scroll-button:hover {
        opacity: 1;
    }

    .scroll-button.left {
        left: -40px;
    }

    .scroll-button.right {
        right: -40px;
    }
    @media screen and (max-width: 479px) {
        .scroll-button.left {
            left: -15px;
        }

        .scroll-button.right {
            right: -15px;
        }
    }

    .scroll-button.disabled {
        display: none;
    }

    .stay-texts-wrapper {
        margin-top: 1vw;
        margin-bottom: 25px;
    }

    .stay-category {
        background-color: var(--light-yellow);
        margin-top: 8px;
        margin-bottom: 10px;
        padding: 9px 15px 10px;
        display: inline-block;
    }
    .stay-category:not(:last-child) {
        margin-right: 10px;
    }

    .info-post-row {
        display: flex;
        align-items: center;
        margin: 25px 0;
    }
    .info-post-row span {
        margin: 0 15px;
    }
    .post-icon {
        display: flex;
        align-items: center;
    }
    /* .post-date::before {
        content: '';
        width: 16px;
        height: 20px;
        margin-right: 10px;
        background: transparent
            url(../wp-content/themes/hotel-chopok/assets/images/calendar.png)
            center no-repeat;
        background-size: 100%;
    }
    .post-visitor::before {
        content: '';
        width: 19px;
        height: 22px;
        margin-right: 10px;
        background: transparent
            url(../wp-content/themes/hotel-chopok/assets/images/person.png)
            center no-repeat;
        background-size: 100%;
    } */

    .btn.btn-fake span,
    .btn.btn-fake:hover span {
        color: var(--text) !important;
        padding-left: 0;
        background-color: transparent;
    } 
    .stay-list-horizontal li:hover .btn-fake span {
        text-decoration: underline;
    }
    .btn.btn-fake.btn-icon-dark:hover span::before {
        background: transparent url(./wp-content/uploads/2024/09/btn_arr-dark.png) center center no-repeat;
        background-size: cover;
    }
</style>


<section class="headline-container" style="margin-top: 1vw; margin-bottom: 2vw !important;">
    <h2 class="header-animated" style="color: var(--project);">Ďalšie atraktívne ponuky.</h2>
</section>

<div class="stay-container">
    <button class="scroll-button left" id="left-arrow" aria-label="Scroll left">&lt;</button>
    <div class="stay-list-wrapper">
        <ul class="stay-list-horizontal">
            
                <!-- Output each stay in a horizontal list -->
                <li style="order:1;">
                    <a href="https://resortchopok.sk/pobyty/dve-kongresove-centra/" 
                        title="Dve kongresové centráZistiť viac o ponuke ">
                        <div class="stay-single-container">
                                                            <div class="stay-thumbnail">
                                    <div style="
                                        background-image: url('https://resortchopok.sk/wp-content/uploads/2026/06/Hotel-CHOPOK-scaled-e1781515224380-1024x774.webp');
                                        background-size: cover;
                                        background-repeat: no-repeat;
                                        background-position: center;
                                        background-color: transparent;
                                        width: 100%;
                                        height: 100%;
                                        ">
                                    </div>
                                                                    </div>
                            
                            <div class="stay-texts-wrapper">

                                <h4>Dve kongresové centrá</h4>

                                                                                                <div class="info-post-row">
                                    <div class="post-date post-icon"> 
                                        30. 09. - 31. 10.                                    </div>
                                </div>

                                <p>Vysoká kapacita a flexibilita: Hotel ponúka dve moderné kongresové centrá : Praslička a Plesnivec s celkovou kapacitou viac ako  400 hostí.  Obe centrá majú variabilné členenie. Špičkové technické zázemie: Miestnosti majú aj prístup denného svetla s možnosťou zatemnenia, profesionálne ozvučenie, bezdrôtové mikrofóny a viacero zabudovaných dataprojektorov s plátnami. Komplexné sprievodné služby: Organizátorom je k dispozícii [&hellip;]</p>

                                <div class="btn btn-fake btn-icon-dark">
                                    <span>Navštíviť</span>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                
                <!-- Output each stay in a horizontal list -->
                <li style="order:2;">
                    <a href="https://resortchopok.sk/pobyty/aktualita-2/" 
                        title="Dva wellness svetyZistiť viac o ponuke ">
                        <div class="stay-single-container">
                                                            <div class="stay-thumbnail">
                                    <div style="
                                        background-image: url('https://resortchopok.sk/wp-content/uploads/2026/06/Praslicka-wellness-1024x683.webp');
                                        background-size: cover;
                                        background-repeat: no-repeat;
                                        background-position: center;
                                        background-color: transparent;
                                        width: 100%;
                                        height: 100%;
                                        ">
                                    </div>
                                                                    </div>
                            
                            <div class="stay-texts-wrapper">

                                <h4>Dva wellness svety</h4>

                                                                                                <div class="info-post-row">
                                    <div class="post-date post-icon"> 
                                        09. 10. - 11. 10.                                    </div>
                                </div>

                                <p>Bazén a saunový svet Praslička Wellness centrum PRASLIČKA je zhmotnený pokoj, ticho a relax. Tunajší bazén a sauny sú určené výlučne pre hostí starších ako 14 rokov, čo zaručuje príjemné a nehlučné prostredie. Plavecký 18-metrový bazén s teplotou vody 29 °C je umiestnený na najvyššom poschodí s krásnymi výhľadmi do okolitej prírody. V priestrannom saunovom [&hellip;]</p>

                                <div class="btn btn-fake btn-icon-dark">
                                    <span>Navštíviť</span>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                
                <!-- Output each stay in a horizontal list -->
                <li style="order:3;">
                    <a href="https://resortchopok.sk/pobyty/testik-4/" 
                        title="Dve lokality resortuZistiť viac o ponuke ">
                        <div class="stay-single-container">
                                                            <div class="stay-thumbnail">
                                    <div style="
                                        background-image: url('https://resortchopok.sk/wp-content/uploads/2024/09/c-Marek-Hajkovsky-foto-Chaty-Lucky-ext-leto-2024_11-min-1024x623.webp');
                                        background-size: cover;
                                        background-repeat: no-repeat;
                                        background-position: center;
                                        background-color: transparent;
                                        width: 100%;
                                        height: 100%;
                                        ">
                                    </div>
                                                                    </div>
                            
                            <div class="stay-texts-wrapper">

                                <h4>Dve lokality resortu</h4>

                                                                                                <div class="info-post-row">
                                    <div class="post-date post-icon"> 
                                        07. 10. - 31. 10.                                    </div>
                                </div>

                                <p>Apartmány a štúdiá Lúčky a Wellness a Kongres hotel Chopok**** tvoria spoločne špičkový celoročný resort v Demänovskej doline a v Jasnej. Tento rezort dokonale spája luxusné hotelové zázemie s nezávislosťou privátneho ubytovania priamo pod zjazdovkami Jasnej. Toto spojenie patrí medzi špičku na Liptove. V našom resorte prepájame na vysokej úrovni relax a biznis. Wellness Hotel [&hellip;]</p>

                                <div class="btn btn-fake btn-icon-dark">
                                    <span>Navštíviť</span>
                                </div>
                            </div>
                        </div>
                    </a>
                </li>
                        </ul>
    </div>
    <button class="scroll-button right" id="right-arrow" aria-label="Scroll right">&gt;</button>
</div></div></div></div><div id="pg-382-3"  class="panel-grid panel-no-style" ><div id="pgc-382-3-0"  class="panel-grid-cell" ><div id="panel-382-3-0-0" class="so-panel widget widget_newsletter_chopok_widget panel-first-child panel-last-child" data-index="6" ><style>
    .dynamic-block__newsletter .dynamic-block-center-line__content p {
        margin-bottom: 10px;
    }
    /* @media screen and (min-width: 991px) {
        .dynamic-block-center-line.dynamic-block__newsletter {
            height: 60vh;
        }
    } */
    @media screen and (max-width: 991px) {
        .dynamic-block-center-line.dynamic-block__image-right.dynamic-block__newsletter {
            min-width: 100vw;
            left: 50%;
            transform: translate(-50%, 0);
            flex-direction: column;
        }        
    }


    .btn-form {
        position: absolute !important;
        bottom: 0;
        left: 100%;
    }

    .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__content {
        background-color: var(--light-project);
    }
    .dynamic-block__newsletter .dynamic-block-center-line__content form {
        z-index: 2;
        position: relative;
        
        margin-top: 15px;
    }
    .dynamic-block__newsletter .dynamic-block-center-line__content form input {
        border: none;
        min-height: 50px;
        background-color: var(--white);
        width: 100%;
        height: 65px;
        padding-left: 15px;
        font-size: 18px;
    }

    .newsletter-title {
        font-size: 2.7vw;
        font-weight: 500;
    }
    @media screen and (max-width: 991px) {
        .newsletter-title {
            font-size: 6vw;
        }
        .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__content--wrapper {
            margin: 10% auto 0% !important;
            text-align: center;
        }

        .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__images {
            min-height: 30vh;
        }
        .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__images .img-wrapper {
            height: 30vh !important;
        }

        .btn-form {
            top: 100%;
            left: 50%;
            transform: translate(-50%, 0);
        }

        .widget.widget_newsletter_chopok_widget {
            margin-bottom: 0 !important;
        }
    }
    @media screen and (max-width: 479px) {
        .newsletter-title {
            font-size: 11vw;
        }
    }

    .dynamic-block_newsletter {
        opacity: 0;
        transform: scale(0.1); /* Začína veľmi malý */
    }

</style>

<div class="dynamic-block-center-line dynamic-block__image-right dynamic-block__newsletter">

    <div class="dynamic-block-center-line__content">
        <div class="dynamic-block-center-line__content--wrapper" >
                            <h3 class="h3 newsletter-title">Novinky a špeciálne ponuky</h3>
                    

            
<div class="ecomail-form__wrapper">
                                
                    <!-- SK / CZ form Ecomail -->
                    <script>
                        (function (w,d,s,o,f,js,fjs) {
                            w['ecm-widget']=o;w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
                            js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
                            js.id = '5-ed07fd6b07ff0199fabc8509f995f058'; js.dataset.a = 'hotelchopok'; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
                        }(window, document, 'script', 'ecmwidget', 'https://d70shl7vidtft.cloudfront.net/widget.js'));
                    </script>
                    <div id="f-5-ed07fd6b07ff0199fabc8509f995f058"></div>

                
            </div>
        </div>
    </div>
    
    <div class="dynamic-block-center-line__images ">
                    <div class="img-wrapper img-wrapper__up"
                style="background-image: url('https://resortchopok.sk/wp-content/uploads/2024/09/66b5fa7b072c3687d4279d86_F-10.jpg');
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center center;
                    width: 100%;
                    height: 100%;
                    ">
            </div>
            </div>

</div>
</div></div></div></div><p>Článok <a href="https://resortchopok.sk/izby/congress/">Congress</a> je zobrazený ako prvý na <a href="https://resortchopok.sk">Hotel Chopok Resort</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
