www.sokoshotels.fi
Open in
urlscan Pro
95.175.100.74
Public Scan
Submitted URL: https://loginus.plsstg.sokoshotels.fi/
Effective URL: https://www.sokoshotels.fi/
Submission: On November 17 via automatic, source certstream-suspicious — Scanned from DE
Effective URL: https://www.sokoshotels.fi/
Submission: On November 17 via automatic, source certstream-suspicious — Scanned from DE
Form analysis 5 forms found in the DOM
POST https://www.sokoshotels.fi/fi?p_p_id=hotelquicksearch_WAR_sokoshotelsportlets&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&p_p_col_id=column-2&p_p_col_count=1
<form id="hotelSearchForm" data-rooms-allowed="6" action="https://www.sokoshotels.fi/fi?p_p_id=hotelquicksearch_WAR_sokoshotelsportlets&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&p_p_col_id=column-2&p_p_col_count=1"
method="post"> <input id="russian-hotels" type="hidden" value="hotel-653765396,hotel-648852184,hotel-653776922">
<input id="russian-cities" type="hidden" value="city-pietari, city-st. petersburg,city-Санкт-Петербург, city-Peterburi">
<span class="hidden-desktop">
<span id="closeDialog" class="close-cross mobile-close-position" data-bind="visible: !mobileRoomSelection()">
<svg version="1.1" class="icon-close-thin" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50px" height="50px" viewBox="-24 26 50 50" enable-background="new -24 26 50 50" xml:space="preserve">
<g>
<rect x="0" y="42.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="2" height="16.8"></rect>
<rect x="-7.4" y="50" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="16.8" height="2"></rect>
</g>
</svg> </span> </span> <span class="visible-desktop"> <span class="close-cross toggleQuickSearch horizontal__hidden"> <svg version="1.1" class="icon-close-thin" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50px" height="50px"
viewBox="-24 26 50 50" enable-background="new -24 26 50 50" xml:space="preserve">
<g>
<rect x="0" y="42.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="2" height="16.8"></rect>
<rect x="-7.4" y="50" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="16.8" height="2"></rect>
</g>
</svg> </span> </span> <span class="close-cross" data-bind="click: toggleRoomsMobileSelection, visible: mobileRoomSelection()" style="display: none;"> <svg version="1.1" class="icon-close-thin" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="50px" height="50px" viewBox="-24 26 50 50" enable-background="new -24 26 50 50" xml:space="preserve">
<g>
<rect x="0" y="42.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="2" height="16.8"></rect>
<rect x="-7.4" y="50" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="16.8" height="2"></rect>
</g>
</svg> </span>
<div class="search blackrow" data-bind="visible: !mobileRoomSelection()">
<div class="row horizontal__first-col-wrapper">
<div class="col-sm-12 ignorepadding horizontal__first-col">
<div class="clearfix"></div>
<div class="spaceme30"></div>
<div class="row">
<div class="col-sm-12 horizontal__hotel-input-col">
<div class="pad15-ignorevertical">
<div class="hotel-selection">
<div id="quicksearch-city-selection-error" class="quicksearch-city-selection-error error-msg" style="display: none"> Valitse kaupunki tai hotelli</div>
<div id="quicksearch-default-placeholder" class="hidden" data-placeholder="Kaupunki, Hotelli"></div> <input id="cityHotelAutocomplete" value="" placeholder="Kaupunki, Hotelli" autocomplete="off"
class="label-placeholder ui-autocomplete-input" data-bind="placeholder"> <input id="cityHotelSelection" name="cityHotelSelection" type="hidden" value=""> <input id="promotionPage" name="promotionPage" type="hidden" value="false">
<input id="promotionId" name="promotionId" type="hidden" value="">
</div>
</div>
</div>
</div>
<div class="spaceme10"></div>
<div class="row flex110">
<div class="col-sm-12 horizontal__date-column">
<div class="pad15-ignorevertical">
<div class="date-selection date-selection-width">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-12 col-lg-6 pad5-right-desktop pad5-right-small date-separator"> <input id="arrivalDate" name="arrivalDate" class="date arrival datefield hasDatepicker" aria-label="Tulopäivä:" type="text"
value="17.11.2021" autocomplete="off"> </div>
<div class="col-xs-6 col-sm-6 col-md-12 col-lg-6 pad5-left-desktop pad5-left-small"> <input id="departureDate" name="departureDate" class="date departure datefield hasDatepicker" aria-label="Lähtöpäivä:" type="text"
value="18.11.2021" autocomplete="off"> </div>
</div>
</div>
</div>
</div>
</div>
<div class="spaceme10"></div>
<div class="row horizontal__flexible-dates">
<div class="col-sm-12">
<div class="pad15-ignorevertical"> <span class="reduceFontInTablet horizontal__card-container"> <label class="selectable-input checkbox quicksearch-flex-input" for="flexibleDates"> <input type="checkbox" name="flexibleDates"
id="flexibleDates" class="no-icheck" data-bind="checked: flexibleDates"> <span class="selectable-input__label-text"> Joustavat päivät </span> </label> <label class="selectable-input checkbox horizontal__cards"
for="bonusCard-horizontal"> <input type="checkbox" name="bonusCard-horizontal" id="bonusCard-horizontal" data-bind="click: bonusCardSelected, checked: bonusCard, enable:bonusCardAllowed" class="no-icheck"> <span
class="selectable-input__label-text"> <svg aria-hidden="true" class="icon-s-asom" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
<defs>
<style>
.icon-s-asom-cls-1 {
fill: #00aa46;
}
.icon-s-asom-cls-2 {
fill: #fff;
}
</style>
</defs>
<title>AO tunnus RGB</title>
<rect class="icon-s-asom-cls-1" width="1000" height="1000"></rect>
<path class="icon-s-asom-cls-2"
d="M489.41,249c50.27-50.24,115.12-72.25,184-72.25h50.93V128.35H673.12c-81.78,0-158.6,27-217.93,86.36-59.7,59.7-86.36,136-86.36,219.38v125a88.7,88.7,0,0,1-1.08,14.31c-1.73,9.33-5.57,16.95-11.82,23.18a48,48,0,0,1-17.59,10.67A88,88,0,0,1,322,611c-13.52,2-46.35,2.76-46.35,2.76v150h44.48c56.65,0,108.71-17.24,147.65-56.11s56-88.65,56-142.29V434.09c0-40.45,12.84-78.42,42.55-108,29.87-29.78,67.79-42.66,107.57-42.66h7V341c-13.6.91-23.1,2.19-35.47,6.1a88.5,88.5,0,0,0-36.27,21.72c-18.17,18.05-25.7,41.26-25.7,65.21v131.3c0,70.14-22.41,134.67-72.88,185.12-50.27,50.24-115.12,72.25-184,72.25H275.69v48.37h51.19c81.78,0,158.6-27,217.93-86.36,59.7-59.7,86.36-136,86.36-219.38v-125a88.7,88.7,0,0,1,1.08-14.31c1.73-9.33,5.57-16.95,11.82-23.18a48,48,0,0,1,17.59-10.67A88,88,0,0,1,678,388.46c13.52-2,46.35-2.76,46.35-2.76v-150H679.83c-56.65,0-108.71,17.24-147.65,56.11s-56,88.65-56,142.29v131.3c0,40.45-12.84,78.42-42.55,108C403.73,703.2,365.8,716.09,326,716.09h-7V657.22c13.6-.91,24-2.62,35.47-6.1,13.1-4,25.44-9.76,36.27-20.51,18.17-18.05,25.7-41.26,25.7-65.21V434.09C416.53,363.94,438.94,299.41,489.41,249Z">
</path>
</svg> S-Etukortti </span> </label>
<div class="default-flex"> <label class="selectable-input checkbox horizontal__cards" for="scard-horizontal"> <input type="checkbox" name="scard-horizontal" id="scard-horizontal"
data-bind="click: scardCardSelected, checked: scard, enable:scardAllowed" class="no-icheck"> <span class="selectable-input__label-text nowrap"> <svg aria-hidden="true" version="1.1" id="Layer_1"
xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300.471px" height="300.472px" viewBox="0 29.53 300.471 300.472" enable-background="new 0 29.53 300.471 300.472" xml:space="preserve" class="icon-s-card">
<title>s-card</title>
<path
d="M37.809,199.669c-3.849,0.048-7.672-0.636-11.265-2.014c-3.589-1.47-6.883-3.575-9.723-6.217l3.593-4.252 c2.41,2.258,5.174,4.105,8.182,5.471c2.998,1.251,6.225,1.865,9.474,1.803c2.979,0.145,5.918-0.732,8.33-2.487 c1.978-1.451,3.138-3.764,3.121-6.216v-0.187c0-1.083-0.211-2.156-0.622-3.158c-0.452-1.033-1.163-1.933-2.063-2.611 c-1.239-0.918-2.616-1.636-4.078-2.126c-2.19-0.769-4.429-1.392-6.702-1.865c-2.616-0.539-5.189-1.274-7.695-2.2 c-1.954-0.703-3.781-1.719-5.408-3.009c-1.364-1.102-2.447-2.513-3.158-4.115c-0.723-1.744-1.074-3.62-1.032-5.508v-0.137 c-0.02-1.932,0.406-3.842,1.243-5.583c0.865-1.728,2.101-3.243,3.618-4.438c1.596-1.291,3.411-2.284,5.358-2.934 c2.176-0.73,4.457-1.092,6.751-1.069c3.359-0.067,6.702,0.468,9.872,1.579c2.959,1.139,5.721,2.737,8.182,4.736l-3.42,4.414 c-2.156-1.813-4.603-3.251-7.235-4.252c-2.436-0.882-5.007-1.328-7.597-1.318c-2.865-0.16-5.697,0.685-8.007,2.388 c-1.858,1.393-2.946,3.583-2.935,5.905v0.149c-0.031,1.143,0.167,2.28,0.584,3.345c0.486,1.045,1.236,1.944,2.176,2.61 c1.296,0.948,2.73,1.69,4.253,2.201c2.265,0.788,4.583,1.415,6.938,1.877c5.728,1.276,9.95,3.038,12.669,5.284 c2.73,2.277,4.238,5.699,4.078,9.25v0.149c0.048,2.062-0.377,4.108-1.243,5.98c-0.854,1.77-2.08,3.334-3.594,4.588 c-1.631,1.328-3.506,2.324-5.52,2.934C42.627,199.351,40.223,199.698,37.809,199.669z">
</path>
<path d="M62.737,173.908h10.208v5.942H62.737V173.908z"></path>
<path
d="M107.086,199.819c-6.935,0.08-13.597-2.693-18.426-7.671c-2.318-2.425-4.139-5.28-5.358-8.405 c-1.308-3.295-1.966-6.812-1.939-10.356v-0.137c-0.021-3.521,0.638-7.012,1.939-10.282c1.241-3.145,3.073-6.022,5.396-8.479 c2.326-2.443,5.122-4.394,8.219-5.731c3.289-1.415,6.838-2.127,10.419-2.089c2.132-0.021,4.261,0.174,6.354,0.584 c1.802,0.367,3.56,0.922,5.246,1.654c1.581,0.692,3.082,1.555,4.477,2.573c1.395,1.025,2.72,2.143,3.966,3.345l-3.966,4.252 c-2.125-1.997-4.509-3.699-7.087-5.061c-7.817-3.906-17.271-2.235-23.275,4.115c-1.813,1.949-3.236,4.229-4.189,6.714 c-1.015,2.634-1.525,5.434-1.505,8.256v0.149c-0.024,2.847,0.485,5.672,1.505,8.33c0.953,2.485,2.376,4.765,4.189,6.714 c1.786,1.907,3.934,3.441,6.316,4.513c2.481,1.115,5.175,1.679,7.895,1.654c3.145,0.082,6.264-0.583,9.102-1.94 c2.74-1.448,5.254-3.291,7.46-5.47l3.816,3.729c-1.287,1.347-2.676,2.594-4.152,3.73c-1.446,1.102-3.005,2.048-4.65,2.822 c-1.715,0.802-3.512,1.419-5.358,1.84C111.378,199.628,109.234,199.845,107.086,199.819z">
</path>
<path d="M154.431,147.177h5.433l23.424,51.759h-6.216l-6.018-13.577H143.08l-6.093,13.577h-5.942L154.431,147.177z M168.742,180.137 l-11.675-26.196l-11.75,26.209h23.425V180.137z"></path>
<path
d="M189.094,147.6h22.094c2.884-0.05,5.754,0.409,8.479,1.354c2.29,0.782,4.382,2.055,6.129,3.73 c1.273,1.276,2.271,2.8,2.935,4.476c0.703,1.803,1.053,3.723,1.032,5.657v0.149c0.044,1.969-0.294,3.928-0.995,5.769 c-0.659,1.647-1.645,3.145-2.896,4.401c-1.303,1.272-2.817,2.308-4.477,3.059c-1.773,0.828-3.651,1.409-5.582,1.729l15.79,20.999 h-7.124l-14.92-19.968h-14.671v19.98h-5.807V147.6H189.094z M210.716,173.709c1.792,0.017,3.576-0.23,5.297-0.733 c1.516-0.435,2.94-1.143,4.202-2.089c2.422-1.827,3.812-4.713,3.729-7.746v-0.1c0.134-2.901-1.156-5.686-3.456-7.46 c-2.305-1.782-5.541-2.677-9.71-2.686h-15.89v20.813H210.716z">
</path>
<path
d="M238.454,147.6h17.841c3.758-0.057,7.492,0.584,11.016,1.89c3.229,1.206,6.188,3.04,8.704,5.396 c2.413,2.285,4.326,5.045,5.619,8.106c1.338,3.196,2.01,6.632,1.977,10.096v0.149c0.031,3.477-0.641,6.923-1.977,10.133 c-1.283,3.081-3.198,5.859-5.619,8.156c-2.521,2.359-5.478,4.204-8.704,5.434c-3.525,1.353-7.276,2.022-11.053,1.977h-17.804V147.6z M256.295,193.602c3.009,0.04,5.999-0.482,8.815-1.542c2.507-0.94,4.792-2.388,6.714-4.252c1.845-1.827,3.292-4.016,4.252-6.428 c1.016-2.533,1.526-5.24,1.505-7.97v-0.161c0.021-2.729-0.49-5.437-1.505-7.97c-0.966-2.42-2.412-4.62-4.252-6.465 c-1.918-1.888-4.203-3.36-6.714-4.327c-2.811-1.084-5.803-1.619-8.815-1.579H244.26v40.693H256.295z">
</path>
<rect x="-0.001" y="29.58" fill="#C4151C" width="300.473" height="300.471"></rect>
<g>
<path fill="#FFFFFF" d="M166.485,186.254l-10.894-24.457l-10.961,24.457H166.485L166.485,186.254z M153.126,155.495h5.067 l21.857,48.297h-5.823l-5.618-12.674h-26.102l-5.687,12.674h-5.55L153.126,155.495L153.126,155.495z"></path>
<path fill="#FFFFFF"
d="M207.216,180.297c7.193,0,12.332-3.699,12.332-9.865v-0.138c0-5.892-4.523-9.454-12.265-9.454h-14.796 v19.457H207.216L207.216,180.297z M187.074,155.839h20.62c5.893,0,10.621,1.781,13.635,4.796c2.33,2.329,3.7,5.687,3.7,9.454v0.138 c0,7.945-5.481,12.605-13.019,13.976l14.73,19.594h-6.646l-13.908-18.634h-0.138h-13.562v18.634h-5.413V155.839L187.074,155.839z">
</path>
<path fill="#FFFFFF"
d="M251.369,198.795c12.124,0,19.866-8.221,19.866-18.841v-0.138c0-10.618-7.742-18.977-19.866-18.977h-11.237 v37.955H251.369L251.369,198.795z M234.719,155.839h16.649c15.069,0,25.483,10.345,25.483,23.842v0.136 c0,13.497-10.414,23.979-25.483,23.979h-16.649V155.839L234.719,155.839z">
</path>
<path fill="#FFFFFF"
d="M21.735,197.031l3.401-4.025c5.068,4.58,9.927,6.871,16.661,6.871c6.525,0,10.83-3.47,10.83-8.26v-0.139 c0-4.512-2.43-7.08-12.635-9.232c-11.176-2.431-16.314-6.04-16.314-14.023v-0.139c0-7.637,6.734-13.259,15.967-13.259 c7.081,0,12.149,2.013,17.077,5.97l-3.193,4.234c-4.512-3.679-9.024-5.275-14.022-5.275c-6.317,0-10.343,3.471-10.343,7.844v0.139 c0,4.582,2.498,7.151,13.189,9.44c10.83,2.361,15.827,6.318,15.827,13.747v0.138c0,8.33-6.941,13.745-16.59,13.745 C33.883,204.806,27.566,202.238,21.735,197.031L21.735,197.031z">
</path>
<polygon fill="#FFFFFF" points="66.41,180.301 75.194,180.301 75.194,185.232 66.41,185.232 66.41,180.301 "></polygon>
<path fill="#FFFFFF"
d="M83.589,179.955v-0.14c0-13.744,10.275-25.13,24.575-25.13c8.816,0,14.092,3.124,18.952,7.706l-3.748,4.025 c-4.097-3.887-8.678-6.663-15.273-6.663c-10.759,0-18.812,8.747-18.812,19.923v0.139c0,11.246,8.122,20.062,18.812,20.062 c6.665,0,11.038-2.568,15.689-7.011l3.609,3.541c-5.067,5.137-10.621,8.538-19.437,8.538 C93.932,204.945,83.589,193.907,83.589,179.955L83.589,179.955z">
</path>
</g>
</svg> S-Card </span> </label>
<div class="s-card-bonus-night horizontal__cards" data-bind="visible: bonusNightAllowed" style="display: none;"> <label class="selectable-input checkbox" for="scardBonusNightHorizontal"> <input type="checkbox"
name="scardBonusNightHorizontal" id="scardBonusNightHorizontal" data-bind="checked: scardBonusNight, enable: bonusNightAllowed" class="no-icheck" disabled=""> <span class="selectable-input__label-text"> Varaa palkintoyö
</span> </label> <label class="selectable-input checkbox" for="scardBonusNightOtherHorizontal"> <input type="checkbox" name="scardBonusNightOtherHorizontal" id="scardBonusNightOtherHorizontal"
data-bind="checked: scardBonusNightOther, enable: bonusNightAllowed" class="no-icheck" disabled=""> <span class="selectable-input__label-text"> Varaa palkintoyö toiselle </span> </label> </div>
</div>
</span> </div>
<hr class="search-separator-thin no-bottom-margin hidden-phone">
</div>
</div>
</div>
</div>
<div class="row roomamountblock hidden-phone horizontal__roomblock">
<div class="col-sm-12">
<div class="pad15">
<div class="row">
<div class="col-sm-12" style="padding-left: 14px;"> <input id="roomAmount" name="roomAmount" data-bind="value: roomAmount" type="hidden" value="1"> <!-- ko foreach: rooms -->
<div class="roomSelectorArea" style="margin: 0; line-height: 15px !important;">
<div class="roomPerPerson room">
<h4 class="white arrow-room-block" data-bind="visible: $index() > 0" style="display: none;"> <span class="border-line"></span> <span class="text"> <span>Huone</span> <span data-bind="text: $index() + 1">1</span> </span> </h4>
<a href="#" class="remove-room-link" data-bind="visible: $parent.removeAllowed() && $index() > 0, click: $parent.removeRoom" style="display: none;"><svg version="1.1" class="icon-close-thin" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50px" height="50px" viewBox="-24 26 50 50" enable-background="new -24 26 50 50" xml:space="preserve"> <g> <rect x="0" y="42.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="2" height="16.8"></rect> <rect x="-7.4" y="50" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="16.8" height="2"></rect> </g> </svg> </a>
<div class="room-block">
<div class="row">
<div class="col-xs-4 col-sm-4 ignorepadding amountChoices people-select-left horizontal__reverse-select">
<div class="left fill"> <select class="quicksearch-select formselect-fluidwidth dynamic-formselect amount-select hasCustomSelect" data-bind="attr: {'name': 'rooms[' + $index() + '].adults'}, value: adultAmount, customSelect"
aria-label="Aikuisia" name="rooms[0].adults" style="appearance: menulist-button; position: absolute; opacity: 0; height: 34px; font-size: 14px;">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select><span class="customSelect quicksearch-select formselect-fluidwidth dynamic-formselect amount-select" style="display: inline-block;"><span class="customSelectInner"
style="width: 0px; display: inline-block;">2</span></span> </div>
<div class="left amount-choice-label"> Aikuisia </div>
<div class="clearfix"></div>
<div class="spaceme10"></div>
</div>
<div class="col-xs-4 col-sm-4 ignorepadding amountChoices ignoreLeftMarginInTablet people-select-center horizontal__reverse-select">
<div class="left fill"> <select class="quicksearch-select formselect-fluidwidth dynamic-formselect amount-select hasCustomSelect" data-bind="attr: {'name': 'rooms[' + $index() + '].children'}, value: childAmount, customSelect"
aria-label="Lapsia 3-15 v" name="rooms[0].children" style="appearance: menulist-button; position: absolute; opacity: 0; height: 34px; font-size: 14px;">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select><span class="customSelect quicksearch-select formselect-fluidwidth dynamic-formselect amount-select" style="display: inline-block;"><span class="customSelectInner"
style="width: 0px; display: inline-block;">0</span></span> </div>
<div class="left amount-choice-label"> Lapsia <span style="display: inline-block;">3-15 v</span> </div>
<div class="clearfix"></div>
<div class="spaceme10"></div>
</div>
<div class="col-xs-4 col-sm-4 ignorepadding amountChoices ignoreLeftMarginInTablet people-select-right horizontal__reverse-select">
<div class="left fill"> <select class="quicksearch-select formselect-fluidwidth dynamic-formselect amount-select hasCustomSelect" data-bind="attr: {'name': 'rooms[' + $index() + '].babies'}, value: babyAmount, customSelect"
aria-label="Lapsia 0-2 v" name="rooms[0].babies" style="appearance: menulist-button; position: absolute; opacity: 0; height: 34px; font-size: 14px;">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select><span class="customSelect quicksearch-select formselect-fluidwidth dynamic-formselect amount-select" style="display: inline-block;"><span class="customSelectInner"
style="width: 0px; display: inline-block;">0</span></span> </div>
<div class="left amount-choice-label"> Lapsia <span style="display: inline-block;">0-2 v</span> </div>
<div class="clearfix"></div>
<div class="spaceme10"></div>
</div>
</div>
<div class="clearfix"></div>
<div class="row childBedsContainer room" data-bind="visible: childAmount() > 0" style="display: none;">
<div class="col-sm-12 ignorepadding"> <input type="hidden" data-bind="attr: {'name': 'rooms[' + $index() + '].childBedTypes[0]'}" value="EXTRA_BED" name="rooms[0].childBedTypes[0]"> <input type="hidden"
data-bind="attr: {'name': 'rooms[' + $index() + '].childBedTypes[1]'}" value="EXTRA_BED" name="rooms[0].childBedTypes[1]"> <input type="hidden" data-bind="attr: {'name': 'rooms[' + $index() + '].childBedTypes[2]'}"
value="EXTRA_BED" name="rooms[0].childBedTypes[2]"> <input type="hidden" data-bind="attr: {'name': 'rooms[' + $index() + '].childBedTypes[3]'}" value="EXTRA_BED" name="rooms[0].childBedTypes[3]"> <span
class="singleBedOption">Lapset 3-15v nukkuvat lisävuoteessa</span> </div>
</div>
<div class="visible-phone">
<div class="spaceme10"></div>
</div>
<div class="row babyBedsContainer room" data-bind="visible: babyAmount() > 0" style="display: none;">
<div class="col-sm-12 ignorepadding">
<div class="row babyBedsPerRoom room babyBed1" data-bind="visible: babyAmount() >= 1" style="display: none;">
<div class="col-sm-12 ignorepadding bedtype-selection-container">
<div class="bedtype-selection-label"> Lapsia (0-2 v) </div>
<div class="left"> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio"
data-bind="checked: babyBedTypes()[0],attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[0]'}" value="TRAVEL_COT" name="rooms[0].babyBedTypes[0]"> <span class="selectable-input__label-text"> Pinnasänky </span>
</label> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio" data-bind="checked: babyBedTypes()[0],attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[0]'}"
value="NEXT_TO_ADULT" name="rooms[0].babyBedTypes[0]"> <span class="selectable-input__label-text"> Vieressä </span> </label> </div>
</div>
</div>
<div class="row babyBedsPerRoom room babyBed2" data-bind="visible: babyAmount() >= 2" style="display: none;">
<div class="col-sm-12 ignorepadding bedtype-selection-container">
<div class="bedtype-selection-label"> Lapsia (0-2 v) </div>
<div class="left"> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio"
data-bind="checked: babyBedTypes()[1],attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[1]'}" value="TRAVEL_COT" name="rooms[0].babyBedTypes[1]"> <span class="selectable-input__label-text"> Pinnasänky </span>
</label> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio" data-bind="checked: babyBedTypes()[1],attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[1]'}"
value="NEXT_TO_ADULT" name="rooms[0].babyBedTypes[1]"> <span class="selectable-input__label-text"> Vieressä </span> </label> </div>
</div>
</div>
<div class="row babyBedsPerRoom room babyBed3" data-bind="visible: babyAmount() >= 3" style="display: none;">
<div class="col-sm-12 ignorepadding bedtype-selection-container">
<div class="bedtype-selection-label"> Lapsia (0-2 v) </div>
<div class="left"> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio"
data-bind="checked: babyBedTypes()[2],attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[2]'}" value="TRAVEL_COT" name="rooms[0].babyBedTypes[2]"> <span class="selectable-input__label-text"> Pinnasänky </span>
</label> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio" data-bind="checked: babyBedTypes()[2],attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[2]'}"
value="NEXT_TO_ADULT" name="rooms[0].babyBedTypes[2]"> <span class="selectable-input__label-text"> Vieressä </span> </label> </div>
</div>
</div>
<div class="row babyBedsPerRoom room babyBed4" data-bind="visible: babyAmount() >= 4" style="display: none;">
<div class="col-sm-12 ignorepadding bedtype-selection-container">
<div class="bedtype-selection-label"> Lapsia (0-2 v) </div>
<div class="left"> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio"
data-bind="checked: babyBedTypes()[3],attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[3]'}" value="TRAVEL_COT" name="rooms[0].babyBedTypes[3]"> <span class="selectable-input__label-text"> Pinnasänky </span>
</label> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio" data-bind="checked: babyBedTypes()[3],attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[3]'}"
value="NEXT_TO_ADULT" name="rooms[0].babyBedTypes[3]"> <span class="selectable-input__label-text"> Vieressä </span> </label> </div>
</div>
</div>
</div>
</div>
<div class="visible-phone">
<div class="spaceme10"></div>
</div>
</div>
<div class="spaceme10"></div>
</div>
</div> <!-- /ko --> <a class="add-room-link" href="#" data-bind="click: addRoom, visible: roomAmount() < 6">+ Lisää huone</a>
<a class="horizontal__visible horizontal__toggle-codes right" href="#" data-bind="click: function() { showCodeTab(1); }, css: {'hidden': visibleCodeTab() == 1}"> Varauskoodit ›</a>
</div>
</div>
</div>
</div>
</div>
<div class="hidden-desktop hidden-tablet row">
<div class="col-xs-12 center pad30-ignorevertical">
<div class="spaceme20"></div> <span class="roomSelectionMobile" data-bind="click: toggleRoomsMobileSelection"> <span>Huoneita</span> <span data-bind="text: roomAmount">1</span>, <span>Aikuisia</span> <span
data-bind="text: totalAdultAmounts">2</span>, <span>Lapsia</span> <span data-bind="text: totalChildrenAmount">0</span> <svg class="icon-right-arrow" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g>
<polygon points="22.7,31.4 21.7,30.3 26.8,25.2 21.7,20.1 22.7,19 28.3,24.7 28.3,25.7"></polygon>
</g>
</svg> </span>
<div class="spaceme20"></div>
</div>
</div>
<div class="row codesblock horizontal__hidden">
<div class="col-sm-12">
<div class="pad15-ignorevertical">
<div class="hotelquicksearch-tabs"> <a class="hotelquicksearch-tab tab-first active" href="#" data-bind="click: function() { showCodeTab(0); }, css: {'active': visibleCodeTab() == 0}">Etukortit</a>
<a class="hotelquicksearch-tab tab-last" href="#" data-bind="click: function() { showCodeTab(1); }, css: {'active': visibleCodeTab() == 1}">Varauskoodit</a> </div>
<div class="hotelquicksearch-tab-content" data-bind="visible: visibleCodeTab() == 0">
<div class="row">
<div class="bonus-card col-md-12 col-sm-6 col-xs-12"> <label class="selectable-input checkbox" for="bonusCard"> <input type="checkbox" name="bonusCard" id="bonusCard"
data-bind="click: bonusCardSelected, checked: bonusCard, enable: bonusCardAllowed" class="no-icheck"> <span class="selectable-input__label-text with-logo">
<div class="row">
<div class="col-xs-3"> <svg aria-hidden="true" class="icon-s-asom" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
<defs>
<style>
.icon-s-asom-cls-1 {
fill: #00aa46;
}
.icon-s-asom-cls-2 {
fill: #fff;
}
</style>
</defs>
<title>AO tunnus RGB</title>
<rect class="icon-s-asom-cls-1" width="1000" height="1000"></rect>
<path class="icon-s-asom-cls-2"
d="M489.41,249c50.27-50.24,115.12-72.25,184-72.25h50.93V128.35H673.12c-81.78,0-158.6,27-217.93,86.36-59.7,59.7-86.36,136-86.36,219.38v125a88.7,88.7,0,0,1-1.08,14.31c-1.73,9.33-5.57,16.95-11.82,23.18a48,48,0,0,1-17.59,10.67A88,88,0,0,1,322,611c-13.52,2-46.35,2.76-46.35,2.76v150h44.48c56.65,0,108.71-17.24,147.65-56.11s56-88.65,56-142.29V434.09c0-40.45,12.84-78.42,42.55-108,29.87-29.78,67.79-42.66,107.57-42.66h7V341c-13.6.91-23.1,2.19-35.47,6.1a88.5,88.5,0,0,0-36.27,21.72c-18.17,18.05-25.7,41.26-25.7,65.21v131.3c0,70.14-22.41,134.67-72.88,185.12-50.27,50.24-115.12,72.25-184,72.25H275.69v48.37h51.19c81.78,0,158.6-27,217.93-86.36,59.7-59.7,86.36-136,86.36-219.38v-125a88.7,88.7,0,0,1,1.08-14.31c1.73-9.33,5.57-16.95,11.82-23.18a48,48,0,0,1,17.59-10.67A88,88,0,0,1,678,388.46c13.52-2,46.35-2.76,46.35-2.76v-150H679.83c-56.65,0-108.71,17.24-147.65,56.11s-56,88.65-56,142.29v131.3c0,40.45-12.84,78.42-42.55,108C403.73,703.2,365.8,716.09,326,716.09h-7V657.22c13.6-.91,24-2.62,35.47-6.1,13.1-4,25.44-9.76,36.27-20.51,18.17-18.05,25.7-41.26,25.7-65.21V434.09C416.53,363.94,438.94,299.41,489.41,249Z">
</path>
</svg> </div>
<div class="col-xs-9 bonus-text"> S-Etukortti </div>
</div>
</span> </label> </div>
<div class="s-card-search col-md-12 col-sm-6 col-xs-12 quicksearch-tooltip"> <label class="selectable-input checkbox" for="scard"> <input type="checkbox" name="scard" id="scard"
data-bind="click: scardCardSelected, checked: scard, enable:scardAllowed" class="no-icheck"> <span class="selectable-input__label-text with-logo">
<div class="row">
<div class="col-xs-3"> <svg aria-hidden="true" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300.471px" height="300.472px" viewBox="0 29.53 300.471 300.472"
enable-background="new 0 29.53 300.471 300.472" xml:space="preserve" class="icon-s-card">
<title>s-card</title>
<path
d="M37.809,199.669c-3.849,0.048-7.672-0.636-11.265-2.014c-3.589-1.47-6.883-3.575-9.723-6.217l3.593-4.252 c2.41,2.258,5.174,4.105,8.182,5.471c2.998,1.251,6.225,1.865,9.474,1.803c2.979,0.145,5.918-0.732,8.33-2.487 c1.978-1.451,3.138-3.764,3.121-6.216v-0.187c0-1.083-0.211-2.156-0.622-3.158c-0.452-1.033-1.163-1.933-2.063-2.611 c-1.239-0.918-2.616-1.636-4.078-2.126c-2.19-0.769-4.429-1.392-6.702-1.865c-2.616-0.539-5.189-1.274-7.695-2.2 c-1.954-0.703-3.781-1.719-5.408-3.009c-1.364-1.102-2.447-2.513-3.158-4.115c-0.723-1.744-1.074-3.62-1.032-5.508v-0.137 c-0.02-1.932,0.406-3.842,1.243-5.583c0.865-1.728,2.101-3.243,3.618-4.438c1.596-1.291,3.411-2.284,5.358-2.934 c2.176-0.73,4.457-1.092,6.751-1.069c3.359-0.067,6.702,0.468,9.872,1.579c2.959,1.139,5.721,2.737,8.182,4.736l-3.42,4.414 c-2.156-1.813-4.603-3.251-7.235-4.252c-2.436-0.882-5.007-1.328-7.597-1.318c-2.865-0.16-5.697,0.685-8.007,2.388 c-1.858,1.393-2.946,3.583-2.935,5.905v0.149c-0.031,1.143,0.167,2.28,0.584,3.345c0.486,1.045,1.236,1.944,2.176,2.61 c1.296,0.948,2.73,1.69,4.253,2.201c2.265,0.788,4.583,1.415,6.938,1.877c5.728,1.276,9.95,3.038,12.669,5.284 c2.73,2.277,4.238,5.699,4.078,9.25v0.149c0.048,2.062-0.377,4.108-1.243,5.98c-0.854,1.77-2.08,3.334-3.594,4.588 c-1.631,1.328-3.506,2.324-5.52,2.934C42.627,199.351,40.223,199.698,37.809,199.669z">
</path>
<path d="M62.737,173.908h10.208v5.942H62.737V173.908z"></path>
<path
d="M107.086,199.819c-6.935,0.08-13.597-2.693-18.426-7.671c-2.318-2.425-4.139-5.28-5.358-8.405 c-1.308-3.295-1.966-6.812-1.939-10.356v-0.137c-0.021-3.521,0.638-7.012,1.939-10.282c1.241-3.145,3.073-6.022,5.396-8.479 c2.326-2.443,5.122-4.394,8.219-5.731c3.289-1.415,6.838-2.127,10.419-2.089c2.132-0.021,4.261,0.174,6.354,0.584 c1.802,0.367,3.56,0.922,5.246,1.654c1.581,0.692,3.082,1.555,4.477,2.573c1.395,1.025,2.72,2.143,3.966,3.345l-3.966,4.252 c-2.125-1.997-4.509-3.699-7.087-5.061c-7.817-3.906-17.271-2.235-23.275,4.115c-1.813,1.949-3.236,4.229-4.189,6.714 c-1.015,2.634-1.525,5.434-1.505,8.256v0.149c-0.024,2.847,0.485,5.672,1.505,8.33c0.953,2.485,2.376,4.765,4.189,6.714 c1.786,1.907,3.934,3.441,6.316,4.513c2.481,1.115,5.175,1.679,7.895,1.654c3.145,0.082,6.264-0.583,9.102-1.94 c2.74-1.448,5.254-3.291,7.46-5.47l3.816,3.729c-1.287,1.347-2.676,2.594-4.152,3.73c-1.446,1.102-3.005,2.048-4.65,2.822 c-1.715,0.802-3.512,1.419-5.358,1.84C111.378,199.628,109.234,199.845,107.086,199.819z">
</path>
<path d="M154.431,147.177h5.433l23.424,51.759h-6.216l-6.018-13.577H143.08l-6.093,13.577h-5.942L154.431,147.177z M168.742,180.137 l-11.675-26.196l-11.75,26.209h23.425V180.137z"></path>
<path
d="M189.094,147.6h22.094c2.884-0.05,5.754,0.409,8.479,1.354c2.29,0.782,4.382,2.055,6.129,3.73 c1.273,1.276,2.271,2.8,2.935,4.476c0.703,1.803,1.053,3.723,1.032,5.657v0.149c0.044,1.969-0.294,3.928-0.995,5.769 c-0.659,1.647-1.645,3.145-2.896,4.401c-1.303,1.272-2.817,2.308-4.477,3.059c-1.773,0.828-3.651,1.409-5.582,1.729l15.79,20.999 h-7.124l-14.92-19.968h-14.671v19.98h-5.807V147.6H189.094z M210.716,173.709c1.792,0.017,3.576-0.23,5.297-0.733 c1.516-0.435,2.94-1.143,4.202-2.089c2.422-1.827,3.812-4.713,3.729-7.746v-0.1c0.134-2.901-1.156-5.686-3.456-7.46 c-2.305-1.782-5.541-2.677-9.71-2.686h-15.89v20.813H210.716z">
</path>
<path
d="M238.454,147.6h17.841c3.758-0.057,7.492,0.584,11.016,1.89c3.229,1.206,6.188,3.04,8.704,5.396 c2.413,2.285,4.326,5.045,5.619,8.106c1.338,3.196,2.01,6.632,1.977,10.096v0.149c0.031,3.477-0.641,6.923-1.977,10.133 c-1.283,3.081-3.198,5.859-5.619,8.156c-2.521,2.359-5.478,4.204-8.704,5.434c-3.525,1.353-7.276,2.022-11.053,1.977h-17.804V147.6z M256.295,193.602c3.009,0.04,5.999-0.482,8.815-1.542c2.507-0.94,4.792-2.388,6.714-4.252c1.845-1.827,3.292-4.016,4.252-6.428 c1.016-2.533,1.526-5.24,1.505-7.97v-0.161c0.021-2.729-0.49-5.437-1.505-7.97c-0.966-2.42-2.412-4.62-4.252-6.465 c-1.918-1.888-4.203-3.36-6.714-4.327c-2.811-1.084-5.803-1.619-8.815-1.579H244.26v40.693H256.295z">
</path>
<rect x="-0.001" y="29.58" fill="#C4151C" width="300.473" height="300.471"></rect>
<g>
<path fill="#FFFFFF" d="M166.485,186.254l-10.894-24.457l-10.961,24.457H166.485L166.485,186.254z M153.126,155.495h5.067 l21.857,48.297h-5.823l-5.618-12.674h-26.102l-5.687,12.674h-5.55L153.126,155.495L153.126,155.495z">
</path>
<path fill="#FFFFFF"
d="M207.216,180.297c7.193,0,12.332-3.699,12.332-9.865v-0.138c0-5.892-4.523-9.454-12.265-9.454h-14.796 v19.457H207.216L207.216,180.297z M187.074,155.839h20.62c5.893,0,10.621,1.781,13.635,4.796c2.33,2.329,3.7,5.687,3.7,9.454v0.138 c0,7.945-5.481,12.605-13.019,13.976l14.73,19.594h-6.646l-13.908-18.634h-0.138h-13.562v18.634h-5.413V155.839L187.074,155.839z">
</path>
<path fill="#FFFFFF"
d="M251.369,198.795c12.124,0,19.866-8.221,19.866-18.841v-0.138c0-10.618-7.742-18.977-19.866-18.977h-11.237 v37.955H251.369L251.369,198.795z M234.719,155.839h16.649c15.069,0,25.483,10.345,25.483,23.842v0.136 c0,13.497-10.414,23.979-25.483,23.979h-16.649V155.839L234.719,155.839z">
</path>
<path fill="#FFFFFF"
d="M21.735,197.031l3.401-4.025c5.068,4.58,9.927,6.871,16.661,6.871c6.525,0,10.83-3.47,10.83-8.26v-0.139 c0-4.512-2.43-7.08-12.635-9.232c-11.176-2.431-16.314-6.04-16.314-14.023v-0.139c0-7.637,6.734-13.259,15.967-13.259 c7.081,0,12.149,2.013,17.077,5.97l-3.193,4.234c-4.512-3.679-9.024-5.275-14.022-5.275c-6.317,0-10.343,3.471-10.343,7.844v0.139 c0,4.582,2.498,7.151,13.189,9.44c10.83,2.361,15.827,6.318,15.827,13.747v0.138c0,8.33-6.941,13.745-16.59,13.745 C33.883,204.806,27.566,202.238,21.735,197.031L21.735,197.031z">
</path>
<polygon fill="#FFFFFF" points="66.41,180.301 75.194,180.301 75.194,185.232 66.41,185.232 66.41,180.301 "></polygon>
<path fill="#FFFFFF"
d="M83.589,179.955v-0.14c0-13.744,10.275-25.13,24.575-25.13c8.816,0,14.092,3.124,18.952,7.706l-3.748,4.025 c-4.097-3.887-8.678-6.663-15.273-6.663c-10.759,0-18.812,8.747-18.812,19.923v0.139c0,11.246,8.122,20.062,18.812,20.062 c6.665,0,11.038-2.568,15.689-7.011l3.609,3.541c-5.067,5.137-10.621,8.538-19.437,8.538 C93.932,204.945,83.589,193.907,83.589,179.955L83.589,179.955z">
</path>
</g>
</svg> </div>
<div class="col-xs-9 bonus-text"> S-Card </div>
</div>
</span> </label> </div>
<div class="s-card-bonus-night col-md-12 col-sm-6 col-xs-12 col-sm-offset-6 col-md-offset-0" data-bind="visible: bonusNightAllowed" style="display: none;"> <label class="selectable-input checkbox" for="scardBonusNight"> <input
type="checkbox" name="scardBonusNight" id="scardBonusNight" data-bind="checked: scardBonusNight, enable: bonusNightAllowed" class="no-icheck" disabled=""> <span class="selectable-input__label-text"> Varaa palkintoyö </span>
</label> <label class="selectable-input checkbox" for="scardBonusNightOther"> <input type="checkbox" name="scardBonusNightOther" id="scardBonusNightOther" data-bind="checked: scardBonusNightOther, enable: bonusNightAllowed"
class="no-icheck" disabled=""> <span class="selectable-input__label-text"> Varaa palkintoyö toiselle </span> </label> </div>
</div>
</div>
<div class="hotelquicksearch-tab-content" data-bind="visible: visibleCodeTab() == 1" style="display: none;">
<div class="left fill tooltip-input-wrapper"> <input id="companyCode" name="formCompanyCode" class="formfield fill label-placeholder" placeholder="Yritystunnus" data-bind="value: companyCode, enable: companyCodeAllowed, placeholder"
type="text" value="" autocomplete="off">
<div class="hidden-phone tooltip-wrapper"> <svg class="infoIcon" width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg"
data-alt="Jos yrityksellänne on yrityssopimus kanssamme, syötä tähän yrityksesi varaustunnus. Tämän avulla voimme näyttää yrityksenne kanssa sovitut hinnat.">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-659.000000, -264.000000)" fill="#000000" class="infoIcon__fill">
<path
d="M664.439654,274.562487 C663.988189,274.562487 663.657255,274.28864 663.973211,273.08346 L664.49123,270.946239 C664.581241,270.603719 664.59636,270.466937 664.49123,270.466937 C664.35572,270.466937 663.769592,270.703338 663.423539,270.936348 L663.197735,270.566556 C664.29609,269.649211 665.559205,269.111268 666.100681,269.111268 C666.552288,269.111268 666.62732,269.645255 666.401799,270.466937 L665.808465,272.713668 C665.703335,273.110873 665.748552,273.247655 665.853399,273.247655 C665.989192,273.247655 666.433028,273.082894 666.869091,272.740374 L667.124851,273.082894 C666.056594,274.15101 664.890838,274.562487 664.439654,274.562487 M666.133605,266.166637 C666.794342,266.166637 666.989341,266.550136 666.989341,266.988319 C666.989341,267.536154 666.550875,268.042587 665.802954,268.042587 C665.176978,268.042587 664.879251,267.727621 664.896631,267.207481 C664.896631,266.769157 665.26388,266.166637 666.133605,266.166637 M665.412955,264.000591 C661.823555,264.048634 658.952827,266.997786 659.000587,270.587469 C659.048631,274.175597 661.9975,277.047173 665.5869,276.999413 C669.175735,276.951087 672.047029,274.001935 671.999409,270.412535 C671.951366,266.824124 669.002214,263.952689 665.412955,264.000591"
id="Fill-1-Copy-6"></path>
</g>
</g>
</svg></div>
</div>
<div class="spaceme15"></div>
<div class="left fill tooltip-input-wrapper"> <input id="agencyCode" name="formAgencyCode" class="formfield fill label-placeholder" placeholder="Matkatoimistotunnus" data-bind="value: agencyCode, enable: agencyCodeAllowed, placeholder"
type="text" value="" autocomplete="off">
<div class="hidden-phone tooltip-wrapper"> <svg class="infoIcon" width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg" data-alt="Matkatoimistosi nettivaraustunnus varauksen tekoon">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-659.000000, -264.000000)" fill="#000000" class="infoIcon__fill">
<path
d="M664.439654,274.562487 C663.988189,274.562487 663.657255,274.28864 663.973211,273.08346 L664.49123,270.946239 C664.581241,270.603719 664.59636,270.466937 664.49123,270.466937 C664.35572,270.466937 663.769592,270.703338 663.423539,270.936348 L663.197735,270.566556 C664.29609,269.649211 665.559205,269.111268 666.100681,269.111268 C666.552288,269.111268 666.62732,269.645255 666.401799,270.466937 L665.808465,272.713668 C665.703335,273.110873 665.748552,273.247655 665.853399,273.247655 C665.989192,273.247655 666.433028,273.082894 666.869091,272.740374 L667.124851,273.082894 C666.056594,274.15101 664.890838,274.562487 664.439654,274.562487 M666.133605,266.166637 C666.794342,266.166637 666.989341,266.550136 666.989341,266.988319 C666.989341,267.536154 666.550875,268.042587 665.802954,268.042587 C665.176978,268.042587 664.879251,267.727621 664.896631,267.207481 C664.896631,266.769157 665.26388,266.166637 666.133605,266.166637 M665.412955,264.000591 C661.823555,264.048634 658.952827,266.997786 659.000587,270.587469 C659.048631,274.175597 661.9975,277.047173 665.5869,276.999413 C669.175735,276.951087 672.047029,274.001935 671.999409,270.412535 C671.951366,266.824124 669.002214,263.952689 665.412955,264.000591"
id="Fill-1-Copy-6"></path>
</g>
</g>
</svg></div>
</div>
<div class="spaceme15"></div>
<div class="left fill tooltip-input-wrapper"> <input id="promotionalCode" name="promotionalCode" class="formfield fill label-placeholder" placeholder="Varauskoodi"
data-bind="value: promotionalCode, enable: promotionalCodeAllowed, placeholder" type="text" value="" autocomplete="off">
<div class="hidden-phone tooltip-wrapper"> <svg class="infoIcon" width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg"
data-alt="Onko sinulla varauskoodia? Syötä varauskoodi kenttään nähdäksesi hotellien erikoistarjouksia.">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-659.000000, -264.000000)" fill="#000000" class="infoIcon__fill">
<path
d="M664.439654,274.562487 C663.988189,274.562487 663.657255,274.28864 663.973211,273.08346 L664.49123,270.946239 C664.581241,270.603719 664.59636,270.466937 664.49123,270.466937 C664.35572,270.466937 663.769592,270.703338 663.423539,270.936348 L663.197735,270.566556 C664.29609,269.649211 665.559205,269.111268 666.100681,269.111268 C666.552288,269.111268 666.62732,269.645255 666.401799,270.466937 L665.808465,272.713668 C665.703335,273.110873 665.748552,273.247655 665.853399,273.247655 C665.989192,273.247655 666.433028,273.082894 666.869091,272.740374 L667.124851,273.082894 C666.056594,274.15101 664.890838,274.562487 664.439654,274.562487 M666.133605,266.166637 C666.794342,266.166637 666.989341,266.550136 666.989341,266.988319 C666.989341,267.536154 666.550875,268.042587 665.802954,268.042587 C665.176978,268.042587 664.879251,267.727621 664.896631,267.207481 C664.896631,266.769157 665.26388,266.166637 666.133605,266.166637 M665.412955,264.000591 C661.823555,264.048634 658.952827,266.997786 659.000587,270.587469 C659.048631,274.175597 661.9975,277.047173 665.5869,276.999413 C669.175735,276.951087 672.047029,274.001935 671.999409,270.412535 C671.951366,266.824124 669.002214,263.952689 665.412955,264.000591"
id="Fill-1-Copy-6"></path>
</g>
</g>
</svg></div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 center">
<div class="spaceme15 horizontal__hidden"></div>
<div class="pad15-ignorevertical">
<div class="spaceme5 horizontal__hidden"></div> <input class="button-red white-border clickable quicksearch-button" type="submit" value="Varaa huone ›" style="width: 100%">
</div>
</div>
</div>
<div class="spaceme-portlet-bottom"></div>
</div>
<div class="row">
<div class="col-xs-12 right">
<div class="horizontal__code-tab horizontal__visible" data-bind="visible: visibleCodeTab() == 1" style="display: none;">
<div class="horizontal__code-block"> <input data-bind="value: companyCode, enable: companyCodeAllowed, placeholder" type="text" autocomplete="off" cssclass="formfield fill label-placeholder" placeholder="Yritystunnus">
<div class="hidden-phone tooltip-wrapper"> <svg class="infoIcon" width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg"
data-alt="Jos yrityksellänne on yrityssopimus kanssamme, syötä tähän yrityksesi varaustunnus. Tämän avulla voimme näyttää yrityksenne kanssa sovitut hinnat.">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-659.000000, -264.000000)" fill="#000000" class="infoIcon__fill">
<path
d="M664.439654,274.562487 C663.988189,274.562487 663.657255,274.28864 663.973211,273.08346 L664.49123,270.946239 C664.581241,270.603719 664.59636,270.466937 664.49123,270.466937 C664.35572,270.466937 663.769592,270.703338 663.423539,270.936348 L663.197735,270.566556 C664.29609,269.649211 665.559205,269.111268 666.100681,269.111268 C666.552288,269.111268 666.62732,269.645255 666.401799,270.466937 L665.808465,272.713668 C665.703335,273.110873 665.748552,273.247655 665.853399,273.247655 C665.989192,273.247655 666.433028,273.082894 666.869091,272.740374 L667.124851,273.082894 C666.056594,274.15101 664.890838,274.562487 664.439654,274.562487 M666.133605,266.166637 C666.794342,266.166637 666.989341,266.550136 666.989341,266.988319 C666.989341,267.536154 666.550875,268.042587 665.802954,268.042587 C665.176978,268.042587 664.879251,267.727621 664.896631,267.207481 C664.896631,266.769157 665.26388,266.166637 666.133605,266.166637 M665.412955,264.000591 C661.823555,264.048634 658.952827,266.997786 659.000587,270.587469 C659.048631,274.175597 661.9975,277.047173 665.5869,276.999413 C669.175735,276.951087 672.047029,274.001935 671.999409,270.412535 C671.951366,266.824124 669.002214,263.952689 665.412955,264.000591"
id="Fill-1-Copy-6"></path>
</g>
</g>
</svg></div>
</div>
<div class="horizontal__code-block"> <input data-bind="value: agencyCode, enable: agencyCodeAllowed, placeholder" type="text" autocomplete="off" placeholder="Matkatoimistotunnus" cssclass="formfield fill label-placeholder">
<div class="hidden-phone tooltip-wrapper"> <svg class="infoIcon" width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg" data-alt="Matkatoimistosi nettivaraustunnus varauksen tekoon">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-659.000000, -264.000000)" fill="#000000" class="infoIcon__fill">
<path
d="M664.439654,274.562487 C663.988189,274.562487 663.657255,274.28864 663.973211,273.08346 L664.49123,270.946239 C664.581241,270.603719 664.59636,270.466937 664.49123,270.466937 C664.35572,270.466937 663.769592,270.703338 663.423539,270.936348 L663.197735,270.566556 C664.29609,269.649211 665.559205,269.111268 666.100681,269.111268 C666.552288,269.111268 666.62732,269.645255 666.401799,270.466937 L665.808465,272.713668 C665.703335,273.110873 665.748552,273.247655 665.853399,273.247655 C665.989192,273.247655 666.433028,273.082894 666.869091,272.740374 L667.124851,273.082894 C666.056594,274.15101 664.890838,274.562487 664.439654,274.562487 M666.133605,266.166637 C666.794342,266.166637 666.989341,266.550136 666.989341,266.988319 C666.989341,267.536154 666.550875,268.042587 665.802954,268.042587 C665.176978,268.042587 664.879251,267.727621 664.896631,267.207481 C664.896631,266.769157 665.26388,266.166637 666.133605,266.166637 M665.412955,264.000591 C661.823555,264.048634 658.952827,266.997786 659.000587,270.587469 C659.048631,274.175597 661.9975,277.047173 665.5869,276.999413 C669.175735,276.951087 672.047029,274.001935 671.999409,270.412535 C671.951366,266.824124 669.002214,263.952689 665.412955,264.000591"
id="Fill-1-Copy-6"></path>
</g>
</g>
</svg></div>
</div>
<div class="horizontal__code-block"> <input data-bind="value: promotionalCode, enable: promotionalCodeAllowed, placeholder" type="text" autocomplete="off" cssclass="formfield fill label-placeholder" placeholder="Varauskoodi">
<div class="hidden-phone tooltip-wrapper"> <svg class="infoIcon" width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg"
data-alt="Onko sinulla varauskoodia? Syötä varauskoodi kenttään nähdäksesi hotellien erikoistarjouksia.">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-659.000000, -264.000000)" fill="#000000" class="infoIcon__fill">
<path
d="M664.439654,274.562487 C663.988189,274.562487 663.657255,274.28864 663.973211,273.08346 L664.49123,270.946239 C664.581241,270.603719 664.59636,270.466937 664.49123,270.466937 C664.35572,270.466937 663.769592,270.703338 663.423539,270.936348 L663.197735,270.566556 C664.29609,269.649211 665.559205,269.111268 666.100681,269.111268 C666.552288,269.111268 666.62732,269.645255 666.401799,270.466937 L665.808465,272.713668 C665.703335,273.110873 665.748552,273.247655 665.853399,273.247655 C665.989192,273.247655 666.433028,273.082894 666.869091,272.740374 L667.124851,273.082894 C666.056594,274.15101 664.890838,274.562487 664.439654,274.562487 M666.133605,266.166637 C666.794342,266.166637 666.989341,266.550136 666.989341,266.988319 C666.989341,267.536154 666.550875,268.042587 665.802954,268.042587 C665.176978,268.042587 664.879251,267.727621 664.896631,267.207481 C664.896631,266.769157 665.26388,266.166637 666.133605,266.166637 M665.412955,264.000591 C661.823555,264.048634 658.952827,266.997786 659.000587,270.587469 C659.048631,274.175597 661.9975,277.047173 665.5869,276.999413 C669.175735,276.951087 672.047029,274.001935 671.999409,270.412535 C671.951366,266.824124 669.002214,263.952689 665.412955,264.000591"
id="Fill-1-Copy-6"></path>
</g>
</g>
</svg></div>
</div>
<a class="horizontal__toggle-codes hidden" href="#" data-bind="click: function() { showCodeTab(0); }, css: {'hidden': visibleCodeTab() == 0}"> Sulje<svg class="icon-close-cross" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.29 13.29"><title>close-thin</title><rect x="5.65" y="-1.75" width="2" height="16.8" transform="translate(-2.75 6.65) rotate(-45)"></rect><rect x="-1.75" y="5.65" width="16.8" height="2" transform="translate(-2.75 6.65) rotate(-45)"></rect></svg> </a>
</div>
</div>
</div>
<div class="blackrow" data-bind="visible: mobileRoomSelection()" style="display: none;">
<div class="row">
<div class="col-xs-12 center">
<h2 class="default white"> Huoneet ja henkilöt </h2>
</div>
<div class="col-xs-12">
<hr class="search-separator-thin no-top-margin">
</div>
<div class="room-attributes center" data-bind="foreach: rooms">
<div data-bind="visible: $parent.removeAllowed() && $index() > 0" style="display: none;">
<div class="row">
<div class="col-xs-3 center"> </div>
<div class="col-xs-6 center"> <span class="link-red clickable" data-bind="click: $parent.removeRoom"> Poista Huone <span data-bind="text: $index() + 1">1</span> </span></div>
<div class="col-xs-3 center"> </div>
</div>
<div class="row">
<div class="col-xs-12">
<h2 class="default white"> <span>Huone </span><span data-bind="text: $index() + 1">1</span> </h2>
</div>
</div>
</div>
<div class="col-xs-12">
<p class="inc-dec-title">Aikuisia</p>
</div>
<div class="pad-horizontal40-vertical0">
<div class="col-xs-3"> <span class="decrement" data-bind="click: decrementAdults"> <svg class="icon-decrement" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50px" height="50px" viewBox="-24 26 50 50"
enable-background="new -24 26 50 50" xml:space="preserve">
<g>
<rect x="-4.6" y="49.7" width="11.2" height="2.6"></rect>
</g>
</svg> </span> </div>
<div class="col-xs-6">
<div class="count" data-bind="text: adultAmount()">2</div>
</div>
<div class="col-xs-3"> <span class="increment" data-bind="click: incrementAdults"> <svg version="1.1" class="icon-increment" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50px" height="50px" viewBox="-24 26 50 50"
enable-background="new -24 26 50 50" xml:space="preserve">
<polygon points="9,49.7 2.3,49.7 2.3,43 -0.3,43 -0.3,49.7 -7,49.7 -7,52.3 -0.3,52.3 -0.3,59 2.3,59 2.3,52.3 9,52.3 "></polygon>
</svg> </span> </div>
</div>
<div class="col-xs-12">
<div class="spaceme25"></div>
<p class="inc-dec-title">Lapsia (3-15 v)</p>
</div>
<div class="pad-horizontal40-vertical0">
<div class="col-xs-3"> <span class="decrement" data-bind="click: decrementChilds"> <svg class="icon-decrement" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50px" height="50px" viewBox="-24 26 50 50"
enable-background="new -24 26 50 50" xml:space="preserve">
<g>
<rect x="-4.6" y="49.7" width="11.2" height="2.6"></rect>
</g>
</svg> </span> </div>
<div class="col-xs-6">
<div class="count" data-bind="text: childAmount()">0</div>
</div>
<div class="col-xs-3"> <span class="increment" data-bind="click: incrementChilds"> <svg version="1.1" class="icon-increment" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50px" height="50px" viewBox="-24 26 50 50"
enable-background="new -24 26 50 50" xml:space="preserve">
<polygon points="9,49.7 2.3,49.7 2.3,43 -0.3,43 -0.3,49.7 -7,49.7 -7,52.3 -0.3,52.3 -0.3,59 2.3,59 2.3,52.3 9,52.3 "></polygon>
</svg> </span> </div>
<div class="col-xs-12" data-bind="visible: childAmount() > 0" style="display: none;">
<div class="spaceme10"></div>
<p class="info-text-mobile-select">Lapset 3-15v nukkuvat lisävuoteessa</p>
</div>
</div>
<div class="col-xs-12">
<div class="spaceme25"></div>
<p class="inc-dec-title">Lapsia (0-2 v)</p>
</div>
<div class="pad-horizontal40-vertical0">
<div class="col-xs-12">
<hr class="search-separator-thin no-top-margin">
</div>
</div>
<div class="col-xs-12">
<div class="spaceme10"></div>
</div>
<div class="pad-horizontal40-vertical0">
<div class="row babyBedsPerRoomShadow room babyBed1" data-bind="visible: babyAmount() >= 1" style="display: none;">
<div class="col-xs-1 bed-selection"> 1 </div>
<div class="col-xs-5 bed-selection"> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio"
data-bind="attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[0]'}, 'checked': babyBedTypes()[0]" value="TRAVEL_COT" name="rooms[0].babyBedTypes[0]"> <span class="selectable-input__label-text"> Pinnasänky </span> </label> </div>
<div class="col-xs-5 bed-selection"> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio"
data-bind="attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[0]'}, 'checked': babyBedTypes()[0]" value="NEXT_TO_ADULT" name="rooms[0].babyBedTypes[0]"> <span class="selectable-input__label-text"> Vieressä </span> </label> </div>
<div class="col-xs-1 bed-selection">
<a class="remove-cross" data-bind="click: decrementBabies"><svg version="1.1" class="icon-close-thin" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50px" height="50px" viewBox="-24 26 50 50" enable-background="new -24 26 50 50" xml:space="preserve"> <g> <rect x="0" y="42.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="2" height="16.8"></rect> <rect x="-7.4" y="50" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="16.8" height="2"></rect> </g> </svg> </a>
</div>
<div class="clearfix"></div>
</div>
<div class="row babyBedsPerRoomShadow room babyBed2" data-bind="visible: babyAmount() >= 2" style="display: none;">
<div class="col-xs-1 bed-selection"> 2 </div>
<div class="col-xs-5 bed-selection"> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio"
data-bind="attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[1]'}, 'checked': babyBedTypes()[1]" value="TRAVEL_COT" name="rooms[0].babyBedTypes[1]"> <span class="selectable-input__label-text"> Pinnasänky </span> </label> </div>
<div class="col-xs-5 bed-selection"> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio"
data-bind="attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[1]'}, 'checked': babyBedTypes()[1]" value="NEXT_TO_ADULT" name="rooms[0].babyBedTypes[1]"> <span class="selectable-input__label-text"> Vieressä </span> </label> </div>
<div class="col-xs-1 bed-selection">
<a class="remove-cross" data-bind="click: decrementBabies"><svg version="1.1" class="icon-close-thin" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50px" height="50px" viewBox="-24 26 50 50" enable-background="new -24 26 50 50" xml:space="preserve"> <g> <rect x="0" y="42.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="2" height="16.8"></rect> <rect x="-7.4" y="50" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="16.8" height="2"></rect> </g> </svg> </a>
</div>
<div class="clearfix"></div>
</div>
<div class="row babyBedsPerRoomShadow room babyBed3" data-bind="visible: babyAmount() >= 3" style="display: none;">
<div class="col-xs-1 bed-selection"> 3 </div>
<div class="col-xs-5 bed-selection"> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio"
data-bind="attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[2]'}, 'checked': babyBedTypes()[2]" value="TRAVEL_COT" name="rooms[0].babyBedTypes[2]"> <span class="selectable-input__label-text"> Pinnasänky </span> </label> </div>
<div class="col-xs-5 bed-selection"> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio"
data-bind="attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[2]'}, 'checked': babyBedTypes()[2]" value="NEXT_TO_ADULT" name="rooms[0].babyBedTypes[2]"> <span class="selectable-input__label-text"> Vieressä </span> </label> </div>
<div class="col-xs-1 bed-selection">
<a class="remove-cross" data-bind="click: decrementBabies"><svg version="1.1" class="icon-close-thin" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50px" height="50px" viewBox="-24 26 50 50" enable-background="new -24 26 50 50" xml:space="preserve"> <g> <rect x="0" y="42.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="2" height="16.8"></rect> <rect x="-7.4" y="50" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="16.8" height="2"></rect> </g> </svg> </a>
</div>
<div class="clearfix"></div>
</div>
<div class="row babyBedsPerRoomShadow room babyBed4" data-bind="visible: babyAmount() >= 4" style="display: none;">
<div class="col-xs-1 bed-selection"> 4 </div>
<div class="col-xs-5 bed-selection"> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio"
data-bind="attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[3]'}, 'checked': babyBedTypes()[3]" value="TRAVEL_COT" name="rooms[0].babyBedTypes[3]"> <span class="selectable-input__label-text"> Pinnasänky </span> </label> </div>
<div class="col-xs-5 bed-selection"> <label class="selectable-input radio-button bedtype-radio-label no-icheck"> <input class="no-icheck" type="radio"
data-bind="attr: { 'name': 'rooms[' + $index() + '].babyBedTypes[3]'}, 'checked': babyBedTypes()[3]" value="NEXT_TO_ADULT" name="rooms[0].babyBedTypes[3]"> <span class="selectable-input__label-text"> Vieressä </span> </label> </div>
<div class="col-xs-1 bed-selection">
<a class="remove-cross" data-bind="click: decrementBabies"><svg version="1.1" class="icon-close-thin" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50px" height="50px" viewBox="-24 26 50 50" enable-background="new -24 26 50 50" xml:space="preserve"> <g> <rect x="0" y="42.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="2" height="16.8"></rect> <rect x="-7.4" y="50" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -35.7696 15.6447)" width="16.8" height="2"></rect> </g> </svg> </a>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="pad-horizontal40-vertical0">
<div class="col-xs-12 center">
<div class="addBabyButton" data-bind="click: incrementBabies"> + Lisää lapsia (0-2 v) </div>
</div>
</div>
<div class="col-xs-12">
<hr class="search-separator-thin no-top-margin">
</div>
</div>
<div class="pad-horizontal40-vertical0">
<div class="col-xs-12 center">
<div class="addRoomButton" data-bind="click: addRoom"> + Lisää huone </div>
</div>
</div>
<div class="col-xs-12">
<div class="spaceme25"></div>
</div>
<div class="row pad-horizontal40-vertical0 center">
<div class="col-xs-2"></div>
<div class="col-xs-8"> <a href="javascript:void(0);" class="link-red" data-bind="click: toggleRoomsMobileSelection">Valmis </a> </div>
<div class="col-xs-2"></div>
</div>
<div class="col-xs-12">
<div class="spaceme25"></div>
</div>
</div>
</div> <span class="hidden-phone hidden-tablet"> </span> <span class="hidden-desktop">
<div class="asom-notice" data-bind="fadeVisible: bonusCard" style="display: none;">
<div class="lock asom-notice-logo">
<div class="below"> <svg aria-hidden="true" class="icon-s-asom" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
<defs>
<style>
.icon-s-asom-cls-1 {
fill: #00aa46;
}
.icon-s-asom-cls-2 {
fill: #fff;
}
</style>
</defs>
<title>AO tunnus RGB</title>
<rect class="icon-s-asom-cls-1" width="1000" height="1000"></rect>
<path class="icon-s-asom-cls-2"
d="M489.41,249c50.27-50.24,115.12-72.25,184-72.25h50.93V128.35H673.12c-81.78,0-158.6,27-217.93,86.36-59.7,59.7-86.36,136-86.36,219.38v125a88.7,88.7,0,0,1-1.08,14.31c-1.73,9.33-5.57,16.95-11.82,23.18a48,48,0,0,1-17.59,10.67A88,88,0,0,1,322,611c-13.52,2-46.35,2.76-46.35,2.76v150h44.48c56.65,0,108.71-17.24,147.65-56.11s56-88.65,56-142.29V434.09c0-40.45,12.84-78.42,42.55-108,29.87-29.78,67.79-42.66,107.57-42.66h7V341c-13.6.91-23.1,2.19-35.47,6.1a88.5,88.5,0,0,0-36.27,21.72c-18.17,18.05-25.7,41.26-25.7,65.21v131.3c0,70.14-22.41,134.67-72.88,185.12-50.27,50.24-115.12,72.25-184,72.25H275.69v48.37h51.19c81.78,0,158.6-27,217.93-86.36,59.7-59.7,86.36-136,86.36-219.38v-125a88.7,88.7,0,0,1,1.08-14.31c1.73-9.33,5.57-16.95,11.82-23.18a48,48,0,0,1,17.59-10.67A88,88,0,0,1,678,388.46c13.52-2,46.35-2.76,46.35-2.76v-150H679.83c-56.65,0-108.71,17.24-147.65,56.11s-56,88.65-56,142.29v131.3c0,40.45-12.84,78.42-42.55,108C403.73,703.2,365.8,716.09,326,716.09h-7V657.22c13.6-.91,24-2.62,35.47-6.1,13.1-4,25.44-9.76,36.27-20.51,18.17-18.05,25.7-41.26,25.7-65.21V434.09C416.53,363.94,438.94,299.41,489.41,249Z">
</path>
</svg> </div>
</div>
<div class="asom-notice asom-notice-title">Kirjautuneelle asiakasomistajalle vieläkin paremmat hinnat!</div>
<div class="asom-notice asom-notice-text">Saat edut käyttöösi kirjautumalla S-käyttäjätilillä verkkosivuillemme.</div>
<div class="asom__login-button login-green-transparent login-button-dialog stunnistus-login-link"> <a href="/sid/authorize?ui_locales=fi&returnurl=%2F">Kirjaudu</a> </div>
</div>
</span> <span class="hidden-phone hidden-tablet"> </span> <span class="hidden-desktop">
<div class="scard-notice" data-bind="fadeVisible: scard" style="display: none;">
<div class="lock asom-notice-logo">
<div class="below"> <!--?xml version="1.0" encoding="utf-8"?--> <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M45.4545 0H4.54545C2.03507 0 0 2.03507 0 4.54545V45.4545C0 47.9649 2.03507 50 4.54545 50H45.4545C47.9649 50 50 47.9649 50 45.4545V4.54545C50 2.03507 47.9649 0 45.4545 0Z" fill="#BA0C2F"></path>
<path
d="M5.4506 29.9585C7.06159 29.9585 8.2123 29.0708 8.2123 27.668V27.6461C8.2123 26.3858 7.37941 25.7611 5.62595 25.3666C3.93825 24.994 3.54372 24.6214 3.54372 23.8981V23.8762C3.54372 23.2296 4.14647 22.7035 5.12183 22.7035C5.92185 22.7035 6.64515 22.9666 7.37941 23.5583L7.9712 22.7474C7.16023 22.0898 6.30542 21.7611 5.14375 21.7611C3.60947 21.7611 2.49164 22.6816 2.49164 23.9748V23.9967C2.49164 25.3556 3.36837 25.9255 5.16567 26.32C6.78762 26.6817 7.16023 27.0653 7.16023 27.7447V27.7667C7.16023 28.5009 6.49172 29.016 5.48348 29.016C4.42045 29.016 3.63139 28.6434 2.82042 27.9201L2.17383 28.6872C3.12727 29.542 4.20127 29.9585 5.4506 29.9585Z"
fill="white"></path>
<path d="M9.6899 26.9338H12.9338V25.8817H9.6899V26.9338Z" fill="white"></path>
<path
d="M18.4752 29.9804C19.9437 29.9804 20.8533 29.4324 21.6862 28.5776L20.9958 27.8982C20.2615 28.5995 19.5711 29.016 18.508 29.016C16.8203 29.016 15.56 27.6132 15.56 25.8598V25.8378C15.56 24.0844 16.8203 22.7035 18.508 22.7035C19.5382 22.7035 20.2725 23.1419 20.941 23.7666L21.6314 22.9885C20.8423 22.2542 19.9766 21.7391 18.519 21.7391C16.1518 21.7391 14.4641 23.6022 14.4641 25.8598V25.8817C14.4641 28.1721 16.1738 29.9804 18.4752 29.9804Z"
fill="white"></path>
<path d="M25.0218 26.8461L26.7095 23.0433L28.3972 26.8461H25.0218ZM22.6327 29.8489H23.7177L24.6273 27.7886H28.7917L29.7013 29.8489H30.8192L27.2246 21.8158H26.2383L22.6327 29.8489Z" fill="white"></path>
<path
d="M33.4721 25.9036V22.835H35.8064C37.0229 22.835 37.7352 23.394 37.7352 24.3364V24.3584C37.7352 25.3118 36.9462 25.9036 35.8064 25.9036H33.4721ZM32.4201 29.8489H33.4721V26.8461H35.5982L37.801 29.8489H39.0722L36.716 26.6598C37.9325 26.4077 38.7983 25.6187 38.7983 24.3036V24.2817C38.7983 23.646 38.5681 23.0652 38.1626 22.6707C37.6695 22.1665 36.8804 21.8706 35.8831 21.8706H32.4201V29.8489Z"
fill="white"></path>
<path
d="M40.7464 29.8489H43.5848C46.0945 29.8489 47.826 28.1064 47.826 25.8598V25.8378C47.826 23.5912 46.0945 21.8706 43.5848 21.8706H40.7464V29.8489ZM43.5848 22.835C45.4917 22.835 46.7191 24.1611 46.7191 25.8598V25.8817C46.7191 27.5913 45.4917 28.8845 43.5848 28.8845H41.7985V22.835H43.5848Z"
fill="white"></path>
</svg> </div>
</div>
<div class="scard-notice scard-notice-title">Kirjaudu sisään</div>
<div class="scard-notice scard-notice-text">Näin voit varata huoneita S-Card-asiakkaana sekä tarkastella ja päivittää omia tietojasi.</div>
<div class="asom__login-button login-green-transparent login-button-dialog stunnistus-login-link"> <a href="/sid/authorize?ui_locales=fi&returnurl=%2F">Kirjaudu</a> </div>
</div>
</span>
<div class="hidden-tablet spaceme-portlet-bottom outside-spacer"></div> <input id="sourceCode" name="sourceCode" value="SGR_SH" type="hidden">
</form>Name: hrefFm — POST #
<form action="#" id="hrefFm" method="post" name="hrefFm"> <span></span> </form><form> <input type="hidden" id="themeIncludeDisableSessionCheck" value=""> <input type="hidden" id="themeIncludeReservationInSessionUrl"
value="https://www.sokoshotels.fi/fi?p_p_auth=aLjGMW5m&p_p_id=themeinclude_WAR_sokoshotelsportlets_INSTANCE_abcxyz123&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=hasReservationInSession&p_p_cacheability=cacheLevelPage">
<input type="hidden" id="themeIncludeReservationNumber" value=""> <input type="hidden" id="themeIncludeLocale" value="fi"> </form>POST https://www.sokoshotels.fi/fi/-/header/reservationSearch
<form id="myReservationForm" action="https://www.sokoshotels.fi/fi/-/header/reservationSearch" method="post">
<h2 class="default myreservation-dialogheader"> Anna varaustietosi </h2>
<div class="portlet-msg-info reservationInSessionWarning spaceme10" style="display:none;"> Huomaathan, että sinulla on jo toinen varaus auki selaimessa. Jos haet uuden varauksen, edellinen suljetaan. </div> <label for="reservationNumber">
Varausnumero * <img class="reservationInfoIcon hidden-phone" src="/sokoshotels-liferay-theme/img/icons/info2.png" style="margin-bottom: 3px;"
alt="Kiitos varauksestasi! Löydät varausnumeron sinulle lähetetystä Sokos Hotellien sähköpostivahvistuksesta. Jos varausnumeroasi ei löydy, ole hyvä ja ota yhteyttä myyntipalveluumme tai hotelliin." data-hasqtip="0"> </label> <input
id="reservationNumber" name="reservationNumber" class="formfield" type="text" value="">
<div class="spaceme5"></div> <label for="lastName"> Sukunimi *</label> <input id="lastName" name="lastName" class="formfield" type="text" value="">
<div class="spaceme15"></div>
<div class="spaceme5"></div> <span class="hidden openDialog"></span> <button id="reservationDialogSearch" class="myReservation-button button-red cancel-session-polling">Hae majoitusvaraus</button>
</form><form id="reservation-expired-form">
<p class="portlet-msg-error">Olet avannut toisen varauksen tarkasteluun. Tämä varausnäkymä on vanhentunut. </p> <span class="hidden submitText">Ok</span>
</form>Text Content
HYÖDYNNÄMME EVÄSTEITÄ PALVELUMME PARANTAMISEKSI Käytämme evästeitä sivuston toimivuuden, personoinnin ja analytiikan toteuttamiseksi. Hyväksymällä kohdentamis- ja markkinointievästeet voimme tarjota sivuston käyttäjälle kohdennettuja sisältöjä sekä helpottaa kiinnostavien tuotteiden ja palveluiden löytämistä. Käytämme sivustoilla myös kolmansien osapuolien mainosevästeitä. Kolmannet osapuolet voivat käyttää evästeen kautta saatuja tietoja itsenäisiin käyttötarkoituksiin. Evästeasetuksia voi koska tahansa muuttaa asetuksista. Hyväksy kaikki evästeet Lue lisää evästeistä tai muuta evästeasetuksia Sokos Hotels logo Hae varaus fi arrow-thin-down * fi * sv * en * ru * et Kirjaudu Kirjautuneena käyttäjänä näet tulevat varauksesi verkkopalvelussa sekä nopeutat sisäänkirjautumista hotellissa. Kirjaudu Luo S-käyttäjätili Omat varaukset -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- S-käyttäjätili Omat tiedot Liitä S-Card Liitä S-Etukortti Kirjaudu ulos Menu Sulje Kirjautuneena käyttäjänä näet tulevat varauksesi verkkopalvelussa sekä nopeutat sisäänkirjautumista hotellissa. Kirjaudu Luo S-käyttäjätili Varaa huone -------------------------------------------------------------------------------- Etusivu Hotellit Tarjoukset Kokous&juhlat S-Card Työmatkustus Ryhmät Asiakaspalvelu -------------------------------------------------------------------------------- Omat varaukset fi sv en ru et Hotellit Tarjoukset Kokous&juhlat S-Card Työmatkustus Ryhmät Asiakaspalvelu Espoo Helsinki Hämeenlinna Iisalmi Joensuu Jyväskylä Kajaani Kokkola Koli Kotka Kouvola Kuopio Lahti Lappeenranta Levi Mikkeli Nurmes Oulu Pori Rovaniemi Salo Savonlinna Seinäjoki Tahko Tampere Turku Vaasa Vantaa Vuokatti Pietari Tallinna Teemahuoneet Kokoukset Juhlat Saunat Tarjouspyyntö Myyjien yhteystiedot Keskittämissopimus Sporttiklubi Kotimaiset matkanjärjestäjät Tarjouksia ryhmille Varaa nyt › S-Card palkintoyön varaaminen Pietarin hotelleihin ei valitettavasti ole mahdollista verkkopalvelussa. Ota yhteyttä myyntipalveluumme, puh +358 20 1234 600. Sulje Varaa nyt › Valitse kaupunki tai hotelli Joustavat päivät AO tunnus RGB S-Etukortti s-card S-Card Varaa palkintoyö Varaa palkintoyö toiselle -------------------------------------------------------------------------------- HUONE 1 1 2 3 4 5 6 2 Aikuisia 0 1 2 3 0 Lapsia 3-15 v 0 1 2 3 0 Lapsia 0-2 v Lapset 3-15v nukkuvat lisävuoteessa Lapsia (0-2 v) Pinnasänky Vieressä Lapsia (0-2 v) Pinnasänky Vieressä Lapsia (0-2 v) Pinnasänky Vieressä Lapsia (0-2 v) Pinnasänky Vieressä + Lisää huone Varauskoodit › Huoneita 1, Aikuisia 2, Lapsia 0 Etukortit Varauskoodit AO tunnus RGB S-Etukortti s-card S-Card Varaa palkintoyö Varaa palkintoyö toiselle Suljeclose-thin HUONEET JA HENKILÖT -------------------------------------------------------------------------------- Poista Huone 1 HUONE 1 Aikuisia 2 Lapsia (3-15 v) 0 Lapset 3-15v nukkuvat lisävuoteessa Lapsia (0-2 v) -------------------------------------------------------------------------------- 1 Pinnasänky Vieressä 2 Pinnasänky Vieressä 3 Pinnasänky Vieressä 4 Pinnasänky Vieressä + Lisää lapsia (0-2 v) -------------------------------------------------------------------------------- + Lisää huone Valmis AO tunnus RGB Kirjautuneelle asiakasomistajalle vieläkin paremmat hinnat! Saat edut käyttöösi kirjautumalla S-käyttäjätilillä verkkosivuillemme. Kirjaudu Kirjaudu sisään Näin voit varata huoneita S-Card-asiakkaana sekä tarkastella ja päivittää omia tietojasi. Kirjaudu TYÖMATKAAJAN PARAS KAVERI ONKO SINULLA JO S-CARD? Tutustu ja tilaa UUSI KIRJAUTUMISTAPA S-KÄYTTÄJÄTILI LUE LISÄÄ, MITEN KIRJAUTUMINEN MUUTTUI. tutustu ANNA LAHJAKSI IHANIA ELÄMYKSIÄ JA ONNELLISIA UNIA! HOTELLILAHJAKORTTI ALK. 99 € tutustu VARAA STAYCATION, PIENI LOMA KOTIKAUPUNGISSASI! Tutustu ja varaa KIITOS ASIAKKAAMME! VALITSITTE SOKOS HOTELLIT JO 10. KERRAN SUOMEN LUOTETUIMMAKSI HOTELLIKETJUKSI. lue lisää TYÖMATKAAJAN PARAS KAVERI ONKO SINULLA JO S-CARD? Tutustu ja tilaa UUSI KIRJAUTUMISTAPA S-KÄYTTÄJÄTILI LUE LISÄÄ, MITEN KIRJAUTUMINEN MUUTTUI. tutustu TURVALLISESTI HOTELLEISSAMME Vieraidemme ja henkilökuntamme hyvinvointi on meille ensiarvoisen tärkeää. Teemme kaikkemme, että hotelliemme ja ravintoloidemme turvallisuus ja hygienia ovat erityisen hyvin hoidettu. Tällä hetkellä kiinnitämme näihin asioihin erityisen suurta huomiota. Tässä keskeisimpiä nostoja toimenpiteistämme ja ohjeita vierailuun yhteisen turvallisuuden takaamiseksi. lue lisää TURVALLISESTI HOTELLEISSAMME Vieraidemme ja henkilökuntamme hyvinvointi on meille ensiarvoisen tärkeää. Teemme kaikkemme, että hotelliemme ja ravintoloidemme turvallisuus ja hygienia ovat erityisen hyvin hoidettu. Tällä hetkellä kiinnitämme näihin asioihin erityisen suurta huomiota. Tässä keskeisimpiä nostoja toimenpiteistämme ja ohjeita vierailuun yhteisen turvallisuuden takaamiseksi. lue lisää SYKSYN PARHAAT MATKAVINKIT Syksyllä nautitaan Suomen ainutlaatuisesta luonnosta. Koe kaunis ruskaloma pohjoisessa tai lataa akkuja kaupunkilomalla. Tutustu vinkkeihin ja suunnittele oma syyslomasi: varaa lyhyt staycation tai vietä reissunpäällä vaikka koko viikko! Varaa syysloma SUOMEN HURMAAVIN TEHTÄVÄ ON ONNELLISTAMINEN Me täällä Sokos Hotelleissa haluamme vieraitamme onnellistamalla saada suomalaiset rakastamaan hotelleja. Sen eteen on paiskittu hommia ja sen eteen tullaan tekemään töitä jatkossa vielä enemmän. Lue lisää ASIAKASOMISTAJALLE PARHAAT EDUT SAAT TÄÄLTÄ Asiakasomistajana saat huikeat edut – ja kirjautuneena asiakasomistajana vieläkin paremmat! Alennuksesi on jopa -25 %. Lisäksi saat tietenkin myös Bonusta. Tutustu ja varaa SYKSYN PARHAAT MATKAVINKIT Syksyllä nautitaan Suomen ainutlaatuisesta luonnosta. Koe kaunis ruskaloma pohjoisessa tai lataa akkuja kaupunkilomalla. Tutustu vinkkeihin ja suunnittele oma syyslomasi: varaa lyhyt staycation tai vietä reissunpäällä vaikka koko viikko! Varaa syysloma SUOMEN HURMAAVIN TEHTÄVÄ ON ONNELLISTAMINEN Me täällä Sokos Hotelleissa haluamme vieraitamme onnellistamalla saada suomalaiset rakastamaan hotelleja. Sen eteen on paiskittu hommia ja sen eteen tullaan tekemään töitä jatkossa vielä enemmän. Lue lisää ASIAKASOMISTAJALLE PARHAAT EDUT SAAT TÄÄLTÄ Asiakasomistajana saat huikeat edut – ja kirjautuneena asiakasomistajana vieläkin paremmat! Alennuksesi on jopa -25 %. Lisäksi saat tietenkin myös Bonusta. Tutustu ja varaa AJANKOHTAISTA TULE MUKAAN KEHITTÄMÄÄN S-RYHMÄN DIGIPALVELUITA! JOULU-TAMMIKUUN POIKKEAVAT AUKIOLOAJAT SOKOS HOTELLEISSA, MYYNTIPALVELUSSA JA S-CARD ASIAKASPALVELUSSA KUMMIURHEILIJAN KATSE TÄHYÄÄ PEKINGIIN LUMENE JA SOKOS HOTELS ALOITTAVAT YHTEISTYÖN KATSO LISÄÄ UUTISIA KOTOISASTI KAUPUNGISSA Viihdy ENERGIAA RENTOUTUMALLA Rentoudu TYYLIKKÄÄSTI KAUPUNKILOMALLA Nauti TILAA PARHAAT TARJOUKSET! Tietoa meistä Ajankohtaista Lahjakortit Lemmikit Solo by Sokos Hotels Break by Sokos Hotels Original by Sokos Hotels Vastuullisuus Sokos Hotelleissa Green Key -ympäristöohjelma Muuta evästeasetuksia YHTEYSTIEDOT » Sokos Hotels Myyntipalvelu Puhelin 0300 870 000 ma-pe klo 8-18 Katso puheluiden hinnat » HOTELLIEN YHTEYSTIEDOT Asiakaspalvelu Medialle Avoimet työpaikat Yhteistyökumppanimme ANNA PALAUTETTA Kirjoita meille Soita meille, puh. 09 4153 4611 RAVINTOLAT raflaamo.fi S-RYHMÄ S-Kanava ETUKORTIT » S-Etukortti S-Card S-Business S-RYHMÄN MUUT HOTELLIT Radisson Blu Hotellit Suomessa VERKOSSA Varausohjeet | Varausehdot | Käyttöehdot | Tietosuoja | Copyright arrow-thin-down kohde lisätty tarjouspyyntöön kohdetta lisätty tarjouspyyntöön Jatka tarjouspyyntöön close-thin INTERNETSELAIMESI ON VANHENTUNUT Sivuston kaikki ominaisuudet eivät toimi nykyisellä selaimellasi. Suosittelemme päivittämään selaimesi uudempaan allaolevista linkeistä: * Firefox * Google Chrome * Internet Exporer ODOTA HETKI... » ANNA VARAUSTIETOSI Huomaathan, että sinulla on jo toinen varaus auki selaimessa. Jos haet uuden varauksen, edellinen suljetaan. Varausnumero * Sukunimi * Hae majoitusvaraus TILAVARAUKSET Kokous-, juhla- ja saunatilojen varaukset Kirjaudu sisään Näin voit varata huoneita S-Card-asiakkaana sekä tarkastella ja päivittää omia tietojasi. Kirjaudu AO tunnus RGB Jos haluat tehdä omistajahintaisia varauksia ja kerryttää Bonusta, kirjaudu ulos Oma S-Card -palvelusta. Kirjaudu ulos Sulje s-card Jos haluat tehdä varauksia S-Card-asiakkaana, kirjaudu ulos S-tunnuksilla ja kirjaudu Oma S-Card -palveluun. Kirjaudu ulos Sulje AO tunnus RGB Kirjautuneelle asiakasomistajalle vieläkin paremmat hinnat! Saat edut käyttöösi kirjautumalla S-käyttäjätilillä verkkosivuillemme. Kirjaudu VARAUSNÄKYMÄ ON VANHENTUNUT. Olet avannut toisen varauksen tarkasteluun. Tämä varausnäkymä on vanhentunut. Ok Ok