/*
Scheme: Bootstrap
Description: General stylesheet
*/


.planyo {p
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight:400;
    color: #666666;
    line-height: 1.5;
    clear:both;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
         box-sizing:initial;
    overflow-x:hidden;
}

.planyo a {
    box-shadow: none;
    transition: initial;
    -webkit-box-shadow:none;
    color:#3aafa9;
}

.planyo a:hover{color: #2b7a78;
    text-decoration: none;
    -webkit-box-shadow:none;

}
.planyo ol,.planyo ul,.planyo ul li{
    list-style: none; 
    list-style-type: none;
}
  .planyo img{margin:0px; img-webkit-transform: initial!important;  -ms-transform: initial!important;
    -moz-transition:initial!important;
   -webkit-transition: initial!important;
transition:initial!important;
  -webkit-transition-timing-function: initial!important; 
    transition-timing-function: initial!important;
      -webkit-transform:initial!important;
  }
  .planyo .img-thumbnail{transform: initial!important;}

/* fonts*/
.planyo #resource-details h1, .planyo #reservation-code h1, .planyo #payment-code h1, .planyo #completed_code h1, .planyo #details_code h1,.planyo #shopping_cart_items h1,.planyo #products-code h1{
    color: #4d5567; /*#428bca*/
    line-height: 45px;
    font-weight: 200;
    position: relative;
    margin-bottom: 35px;
    margin-top: 20px;
    font-size: 30px;
    text-align: left;
}
.planyo .lead {
    font-size: 16px;
}
.planyo .container-fluid{padding-left:0px;padding-right:0px;}

/* buttons*/
.planyo a.btn.btn-primary.btn-lg,.planyo a.btn.btn-primary,.planyo a.btn.btn-primary.btn-lg,.planyo a.btn.btn-info.btn-lg,.planyo .btn-primary.btn-lg, .btn-primary.button, input.cart_popup_button,#add_cart_button,.planyo input[type="button"]{
    border-color: #3aafa9; /*#357ebd*/
    font-weight: bold; 
    display: inline-block;
    font-size:16px;
    margin: 0;
    padding: 12px 10px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #3aafa9; /*#42bac5 #428bca #4d5567*/
    border-radius: 4px;
    background-image: none;
    line-height: 1.45em;
    border-width: 0;
    min-height: 50px;
    width: 100%;

}

.planyo a.btn.btn-primary.btn-block,.planyo input[type="button"]{
    border-color: #3aafa9; /*#357ebd*/
    font-weight: bold; 
    display: block;
    font-size:16px;
    margin: 0 0 4px 0;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #3aafa9; /*#42bac5 #428bca #4d5567*/
    border-radius: 4px;
    background-image: none;
    border-width: 0;
    min-height: 50px;
    padding:12px 10px;
 

}

.planyo #product-page .btn-group .btn-primary {
    min-width: 56px;
    height: 37px;
    font-size: 16px;	
    color: #fff;
    background-color: #3aafa9;
    border-radius: 4px;
    border-color: #ffffff;
}

.planyo a.btn-secondary.btn-block,.planyo input[type="button"]{
    border-color: #3aafa9; /*#357ebd*/
    font-weight: bold; 
    display: block;
    font-size:16px;
    margin: 0 0 4px 0;
    padding: 12px 10px;
    text-align: center;
    white-space: nowrap;
    color: #3aafa9;
    background-color: #ffffff;
    border-radius: 4px;
    background-image: none;
    border: 1px solid #3aafa9;
    min-height: 50px;
    width:100%;

}
.planyo a.btn-secondary,.planyo input[type="button"]{
    border-color: #3aafa9; /*#357ebd*/
    font-weight: bold; 
    display: inline-block;
    font-size:16px;
    margin: 0 0 4px 0;
    padding: 12px 12px;
    text-align: center;
    white-space: nowrap;
    color: #3aafa9;
    background-color: #ffffff; /*#42bac5 #428bca #4d5567*/
    border-radius: 4px;
    background-image: none;
    line-height: 1.45em;
    border: 1px solid #3aafa9;
    min-height: 50px;
    width: 173px;

}
a.btn-secondary:focus{
    color: #3aafa9;
}
.planyo .btn-primary:hover,.planyo a.btn.btn-primary.btn-lg:hover,.planyo a.btn.btn-primary:hover,.planyo a.btn.btn-secondary:hover,.planyo a.btn.btn-primary.btn-lg:hover,.planyo .btn-primary.btn-lg:hover, .planyo a.btn.btn-info.btn-lg:hover,input.cart_popup_button:hover,input#add_cart_button:hover,.planyo input[type="button"]:hover{
    border-color: #2b7a78;
    background-color: #2b7a78 !important; /*#576074 MUUTETTU*/
    color: white;
    cursor:pointer;
}

/* resource list large content*/
#resources .resource-info,#searchview-code .resource-info{
    zoom: 1; 
    padding: 16px;
    border: 1px #eee;
    border-style: solid;
    border-bottom: 0;}
#resources .resource-info:last-child {border-bottom:1px solid #eee;}
#resources .resource-image,#searchview-code .resource-image{padding:0;max-height: 270px;
    overflow: hidden;}
#resource-list-thumb img {padding:0; border:0; border-radius:3px;}
.planyo .img-responsive{width:100%;}
#resources .resource-info:first-child,#searchview-code .resource-info:first-child {margin-top: 25px;}
#resources .resource-description,#searchview-code .resource-description {padding-top:10px;text-align:justify;margin-bottom:15px; font-size:14px; color:#666666;}
#resources .resource-contents h2,#searchview-code .resource-contents h2 {margin-top:0;}
#resources .resource-props,#searchview-code .resource-props {text-align:right;}
.mdi {font-size:24px;padding:6px 6px 6px 0;position:relative;top:4px;}
.mdi-star {font-size:20px;}
#resources .action-buttons,#searchview-code .action-buttons{
                            float:right;
                            text-align: right;
                            position: relative;
                            bottom: 0;
                            right: 0;
                            padding:0;
}
 #resources h2.resource-name{float:left; font-size:36px;}   
 #search_results h4.resource-name, #resources h4.resource-name{padding-bottom:0px; margin-top:0px; font-size:16px; font-weight:600; color:#3aafa9;}   
 
.col-sm-12.resource-contents{padding:0;margin:0;}
.col-xs-12.custom_properties{text-align:right;margin-bottom:5px;padding:0px;}
#resources .custom_property,#searchview-code .custom_property {
    text-align:center;
    margin: 5px 0px;
    padding: 6px 10px 8px 10px;
    border-radius:4px;
    background:#e1dce8; /*rgba(37, 51, 64, 0.11);*/
    display: inline-block;
    font-weight: 500;
    line-height: 1.7;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
.custom_property {
display: inline-block;
margin: 0px 50px 8px 0px;
}
#resources .planyo_cart_widget,#resource-details .planyo_cart_widget{
    margin-top: 10px;
    float: right;
}
/* search results */
.search-result-container {margin-top:0px;zoom: 1; 
    
    border-bottom: 0;}
    
.bg-danger {background-color: #ffffff;}
.alk {
font-size:12px;
color:#666666;
font-weight:400;
}
.search-price {
    border-radius: 4px;
    font-weight: 600;
    line-height: 1.1;
    color: #3aafa9;

    font-size: 16px;
    float: right;
}
.search-price h2{
    text-align: center;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    border-radius: 4px;
    
    display: inline-block;
    padding-top: 5px;
    font-weight: 600;
    line-height: 1.1;
    color: #3aafa9;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 16px;
    float: right;
}
.orig-price{
    float:right;
    clear:right;
    color:#666666;
    font-size:14px;
    text-align:right;
    width:50%;
    text-decoration:line-through;
}

.resource-name {
    padding-bottom: 0;
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
}

.resource-thumbnail .price-tag {
    float: left;
    padding-top: 5px;
    font-size: small;
    font-weight: 600;
    position: absolute;
    top: 0;
    background: #3aafa9;
    color: white;
    padding: 5px;
    width: 150px;
    left: 0;
    text-align: center;
}
    
/* horizontal search box */
#row_ppp_box_price_range label {display: none;}
#row_ppp_box_price_range .noUi-horizontal {height: 6px;}
#ppp_box_price_range_el.range_slider_el {
    padding-left: 10px;
    padding-right: 11px;
}
.noUi-horizontal .noUi-connect {background: #3aafa9;}
.noUi-horizontal .noUi-tooltip {font-size: 12px; color: #777777;border:0;left:40%;padding:3px;}
#row_ppp_box_price_range .noUi-handle {width:28px; top:-11px;border-radius:100%;box-shadow: inset 0 0 1px #FFF, 0 1px 4px #EBEBEB, 0 3px 4px -3px #BBB;}
.noUi-horizontal .noUi-handle:before {background:none;width:0;}
.noUi-horizontal .noUi-handle:after {background:none;width:0;}
.planyo #search_form.form-inline .planyo-form-item-group {margin-right:0;}
.planyo #search_form.form-inline .planyo-form-item-group label {margin-right:0;}
.planyo #search_form.form-inline #res_form_buttons {display:inline-block;}
#filterContainer {
  display: none; /* Hide the filters by default */
}
.filter-button {
  float:right;
  margin-top:10px !important;
  margin-bottom:15px !important;
    display: block;
    font-size: 14px;
    padding: 7px 12px;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff;
    border-radius: 4px;
    background-image: none;
    border: 1px solid #ccc;
    color: #555;
    cursor:pointer;
}
.filter-button svg {vertical-align:middle; margin-right:5px;}
#box_search_form {font-size:0px;}
.form-inline .checkbox label {font-size:14px;}
.planyo label  {
    font-size: 14px;
    font-weight: 600;
    color: #777777;}
#row_prop_res_number_of_persons {position:relative;}
#row_prop_res_makuuhuoneet {position:relative;}
#row_prop_res_sijainti {position:relative;}

#box_prop_res_makuuhuoneet {
  padding-left: 44px;
}
#box_prop_res_sijainti {
  padding-left: 44px;
}
#box_prop_res_number_of_persons {
  padding-left: 44px;
}
.dropdown_icon {
    position: absolute;
    left: 13px;
    top: 28px;
    transform: translateY(-50%);
    pointer-events: none;}
#res_form_buttons_mobile {
    display: none;
}
#res_form_buttons_desktop {
    display: none;
}    
    #res_form_buttons {margin-top:0}
    #row_box_start_date .input-group-addon {background-color:#ffffff}
   .datefld .input-group-addon {background-color:#ffffff}
    
/* shopping cart */
#shopping-cart .resource-contents h2 {margin-top:0;}
#shopping_cart_items h3 {
    text-align: right;
    color: #428bca;
    font-weight: 700;
    font-size:medium;
    padding-right: 15px;
}
  .planyo #shopping-cart .img-responsive {
    width: 100px;
    float: left;
	margin-right: 20px;
	border: 0px;
}
#shopping-cart .col-xs-8.resource-contents{padding-left:0px;}
  .planyo .col-sm-1.resource-thumbnail {
   padding:0px;
}
#shopping-cart h4{color:#428bca;font-size:medium}
.planyo #shopping-cart .list-group-item{
    border-left: 0px;
    border-right: 0px;
    position: initial;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.planyo li.list-group-item.cart-item:first-child {
    border-top: 0px;
}
#shopping-cart .col-xs-5 h4{float:left;}
#shopping-cart .col-xs-5 .action-buttons{float:right;}

/* resource details */
#resource-details .resource-img {width:100%;}
#resource-details .carousel {
    position: relative;
    padding: 0;
}
#resource-details .description {text-align: justify;
    padding-top: 30px;
    font-size: 14px;
    line-height: 1.7;
    width:100%;
}
#resource-details h1, .planyo #products-code h1, #resource-details .calendar-preview, #resource-details .resource-footer {text-align:center;}
#resource-details .resource-footer {margin-top:30px;margin-bottom:20px;}
#resource-details .custom_property {
   text-align: center;
   float:left;
    margin: 5px 10px;
    padding: 6px 10px 8px 10px;
    border-radius: 4px;
    background: rgba(37, 51, 64, 0.11);
    display: inline-block;
    font-weight: 500;
    line-height: 1.7;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
.planyo #resource-details .custom_properties{margin: 20px -10px 20px -10px;}
.planyo .custom_properties {width:100%;display: inline-block;}
#lisainfo {
    margin-bottom: 8px;
    display: flex;
    align-items: baseline;
    gap: 5px;
}
#policy{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 8px;
    align-items: baseline;
}
#policy-noicon{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 50px;
    margin-top: 15px;
}
#osoite {
    margin-bottom: 20px;
}
.resource-description{
    margin-bottom:40px;
}
#readMoreLink {
    cursor:pointer;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.text-wrapper {
    position: relative;
    max-height: 200px; 
    overflow: hidden; 
}

.text-wrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 85px; 
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.amenities-list {
column-count: 3;
column-gap: 20px;
line-height: 2.3;
list-style-type: none;
padding-left: 0;
}

.amenities-list ul {
padding-left: 0;
}
.amenities-list li {
padding-left: 25px;
position: relative;
}

.amenities-list li::before {
content: '✓';
color: #2b7a78;
position: absolute;
left: 0;
top: 0;
}

/* reservation steps - desktop */
span.reservation_step, span.reservation_step_current {display:inline-block; margin-right: 25px; width:100px; vertical-align:top;}
.reservation_step .reservation_step_img, 
.reservation_step_current .reservation_step_img {margin-left: auto; margin-right: auto; margin-bottom:5px; padding-top:1px; width: 40px; height: 40px; text-align:center; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;line-height: initial;}
.reservation_step_current .reservation_step_name {color: #2b7a78;}
.reservation_step .reservation_step_name {color: rgba(37, 51, 64, 0.26);}
.reservation_step .reservation_step_img {background-color:rgba(37, 51, 64, 0.22);}
.reservation_step_current .reservation_step_img {background-color:#2b7a78;}
.reservation_step .reservation_step_name,
.reservation_step_current .reservation_step_name {font-family:sans-serif; font-size: 12px; font-weight: bold; text-align:center; margin-bottom:8px;}
.reservation_step_current .reservation_step_img_text, #steps-desktop .reservation_steps .reservation_step .reservation_step_img_text strong,
div.reservation_step_img_text {padding-top: 9px; font-size: 16px; color: white; text-align:center;}
.reservation_step_current .reservation_step_img_text {color: white;}
.with-status-border-error {border:1px solid red !important}

/* reservation form */
#row_start_date .input-group-addon {background-color: #ffffff;}
#row_end_date .input-group-addon {background-color: #ffffff;}
.planyo textarea,.planyo input[type="text"], .planyo input[type="password"], .planyo input[type="date"], .planyo input[type="email"], .planyo input[type="tel"], .planyo input[type="number"]{
    background: white;
    color: #666;
    height:42px !important;
    border: 1px solid #ccc;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -box-shadow:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;
    box-shadow:none;
-webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; 
  line-height: initial!important;
  width: 100%;
}

.planyo input[type="checkbox"]{
    width: 20px;
    height: 20px;
    min-width:20px;
    margin: 2px 10px 2px 0px;
    cursor: pointer;
    vertical-align:middle;
}

.planyo .checkbox input[type="checkbox"]{
   position: relative;
  accent-color: darkcyan;
}

 #reserve_form {margin-top: -20px;}
.planyo .form-control, #planyolang {
    border-radius: 4px;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 6px 10px 6px 12px;
    width: 100%;
    height:50px;
    min-height: 50px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #777777;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
}
#reserve_form label {
    display: block;
    float: none;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    color: #555;
}
#planyolang {
    display: block;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

#reserve_form #row_resource_name {
    display: none;
}

.planyo .language {float:right;padding-left:0;}

.planyo textarea#user_notes {
    min-height: 128px;
}
#price_info_area {padding:0px;display:none;}
#reservation-code #resource_name {display:none;}

#reservation-code .col-xs-6.prefix{ padding-right: 0px;} 
#reservation-code .col-xs-6.p_number { padding-left: 0px;}

#reservation-code select#mobile_country_param,#reservation-code select#phone_country_param {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-right: 0px;
}
#reservation-code input#mobile_number_param,#reservation-code input#phone {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-left: 0px;
}
#reservation-code #from_calendar{padding:0px;}
#reservation-code .date-part-day select,#reservation-code .date-part-year select{    padding: 6px 0px 6px 10px;}
#reservation-code .date-part-day{width: 22%; padding-right: 0px;float: left;}
#reservation-code .date-part-month{width: 48%;padding-right: 0px;float: left;}
#reservation-code .date-part-year{width: 26%;padding-right: 0%;float: left;}
#reservation-code h3{font-size:22px;}
.planyo .form-control-static{padding:0px;}
#reqfinfo {margin-bottom:15px;}



/*floating price info*/
#price_info{color:#333}
#price_info dl{margin-bottom:5px; padding: 0px 10px 4px 10px;}
#price_info_div_floating,.nonfloating_text{
    border-collapse: collapse;
    text-align: center;
    border-radius: 4px;
    z-index: 300;
    background-color: #f2f2f2;
    display: inline-block;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
    border: 0px;
    margin: 0px;
    padding:17px;
    width: 100%;
}
.planyo .pricebox {
    padding-right: 0px;margin-bottom:20px;
}
#price_info_div_sticky {bottom:0; width:100%; position:fixed; left:0; z-index:400; background-color:black; opacity:0.85; color:white; padding:10px; min-height:80px;}
#price_info_div_sticky_right {right:0; height:100%; position:fixed; top:0; z-index:400; background-color:black; opacity:0.85; color:white; padding: 20px; padding-top: 10%;}
.planyo #price_info .rate_extra {font-size:13px;}
.price_info_div .lead { margin: 0;}
#price_info_div_floating .title {padding-bottom:0.5em;}
#price_info_div_floating .rate_extra,#price_info_div_floating .extra_price_info {font-size:small; color:#505050;}
.price_info_div .price_info {color:#2b7a78; font-size:12px;font-weight:400;}
.price_info_div #price_info_coupon {clear:both;font-size: 13px;margin: 15px 0px;display: block;color: black; font-weight: 500;}
.price_info_div .rate_err,.planyo #pr_err {color: #2b7a78;font-size:12px; margin:10px;}
.planyo .dl-horizontal dt {text-align: left; text-overflow: ellipsis; white-space: normal;margin-bottom:10px;}
.price_info_div .title {font-size: 18px;padding-bottom:8px; padding-top: 10px;}
.planyo .price_info_div  dt, .planyo .price_info_div dd {font-size:14px;font-weight:normal;padding-top:10px;}
.planyo dd { margin: 0px;}
.planyo .dl-horizontal dd {margin-left: 0px;}
.planyo #price_info_div_floating .dl-horizontal dd,.planyo #price_info_div_sticky_right .dl-horizontal dd,.planyo .nonfloating_text .dl-horizontal dd{text-align:right;}
.planyo .dl-horizontal dd {text-align:left; color: #666666;}
.br_extra_info {width: 100%; font-size: 0.7em; color: grey; font-weight: normal;}

#price_info_div_sticky_right #breakdown .br_total {padding-top: 21px;}
#nobreakdown {font-size: large; color: #3D83A8;}
.planyo #breakdown .br_total {padding-top: 21px;}
#br_collapse,#br_expand {float: right; clear: both; margin-top: 10px; color: #3D83A8; font-size: medium;}
#br_collapse:hover,#br_expand:hover {cursor:pointer;}
 #price_info_div_sticky #br_collapse,#price_info_div_sticky #br_expand {float: left; clear: both; margin-top: 20px; color: #3D83A8;}
span.rettrip_label {display:block;clear:both;}
#discount_cart {
    color: grey;
    text-decoration: line-through;
    font-size: 0.8em;
}

/* price preview */ 

#planyo_price_preview_form label {
    display: none;}
.extra_price_info {font-size: 11px;}
.price_info {display:inline-block; margin-bottom:10px;}
.rate_err {display:inline-block; margin-bottom:15px;}
#fetch_price_book_now a.btn-primary {width: 100%;}
#breakdown dd {text-align:right;}
form[name="search_form"] {font-size: 0;}
#planyo_price_preview_widget [id^=row_start_date] {width:48% !important; margin:10px 4% 10px 0px;display:inline-block;font-size:14px;}
#planyo_price_preview_widget [id^=row_end_date] {width:48% !important; margin:10px 0px 10px 0px;display:inline-block;font-size:14px;}
form[name="search_form"] {font-size: 0;}
#planyo_price_preview_widget [id^=row_start_date] {width:48% !important; margin:10px 4% 10px 0px;display:inline-block;font-size:14px;}
#planyo_price_preview_widget [id^=row_end_date] {width:48% !important; margin:10px 0px 10px 0px;display:inline-block;font-size:14px;}
#planyo_price_preview_widget .input-group-addon {display: table-cell;}
.price_preview {margin-bottom:20px;}
#planyo_price_preview_widget #row_prop_res_s__hk__auton_lataus_sallittu {display: none;}
#planyo_price_preview_widget #row_prop_res_lemmikit_sallittu {display: none;}
 
/* additional products form */ 

#extras-selection {padding-right:0; padding-left:0;}
.planyo #product-page .lead {
    font-size: 14px;
    padding: 0px;
    font-weight:500;
    margin-bottom: 0px;
}
.planyo #product-page .product-desc {
    font-size: 12px;
    color: #666666;
    line-height: 1.5;
    
}
.planyo #product-page ul.list-group{margin-top:-50px;}
.planyo #product-page label {
    font-weight:500;
    margin-bottom: 0px;
}
.planyo #product-page .lbimginfo{
    font-size: 11px;
    opacity: 0.6;
    height: 100%;
}
.planyo #product-page .col-xs-4 .action-buttons{float:right;}
.planyo #product-page .col-xs-8.resource-contents{padding-left:0px;}
.planyo .col-sm-1.resource-thumbnail {padding:0px;}
.planyo #product-page h4{font-size:14px; font-weight: bold; color:#2b7a78;}
#product-page .selected h4 {color: #555;}
.planyo #product-page .list-group-item{
    border-left: 0px;
    border-right: 0px;
}
#product-page .product-item .col-xs-5{padding-left:0px;}
.planyo .datebar{padding:0px;display:inline-block;}
.planyo .datebar ul{list-style: none;padding: 0;}
.product-name.with-img {
    margin-top: 0px;
    margin-bottom: 0px;
}
.planyo #product-page .datebar li{    float: left;padding:20px 20px 20px 0px;}
#product-page .prod_selected .product-name,#product-page .prod_selected .col-unitprice, #product-page .prod_selected .product-price,#product-page .prod_selected .col-subtotal,.prod_selected .col-qty{color: #2b7a78;} 
.planyo #product-page a.btn.btn-primary{width:112px;font-weight: normal;min-height:37px;}
.planyo #product-page .btn-group{display: inline-flex}
#product-page .product-extra input.form-control {width:80%;}
#product-page li.prodheader {margin-top: 60px; border-top: 0px;}

/* Payment page */
.payment_page_infoblock {display:flex;justify-content:space-evenly;margin-bottom:30px;gap:20px;}
.payment_page_info {display:flex;}
.failure-payment {margin-top: 25px;}
legend#details_section {padding-bottom: 10px;}
#payment_vert_space {display: none}
label[for="submit_button"] { border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;}
#summary td {padding: 5px 0px 5px 0; border-top:0;}
#summary td:first-child {padding: 5px 50px 5px 0;}
#summary td:nth-child(2) {text-align:right;}
#summary {border:0;width:100%;}
#checkout_finland_button {margin: 15px 0;width:100%;}


@media screen and (max-width: 576px){
#product-page .prodheader .col-subtotal{display:none;}
.planyo #product-page .col-unitprice h4{width:100%;}
.planyo #product-page .col-subtotal h4 {text-align: center;
    border-radius: 4px;
    background: #f2f2f2;
   display: inline-block;
 
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    margin: 5px 0px;
    padding: 8px 6px;}

.planyo #product-page .datebar{margin-top: 15px;}
.planyo #product-page .col-unitprice, #product-page .prod_selected .product-price{width:29%;}
.planyo #product-page .col-qty {width:29%;}
.planyo #product-page .col-subtotal {
    width: 50%;
    text-align: center;
    padding:0px;
    clear: left;
}

.planyo #product-page .col-extra {
    width: 50%;
    text-align: center;
    padding:0px;}

}

@media screen and (max-width: 768px){
.payment_page_info {flex-direction:column;}
.payment_page_infoblock {flex-direction:column;}
#duration {font-weight: 800; margin:20px 0 20px 0;}
#small_resource_img {margin:20px 0 0 0;}
.planyo a.btn-secondary,.planyo input[type="button"]{
    width: 100%;

}
.planyo #product-page .btn-group .btn-primary {
    padding: 3px 6px;
    margin: 5px 0px;
}

.planyo #product-page .datebar select {
    width: 60px;
    margin-top: -8px;
    height: 25px!important;
    padding: 0px;
    float: right;
}
.planyo #product-page a.btn.btn-primary{margin: 5px 0;width: 112px !important;
    float: right; padding:7px;}
.planyo #product-page .datebar li{width:100%;}
.planyo #product-page li.list-group-item.product-item .col-xs-8,#product-page li.list-group-item.product-item .col-xs-4{padding:0px;}
.planyo #product-page .datebar li { padding: 5px 5px 5px 0px;}
.planyo #product-page .datebar_weekday,.planyo .datebar_date{float:left;padding-right:5px;}
.planyo #product-page .datebar input[type=checkbox]{float:left;margin-right:10px;}
.planyo #product-page h4{font-size:small;float: left;}
.planyo #product-page .col-xs-2{padding-right:5px;}
.planyo #product-page .col-md-8{padding:0px;}
.planyo #product-page .row {margin-bottom: 10px;}
.planyo #product-page {padding: 0px;}
.planyo #product-page .pricebox{padding-left:0px;}
.planyo #product-page .pricebox .title{padding-top: 15px;}
.planyo #product-page .pricebox .price_info_div{padding-top: 15px;}
#product-page .product-name.with-img img { display: none;}
#product-page h4.product-name.with-img {
    margin-top: 10px;
    margin-bottom: 10px;}
#product-page .btn-group { float:right;}
#summary {width:100%;}
#checkout_finland_button {display:block !important; margin-top:30px;}
#checkout_finland_submit {width:100%;}
#col-extras {padding-right:0; padding-left:0;}
.planyo .pricebox {padding-left: 0;}
.price_info_div {margin-top: 20px;}
.amenities-list {
column-count: 2;

line-height:1.3;
}
}



/* date picker */
.input-group-addon {background-color: #ffffff;}
html .planyo .planyo-cal-icon {background: url('https://api.iconify.design/mdi/calendar-multiselect-outline.svg?color=%23666&width=19') no-repeat center center / contain !important;width:19px;height:19px;display:inline-block;}
.float-calpicker th, .calpicker th {text-align: center; border: 0; font-size: 12px; font-weight: 100; padding: 4px; background-color: white;}
.calpicker {clear:both; border: 1px solid #c0c0c0; border-collapse: collapse; background-color:white;}
table.calpicker {width: 239px; margin-top: 6px; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); border:0px;}
.calpicker .no_start:hover {cursor:default; background: #2b7a78; color: white;}
.calpicker .no_start {color:#a0a0a0;}
.calpicker .arrival_day {font-weight:600;}
.calpicker td.morning_av,.calpicker td.morning_av:hover {background: url(https://www.planyo.com/images/diagonal2.png); background-repeat: no-repeat;}

.calpicker td.morning_av_nox,.calpicker td.morning_av_nox:hover {background-color: #f0c2c2;
    background-image: -webkit-linear-gradient(147deg, #f0c2c2 50%, #c2dfd0 50%); 
    cursor:pointer;}
.calpicker td.morning_occ {background: url(https://www.planyo.com/images/diagonal1.png); background-repeat: no-repeat;}

.calpicker .active_day {background: #bbbbbb; color:white;}
.calpicker .reserved_nox_u {background:#f0c2c2;}
.calpicker .reserved_nox {background:#f0c2c2; color: #a0a0a0;}
.calpicker .reserved {color: red; font-weight: bold;}
.calpicker .reserved_u {color: red; font-weight: bold;}
.calpicker .reserved:hover {cursor:auto; background:white; color:red;}
.calpicker .reserved_u:hover {cursor:auto; background:white;}
.calpicker .reserved_nox:hover {cursor:auto; background:#f0c2c2;color:#a0a0a0;}
.calpicker .reserved_nox_u:hover {cursor:auto; background:#e8e8e8;}
.calpicker .cur_month_day_nox {background: #c2dfd0;}
.calpicker .morning_occ_nox {background-color: #c2dfd0;
    background-image: -webkit-linear-gradient(147deg, #c2dfd0 50%, #f0c2c2 50%); 
    cursor:pointer;}
.calpicker .active_day_nox {text-decoration:underline; background: #f0c2c2;}
.calpicker .ext_month_day_nox {background: #e4e6ec; color:#a0a0a0;}
.calpicker td.ext_month_day_nox_r {background:#e4e6ec; color:#a0a0a0;}
.calpicker .ext_month_day_nox_u {background:#e4e6ec; color:#a0a0a0;}

.calpicker .cur_month_day {background: #f0f0f0;}
.calpicker .ext_month_day {background: #ffffff; color: #c5c5c5;}
.calpicker .ext_month_day:hover {cursor:auto; background:#ffffff;}
.calpicker .ext_month_day_nox_r:hover {cursor:auto; background:#f0c2c2;}
.calpicker .ext_month_day_nox_u:hover {cursor:auto; background:#e8e8e8;}
.calpicker .ext_month_day_nox:hover {cursor:auto; background:#2b7a78; color: white;}
.popuppick .calpicker .double-month .cur_month_day td:hover {background: #2b7a78; color: white; cursor: pointer;}
#box_start_datecal .calpicker td:hover {background: #2b7a78; color: white; cursor: pointer;}
#box_end_datecal .calpicker td:hover {background: #2b7a78; color: white; cursor: pointer;}
.calpicker td {border: 1px solid #c0c0c0; vertical-align: top; font-size: 13px; min-width: 10px; text-align: center; padding: 3px 6px 3px 6px;}
.calpicker caption {padding: 5px 8px; background-color: white; overflow: hidden; text-align: center; background-color: #fff; border: 1px solid rgba(0,0,0,.15); border-top-right-radius: 4px; border-bottom: 0px; border-top-left-radius: 4px; margin-top: 3px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: 0 6px 12px rgba(0,0,0,.175); margin-bottom: -3px;}
.calpicker caption .nav {float:left; padding-right:1px; margin-bottom:0px;}
.calpicker caption .navleft {float:left;font-size:14px;}
.calpicker caption .navright {float:right;font-size:14px;}
.calpicker thead {box-shadow: 0 6px 12px rgba(0,0,0,.175); border-left: 1px solid rgba(0,0,0,.15); border-right: 1px solid rgba(0,0,0,.15);}
.calpicker.double-month .pick_st, .calpicker.double-month .pick_end {background:#2b7a78 !important;}
.calpicker.double-month .pick_st td:hover {color: #ffffff;}
#box_start_datecal .calpicker.double-month .pick_mid.ext_month_day_nox, #box_start_datecal .calpicker.double-month .pick_mid.cur_month_day_nox,#box_start_datecal .calpicker.double-month .pick_mid.ext_month_day, #box_start_datecal .calpicker.double-month .pick_mid.cur_month_day {
background: #f2f2f2;
color: #2b7a78;}
#box_end_datecal .calpicker.double-month .pick_mid.ext_month_day_nox, #box_end_datecal .calpicker.double-month .pick_mid.cur_month_day_nox,#box_end_datecal .calpicker.double-month .pick_mid.ext_month_day, #box_end_datecal .calpicker.double-month .pick_mid.cur_month_day {
background: #f2f2f2;
color: #2b7a78;}
a.nav.navleft, a.nav.navright {color: #2b7a78;}
.calpicker.double-month caption {color: #2b7a78;}
#row_box_start_date {margin-right:0px;}
#row_box_end_date {margin-left:0;}
#row_box_end_date .input-group-addon {display:none;}
#box_end_date {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left:0;
    text-align: left;
}
#box_start_date {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-right: 0; 
    text-align:center;
}
.DateRangePickerInput_arrow {
    display: inline-block;
    vertical-align: middle;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 13px 6px;
    margin-top:10px;
    min-height:50px;  
    width:10%;
}
.DateRangePickerInput_arrow_svg {
    vertical-align: middle;
    fill: #555;
    height: 18px;
    width: 18px;
    display:block;
    margin:auto;
}
.DateRangePicker {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    vertical-align:middle;
    width:100%;
}
.input-group {width:100%;}
.calpicker .pick_mid{
    color: #2b7a78 !important;
}
.calpicker.double-month.second-month, .calpicker.double-month-m.first-month {
    margin-left: -2px;
}


/* unit layout */
.unit_layout_div {overflow:auto;height:500px;background-color:white;}
.unit_layout_table td {padding:10px;}
.lt_unit_cell {border:2px solid black;border-radius:8px;width:50px}
.lt_unit_cell:hover {background-color:#f2e3ae;cursor:pointer;}
.lt_empty_cell {width:10px}
.lt_free {background-color:#c2dfd0}
.lt_reserved {background-color: #f0c2c2}
.lt_reserved:hover {background-color: #f0c2c2;cursor:default;}
.planyo_lightbox_info .close {display: block; width: 28px; height: 28px; background: url(https://www.planyo.com/slideshow/btn-on-close-hvr.png); color:white;}
.planyo_lightbox_info .close:hover {background: url(https://www.planyo.com/slideshow/btn-on-close.png);}

/* image lightbox */
#img_text {display:block; float:left;}
#img_info {position:absolute; top:0; padding-top:0 !important; background:none; background-color: transparent !important;}

.lbimginfo {font-size: 14px !important; height:30px; position:absolute; bottom:0px; width:100%; text-align:center; visibility:hidden; background-color: #3aafa9; /*fallback color*/background:rgba(0, 0, 0, 0.48); opacity:1.5; color:white;padding:7px;}

#bg_hider .buttons {padding: 8px;}
#bg_hider .buttons .leftbtn {float: left;}
#bg_hider .buttons .rightbtn {float: right; margin-right:25px;}
#full_img_div #img_info .close {float: right;opacity:1.0;}
#bg_hider .buttons .prev, #bg_hider .buttons .next, #bg_hider .buttons .play, #bg_hider .buttons .pause, #bg_hider .buttons .close, #full_img_div #img_info .close, .planyo_lightbox_info .close {display: block; width: 28px; height: 28px;opacity:1.0;}
.image-wrapper {
    aspect-ratio: 16 / 9;
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .image-wrapper a.withlightbox {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    position: relative !important;
  }

  .image-wrapper a.withlightbox img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
#full_img_div #on_img_prev, #full_img_div #on_img_next {display: block; width: 30px; height: 60px;}
#bg_hider .buttons .prev {background: url(https://www.planyo.com/slideshow/btn-prev.png);}
#bg_hider .buttons .prev:hover {background: url(https://www.planyo.com/slideshow/btn-prev-hvr.png);}
#bg_hider .buttons .next {background: url(https://www.planyo.com/slideshow/btn-next.png);}
#bg_hider .buttons .next:hover {background: url(https://www.planyo.com/slideshow/btn-next-hvr.png);}
#bg_hider .buttons .play {margin-left: 4px; background: url(https://www.planyo.com/slideshow/btn-play.png);}
#bg_hider .buttons .play:hover {background: url(https://www.planyo.com/slideshow/btn-play-hvr.png);}
#bg_hider .buttons .pause {margin-left: 4px; background: url(https://www.planyo.com/slideshow/btn-pause.png); }
#bg_hider .buttons .pause:hover {background: url(https://www.planyo.com/slideshow/btn-apause-hvr.png);}
#bg_hider .buttons .close {background: url(https://www.planyo.com/slideshow/btn-on-close.png);opacity:1.0;}
#bg_hider .buttons .close:hover {background: url(https://www.planyo.com/slideshow/btn-on-close-hvr.png);}
#full_img_div #img_info .close, .planyo_lightbox_info .close {background: rgba(0, 0, 0, 0.2)
    url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iNCIgeTE9IjQiIHgyPSIxMiIgeTI9IjEyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxsaW5lIHgxPSIxMiIgeTE9IjQiIHgyPSI0IiB5Mj0iMTIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+")
    no-repeat center;
background-size: 18px 18px;
 opacity:.7;}
#full_img_div #img_info .close:hover, .planyo_lightbox_info .close:hover {background: rgba(0, 0, 0, 0.2)
    url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iNCIgeTE9IjQiIHgyPSIxMiIgeTI9IjEyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxsaW5lIHgxPSIxMiIgeTE9IjQiIHgyPSI0IiB5Mj0iMTIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+")
    no-repeat center;
background-size: 18px 18px;
 opacity:1;}

#full_img_div #on_img_prev {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAyNCAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyB0cmFuc2Zvcm09InNjYWxlKC0xLDEpIHRyYW5zbGF0ZSgtMjQsMCkiPgogICAgPHBhdGggZD0iTTguMjkgMTAuMjlsMS40MS0xLjQxTDE4Ljc5IDE4LjA3bC0xMC4wOSAxMC4wOS0xLjQxLTEuNDFMMTYuMDcgMTguMDciIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: left center;
    opacity:.7;
    top: 47% !important;
}
#full_img_div #on_img_prev:hover {
    opacity:1;
}
#full_img_div #on_img_next {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAyNCAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC4yOSAxMC4yOWwxLjQxLTEuNDFMMTguNzkgMTguMDdsLTEwLjA5IDEwLjA5LTEuNDEtMS40MUwxNi4wNyAxOC4wNyIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position: right center;
    opacity:.7;
    top: 47% !important;
}
#full_img_div #on_img_next:hover {
    opacity:1;
}
#full_img_div {
    position:fixed !important;
    left: 50% !important; 
    top: 50% !important; 
    transform: translate(-50%,-50%); 
    border:0 !important; 
    border-radius:0 !important;
    width:100%; 
    height:auto;
    max-height: 100vh;
    overflow: auto}
#full_img {width: 100% !important; height: auto !important;}


/* small image thumbnails */
.images {clear: both; position: relative; left: 0px; margin-top: 0px; margin-bottom: 12px; margin-right: 0px; margin-left: -3px; padding: 0px; padding-left: 0px; overflow: hidden; background: transparent; width: 100%;}
.img_thumb {float: left; width: 90px;}
.images img {float: left; width: 80px; height: 80px; margin: 4px;}


/* geolocation */
.gps_coords_map_icon {display:inline-block; width:17px; height:17px; background: url(https://www.planyo.com/images/google-map-icon.png) no-repeat; vertical-align:text-top;}
.gps_coords_current_location_icon {display:inline-block; width:17px; height:17px; background: url(https://www.planyo.com/images/google-current-location.png) no-repeat; vertical-align:text-top;}
#planyo_gps_coords_bg_hider .close {width: 28px; height: 28px; display:block; padding:0px;background: url(https://www.planyo.com/images/btn-close.png); }
#planyo_gps_coords_bg_hider .close:hover {background: url(https://www.planyo.com/images/btn-close-hvr.png); }
#planyo_gps_coords_window {padding:10px;}
.gps_coords_popup_button {height:2em; padding-left:6px; padding-right:6px;}


/* quick add to cart */
.planyo .cart_count_img {position: relative; top: -36px; left: 19px; background-color: #ff0033; text-align: center; width: 20px; height: 20px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
.planyo_cart_widget:hover {cursor:pointer;}
.planyo .widget_cart_total {padding-left:10px;padding-top:5px;font-size:16px;font-family: 'Lato',sans-serif;}
.planyo .cart_count_text {font-family: 'Lato',sans-serif; padding-top: 3px; font-size: 11px; color: white; text-align: center; font-weight:bold;}
#planyo_cart_bg_hider {padding:5px;display:none;position:fixed;background:black;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;z-index:990;width:100%;height:100%;left:0px;top:0px;}
#planyo_cart_close {float:right; padding:8px; padding-right:20px;}
#planyo_cart_window {display:none; overflow-y:auto; z-index:999; position:fixed; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color:white; border: solid 3px black; overflow:hidden;padding:10px;top:20%; bottom:20%; left:50%;width:700px; margin-left:-350px;}
#planyo_cart_contents {width:370px;height:100%;overflow-y:auto;overflow-x:hidden;}
#planyo_cart_right {position:absolute;right:0px;width:300px;top:0px;height:100%;padding:10px;background-color:#ececec;}
#planyo_cart_right .title {font-size:20px}
#planyo_cart_right #price_info {font-size:15px}
#planyo_cart_buttons {position:absolute; bottom:25px; text-align:right;width:92%;}
#planyo_cart_contents #reserve_form {margin-top: 0px;}
#planyo_cart_window #planyo_cart_right .title{margin-bottom:10px;}
#planyo_cart_window #planyo_cart_right dt, #planyo_cart_window #planyo_cart_right dd {
    font-size: medium;
    font-weight: normal;
    padding-top: 10px;
}
 #planyo_cart_window #planyo_cart_right dd { text-align: right;}
 #planyo_cart_window #planyo_cart_right .br_total {
    font-weight: 600;
    margin-top: 15px;
}
#planyo_cart_window .rate_err {   color: #2b7a78;}

@media (max-width: 767px) {
#planyo_cart_window {top:5%; bottom:5%; left:5%;right:5%;width:initial;margin-left:0px;}
#planyo_cart_contents {width:100%;height:65%;}
#planyo_cart_right {width:100%;height:35%;position:relative;overflow-y:auto;}
#planyo_cart_buttons {right:10%;bottom:8%;position:fixed;}
div#planyo_cart_window #planyo_cart_right dt, div#planyo_cart_window #planyo_cart_right dd { font-size: small;padding-top: 5px;}
div#planyo_cart_window #planyo_cart_right .title {
    margin-bottom: 0px;
    font-size: 14px;}
.planyo #reserve_form label {
    display: block;
    float: none;
    width: 100%;
}
.phone-row .col-sm-5 {padding-right: 0px;}

#breakdown dt{float:left; width:60%;}
#res_form_buttons_mobile {
        display: block;
    }
.DateRangePickerInput_arrow {
    margin-bottom:15px;
    margin-top:0;
}
#reserve_form .datefld {width:49%;}
.res_details .dl-horizontal dt {margin-bottom:0;}
.res_details .dl-horizontal dd {margin-bottom:10px;}
#google_pic3 a:link {display:none;}
}



/* diverse */
.with_tooltip {display: inline-block; width:20px; height:20px; background-image:url(https://www.planyo.com/images/icon-help.png); vertical-align: middle;}
#res_error_msg {padding: 10px 5px 1px 10px;
    display: none;
    margin: 2px 0px 30px 0px;
    color: #af3a40;
    border: 1px solid #f7f0f0;
    border-radius: 4px;
    background: #f7f0f0;}
#planyo_content .btn {margin-bottom:10px; margin-top:0;}

.planyo .hourglass_img{margin:20px;height:24px;width:24px;background:transparent url(https://www.planyo.com/Plugins/PlanyoFiles/hourglass.gif) no-repeat scroll 0 0;
}
.planyo .poweredby {display:inline-block;float: right; margin-top: -60px;margin-bottom: 50px;}
#full_unit_layout_map_div {max-width:100%;overflow:auto;}
#checkout_finland_logo {display:none !important;}
#rating_star_1:hover, #rating_star_2:hover, #rating_star_3:hover, #rating_star_4:hover, #rating_star_5:hover {cursor:pointer;}
#rating_star_1, #rating_star_2, #rating_star_3, #rating_star_4, #rating_star_5, #rating_star_half {padding-bottom:5px;}

#rating_sc_comments {padding-top: 10px;}
#rating_sc_comment {padding-top: 25px;}
#rating_sc_paging {padding-top: 30px;}
.comment_text {margin-top: 10px !important;}
.comment_reply {
    padding-left: 15px;
    border-left: 2px solid #eee;
    font-style: italic;
}
.comment_name {
    font-weight: 600;
    float:left;
    margin-left:0px !important;
    margin-right:15px;
}
.comment_date {
    display: block !important;
    margin-top: 7px;
    color: #999;
    float:none !important;
    margin-left:0px !important;
    font-size:small;
}
.item_name {
    margin-bottom: 10px!important;
}
#review_comment {
    height: 145px !important;
}
.planyo .form-control:focus {border-color:#ccc; box-shadow:none;}
.planyo .form-control:focus-visible {border: 2px solid #a3a3a3 !important; box-shadow:none;}
.planyo input[type="checkbox"]:focus-visible {outline: 3px solid #777;}
.btn:focus, .btn:active:focus, .btn.active:focus {outline: unset !important;}
.btn:focus-visible, .btn:active:focus-visible, .btn.active:focus-visible {border: 2px solid #000000 !important;}
.form-group:after {

}
.dropdown-select {
-webkit-appearance: none;
-moz-appearance:none;
}


/* other lightboxes */
.planyo_lb_bg_hider {padding:5px;display:none;position:fixed;background:black;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;z-index:990;width:100%;height:100%;left:0px;top:0px;}
.planyo_lb_window {display:none; z-index:999; position:fixed; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color:white; border: solid 3px black; overflow:hidden;padding:10px;top:10%; bottom:10%; left:10%;right:10%;}
.planyo_lb_contents {width:100%;height:100%;}
.planyo_lb_close .close {display: block; width: 28px; height: 28px;background: url(https://www.planyo.com/slideshow/btn-on-close.png); color:white;opacity:1.0;}
.planyo_lb_close .close:hover {background: url(https://www.planyo.com/slideshow/btn-on-close-hvr.png); color:white;}
.planyo_lb_close {position: fixed;top:0px;right:0px;z-index:1000;opacity:1.0;}

/* simple integration login */
.planyo .simple-integration-login-links{position: absolute;
top: 5px;
right: 0px;}
.planyo .simple-integration-login-links a{text-transform: uppercase;
font-size: small;
font-weight: 600;
background-color: transparent;
color: rgb(66, 139, 202);
padding: 10px 5px;}   

/* screen sizes  */
@media (max-width:767px) {
    .planyo a.btn.btn-primary.btn-lg, .planyo a.btn.btn-primary, .planyo a.btn.btn-primary.btn-lg, .planyo a.btn.btn-info.btn-lg, .planyo .btn-primary.btn-lg, input.cart_popup_button, #add_cart_button,.btn-danger,#planyo_cart_window .cart_popup_button {font-size:16px !important;padding: 12px 10px;}
    .planyo_lb_window {top:2%; bottom:2%; left:2%;right:2%;width:initial;margin-left:0px;}
    #reservation-code .col-md-6{padding-right:0;}
    .planyo #resource-details h1, .planyo #reservation-code h1, .planyo #payment-code h1, .planyo #completed_code h1, .planyo #details_code h1,.planyo #shopping_cart_items h1,.planyo #products-code h1{
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 27px;
    text-align: center;}
    .reservation_steps{display:none;}
    .planyo .language { padding-right: 1em; margin-bottom: 15px;}
    #resources .resource-info {box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);border: 1px solid #eee; border-bottom:0;padding:8px !important;}
#resources .resource-info:last-child {border-bottom:1px solid #eee;}
    .planyo #resources .action-buttons, #searchview-code .action-buttons{padding-top: 0;width:100%;}
    .planyo #resources .col-sm-12.resource-contents{padding-right: 15px;padding-left: 15px; padding-top:10px;}
    .planyo #shopping_cart_items .img-responsive{display:none;}
    .planyo #shopping_cart_items #shopping-cart h4{padding-top:0px;margin-top:0px;}
    .planyo #shopping_cart_items .lead {font-size: 12px;}
    .planyo #shopping-cart .col-xs-5{padding:0;}
    .planyo #shopping-cart .col-xs-5 h4 {float: right;}
    .planyo #shopping_cart_items h3 {margin-top: 0px;padding:0px 0px 10px 0px;}
    .planyo #checkout-code .dl-horizontal dd{font-size:small;}
    .planyo #checkout-code p{margin-bottom:20px;}
    .planyo #resource-details .custom_property{font-size:small;}
    .planyo #resource-details .custom_properties{margin: 10px -10px 10px -10px;}
    #resources .planyo_cart_widget {margin-right: 15px;}
    .planyo #reserve_form input#submit_button {
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.planyo #product-page input#submit_button {
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.resource-contents{
   padding-right:0;
   padding-left:0;
}
#res_form_buttons {width:100%;}
.horizontal-widget .planyo-form-item-group {
    margin-right: 0px;}
.datefld {width:45%; display:inline-block;}
#box_start_date {
    border-left:0;}
#box_end_date {padding: 6px 6px 6px 24px;}
.picker_dropdown {left:15px !important;}
#row_ppp_box_price_range {margin-bottom: 30px;}
#row_ppp_box_price_range .noUi-horizontal {width:97%;}
#ppp_box_price_range_el.range_slider_el {margin-top: 46px;}

}
@media(max-width: 320px){ 
  .input-group-addon {display:none !important;}
  #box_start_date {border-left: 1px solid #ccc; border-top-left-radius: 4px; border-bottom-left-radius:4px;}
}

@media (max-width:991px){
    /* resource list large content*/
    .col-md-7.resource-contents,.col-xs-12.resource-description,#resources .resource-contents h2,#searchview-code .resource-contents h2,.col-xs-12.custom_properties,.col-md-6.action-buttons{padding:0px;}
    #resources .resource-contents h2{margin-top: 0px;}
     #resources .resource-contents {padding-top: 20px;}
     #searchview-code .resource-contents {padding-top: 20px;}
        #searchview-code .resource-contents h2{margin-top: 0px;}
    #reservation-code .col-md-8{padding-right:0;margin-top:10px;}
    .resource-price {padding-right:0;padding-left:0;}
    .col-md-4.pricebox {padding-left:0;}
  
  
    
}


@media (min-width:991px){
   #submit_button {width:200px; float:right;}
   #checkout_finland_button {width:100%;}
   #details_section {clear:right;}


}
 /* Media Query for iPads */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
    #duration {margin:20px 0 20px 0 !important}
    .payment_page_info {gap: 0;}
    .checkbox.flags-checkbox {
        flex-basis: 30% !important;}
    #box_submit_button {width:134px;}
    .planyo .form-inline .form-group {margin-left:0 !important;}
    #box_end_date {
        text-align:center;
    }
    #box_search_form .DateRangePicker {
    margin-left: 0;
    width:39%;}
    .DateRangePicker .form-control {padding: 6px 6px;}
    #row_range_search {width:23%;}
    #row_prop_res_number_of_persons {width:23%;}
    #box_search_form #res_form_buttons_desktop {width:15%;}
    #box_search_form #res_form_buttons {width:15%;}
     .amenities-list {
        column-count: 2;
         line-height:2;}
}
 /* Portrait iPad Pro */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait) {
      .col-prodname  {width: 37%;}
  }  
@media (min-width:768px){
    
    .payment_page_info {gap:30px;}
    .img_payment {flex:0 1 40%;}
    .resourceinfo_payment {flex:0 1 40%;}
     #payment_page_customer_info  {flex: 0 1 40%;}
     #payment_page_payment_info  {flex: 0 1 40%;}
     #duration {font-weight: 800; margin:0 0 30px 0;}
    #small_resource_img {margin:20px 30px 30px 0;}
    .planyo .pricebox {padding-right: 0px;}
    .planyo .language {padding-right: 30px;}
    .planyo #resources col-xs-12{padding:0px;}
    .planyo #resources .resource-contents{padding-right:0px; padding-left:15px; padding-top:0px}
    .planyo #searchview-code .resource-contents {padding-right:0px; padding-left:15px; padding-top:0px}
    .planyo .form-inline .form-group  {margin:10px 10px 10px 0; width:25%;}
    .form-inline .form-control {width:100% !important;}
    #box_prop_res_number_of_persons {display: inline-block;vertical-align: middle;width:100%;border-radius:0; border-right:0;}
    #box_submit_button {margin:0;margin-bottom:0 !important; width:100%;border-top-left-radius: 0;border-bottom-left-radius: 0;}
    #row_prop_res_lemmikit {position:absolute;bottom:0;left:0;margin-bottom:0;}
     #row_prop_res_lemmikit_sallittu {position:absolute;bottom:0;left:0;margin-bottom:0;}
    #row_prop_res_s__hk__auton_lataus_sallittu {position:absolute;bottom:0;left:20%;margin-bottom:0;width:auto;}
    #row_andmc_prop_res_mukavuudet {width:100% !important;}
    #planyo_price_preview_widget .horizontal-widget {padding-bottom:10px;}
    .planyo a.btn-secondary,.planyo input[type="button"]{
        float: right;}
    .checkbox-group {
        display: flex;
        flex-wrap:wrap;
        align-items:center;
       }
    .checkbox-group label {
        display: flex !important;
        align-items: center;
        padding-right:5px;
    }
    .checkbox-group input[type="checkbox"] {
        margin-right: 5px;}
    .checkbox.flags-checkbox {
     flex-basis:25%;
     margin-top:5px !important;
    }
  #res_form_buttons_desktop {
        display: inline-block; 
        width:20%;
    }
   .horizontal-widget #res_form_buttons {width:20%;}
  .DateRangePicker {
    width:30%;margin:0;}
#row_box_start_date {
    margin: 0;
    width:45%;
}
#box_start_date {
    border-left:0;
}
#row_box_end_date {
    margin: 0;
    width:45%;
}

#box_end_date {
border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right:0;
    }
.DateRangePickerInput_arrow {
    margin: 0;
}

#row_prop_res_number_of_persons {margin:0;}
#row_prop_res_hae_nimella {
    width: 32%;
    margin-right: 0;
    margin-top: 20px;}
#row_prop_res_makuuhuoneet {
    width: 32%;
    margin-top: 20px;
    margin-right: 2%;}
#row_prop_res_sijainti {
    width: 32%;
    margin-top: 20px;
    margin-right: 2%;}
#row_range_search {margin:0;}
#range_search {border-radius:0; border-right:0;}
#row_ppp_box_price_range {width: 30%;}
.horizontal-widget {padding-bottom: 10px;}
.price_info_div {margin: 0 0 0 20px;}
#full_img_div {width:80%;}

}
@media (max-width:991px) and (orientation: landscape) {
.input-group {width:100%;}
.DateRangePicker {display:flex;min-width:100%;}
#row_box_start_date  {margin-bottom:0;}
#row_box_end_date {margin-bottom:0;} 
#box_end_date {border-radius: 0 4px 4px 0;border-right: 1px solid #ccc;}
.DateRangePickerInput_arrow {margin-bottom:0;}
#row_range_search {min-width:100%; margin-top:20px; margin-bottom:0;}
#range_search {border-radius: 4px;border-right: 1px solid #ccc;}
#row_prop_res_number_of_persons {min-width:100%; margin-top:20px;}
#box_prop_res_number_of_persons {border-radius: 4px;border-right: 1px solid #ccc;}
#box_search_form #res_form_buttons_desktop {display:none;}    
#box_search_form #res_form_buttons_mobile {width: 100%;margin-top:20px;display:block;}    
#box_submit_button {border-radius: 4px; width:100%;}
 #box_search_form #res_form_buttons {width:100%;margin-top:20px;display:block;}
   .horizontal-widget #res_form_buttons {width:100%;}
   #full_img_div {width:70%;}

}
 /* Media Query for mobile and tablets landscape */
        @media (max-width: 1024px){
             #lbimginfo_1 {visibility:visible;}
         
        }
@media (min-width: 1200px){
.container-fluid {max-width: 1170px;}
}

@media screen and (max-width:400px) {
    @-ms-viewport{
        width:320px;}
}

/* calendar */
iframe.calprev_iframe caltype_4{width:100%;}



















.planyo .poweredby,.poweredby {display:none;}