/*--------------------------------------------
FC default
--------------------------------------------*/
* {
font-family: 'Montserrat', sans-serif !important;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Raleway:400,500,700,800');*/
/* @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Raleway:400,500,700,800'); */
/* @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600'); */
@font-face {
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 300;
font-display: block;
src: url("../fonts/fa-light-300.eot");
src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg");
}
.fal {
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
}
.icon-ota {
margin-top: 63px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Montserrat', sans-serif !important;
}
.property_gallery__first, .property_gallery__right {
overflow: hidden;
}
.property_gallery__first a, .property_gallery__first img {
height: auto !important;
}
.block-info-event {
background: #333;
padding: 20px;
}
.block-map {
display: block;
float: left;
vertical-align: middle;
margin-right: 3px;
width: 19px;
margin-top: 10px;
}
.img-check {
margin-right: 5px;
width: 17px;
float: left;
}
.map {
display: block;
float: left;
color: #FF8900;
margin-bottom: 10px;
cursor: pointer;
margin-top: 10px;
}
.title-list-check {
display: block;
width: 100%;
float: left;
font-size: 16px;
font-weight: 500;
}
.select2-selection__rendered {
line-height: inherit !important;
}
.services {
padding-left: 0;
}
.services .list-services {
display: block;
float:left;
width: 100%;
color: #999;
}
.map:hover {
color: #c9700a;
text-decoration: none;
}
.title-info {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
.font-display {
font-family: 'Montserrat', sans-serif !important;
}
.error-message {
color: #da314b;
font-size: 13px
}
.form-error {
background: #fff7f8 !important;
}
.txt-center {
text-align: center;
}
.name-room-ota {
font-size: 16px;
}
.reset {
border: 1px solid #ff2f2f;
padding: 7px 20px;
display: block;
color: #ff2f2f;
text-align: center;
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase;
}
.reset:hover {
background: #ff2f2f;
color: #fff;
text-decoration: none;
}
.small-included {
font-size: 12px;
margin-top: 4px;
display: block;
}
.checkin-booking {
color: #999;
display: block;
width: 100%;
}
.badge-info b {
color:#ffa600;
}
.booking-ota {
display: block;
width: 100%;
margin-top: 20px;
text-transform: uppercase;
}
.uk-form input[type=radio], .uk-form input[type=checkbox] {
/* display: inline-block;
height: 14px;
width: 14px;
border: 1px solid #aaa;
overflow: hidden;
margin-top: -4px;
vertical-align: middle;
-webkit-appearance: none;
outline: 0;
background: 0 0; */
}
.img-man-ota {
width: 28px;
margin-right: -10px;
}
/* FC utility */
.bold500.upper {
font-weight: 500;
text-transform: uppercase;
}
.green-bold {
background: #0ab21b;
color: white !important;
font-weight: 500
}
.green-bold:hover {
background: #8FD008;
border-color: #8FD008;
}
.green {
color: #0ab21b;
}
.size-img-person {
width: 16%;
margin-top:10px;
margin-right: 0 !important;
}
.select2-dropdown {
border: 0 !important;
border-radius: 0 !important;
padding: 15px;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: none !important;
height: 51px !important;
border-radius: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 8px 5px 0 5px !important;
height: 0;
left: 50%;
margin-left: -6px !important;
margin-top: 0 !important;
position: absolute;
top: 85% !important;
width: 0;
}
.select2-container .select2-choice {
margin-left: 3px;
border-radius: 0 !important;
padding: 9px 22px 9px 33px !important;
background-image: none !important;
height: 33px !important;
line-height: 29px !important;
}
.select2-container .select2-choice .select2-arrow {
border: none !important;
background: none !important;
background-image: none !important;
top: 12px !important;
}
.c-select--reset {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: none;
border: 0;
border-radius: 0;
color: inherit;
/* cursor: default; */
font: inherit;
line-height: normal;
overflow: visible;
-webkit-appearance: none;
-moz-appearance: none;
/* for input */
-webkit-user-select: none;
/* for button */
-moz-user-select: none;
-ms-user-select: none;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
overflow: hidden;
position: absolute !important;
}
.js-rooms-needed {
width: 80px;
height: 35px;
text-align: center;
}
.select-label-modal {
display: block;
width: 50%;
float: left;
font-size: 16px;
}
.title-order {
float: left;
display: block;
margin-right: 10px;
margin-top: 7px;
}
.select-dropdown,
.select-dropdown * {
margin: 0;
padding: 0;
position: relative;
box-sizing: border-box;
}
.select-dropdown {
position: relative;
background-color: #f3f3f3;
display: block;
float: left;
width: 50%;
}
.select-dropdown select {
position: relative;
box-sizing: border-box;
font-size: 1rem;
font-weight: normal;
width: 100%;
padding: 8px 24px 8px 10px;
border: none;
background-color: #f3f3f3;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: center;
}
.select-dropdown select:active, .select-dropdown select:focus {
outline: none;
box-shadow: none;
}
.select-dropdown:after {
content: "";
position: absolute;
top: 50%;
right: 8px;
width: 0;
height: 0;
margin-top: -2px;
border-top: 5px solid #aaa;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
}
.select-dropdown label {
display: block;
float: left;
width: 100%;
background: #fff;
padding: 5px 0;
}
.select-group-kids {
position: relative;
display: block;
float: left;
width: 50%;
}
.select-group-kids .select-dropdown {
width: 100%;
background-color: #f3f3f3;
margin-bottom: 20px;
}
.block-room-modal {
display: block;
width: 100%;
float: left;
margin-top: 30px;
}
.block-room-modal-2 {
display: block;
float: left;
width: 100%;
margin-bottom: 12px;
margin-top: 12px;
}
.uk-tab > li.uk-active > a {
background: #8FD008;
padding: 10px 20px 10px 20px;
border: 0;
text-transform: uppercase;
color: #fff;
}
.tab-rooms__link {
border: none !important;
}
.select2-container .select2-choice {
background: #f3f3f3;
border: none;
}
.select2-container .select2-choice > .select2-chosen {
text-align: center !important;
}
.select2-drop-active {
border: 0 !important;
border-radius: 0 !important;
text-align: center;
}
/* FC override uikit */
.block-message-confirmation {
background: #fbfbfb;
width: 100%;
display: block;
margin: 0 auto;
padding: 30px 0;
margin-top: 30px;
}
.block-message-confirmation h1 {
font-size: 20px;
text-align: center;
line-height: 24px;
margin-bottom: 20px;
}
.block-message-confirmation p {
font-size: 16px;
text-align: center;
}
.btn-back-website {
display: block;
margin: 0 auto;
background: #FF8900;
text-align: center;
padding: 10px 30px;
text-transform: none;
text-decoration: none;
max-width: 229px;
margin-top: 30px;
}
.btn-back-website a {
color: #fff;
text-align: center;
font-size: 16px;
text-decoration: none;
text-transform: uppercase;
font-weight: 600;
}
.btn-back-website:hover {
background: #c9700a;
color: #fff;
}
/* .uk-link, a { color: inherit; } */
.uk-link:hover,
a:hover {
color: inherit;
}
.uk-nav>li>a {
color: inherit;
font-weight: 500
}
.uk-button {
padding: 5px 17px
}
.uk-progress-bar {
background: #0ab21b;
box-shadow: none;
}
.uk-tab > li > a {
color: #999;
background: #fbfbfb;
}
.uk-tab > li.uk-open > a, .uk-tab > li > a:focus, .uk-tab > li > a:hover {
}
.steps__progress-item-text {
text-align: center;
display: block;
position: relative;
left: 44%;
}
/* mobile */
.uk-container-small {
padding-left: 15px;
padding-right: 15px
}
.reservation__card-owner {
margin-bottom: 15px
}
.uk-form-row-small {
max-width: 50%;
display: inline-block;
vertical-align: top;
margin-top: 0;
}
.uk-subnav-pill>.uk-active>* {
background-color: #0ab21b
}
.uk-tab > li.uk-open > a, .uk-tab > li > a:focus, .uk-tab > li > a:hover {
color: #fff;
background: #e97c00;
}
.uk-tab>li>a {
color: #999;
}
.label-room-type {
display: block;
float: left;
width: 50%;
padding: 5px 0;
}
/* tooltip */
.uk-tooltip {
max-width: 500px;
padding: 0 15px 15px;
border-radius: 5px;
}
.uk-tooltip .prices-table th {
text-align: left
}
.uk-tooltip .prices-table td {
display: table-cell;
vertical-align: bottom;
padding: 0 10px;
}
.uk-close:after {
display: block;
content: "\f00d";
font-family: 'Font Awesome 5 Pro';
}
@media only screen and (min-width: 768px) {
.uk-padding-15 {
padding-left: 15px;
padding-right: 15px;
}
}
/*--------------------------------------------
SET FONTS
--------------------------------------------*/
body {
font-family: 'Montserrat', sans-serif !important;
font-family: Lato, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}
/*--------------------------------------------
NOTIFICATION
--------------------------------------------*/
#notification-bar {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
display: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
font-size: 16px;
text-align: center;
z-index: 10000
}
#notification-bar .close {
margin-right: 30px
}
/* Notification */
.top__notification,
.dates-widget__notification {
font-weight: 500;
font-size: 16px;
}
.dates-widget__notification {
margin-top: 30px;
}
.top__notification__body,
.dates-widget__notification-body {
border: 1px solid #ddd;
}
/*--------------------------------------------
SITE NAV
--------------------------------------------*/
.site-logo__link {
display: block;
max-width: 270px
}
.site-logo,
.site-menu,
.site-switchers {
display: table-cell;
vertical-align: middle;
}
.site-header {
padding: 20px 0
}
.site-nav {
display: table;
width: 100%;
text-align: center
}
.site-menu__item {
display: inline-block;
}
.site-lang,
.site-currency {
display: inline-block;
position: relative;
}
.site-lang__dropdown,
.site-currency__dropdown {
left: auto !important;
right: 0;
padding: 10px;
background: #fff;
color: #666;
font-size: 1rem;
vertical-align: top;
border: 1px solid #d3d3d3;
border-radius: 4px;
box-shadow: 0 2px 5px rgba(0,0,0,.1);
}
.site-currency__dropdown {
width: 100px !important;
}
.site-lang,
.site-currency {
background: url('data:image/svg+xml;utf8,') no-repeat 92% center;
/* background-size: 16px 10px; */
display: inline-block;
background-size: 12%;
vertical-align: middle;
}
.site-lang__not-dropdown,
.site-currency__not-dropdown {
border: 1px solid #ddd;
padding-left: 6px;
}
.site-lang:hover,
.site-currency:hover {
cursor: pointer
}
.site-lang__not-dropdown .site-lang__item,
.site-currency__not-dropdown .site-currency__item {
min-width: 30px
}
.site-lang__dropdown .site-lang__link {
display: block;
}
.site-currency__dropdown .site-currency__item .site-currency__link {
font-size: 11px
}
@media only screen and (min-width: 768px) {
.site-lang__not-dropdown,
.site-currency__not-dropdown {
min-width: 84px
}
/* .site-lang__dropdown { width: 100px !important; } */
.site-currency__dropdown {
/* width: 92px !important; */
top: 27px !important;
}
.site-lang__not-dropdown .site-lang__item.uk-active {
padding: 5px 22px 5px 40px;
}
.site-currency__not-dropdown .site-currency__item.uk-active {
padding: 5px 32px 5px 5px
}
.site-lang,
.site-currency {
margin-left: 10px;
}
.site-lang__item--it {
background: url(../images/flags/it.png) no-repeat left center;
}
.site-lang__item--en {
background: url(../images/flags/en-us.png) no-repeat left center;
}
.site-lang__item--de {
background: url(../images/flags/de.png) no-repeat left center;
}
/* .hotel-room__badge { min-width: 230px } */
}
.site-lang__dropdown {
margin-top: 0 !important;
}
/*--------------------------------------------
SLIDER
--------------------------------------------*/
.hotel-slider {
position: relative;
z-index: -1;
}
.hotel-slider__gradient-bottom {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 200px;
background: url(/images/gradient.png) repeat-x;
}
.hotel-slider__slide {
background-size: cover;
background-repeat: no-repeat;
height: 450px;
/* fallback old browser */
height: 45vh;
background-position: center
}
/*--------------------------------------------
EVENT
--------------------------------------------*/
.event-name {
font-weight: 700;
color: #fff;
font-size: 30px;
}
.block-date {
display: block;
margin-bottom: 40px;
width: 100%;
float: left;
}
.date-event {
color: #fff;
font-size: 14px;
padding: 10px 20px;
border: 1px solid #fff;
}
.location {
color: #fff;
}
.link-description {
color: #FF8900;
}
.link-description:hover {
color: #a85c05;
}
.event-link {
color: #FF8900;
margin-top: 10px;
}
.event-link:hover {
color: #a85c05;
}
.description-event {
color: #fff;
margin-bottom: 5px;
}
.sub-title-event-header {
color: #fff;
display: block;
width: 100%;
font-weight: 600;
font-size: 18px;
margin-top: 30px;
margin-bottom: 10px;
}
.arrow-white {
width: 25px;
margin: 0 7px;
}
/*--------------------------------------------
HOTEL HEADER + STEPS
--------------------------------------------*/
.hotel-header {
margin-bottom: 30px
}
.steps {
margin-top: 5px;
}
/* Hotel header */
.hotel-header>* {
color: white;
}
.hotel-header__title {
font-weight: bold;
margin-bottom: 0;
}
/* Steps */
.steps__progress {
background-color: #fff;
margin-top: 40px;
height: 10px
}
.steps__progress-bar {
background: #fff !important;
margin-bottom: 0;
position: relative;
top: 7px
}
.steps__progress-items {
text-align: right;
display: table;
width: 100%;
}
.steps__progress-item {
display: table-cell;
width: 25%;
line-height: 1.2;
color: white;
font-size: 14px;
font-weight: 300
}
/* reset old badge - main.css*/
.steps__progress-item span.uk-badge {
position: relative;
top: -7px;
left: 5px;
background-color: #0ab21b;
padding: 5px 10px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.steps__progress-item.disable span.uk-badge {
background-color: #f8f8f8;
color: gray;
}
/*--------------------------------------------
MAIN
--------------------------------------------*/
.main-content {
position: relative;
overflow: inherit;
padding: 50px 0 150px 0;
}
.main-content--padding-smaller {
padding: 25px 0;
}
/*--------------------------------------------
DATES WIDGET
--------------------------------------------*/
.dates-widget {
background-color: #f1f1f1;
padding: 20px;
xbox-shadow: 1px 2px 9px 0px rgba(204, 204, 204, 0.2);
xbox-shadow: 10px 3px 18px -4px rgba(0, 0, 0, 0.2);
margin-top: -10px;
z-index: 10;
}
.dates-sticky__active {
padding: 10px 20px
}
.dates-widget__wrapper {
display: table;
/* width: 100%; */
margin: 0 auto
}
.dates-widget__title {
font-weight: 400;
text-transform: uppercase;
font-size: 14px
}
.dates-widget__title,
.dates-widget__checkin,
.dates-widget__checkout,
.dates-widget__roomtype,
.dates-widget__coupon,
.dates-widget__guest-selector,
.dates-widget__submit {
/* display: table-cell; */
display: inline-block;
vertical-align: top;
}
.dates-widget__checkin,
.dates-widget__checkout,
.dates-widget__roomtype,
.dates-widget__coupon {
padding-right: 30px;
font-family: 'Montserrat', sans-serif !important;
/* letter-spacing:1px; */
}
.dates-widget__checkin {
padding-right: 0px;
/* background-color: #fff; */
xborder-right: 1px solid #f3f3f3;
margin-right: 10px;
}
.dates-widget__checkout {
/* background-color: #fff; */
padding-right: 0px;
xborder-right: 1px solid #f3f3f3;
margin-right: 3px;
}
.dates-widget__coupon {
/* background-color: #fff; */
padding-right: 0px;
/* height: 51px; */
margin-right: 15px;
margin-left: 17px;
color: #08c;
}
.dates-widget__coupon-content {
font-size: 12px;
margin-top: 5px;
color: #0ab21b
}
.dates-widget__coupon-delete, .dates-widget__coupon-delete:hover {
color: #b94a48;
}
.dates-widget__coupon:hover {
color: #059
}
.dates-widget__submit {
xpadding-left: 10px;
}
#checkin-field,
#checkout-field,
#coupon-field {
height: 51px;
border: none;
width: 100%;
font-size: 14px;
}
#checkin-field {
xborder-right: 1px solid #ccc;
padding: 4px 12px;
}
#checkout-field {
padding: 4px 12px;
}
#coupon-field {
xborder-left: 1px solid #ccc;
padding: 4px 12px;
}
.dates-widget__body {
float: right
}
.dates-widget__label {
font-weight: 500;
text-transform: uppercase;
}
.dates-widget__coupon .dates-widget__label {
font-size: 12px;
text-transform: inherit;
line-height: 1
}
.dates-widget__checkin .dates-widget__field,
.dates-widget__checkout .dates-widget__field {
/* background: url(../images/calendar.png) no-repeat 90% center white !important; */
/* background: url(/img/svg/calendar-alt.svg) no-repeat 95% center white !important; */
/* background-size: 20px !important; */
background-color: transparent;
}
.dates-widget__checkin,
.dates-widget__checkout {
position: relative;
}
.dates-widget__checkin::after,
.dates-widget__checkout::after {
/* display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: absolute;
transform: translate(0,-50%);
right: 8px;
top: 27px;
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: "\f073";
color: #777;
font-size: 22px; */
}
.dates-widget__checkin svg,
.dates-widget__checkout svg {
position: absolute;
top: 15px;
right: 8px;
font-size: 24px;
}
.dates-widget__checkin .dates-widget__field,
.dates-widget__checkout .dates-widget__field,
.dates-widget__coupon .dates-widget__field {
display: block;
height: 51px;
border: none;
}
.dates-widget__checkin .dates-widget__field:hover,
.dates-widget__checkout .dates-widget__field:hover,
.dates-widget__coupon .dates-widget__field:hover {
cursor: pointer;
}
.uk-sticky-placeholder {
margin: 0 !important;
}
/* cross browser italic placeholder */
.dates-widget__coupon .dates-widget__field::-webkit-input-placeholder {
font-size: 14px;
color: #444;
font-family: 'Montserrat', sans-serif !important;
text-align: center;
}
.dates-widget__coupon .dates-widget__field::-moz-placeholder {
font-size: 14px;
color: #444;
font-family: 'Montserrat', sans-serif !important;
text-align: center;
}
.dates-widget__coupon .dates-widget__field:-ms-input-placeholder {
font-size: 14px;
color: #444;
font-family: 'Montserrat', sans-serif !important;
text-align: center;
}
.dates-widget__coupon .dates-widget__field:-moz-placeholder {
font-size: 14px;
color: #444;
font-family: 'Montserrat', sans-serif !important;
text-align: center;
}
.dates-widget__checkin .dates-widget__field::-webkit-input-placeholder {
font-family: 'Montserrat', sans-serif !important;
letter-spacing: 1px;
}
.dates-widget__checkin .dates-widget__field::-moz-placeholder {
font-family: 'Montserrat', sans-serif !important;
letter-spacing: 1px;
}
.dates-widget__checkin .dates-widget__field:-ms-input-placeholder {
font-family: 'Montserrat', sans-serif !important;
letter-spacing: 1px;
}
.dates-widget__checkin .dates-widget__field:-moz-placeholder {
font-family: 'Montserrat', sans-serif !important;
letter-spacing: 1px;
}
.dates-widget__checkout .dates-widget__field::-webkit-input-placeholder {
font-family: 'Montserrat', sans-serif !important;
letter-spacing: 1px;
}
.dates-widget__checkout .dates-widget__field::-moz-placeholder {
font-family: 'Montserrat', sans-serif !important;
letter-spacing: 1px;
}
.dates-widget__checkout .dates-widget__field:-ms-input-placeholder {
font-family: 'Montserrat', sans-serif !important;
letter-spacing: 1px;
}
.dates-widget__checkout .dates-widget__field:-moz-placeholder {
font-family: 'Montserrat', sans-serif !important;
letter-spacing: 1px;
}
.dates-widget__submit input[type=submit] {
color: white;
font-size: 16px;
background: #FF8900;
text-transform: uppercase;
font-weight: 600;
padding: 15px 20px 16px;
white-space: pre-wrap;
margin-left: 4px;
}
.select2-container .select2-choice {
background: #fff !important;
border: none !important;
}
/* Sticky */
.dates-widget[style^="position: fixed"] {
background: #f1f1f1;
color: white !important;
margin-top: 0;
}
/* child field */
.dates-widget__roomtype {
position: relative;
}
.dates-widget__roomtype-not-dropdown,
.dates-widget__roomtype-dropdown {
min-width: 200px;
background-color: white;
border: 1px solid #ddd;
padding: 4px 6px;
box-sizing: border-box;
}
.dates-widget__roomtype-not-dropdown {
background-image: url(../images/arrow-down-.png);
background-repeat: no-repeat;
background-position: 95% 65%;
background-size: 20px 13px;
background-color: white
}
.dates-widget__roomtype-not-dropdown:hover {
cursor: pointer
}
.dates-widget__roomtype-item {
font-style: italic;
font-size: 13px;
text-align: center
}
.dates-widget__roomtype-not-dropdown .dates-widget__roomtype-item.uk-active .dates-widget__roomtype-link:hover {
text-decoration: none
}
.dates-widget__roomtype-dropdown {
top: 45px !important;
}
.dates-widget__roomtype-dropdown .dates-widget__roomtype-item {
padding: 10px 0;
}
.dates-widget__roomtype-dropdown .dates-widget__roomtype-link {
padding: 5px 10px;
}
.dates-widget__roomtype-not-dropdown .dates-widget__roomtype-item {
background-size: contain;
}
.dates-widget__roomtype-not-dropdown .dates-widget__roomtype-item--family {
background-size: 25%
}
.dates-widget__roomtype-dropdown .dates-widget__roomtype-item {
background-size: 20%
}
.dates-widget__roomtype-dropdown .dates-widget__roomtype-item--single {
background-size: 10%
}
.dates-widget__roomtype-item--single {
background: url(../images/user.png) no-repeat left center;
background-size: 10%
}
.dates-widget__roomtype-item--double {
background: url(../images/double.png) no-repeat left center;
}
.dates-widget__roomtype-item--family {
background: url(../images/family-multi.png) no-repeat left center;
}
/* sub widget child */
.dates-widget__roomschosen {
background-color: #fbfbfb;
top: 0px;
position: relative;
border-bottom: 2px solid #fbfbfb;
}
.dates-widget__roomschosen-title {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.dates-widget__roomschosen-title,
.dates-widget__roomschosen-list,
.dates-widget__roomschosen-item {
display: inline-block;
vertical-align: middle;
}
.dates-widget__roomschosen-wrapper {
display: table;
margin: 0 auto;
}
.dates-widget__roomschosen-item {
padding-left: 20px;
margin-left: 20px;
text-transform: uppercase;
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
}
.dates-widget__roomschosen-item--edit {
font-size: 17px;
font-weight: 500;
text-transform: uppercase;
color: #FF8900 !important;
margin-left: 0;
}
.dates-widget__roomschosen-item--edit a {
color: #FF8900 !important;
}
.dates-widget__roomschosen-item--type {
background-image: url(../images/bed.png);
}
.dates-widget__roomschosen-item--adults {
background-image: url(../images/user.png);
}
.dates-widget__roomschosen-item--children {
background-image: url(../images/child.png);
}
.dates-widget[style^="position: fixed"] .dates-widget__roomschosen>* {
color: #333;
}
/* modal - child */
.dates-widget__modal {
z-index: 99999 !important
/* fix uikit modal */
}
.dates-widget__modal-submit {
background-color: #8FD008 !important
}
/*--------------------------------------------
VERIFICA DISPONIBILITA
--------------------------------------------*/
#prev-15 {
float: left;
}
#next-15 {
float: right;
}
#prev-15,
#next-15 {
font-size: 15px;
font-weight: 700;
margin-bottom: 10px;
}
#prev-15 span[class^='uk'],
#next-15 span[class^='uk'] {
line-height: 1;
vertical-align: 9%;
zoom: .8;
}
#prev-15 span:not([class^='uk']),
#next-15 span:not([class^='uk']) {
font-weight: 500;
font-size: 12px;
}
/* old.default */
.room-widget {
font-size: 13px;
font-weight: 400;
color: #000;
}
.room-widget__title {
display: block;
margin-bottom: 30px;
}
.room-widget table {
/* width: 800px */
width: 100%;
}
.room-widget th {
background: #eee;
color: #444;
padding: 8px;
text-align: center;
width: 25px
}
.room-widget th span {
display: block
}
.room-widget th span.weekday {
color: #666;
font-size: 12px
}
.room-widget th span.day {
font-size: 15px
}
.room-widget th span.month {
font-weight: normal;
color: #999
}
.room-widget th.wend {
background: #ddd
}
.room-widget th.first {
width: 150px;
text-align: left;
font-weight: normal
}
.room-widget td {
border-bottom: 1px solid #eee;
text-align: center;
padding: 7px;
vertical-align: middle;
}
.room-widget .al.b {
text-align: left;
}
.room-widget td.wend {
background: #ddd;
border-color: #ddd
}
.room-widget .fl, .room-widget .fr {
color: #FF8900;
}
.sector {
border: 1px solid #ccc;
padding: 15px;
background: #e8f3f9;
margin-bottom: 10px;
-moz-box-shadow: 0 1px 2px #ccc;
-webkit-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #ccc
}
.sector span.title {
display: inline-block;
width: 150px;
text-transform: uppercase;
font-weight: bold;
font-size: 11px
}
.s-open,
.s-closed,
.s-restricted {
padding: 3px;
color: #fff;
/* height: 36px */
height: 46px
}
.s-open {
background: #393
}
.s-closed {
background: #DAADA6
}
.s-restricted {
background: #8AC482
}
ul.legend {
margin-top: 15px
}
ul.legend {
padding-left: 0px
}
ul.legend span {
width: 10px;
height: 10px;
display: block;
float: left;
margin: 5px
}
ul.legend li {
float: left;
list-style: none;
margin-right: 20px;
color: #666;
line-height: 2;
}
ul.legend li span.text {
max-width: 100px
}
/*--------------------------------------------
SELEZIONA CAMERE
--------------------------------------------*/
/* only child */
.bukly-child .tab-rooms__list {
margin-bottom: 20px;
border-bottom: 0;
}
.bukly-child .tab-rooms__item.uk-active .tab-rooms__link {
background-color: #FF8900;
color: white;
border: none;
font-weight: bold;
}
.bukly-child .tab-rooms__item.uk-active .tab-rooms__link:hover {
background-color: #e97c00;
color: white !important;
border: none;
}
.bukly-child .tab-rooms__item {
position: relative;
left: 0;
}
.bukly-child .tab-rooms__link {
padding: 10px 20px 10px 20px !important;
}
.bukly-child .hotel-room {
position: relative;
}
.bukly-child .hotel-room__target {
position: absolute;
right: 0;
top: -60px;
z-index: 1;
border:0;
}
.uk-progress-mini {
height: 3px;
}
.bukly-child .hotel-room__target-list {
margin: 0;
padding: 10px 9px 9px;
border: 1px solid #f1f1f1;
}
.bukly-child .hotel-room__target-item {
display: inline-block;
padding-left: 15px;
margin-right: 15px;
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}
.bukly-child .hotel-room__target-item--adult {
background-image: url(../images/user.png);
}
.bukly-child .hotel-room__target-item--child {
background-image: url(../images/child.png);
}
/* standard */
.border-bottom-light {
border-bottom: 1px solid #f3f3f3;
}
.border-bottom-light:last-child {
border-bottom: none;
}
.hotel-room {
xpadding: 15px;
xborder: 1px solid #f3f3f3;
xborder: 1px solid #ccc;
margin-bottom: 30px
}
.hotel-room__title {
font-weight: 600;
font-size: 18px;
font-family: 'Montserrat', sans-serif !important;
}
.hotel-room__title {
margin-bottom: 15px
}
.hotel-room__conditions {
margin: 15px 0;
display: block;
width: 100%;
float: left;
}
.hotel-room__cols-titles,
.ota-rooms-condensed__cols-titles {
display: table;
width: 100%;
background: #fbfbfb;
padding: 10px 0;
margin-bottom: 20px;
font-size: 12px;
font-weight: 300;
}
.ota-rooms-condensed__cols-titles {
padding: 0
}
.ota-rooms-condensed__cols-titles li {
font-weight: 600;
font-size: 14px;
}
.ota-rooms-condensed__price {
font-size: 18px;
font-weight: 700;
display: block;
/* margin: 0 auto 15px; */
text-align: center;
color: #0ab21b;
font-family: 'Montserrat', sans-serif !important;
}
.booking-next__sub-label {
margin-bottom: 17px;
display: block;
font-size: 12px;
}
.sub-title-row {
font-size: 13px;
text-transform: uppercase;
color: #666;
font-weight: bold;
line-height: 14px;
margin-bottom: 10px;
}
.sub-title-row span {
color: #FF8900;
}
.sub-title-row.center {
text-align: center;
}
.description-room-row {
margin-top: 0;
font-size: 12px;
text-align: left;
color: #999;
}
.link-room-row {
color: #FF8900;
font-size: 14px;
}
.link-room-row:hover {
text-decoration: none;
color: #E27900;
}
.image-room-row {
width: 100%;
}
.fixed-reservation {
position: fixed;
bottom: 0;
background: #f3f3f3;
width: 100%;
}
.booking-next,
.extra__container .booking-next__btn {
left: 0;
position: fixed;
bottom: 0;
width: 100%;
xbackground: rgba(240, 240, 240, 1);
xbox-shadow: 0 0px 18px #ddd;
z-index: 1000;
background: #333;
color: #fff;
}
@media (min-width: 768px) {
.hotel-room__col-title--empty,
.ota-rooms-condensed__col-title--empty,
.hotel-room__excerpt {
max-width: 100%
}
.hotel-room__col-title--min-width,
.ota-rooms-condensed__col-title--min-width,
.hotel-room__info {
/* min-width: 200px */
}
.hotel-room__cols-titles li {
text-align: center;
}
.hotel-room__col-title--max-width,
.ota-rooms-condensed__col-title--max-width,
.hotel-room__price-vat,
.hotel-room__qty,
.hotel-room__select {
/* max-width: 150px */
}
.hotel-room__package .uk-grid {
min-height: 100px;
/* fallback older browser */
min-height: 10vh;
}
.hotel-room__package .hotel-room__info {
/* min-width: 422px */
}
}
.hotel-room__main,
.hotel-room__sub,
.hotel-room__package {
/* margin-bottom: 30px; */
padding: 15px 0;
}
.hotel-room__main {
border: none;
padding: 0px;
}
@media only screen and (min-width: 768px) {
.hotel-room__main,
.hotel-room__sub {
/*border: 1px solid #777*/
}
.hotel-room__info {
padding-right: 5px
}
.hotel-room__info,
.hotel-room__beds-prefs,
.hotel-room__price-vat,
.hotel-room__qty {
padding: 0 15px;
}
}
.hotel-room__info,
.hotel-room__beds-prefs,
.hotel-room__price-vat {
border-right: 1px solid #f3f3f3;
}
.hotel-room__info:last-child,
.hotel-room__beds-prefs:last-child,
.hotel-room__price-vat:last-child {
border-right: 0px;
}
.hotel-room__beds-prefs svg:not(:first-child) {
margin-left: -11px;
}
.hotel-room__excerpt {
padding-right: 15px
}
.hotel-room__excerpt figure {
width: 100%
}
.hotel-room__description {
margin: 15px 0;
font-size: 12px;
}
.hotel-room__description,
.hotel-room__amenities {
font-size: 14px;
text-align: left;
}
.hotel-room__amenities i {
margin-right: 5px;
display: inline-block;
width: 20px;
font-size: 160%;
}
.hotel-room__details {
margin: 0px;
margin-bottom: 10px;
display: block;
width: 100%;
float: left;
font-size: 12px
}
.hotel-room__detail {
display: table;
margin-bottom: 10px;
width: 50%;
float: left;
margin-left: 19px;
}
.hotel-room__detail span .fa-check {
color:#0ab21b;
font-size: 17px;
position: relative;
top: 1px;
}
.hotel-room__detail span .fa-times {
color: #b94a48;
font-size: 17px;
position: relative;
top: 1px;
}
/* .hotel-room__detail img {
margin-right: 5px;
width: 17px;
float: left;
} */
.hotel-room__badge img {
margin-right: 5px;
min-width: 32px;
}
.hotel-room__detail small {
display: block;
}
.hotel-room__detail img,
.hotel-room__detail small,
.hotel-room__badge img {
display: table;
vertical-align: middle;
line-height: 1.2;
color: #999;
font-size: 12px;
}
.hotel-room__info .hotel-room__not-included,
.hotel-room__info .hotel-room__included {
margin-bottom: 20px;
font-size: 11px;
line-height: 1.5;
width: 100%
}
.hotel-room__info .hotel-room__not-included li:before {
content: '-';
display: inline-block;
margin-right: 5px
}
.hotel-room__info .hotel-room__not-included li:first-child {
margin-bottom: 5px
}
.hotel-room__info .hotel-room__not-included li:first-child:before {
display: none
}
.hotel-room__info .hotel-room__included li:first-child {
margin-bottom: 5px;
}
.hotel-room__info .hotel-room__included li:first-child:before {
display: none
}
/* .hotel-room__info .hotel-room__badge, */
.hotel-room__badge {
font-size: 12px;
padding: 7px;
padding-left: 12px;
padding-right: 12px;
text-align: left;
line-height: 18px;
margin-top: 15px !important;
display: block;
text-align: center;
margin-bottom: 15px !important;
background: rgb(187, 0, 0);
}
.hotel-room__installments {
font-size: 12px;
padding: 5px 5px;
width: 100%;
background: #c9700a;
border-radius: 0;
}
.img-event-big img {
width: 100%;
}
.text-label-booking {
display: block;
float: left;
width: 79%;
margin-right: 2%;
padding: 25px 0 0 0;
text-align: right;
}
.hotel-room__thumbnail-magnifier {
font-size: 40px;
margin: 0 auto;
margin-top: 0px;
display: block;
margin-top: 44px;
}
.button-booking-bottom {
display: block;
float: left;
width: 19%;
}
.uk-badge {
font-weight: 500;
}
.bed-preference__title {
display: none;
}
.hotel-room__beds-select select,
.hotel-room__qty select {
margin-top: 10px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: none;
border: 0;
border-radius: 0;
color: inherit;
/* cursor: default; */
font: inherit;
line-height: normal;
overflow: visible;
-webkit-appearance: none;
-moz-appearance: none;
/* for input */
-webkit-user-select: none;
/* for button */
-moz-user-select: none;
-ms-user-select: none;
}
.hotel-room__beds-select select:focus,
.hotel-room__qty select:focus {
outline: none;
box-shadow: none
}
.hotel-room__beds-select select:hover,
.hotel-room__qty select:hover {
cursor: pointer;
}
.hotel-room__beds-select select {
xborder-bottom: 1px solid #ddd;
font-size: 11px;
padding-right: 0;
background: url('data:image/svg+xml;utf8,') no-repeat 95% 60% #f3f3f3;
background-size: 8%;
width: 100%;
height: 30px
}
.hotel-room__price {
font-size: 22px;
font-weight: 700;
display: block;
margin: 0 auto 15px;
text-align: center;
color: #0ab21b;
font-family: 'Montserrat', sans-serif !important;
}
.hotel-room__price.price--nodiscount {
color: #b4b4b4;
/* background: url(../images/discount-line.png) no-repeat center;*/
text-decoration: line-through;
background-size: auto auto;
background-size: contain;
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
}
.hotel-room__vat {
display: block;
font-size: 12px;
color: lightgray;
text-align: center;
line-height: 1.2
}
.hotel-room__qty select {
display: block;
margin: 0 auto;
margin-top: 20px;
text-align: left;
font-size: 18px;
font-weight: 500;
padding: 8px 35px 5px 20px;
background: url('data:image/svg+xml;utf8,') no-repeat 85% 60% #f3f3f3;
font-family: 'Montserrat', sans-serif !important;
}
.hotel-room__qty select {
background-size: 18%
}
.hotel-room__qty select:focus {
outline: 0;
box-shadow: none;
}
.hotel-room__availability {
margin-top: 15px;
font-size: 11px;
text-align: center;
font-weight: 600;
text-transform: uppercase;
}
@media only screen and (min-width: 960px) and (max-width: 1220px) {
.hotel-room__qty {
/* max-width: 95px */
}
.hotel-room__qty select {
font-size: 20px;
padding: 8px 15px 5px;
}
.hotel-room__availability {
line-height: 1.2
}
.hotel-room__package .hotel-room__info {
/* min-width: 340px; */
}
.booking-next__btn-field {
white-space: pre-line;
line-height: 1.8;
/* margin: 0 10px; */
xwidth: 100% !important;
}
.hotel-room__col-title--max-width,
.hotel-room__price-vat,
.hotel-room__qty,
.hotel-room__select {
/* max-width: 110px */
}
.bukly-child .hotel-room__select-wrapper {
margin: 0 10px;
top: auto !important;
transform: none !important;
}
.hotel-room__select-link {
line-height: 1.8
}
}
.image-star-icon {
width: 14px;
margin-right: 2px;
}
/* Property */
.property_info_2 {
padding: 0px;
}
.property {
border: 1px solid #f3f3f3;
margin-bottom: 20px
}
.property:hover{
box-shadow: 0px 0px 21px #f3f3f3;
}
.property_main_description {
padding: 30px 10px
}
.property_content {
cursor: pointer;
padding: 10px
}
.property_info {
padding: 15px
}
.property_title {
font-weight: 800;
font-size: 24px;
}
.property_gallery__first,
.property_gallery__right {
height: 350px;
}
.property_gallery__first a,
.property_gallery__first img {
width: 100% !important;
height: auto !important;
position: relative;
bottom: 50%;
}
.property_gallery__right a {
float:left;
width:100%;
height:173px;
background-size:cover;
}
.property_gallery a {
/* width: auto;
height: auto; */
}
.property_gallery img {
width: auto;
height: auto;
}
.property_image img {
/* width: auto;
height: 100%;
min-width: 200px;
min-height: 200px; */
object-fit: cover;
width: 100%
}
.last_room_message {
font-size: 12px;
color: #da314b;
text-align: center;
}
/* Package */
.hotel-room__package {
background: #FAFAFB
}
.box-room-row {
border: 1px solid #f3f3f3;
}
.hotel-room__package-title,
.hotel-room__sub-title {
font-weight: bold;
padding: 0 15px 10px;
margin-bottom: 15px;
line-height: 1
}
.hotel-room__sub-title,
.hotel__title {
font-weight: 600;
font-size: 20px;
}
.hotel__title a {
color: inherit;
}
.hotel__title a:hover {
text-decoration: none;
}
/*.hotel-room__package-title:after,
.hotel-room__sub-title:after {
content: " ";
position: absolute;
background: #ccc;
height: 1px;
width: 96%;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}*/
.hotel-room__package-title img {
min-width: 24px;
vertical-align: text-bottom;
}
/* child */
.bukly-child .hotel-room__select {
position: relative;
}
.bukly-child .hotel-room__select-wrapper {
position: absolute;
text-align: center;
left: 3px;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.bukly-child .hotel-room__select-label {
display: block;
font-weight: 500;
margin-bottom: 15px
}
.hotel-room__select-link {
text-transform: uppercase;
font-size: 16px;
padding: 5px 12px;
width: 100%
}
.bukly-child .hotel-room__sub .hotel-room__select-label,
.bukly-child .hotel-room__package .hotel-room__select-label {
display: none
}
/* EXTRAS */
body.extras-tpl .main-content {
padding-top: 0
}
.extras {
margin-top: 30px;
margin-bottom: 30px
}
.extras__title {
color: #000;
font-weight: 500;
font-size: 20px;
margin: 0;
margin-bottom: 15px;
line-height: 28px
}
.extra {
padding: 15px;
border: 1px solid #f3f3f3;
margin-bottom: 15px
}
.extra__title {
font-weight: bold;
font-size: 20px;
}
.extra__main,
.extra__sub {
border: 1px solid #1D1D1B
}
.extra__info {
padding-right: 5px
}
.extra__main,
.extra__sub,
.extra__package {
margin-bottom: 30px;
padding: 15px 0
}
.extra__info {
padding: 0 15px;
}
.extra__info {
/* border-right: 1px solid #1D1D1B */
}
.extra__description {
margin: 15px 0;
}
.extra__description {
font-size: 14px;
line-height: 1.5;
color: #999;
}
.extra__details {
margin-bottom: 20px
}
.extra__detail {
display: table;
margin-bottom: 8px;
}
.extra__detail img {
margin-right: 5px;
min-width: 32px;
}
.extra__detail img,
.extra__detail small {
display: table-cell;
vertical-align: middle;
line-height: 1.2
}
.extra__info .room__not-included,
.extra__info .room__included {
margin-bottom: 20px;
font-size: 12px;
line-height: 1.5
}
.extra__info .room__not-included li:before {
content: '-';
display: inline-block;
margin-right: 5px
}
.extra__info .room__not-included li:first-child {
margin-bottom: 5px
}
.extra__info .room__not-included li:first-child:before {
display: none
}
.extra__info .room__included li:first-child {
margin-bottom: 5px;
}
.extra__info .room__included li:first-child:before {
display: none
}
.extra__info .room__badge {
font-size: 13px;
padding: 8px
}
.extra__beds-select select,
.extra__qty select {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: none;
border: 0;
border-radius: 0;
color: inherit;
/* cursor: default; */
font: inherit;
line-height: normal;
overflow: visible;
-webkit-appearance: none;
-moz-appearance: none;
/* for input */
-webkit-user-select: none;
/* for button */
-moz-user-select: none;
-ms-user-select: none;
float: right
}
.extra__beds-select select:focus,
.extra__qty select:focus {
outline: none;
box-shadow: none
}
.extra__price-info {
padding: 10px 0;
}
.extra__price {
font-size: 18px;
font-weight: 500;
color: #0ab21b;
display: block;
margin: 0 auto 5px;
text-align: center;
}
.extra__price-label {
display: block;
font-size: 11px;
text-align: center;
line-height: 1.2;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 40px
}
.extra__qty-label {
margin-bottom: 15px;
font-size: 11px;
text-align: center;
font-weight: 600;
text-transform: uppercase;
display: block;
margin: 0 auto;
}
.extra__qty select {
display: block;
margin: 0 auto;
text-align: center;
background-color: #f1f1f1 ;
font-size: 18px;
font-weight: 500;
padding: 8px 35px 5px 20px;
background: url('data:image/svg+xml;utf8,') no-repeat 75% 60% #f1f1f1;
}
.extra__qty select {
background-size: 20%
}
.extra__qty select:focus {
outline: 0;
box-shadow: none;
}
.extra__qty select:hover {
cursor: pointer;
}
/* Package */
.hotel-room__package {
background: #F8F8F8
}
.hotel-room__package-title {
font-weight: 900;
/* padding: 0 15px 10px; */
margin-bottom: 15px;
line-height: 1
}
@media only screen and (max-width: 768px) {
.select2-container .select2-choice > .select2-chosen {
text-align: center;
}
.select2-drop-active {
border: 0;
border-radius: 0;
text-align: center;
}
.bukly-child .hotel-room__target {
position: absolute;
right: 15px;
top: -60px;
}
.bukly-child .tab-rooms__item {
position: relative;
top: -20px
}
.uk-tab > li.uk-active > a {
position: relative;
left: 15px;
top: 18px;
}
.hotel-room__sub {
padding: 15px;
}
.hotel-room__package-title {
/* padding: 10px 15px 10px; */
}
.hotel-room__conditions {
font-size: 13px;
}
.bed-preference {
font-size: 13px;
}
.hotel-room__qty {
text-align: right;
float: right;
/* margin-top: 20px; */
}
.property_gallery__first, .property_gallery__right {
height: 250px;
}
.property_gallery__right a {
float:left;
width:100%;
height:123px;
background-size:cover;
}
}
.hotel-room__package-title:after {
content: " ";
position: absolute;
background: #ddd;
height: 1px;
width: 96%;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.hotel-room__package-title img {
min-width: 24px;
vertical-align: text-bottom;
}
/* BOOKING NEXT (desktop: sidebar btn) */
/* .booking-next { background: #3C3C3B; } */
.booking-next__report {
background: #fff;
padding: 15px;
border: 1px solid #f3f3f3;
/* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1),
0 1px 2px 0 rgba(0, 0, 0, .06); */
}
.booking-next__report-title {
font-size: 16px;
text-transform: uppercase;
display: block;
margin-bottom: 20px;
font-weight: bold
}
.booking-next__report-dates,
.booking-next__report-rooms,
.booking-next__report-prices,
.booking-next__report-extras {
font-size: 13px;
margin-bottom: 18px;
font-size: 14px;
color: #999;
}
.booking-next__report-prices li,
.booking-next__report-extras li {
display: table;
width: 100%;
}
/* tooltip */
.booking-next__report-prices li:first-child strong+span {
/* display: inline; */
}
.booking-next__report-prices li:last-child {
border-top: 1px solid #eee;
padding-top: 10px;
margin-top: 10px;
}
.booking-next__report-prices strong {
font-size: 13px;
vertical-align: middle;
}
.booking-next__report-prices small,
.booking-next__report-extras small {
font-size: 14px;
line-height: 1.3;
display: inline-block;
margin: 8px 0;
}
.booking-next__report-prices span,
.booking-next__report-extras span {
display: table-cell;
vertical-align: middle;
text-align: right;
white-space: nowrap
}
.booking-next__price {
vertical-align: middle;
float: right;
}
.booking-next__price.price--nodiscount {
background: url(../images/discount-line.png) no-repeat center;
background-size: contain;
}
.booking-next__total-price {
color: #0ab21b;
font-weight: 600;
}
.booking-next__btn {
xmargin-bottom: 15px
}
.booking-next__btn-field {
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
xwidth: 100%;
margin-bottom: 15px;
margin-top: 15px;
}
.booking-next__label {
display: none !important;
color: white;
text-transform: uppercase;
display: block;
font-weight: 500;
font-size: 11px;
text-align: center;
line-height: 1.1;
padding: 20px 10px
}
.booking-next__arrow--down {
background: url(../images/sidebar-sticky-arrow.jpg) no-repeat center top;
background-size: 100% 100%;
height: 45px;
width: 100%;
}
.uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="number"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="color"], .uk-form select, .uk-form textarea {
xheight: 40px !important;
xborder: 1px solid #f3f3f3;
}
/*--------------------------------------------
RIEPILOGO PRENOTAZIONE
--------------------------------------------*/
.reservation {
background: #fff;
/* padding: 30px 30px 15px; */
border: 1px solid #f3f3f3;
margin-bottom: 20px;
}
.reservation fieldset,
.reservation .reservation__fieldset-title,
.reservation .reservation__room-title {
margin-bottom: 30px
}
.reservation .reservation__room-title {
font-weight: 500;
font-size: 18px;
}
.reservation__fieldset-title {
font-weight: 600;
border-bottom: none;
padding: 20px;
font-size: 20px;
background: #f3f3f3
}
.reservation__label,
.reservation__birth-legend {
margin: 5px 0;
display: inline-block;
font-weight: 600
}
.reservation .reservation__is-company {
margin: 20px 0 40px;
}
.reservation .reservation__is-company .reservation__field {
background: white
}
.reservation .reservation__field,
.reservation .reservation__email,
.reservation .reservation__tel,
.reservation .reservation__birth-date,
.reservation .reservation__arrival-hour {
margin-bottom: 20px
}
.reservation .reservation__is-company .reservation__field,
.reservation .reservation__email .reservation__field,
.reservation .reservation__tel .reservation__field,
.reservation .reservation__arrival-hour .reservation__field,
.reservation .reservation__card-number .reservation__field,
.reservation .reservation__card-owner .reservation__field,
.reservation .reservation__card-cvv .reservation__field {
margin-bottom: 0
}
.reservation .reservation__address-search input {
background: url(../images/search.png) no-repeat 98% 30%;
background-size: 20px;
background-color: white
}
.reservation__birth-day,
.reservation__birth-month,
.reservation__birth-year {
vertical-align: top
}
.reservation__required-icon {
color: red;
font-size: 10px;
padding: 0 5px;
vertical-align: top
}
.reservation__search-icon {
position: absolute;
right: 2%;
top: 15%;
}
.reservation__comment .reservation__field {
width: 100%
}
.reservation__card-cvv {
margin-left: 25px;
}
.reservation__card-cvv small {
line-height: 1.1
}
.reservation__agree input[type=checkbox] {
margin-right: 5px
}
.reservation fieldset {
padding: 15px;
}
@media (min-width: 768px) {
.reservation input[type=text],
.reservation input[type=email],
.reservation__country select {
/* width: 50% */
}
}
.reservation__beds-select select {
border: 0;
border-bottom: 1px solid #1D1D1B;
font-size: 12px;
margin-top: 30px;
padding-right: 0;
background: url(../images/arrow-down-.png) no-repeat 95% 65%;
background-size: 13% 37%;
line-height: 1.5;
width: auto
}
.reservation__beds-select select:hover {
cursor: pointer
}
.reservation-resume {
margin-bottom: 30px;
}
/* Reservation Payment */
.reservation__payment-item.uk-active>a {
background: #e8f3f9 !important;
font-weight: bold;
border-bottom: 0
}
.reservation__payment {
margin-bottom: 40px;
}
.reservation__payment fieldset {
border-top: 0;
}
.reservation__payment-type.uk-accordion-title.uk-active {
/* background: #e8f3f9; */
/* border: 1px solid #444; */
}
.reservation__payment-type.uk-accordion-title:before {
content: "\f111";
font-family: 'Font Awesome 5 Pro';
font-weight: bold;
font-size: 20px;
padding-right: 10px;
color: #ccc
}
.reservation__payment-type.uk-accordion-title.uk-active:before {
content: "\f058";
font-family: 'Font Awesome 5 Pro';
font-weight: 700;
font-size: 20px;
padding-right: 10px;
color: #0e52a0
}
.reservation__payment-details.uk-accordion-content.uk-active {
/* border: 1px solid #444; */
border-top: none
}
.reservation__payment-type {
padding: 20px;
font-weight: 700;
font-size: 14px;
border: 1px solid #f3f3f3;
margin-top: 5px;
cursor: pointer;
}
.reservation__payment-type:first-child {
border-top: 1px solid #f3f3f3;
}
.reservation__payment-icon {
float: right
}
.reservation__payment-icon.pagseguro {
background: url(/img/payment_types/amex.png) no-repeat 98% 95%;
}
.reservation__payment-details {
border: 1px solid #f3f3f3;
border-top: none;
padding: 30px 30px 15px;
}
.reservation__notification {
border: 1px solid #ddd;
margin-bottom: 30px;
}
.reservation__card-type {
display: inline-block;
}
.reservation__card-list .reservation__card-type span {
display: inline-block;
width: 41px;
height: 25px;
background-repeat: no-repeat;
margin-right: 10px
}
.reservation__card-list .visa {
background-image: url("https://bukly.com/img/payment_types/small/visa.png")
}
.reservation__card-list .mc {
background-image: url("https://bukly.com/img/payment_types/small/mc.png")
}
.reservation__card-list .amex {
background-image: url("https://bukly.com/img/payment_types/small/amex.png")
}
.reservation__card-list .diners {
background-image: url("https://bukly.com/img/payment_types/small/diners.png")
}
.reservation__card-list .disc {
background-image: url("https://bukly.com/img/payment_types/small/disc.png")
}
.reservation__card-list .hiper {
background-image: url("https://bukly.com/img/payment_types/small/hiper.png")
}
.reservation__card-list .elo {
background-image: url("https://bukly.com/img/payment_types/small/elo.png")
}
.reservation__card-list .disabled {
background-position: 0 -25px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
opacity: 0.3
}
.reservation__card-list,
.reservation__card-msg {
display: inline-block;
vertical-align: middle;
}
.reservation__card-number .reservation__field {
background: url(../images/lock.png) no-repeat 97% center white !important;
}
.reservation__submit input[type=submit] {
color: white;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
float: right;
}
@media screen and (max-width: 765px){
.reservation__submit input[type="submit"] {
width: 100%;
margin-top: 30px;
}
}
/* privacy */
.bukly__privacy {
margin: 30px 0;
}
.bukly__privacy-title {
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
color: #800000;
}
.bukly__privacy-body {
font-size: 12px
}
/*--------------------------------------------
CONFIRMATION
--------------------------------------------*/
.confirmation__title {
font-size: 26px;
font-weight: 600;
}
.confirmation__result {
font-size: 20px;
font-weight: 500
}
.confirmation__order-n {
font-size: 16px;
font-weight: 500;
margin: 40px 0;
}
/*--------------------------------------------
FOOTER
--------------------------------------------*/
.site-footer {
margin-top: 40px;
}
.site-footer__cols {
border-top: 1px solid #F6F6F6;
padding: 40px 0;
}
.site-footer__col h5 {
margin-bottom: 10px
}
.site-footer__copy {
border-top: 1px solid #F6F6F6;
padding: 20px 0;
}
.counter {
display: block;
float: left;
margin-top: 10px;
}
.filters {
float: right;
}
/*--------------------------------------------
OTA FILTERS
--------------------------------------------*/
.hotel-filters__box {
xborder: 1px solid #f3f3f3;
padding: 8px;
background: #fbfbfb;
margin-bottom: 8px;
}
.hotel-filters__box-title {
font-size: 14px;
font-weight: 600;
}
/*--------------------------------------------
RESPONSIVE
--------------------------------------------*/
/* tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* Header */
.site-header {
position: relative;
padding: 15px 0;
}
.site-switchers {
position: absolute;
left: 10px;
top: 30%;
}
.site-menu {
display: none;
position: absolute;
top: 85px;
left: 0;
right: 0;
bottom: 0;
z-index: 1
}
.site-menu__list {
background: white;
padding: 20px 0;
}
.site-menu__item {
display: block;
text-align: left;
padding: 5px 15px
}
.site-menu__link {
border-bottom: 1px solid #ddd;
padding-left: 0 !important;
padding-right: 0 !important;
}
.site-menu__item:last-child .site-menu__link {
border-bottom: 0
}
.site-menu__hamburgher {
position: absolute;
right: 10px;
top: 30%;
}
.site-menu__hamburgher {
background-color: transparent;
border-radius: 0
}
.site-logo {
max-width: 40%;
display: table;
margin: 0 auto;
}
.site-lang,
.site-currency {
background-position: 80% center
}
.site-lang__not-dropdown,
.site-currency__not-dropdown {
padding: 2px 6px
}
.site-lang__dropdown,
.site-currency__dropdown {
right: auto;
margin-top: 0
}
.site-lang__item,
.site-currency__item {
text-align: left
}
/* dates widget */
.dates-widget__checkin .dates-widget__field,
.dates-widget__checkout .dates-widget__field,
.dates-widget__coupon .dates-widget__field {
width: 150px
}
.dates-widget__checkin,
.dates-widget__checkout,
.dates-widget__roomtype,
.dates-widget__coupon {
padding-right: 20px
}
.dates-widget__field {
white-space: normal
}
/* Scelta camere */
.main-content {
padding-top: 30px;
padding-bottom: 30px;
}
.extra {
/* padding: 0;
border: 0; */
}
.hotel-room__excerpt {
padding-right: 0;
margin-bottom: 15px
}
.hotel-room__excerpt figure {
width: auto
}
.hotel-room__background,
.extra__background {
background-size: cover;
height: 40vh;
width: 100%;
background-position: center;
}
.hotel-room__info,
.extra__info,
.hotel-room__beds-prefs,
.hotel-room__price-vat {
border: 0;
}
.hotel-room__beds-prefs,
.hotel-room__price-vat,
.hotel-room__not-included {
/* max-width: 50% */
}
.hotel-room__beds-prefs img {
max-width: 24px
}
.hotel-room__beds-select select {
background-size: 5%;
background-position: right center;
}
.hotel-room__price {
margin-bottom: 10px
}
.hotel-room__installments {
width: 30%;
margin: 0 auto;
display: block;
}
.hotel-room__price.price--nodiscount {
background-position: right center
}
.hotel-room__price,
.hotel-room__badge,
.hotel-room__vat {
text-align: center;
font-size: 14px;
}
.hotel-room__badge {
display: block;
text-align: center;
color: #fff;
background: #da314b;
padding: 0;
padding: 5px;
width: 100%;
}
.hotel-room__not-included,
.hotel-room__qty {
display: inline-block;
vertical-align: top
}
.hotel-room__not-included {
margin-top: 0;
line-height: 1.2 !important
}
.hotel-room__details {
display: table;
width: 100%;
xmargin-top: 30px;
xmargin-bottom: 40px;
}
.hotel-room__detail {
xdisplay: table-cell;
xvertical-align: middle;
xpadding: 5px;
xbackground-color: #0ab21b;
xborder-right: 4px solid white;
color: #000;
}
.hotel-room__detail:last-child {
border-right: 0
}
.hotel-room__detail img {
max-width: 16px;
float: left;
zoom: .8;
}
.hotel-room__detail small {
float: left;
font-size: 12px;
color: #000;
max-width: 100%;
margin-top: 2px
}
.hotel-room__qty select {
padding: 3px 15px 3px 10px;
margin: 0;
}
.hotel-room__qty select,
.hotel-room__qty-label {
display: inline-block;
vertical-align: middle;
max-width: 50%
}
.hotel-room__qty-label {
font-weight: 500;
line-height: 1.2;
padding-right: 5px
}
.hotel-room__availability {
margin-top: 10px;
text-align: right;
}
/* Room Package */
.hotel-room__package,
.hotel-room__package-title {
display: table;
width: 100%;
box-sizing: border-box;
}
.hotel-room__package-title:after {
content: none;
}
.hotel-room__package-title span,
.hotel-room__package-title img {
display: table-cell;
vertical-align: top
}
.hotel-room__package-title span {
padding-left: 5px;
font-size: 12px;
line-height: 1.2;
white-space: wrap
}
.hotel-room__package .uk-grid {
width: 100%
}
.hotel-room__package .hotel-room__price-vat {
/* max-width: 40%; */
float: right;
margin-bottom: 10px
}
.hotel-room__package .hotel-room__info {
max-width: 50%
}
.hotel-room__package .hotel-room__qty {
padding-right: 15px;
float: right;
}
.hotel-room__package-title {
max-width: 60%;
float: left;
}
.hotel-room__package-hide,
.hotel-room__package-show {
background-color: #0ab21b;
display: table;
text-align: center;
width: 100%;
background-size: 5%;
color: white;
text-transform: uppercase;
font-weight: 500;
padding-top: 5px;
padding-bottom: 5px;
}
.hotel-room__package-hide:hover,
.hotel-room__package-show:hover {
text-decoration: none;
}
.hotel-room__package-show {
background-image: url(../images/arrow-down--white.png);
background-repeat: no-repeat;
background-position: 95% center;
}
.hotel-room__package-hide {
display: none;
background-image: url(../images/arrow-up-white.png);
background-repeat: no-repeat;
background-position: 95% center;
}
.hotel-room__package-dropdown {
display: table;
padding-top: 20px
}
/* Room sub */
.hotel-room__sub-title:after {
width: 96%;
}
/* Booking next */
.booking-next {
margin-top: -40px;
}
/* Extras */
.extra {
/* border: 1px solid #1D1D1B;
padding: 15px; */
}
.extra__info {
/* padding-left: 0;
padding-right: 0; */
margin: 0;
}
.extra__price-info {
display: table;
width: 100%;
background-color: #F6F6F6;
padding-right: 15px;
padding-left: 30px
}
.extra__prices-info,
.extra__qty-wrapper {
max-width: 50%;
display: table-cell;
vertical-align: middle;
text-align: right
}
.extra__price {
margin-bottom: 8px;
text-align: left
}
.extra__price-label {
margin-bottom: 0;
font-size: 9px;
text-align: left
}
.extra__qty select {
padding: 3px 15px 3px 10px;
}
.extra__qty,
.extra__qty-label {
/* max-width: 50%;
display: inline-block;
text-align: right;
vertical-align: middle;
margin: 0;
padding: 0; */
}
.extra__qty-label {
max-width: 50px;
padding-right: 10px;
line-height: 1.3
}
.extra__qty-label {
text-align: right;
}
body.extras-tpl .booking-next {
margin-top: 0
}
.booking-next__price.price--nodiscount {
background-position: right center;
background-size: 40%
}
.booking-next__report {
/* margin-top: 25px;
margin-bottom: 25px */
}
.booking-next__report-dates,
.booking-next__report-rooms,
.booking-next__report-prices {
font-size: 15px
}
/* child */
.bukly-child .dates-widget__checkin .dates-widget__field,
.bukly-child .dates-widget__checkout .dates-widget__field,
.bukly-child .dates-widget__coupon .dates-widget__field {
width: 120px
}
.bukly-child .dates-widget__label {
font-size: 12px
}
.bukly-child .dates-widget__checkin,
.bukly-child .dates-widget__checkout,
.bukly-child .dates-widget__roomtype,
.bukly-child .dates-widget__coupon {
padding-right: 10px
}
.bukly-child .dates-widget__submit .dates-widget__field {
white-space: pre-wrap;
font-size: 12px;
padding: 5px 10px;
}
.bukly-child .hotel-room__target {
/* position: absolute;
right: 14px;
top: -7px;
border: 0;
z-index: 1;
border-top-left-radius: 0;
border-top-right-radius: 0; */
}
.bukly-child .hotel-room__main,
.bukly-child .hotel-room__sub,
.bukly-child .hotel-room__package {
position: relative;
}
.bukly-child .hotel-room__select {
position: static;
}
.bukly-child .hotel-room__select-wrapper {
bottom: 0;
top: auto;
left: auto;
right: 15px
}
.bukly-child .hotel-room__select-label {
margin-bottom: 5px
}
.bukly-child .hotel-room__sub .hotel-room__select-wrapper,
.bukly-child .hotel-room__package .hotel-room__select-wrapper {
bottom: 40px;
}
}
@media only screen and (max-width: 960px) {
#checkin-field, #checkout-field, #coupon-field {
text-align: center;
}
.block-info-event {
padding: 20px 50px;
}
/* widget */
.dates-widget {
color: white;
z-index: 999 !important;
position: relative;
padding: 0
}
.dates-widget .uk-container {
padding-left: 0;
padding-right: 0
}
.dates-widget__link--mobile {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#dates-widget {
position: inherit !important;
}
.dates-widget--close .dates-widget__body {
display: block;
}
.room-widget table {
overflow-x: scroll;
display: block;
}
.dates-widget__title {
font-weight: 600;
}
.dates-widget__wrapper {
display: block;
background-color: #000;
}
.dates-widget__wrapper a {
font-weight: bold;
font-size: 16px;
}
#checkin-field {
border-right: 0;
}
.dates-widget__title {
background-image: url(../images/arrow-down--white.png);
background-repeat: no-repeat;
background-position: 95% center;
position: relative;
text-align: center;
display: block;
padding-top: 12px;
padding-bottom: 12px;
background-size: 7%
}
.dates-widget--close .dates-widget__title {
background-image: url(../images/arrow-up-white.png);
background-repeat: no-repeat;
background-position: 95% center;
}
.dates-widget__title span {
display: block;
text-transform: initial;
}
.dates-widget__body {
display: none;
float: none;
background-color: #ddd;
text-align: left;
padding: 25px;
}
.dates-widget__submit input[type="submit"] {
margin-left: 0;
}
.dates-widget__checkin,
.dates-widget__checkout,
.dates-widget__coupon,
.dates-widget__guest-selector {
/* display: block; */
padding-right: 0;
width: 100%;
margin-bottom: 15px;
}
.dates-widget__checkin,
.dates-widget__checkout {
width: 100%;
}
.dates-widget__checkin,
.dates-widget__checkout {
margin-bottom: 15px
}
.dates-widget__roomtype {
display: block;
padding: 0;
margin-bottom: 15px
}
.dates-widget__roomtype-dropdown {
width: 100%
}
.dates-widget__roomtype-dropdown .dates-widget__roomtype-item {
background-size: 15%
}
.dates-widget__roomtype-link,
.dates-widget__roomtype-link:hover {
color: black;
}
.dates-widget__roomtype-item--single {
background-size: 7% !important
}
.dates-widget__roomtype-not-dropdown .dates-widget__roomtype-item--family {
background-size: 15%
}
.dates-widget__coupon {
/* margin-bottom: 25px; */
xwidth: calc(49% - 16px);
xmargin-left: 16px;
width: 100%;
margin-left: 0;
}
#coupon-field {
border-left: 0;
padding: 0;
text-align: center;
}
.dates-widget__submit {
display: block;
margin-top: 0px;
}
.dates-widget__label {
color: black;
}
.dates-widget__field {
width: 100%;
}
/* slider */
.slick-arrow {
display: none !important
}
.steps {
margin-top: 0;
margin-bottom: 15px;
}
.steps__progress-item {
line-height: 1.1;
font-size: 11px
}
.hotel-slider__gradient-bottom {
height: 200px
}
.hotel-room__excerpt figure {
width: 100%;
}
.icon-ota {
margin-top: 50%;
}
.hotel-room__thumbnail-magnifier {
margin-top: 50%;
}
.img-width-mobile {
width: 100%;
}
}
/* mobile */
@media only screen and (max-width: 767px) {
.property_info_2 {
padding: 15px;
}
.title-list-check {
margin-top: 20px;
}
.hotel-room__detail {
width: 100%;
}
.steps__progress-item-text {
text-align: right;
left: inherit;
}
.booking-next__btn-field {
margin-top: 0;
border-radius: 0;
}
.hotel-room-border {
border-bottom: 1px solid #f3f3f3 !important;
margin-bottom: 15px;
padding-bottom: 15px;
}
.hotel-room-border:last-child {
border-bottom: 0px solid #f3f3f3 !important;
}
.uk-container {
padding: 0 15px;
}
.site-header {
position: relative;
padding: 15px 0;
}
.site-switchers {
position: absolute;
left: 10px;
top: 30%;
}
.site-menu {
display: none;
position: absolute;
top: 57px;
left: 0;
right: 0;
bottom: 0;
z-index: 1
}
.site-menu__list {
background: white;
padding: 20px 0;
}
.site-menu__item {
display: block;
text-align: left;
padding: 5px 15px
}
.site-menu__link {
border-bottom: 1px solid #ddd;
padding-left: 0 !important;
padding-right: 0 !important;
}
.site-menu__item:last-child .site-menu__link {
border-bottom: 0
}
.site-menu__hamburgher {
position: absolute;
right: 10px;
top: 25%;
}
.site-menu__hamburgher {
background-color: transparent;
border-radius: 0
}
.site-logo {
max-width: 40%;
display: table;
margin: 0 auto;
}
.site-lang,
.site-currency {
/* background-size: 10px 6px; */
background-position: 80% center
}
.site-lang__not-dropdown,
.site-currency__not-dropdown {
padding: 2px 6px
}
.site-lang__dropdown,
.site-currency__dropdown {
right: auto;
margin-top: 0
}
.site-lang__item,
.site-currency__item {
text-align: left
}
ul.legend {
padding: 0;
}
ul.legend li {
display: block;
width: 100%
}
/* child - sub widget */
.dates-widget__roomschosen {
top: 0;
margin-bottom: 20px
}
.dates-widget__roomschosen-list {
display: table;
margin: 10px auto;
}
.dates-widget__roomschosen-item {
padding-left: 20px;
padding-right: 10px;
margin-left: 0;
font-size: 10px;
color: #000;
background-size: 20%
}
.dates-widget__roomschosen-item--edit {
font-size: 10px;
color: #8FD008;
padding-left: 0;
padding-right: 0;
text-align: center;
line-height: 1.2
}
.hotel-room__target {
position: static;
}
.booking-next__btn {
margin-bottom: 0;
}
/* Scelta camere */
.main-content {
padding-top: 30px;
padding-bottom: 30px;
}
.hotel-rooms {
margin-bottom: 110px
}
.hotel-room {
padding: 0;
border: 0;
}
.hotel-room {
padding: 15px;
xborder: 1px solid #ddd;
}
.hotel-room__package {
/* padding: 0px 0; */
}
.hotel-room__excerpt {
padding-right: 0;
margin-bottom: 15px
}
.hotel-room__background,
.extra__background {
background-size: cover;
height: 40vh;
width: 100%;
background-position: center;
}
.hotel-room__info,
.extra__info,
.hotel-room__beds-prefs,
.hotel-room__price-vat {
border: 0;
}
.hotel-room__beds-prefs,
.hotel-room__price-vat,
.hotel-room__not-included {
/* max-width: 50% */
}
.hotel-room__beds-prefs {
xpadding: 10px 0px;
}
.hotel-room__beds-prefs img {
max-width: 24px
}
.hotel-room__beds-select select {
background-size: 20px
}
.hotel-room__price {
margin-bottom: 10px
}
.hotel-room__price,
.hotel-room__badge,
.hotel-room__vat {
text-align: center
}
.room-select {
width: 100%;
margin-top: 20px;
}
.hotel-room__badge {
padding: 10px 0px;
width: 50%;
font-size: 12px;
margin: 0 auto;
}
.hotel-room__not-included,
.hotel-room__qty {
display: inline-block;
vertical-align: top
}
.hotel-room__availability {
text-align: center;
}
.hotel-room__not-included {
margin-top: 0;
line-height: 1.2 !important
}
.pd-mobile {
padding: 0 !important;
}
.hotel-room__qty {
padding-right: 0;
text-align: right;
/* float: right; */
/* margin-top: 20px */
}
.uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="number"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="color"], .uk-form select, .uk-form textarea {
height: 40px !important;
}
.uk-100 {
width: 100%;
}
.uk-form-controls {
width: 100%;
margin-top: 10px;
}
.hotel-room__price.price--nodiscount {
text-align: center;
}
.hotel-room__price {
text-align: center;
}
.hotel-room__details {
display: table;
width: 100%;
}
.hotel-room__detail {
xdisplay: table-cell;
xvertical-align: middle;
xpadding: 5px;
xbackground-color: #0ab21b;
xborder-right: 4px solid white;
color: #000;
}
.hotel-room__detail:last-child {
border-right: 0
}
.hotel-room__detail img {
max-width: 16px;
float: left;
zoom: .8;
}
.hotel-room__detail small {
float: left;
font-size: 12px;
color: #000;
max-width: 100%;
margin-top: 2px;
}
.hotel-room__qty select {
padding: 10px 26px;
margin: 0;
}
.hotel-room__qty select,
.hotel-room__qty-label {
display: block;
vertical-align: middle;
max-width: 50%;
margin: 0 auto;
}
.hotel-room__qty-label {
font-weight: 500;
line-height: 1.2;
padding-right: 5px
}
.hotel-room__availability {
margin-top: 10px;
}
/* Room Package */
.hotel-room__package,
.hotel-room__package-title {
display: table;
width: 100%;
box-sizing: border-box;
}
.hotel-room__package-title:after {
content: none;
}
.hotel-room__package-title span,
.hotel-room__package-title img {
display: table-cell;
vertical-align: top
}
.hotel-room__package-title span {
/* padding-left: 5px;
font-size: 12px;
line-height: 1.2;
white-space: wrap */
}
.hotel-room__package .uk-grid {
width: 100%
}
.hotel-room__package .hotel-room__price-vat,
.hotel-room__sub .hotel-room__price-vat {
/* max-width: 40%;
float: right; */
/* padding: 10px; */
margin-bottom: 10px
}
.hotel-room__package .hotel-room__info {
max-width: 50%
}
.hotel-room__package .hotel-room__qty {
/* padding-right: 15px */
}
.hotel-room__package-title {
/* max-width: 60%;
float: left; */
}
.hotel-room__package-hide,
.hotel-room__package-show {
background-color: #0ab21b;
display: table;
text-align: center;
width: 100%;
background-size: 5%;
color: white;
text-transform: uppercase;
font-weight: 500;
padding-top: 5px;
padding-bottom: 5px;
}
.hotel-room__package-hide:hover,
.hotel-room__package-show:hover {
text-decoration: none;
}
.hotel-room__package-show {
background-image: url(../images/arrow-down--white.png);
background-repeat: no-repeat;
background-position: 95% center;
}
.hotel-room__package-hide {
display: none;
background-image: url(../images/arrow-up-white.png);
background-repeat: no-repeat;
background-position: 95% center;
}
.hotel-room__package-dropdown,
.hotel-room__package.hotel-room__package--close .hotel-room__package-show {
/* display: none */
}
.hotel-room__package.hotel-room__package--close .hotel-room__package-dropdown,
.hotel-room__package.hotel-room__package--close .hotel-room__package-hide {
display: table;
}
.hotel-room__package.hotel-room__package--close .hotel-room__package-dropdown {
padding: 30px 10px 10px;
}
/* Room sub */
.hotel-room__sub-title:after {
width: 100%;
}
/* Booking next */
/* .booking-next,
.extra__container .booking-next__btn {
/* margin-top: -40px; *
position: fixed;
bottom: 0;
width: 100%;
xbackground: rgba(0, 0, 0, 0.6)
} */
.extra__container .booking-next__btn {
xpadding-bottom: 20px;
xmargin-left: -15px;
margin-bottom: 0;
}
.booking-next__btn-field {
margin-top: 0 !important;
}
.booking-next__btn-field.ota-btn {
width: 100%;
margin-top: 10px;
}
.booking-next__btn-field {
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
width: 100%;
margin-bottom: 0;
height: 60px;
}
/* Extras */
.extra {
padding: 15px;
}
.extra__info {
padding-left: 0;
padding-right: 0;
margin: 15px 0 0;
}
.extra__price-info {
display: table;
width: 100%;
background-color: #F6F6F6;
padding-right: 15px;
}
.extra__prices-info,
.extra__qty-wrapper {
max-width: 50%;
display: table-cell;
vertical-align: middle;
text-align: right
}
.extra__price {
margin-bottom: 8px
}
.extra__price-label {
margin-bottom: 0;
font-size: 9px
}
.extra__qty select {
padding: 3px 15px 3px 10px;
}
.extra__qty,
.extra__qty-label {
max-width: 50%;
display: inline-block;
text-align: right;
vertical-align: middle;
margin: 0;
padding: 0;
}
.extra__qty-label {
max-width: 50px;
padding-right: 10px;
line-height: 1.3
}
.extra__qty-label {
text-align: right;
}
body.extras-tpl .booking-next {
margin-top: 0
}
/* Reservation */
.booking-next__report {
/* margin-bottom: 30px */
}
.reservation__title {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 0
}
.reservation .reservation__fieldset-title {
font-size: 18px
}
.reservation:last-child fieldset {
margin-bottom: 0
}
.reservation__label {
/* padding-left: 5px */
}
.reservation__label,
.reservation__icon {
display: inline
}
.reservation__field[type=text],
.reservation__field[type=email] {
width: 100%
}
.reservation__birth-day .reservation__field,
.reservation__birth-year .reservation__field {
width: 80px !important
}
.reservation__notification {
font-size: 90%;
line-height: 1.4
}
.reservation__card-exp,
.reservation__card-cvv {
width: 100%
}
.reservation__card-cvv {
padding-left: 15px;
margin-top: 15px
}
.uk-form-row-small .reservation__label {
font-size: 13px
}
.reservation__footer {
background-color: #F6F6F6;
padding: 15px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.reservation__agree {
margin-top: 15px;
}
.reservation__agree .reservation__field {
background-color: white !important
}
.bukly__privacy {
margin-bottom: 0
}
.property_image img {
height: 100%;
height: 200px;
}
/* footer */
.site-footer__col {
max-width: 50%;
display: inline-block;
margin-bottom: 30px
}
#site-footer__copy {
padding: 15px 0;
text-align: center;
border-top: 1px solid #ddd;
}
}
@media only screen and (max-width: 767px) {
body {
padding-bottom: 70px;
}
.services {
margin-top: 30px;
}
.hotel-room__package-title,
.hotel-room__sub-title {
padding: 10px 0;
}
.booking-next__room {
xmargin-left: -15px;
}
.extra__container .uk-sticky-placeholder {
height: auto !important;
margin-bottom: 20px !important;
}
.property_gallery__first, .property_gallery__right {
height: 170px;
}
.hotel-room__select-link {
width: 100%;
}
.hotel-header__title {
font-size: 22px;
}
.hotel-header__location,
.hotel-header__link {
font-size: 12px
}
}
@media only screen and (max-width: 500px) {
.dates-widget__coupon {
width: 100%;
margin-left: 0;
text-align: center;
}
.dates-widget__roomschosen-item--edit {
width: 100%
}
.dates-widget__roomschosen-list {
text-align: center;
}
.bukly-child .hotel-room__target {
top: -37px
}
.bukly-child .tab-rooms__item {
position: relative;
top: inherit
}
.counter {
text-align: center;
width: 100%;
margin-bottom: 30px;
font-size: 16px;
}
}