.room-area {
margin-top: 40px;
}
.season-notice {
display: inline-block;
cursor: pointer;
}
.season-notice:after {
text-transform: none;
}
.single-room .main-content {
position: relative;
z-index: 1;
}
.single-room .main-content.active {
z-index: 20;
}
.single-room .inner-post-wrap {
margin-bottom: 0;
}
.single-room .room-area .entry-heading {
margin-bottom: 20px;
}
.single-room .room-area .entry-heading .entry-title {
font-size: 28px;
line-height: 44px;
margin-bottom: 0;
}
.single-room .room-meta {
font-size: 18px;
font-weight: normal;
color: #1a1a1a;
}
.single-room .room-meta img,.single-room .room-meta svg {
max-width: 28px;
max-height: 28px;
}
.single-room .room-meta img {
width: 25px;
height: 25px;
object-fit: cover;
}
.single-room .room-meta .entry-detail {
line-height: 1;
}
.single-room .room-meta .icon + span {
margin-left: 10px;
}
.site-content.single-room-01 {
padding-top: 0;
}
.single-room-01 .main-content {
padding-top: 80px;
}
.single-room-01 .room-thumbnails + .main-content {
padding-top: 60px;
}
.single-room-01 .room-price {
font-size: 16px;
font-weight: 500;
list-style: 1.63;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 10px;
}
.single-room-01 .room-price .regular-price {
display: inline-flex;
}
.single-room-01 .room-title {
margin-bottom: 20px;
}
.single-room-01 .room-title .entry-title {
font-size: 42px;
line-height: 1.29;
}
.single-room-01 .room-meta {
margin-bottom: 30px;
}
.single-room .room-thumbnails img {
min-height: 300px;
width: 100%;
object-fit: cover;
}
.single-room-01 .room-thumbnails .swiper-pagination-inner {
margin-bottom: 50px;
}
.single-room-01 .room-thumbnails .nuss-gallery-03,.single-room-01 .room-thumbnails .nuss-gallery-04 {
padding-top: 50px;
}
.single .single-room .post-content {
margin-bottom: 0;
}
.single-room .room-amenities .entry-detail {
max-width: 670px;
padding-right: 170px;
}
.single-room .room-amenities ul li {
display: flex;
align-items: center;
margin: 0;
}
.single-room .room-amenities ul li img {
width: 32px;
height: 32px;
}
.single-room .room-amenities ul li img + span {
padding-left: 20px;
}
.single-room .room-amenities .hidden-amenities {
margin-top: 30px;
}
.single-room .room-amenities .hidden-amenities .uxper-toggle {
display: none;
margin-bottom: 30px;
}
.single-room .room-amenities .hidden-amenities .hide-all {
display: none;
}
.single-room .room-amenities .hidden-amenities.open .hide-all {
display: block;
}
.single-room .room-amenities .hidden-amenities.open .show-all {
display: none;
}
.single-room .room-amenities .hidden-amenities.open .uxper-toggle {
display: block;
}
.single-room .room-availability .datepick-month td a {
pointer-events: none;
}
.single-room .room-content .inner-content {
max-height: 130px;
overflow: hidden;
position: relative;
}
.single-room .room-content .inner-content:after {
display: none;
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
height: 50px;
}
.single-room .room-content .toggle-desc {
display: none;
}
.single-room .room-content.on .inner-content:after,
.single-room .room-content.on .toggle-desc {
display: block;
}
.single-room .room-content.off-toggle .inner-content {
max-height: inherit;
}
.single-room .room-content.off-toggle .inner-content:after {
display: none;
}
.single-room .room-content.off-toggle .toggle-desc {
display: none;
}
.single-room .room-content.on.active .inner-content {
max-height: inherit;
}
.single-room .room-content.on.active .inner-content:after {
display: none;
}
.single-room .room-content.on.active .show-more {
display: none;
}
.single-room .room-content.on.active .hide-all,
.single-room .room-content.on.active .toggle-desc {
display: inline-block;
}
.single-room .room-content .toggle-desc {
margin-top: 30px;
}
.single-room .room-content .toggle-desc a {
display: inline-block;
}
.single-room .room-content .toggle-desc a.hide-all {
display: none;
}
.single-room .room-extra-service .service {
display: flex;
}
.single-room .room-extra-service .service .service-image {
flex: 0 0 100px;
}
.single-room .room-extra-service .service .service-image img {
width: 100px;
height: 100px;
object-fit: cover;
}
.single-room .room-extra-service .service .service-image + .service-detail {
flex: 1;
padding-left: 20px;
}
.single-room .room-extra-service .service .service-title {
margin-bottom: 10px;
}
.single-room .room-extra-service .service .service-description {
font-size: 16px;
}
.single-room .room-extra-service .service .service-title .entry-title {
font-size: 20px;
line-height: 1.211;
margin-bottom: 5px;
}
.single-room .room-extra-service .service .service-price {
font-size: 14px;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
}
.single-room .room-seasons {
overflow: auto;
}
.single-room .room-seasons .uxper-seasons-table {
margin-bottom: 0;
}
.single-room .list-rules {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.single-room .room-rules .list-rules li + li {
margin-top: 10px;
}
.single-room .room-video {
position: relative;
}
.single-room .room-video .entry-thumbnail {
position: relative;
display: inline-block;
border-radius: 10px;
overflow: hidden;
}
.single-room .room-video iframe {
max-width: 700px;
width: 100%;
height: 400px;
}
.single-room .room-video .view-video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.single-room .room-video .view-video:hover svg {
animation-name: spin;
animation-duration: 3000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
.single-room .room-video .view-video svg {
position: relative;
}
.single-room .room-video .view-video i {
position: absolute;
transform: translate(3px, -3px);
-webkit-transform: translate(3px, -3px);
-moz-transform: translate(3px, -3px);
}
.single-room .room-video .view-video:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.2);
}
.single-room .room-video .view-video i {
font-size: 28px;
}
.single-room .room-booking {
position: -webkit-sticky;
position: sticky;
top: 50px;
padding: 30px;
max-width: 400px;
border: 1px solid #eee;
background: #fff;
border-radius: 5px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
z-index: 1;
}
.header-sticky + .single-room .room-booking {
top: 150px;
}
.single-room .room-booking.disabled button.btn-submit {
display: none;
}
.single-room .room-booking .not-available {
display: none;
padding-top: 12px;
padding-bottom: 12px;
}
.single-room .room-booking.disabled .not-available {
display: block;
background-color: #858585;
}
.single-room .room-booking .alert-message {
margin-top: 15px;
color: #ad0202;
}
.single-room .room-booking .form-toggle .inner-toggle {
left: 0;
right: 0;
}
.single-room .room-booking .extra-service-detail {
margin-top: 25px;
}
.single-room .room-booking .extra-service-detail .entry-heading {
font-size: 14px;
font-family: inherit;
font-weight: 500;
line-height: 1.57;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
margin-bottom: 15px;
display: block;
color: #7a7a7a;
}
.single-room .room-booking .extra-service-detail .inner-service {
display: flex;
}
.single-room .room-booking .extra-service-detail .inner-service .service-image {
flex: 0 0 70px;
}
.single-room .room-booking .extra-service-detail .inner-service .service-image + .entry-detail {
position: relative;
top: -4px;
padding-left: 15px;
}
.single-room .room-booking .extra-service-detail .inner-service .service-image img {
height: 85px;
width: 70px;
object-fit: cover;
}
.single-room .room-booking .extra-service-detail .inner-service .service-title {
display: flex;
}
.single-room .room-booking .extra-service-detail .inner-service .service-title .entry-title {
font-size: 15px;
font-weight: 500;
font-family: inherit;
margin-right: 5px;
margin-bottom: 5px;
}
.single-room .room-booking .extra-service-detail .inner-service .service-title i {
font-size: 15px;
}
.single-room .room-booking .extra-service-detail .inner-service .service-price {
font-size: 15px;
margin-bottom: 10px;
}
.single-room .room-booking .extra-service-detail .product-quantity .inner-quantity {
display: flex;
align-items: center;
border: solid 1px #1a1a1a;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
}
.single-room .room-booking .extra-service-detail .product-quantity .inner-quantity input {
font-size: 15px;
background-color: transparent;
min-height: 25px;
padding: 0 5px;
width: 35px;
}
.single-room .room-booking .extra-service-detail .product-quantity .btn-quantity {
height: 25px;
}
.single-room .room-booking .extra-service-detail .product-quantity .btn-quantity i {
font-size: 15px;
}
.single-room .room-booking .extra-service-detail .product-quantity .btn-quantity.minus {
padding-left: 10px;
}
.single-room .room-booking .extra-service-detail .product-quantity .btn-quantity.plus {
padding-right: 10px;
}
#booking-contact-form {
margin-left: -10px;
margin-right: -10px;
}
#booking-contact-form .uxper-field {
padding-left: 10px;
padding-right: 10px;
}
#booking-contact-form .area-field {
margin-top: 20px;
}
#booking-contact-form .area-field textarea {
padding-top: 15px;
padding-bottom: 15px;
}
#booking-contact-form .bottom-form {
margin-top: 10px;
}
.single-room .contact-detail li {
display: flex;
}
.single-room .contact-detail li i {
line-height: 1;
width: 30px;
position: relative;
top: 4px;
color: #1a1a1a;
}
.single-room .button-contact {
margin-top: 30px;
}
.single-room .room-booking.active.booking-contact .inner-booking {
max-height: 420px;
}
.single-room .booking-contact .booking-title {
margin-bottom: 20px;
}
.single-room .button-contact .btn-call {
background: #1a1a1a;
margin-bottom: 10px;
}
.single-room .button-contact .nuss-popup .btn-close {
top: 15px;
right: 15px;
color: #1a1a1a;
}
.single-room .form-messages {
margin-top: 10px;
margin-bottom: 20px;
}
.single-room .booking-enquiry {
padding-left: 20px;
padding-right: 20px;
}
.single-room .booking-enquiry p {
margin-bottom: 15px;
}
.single-room .booking-enquiry input {
min-height: 42px;
padding-left: 10px;
padding-right: 10px;
}
.single-room .booking-enquiry textarea {
max-height: 150px;
}
.single-room .booking-enquiry label {
display: inline-block;
}
.single-room .booking-enquiry input[type="submit"] {
font-size: 15px;
text-transform: uppercase;
background: #b95c47;
color: #fff;
border: 0;
padding: 7px 35px;
border-radius: 3px;
}
.single-room .booking-enquiry .wpcf7-response-output {
font-size: 15px;
color: #5d5d5d;
margin: 0;
}
.single-room .booking-enquiry label span {
display: inline-block;
margin-top: 3px;
}
.single-room .form-messages .uxper-notice {
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}
.single-room .form-messages .uxper-notice .icon {
top: 14px;
}
.single-room .btn-mobile-booking {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
border-top: 1px solid #eee;
padding: 15px;
text-align: center;
z-index: 5;
}
.single-room .btn-mobile-booking + .widget {
margin-top: 40px;
}
.single-room .btn-mobile-booking span { 
display: none;
}
.single-room .btn-mobile-booking span.open { 
display: block;
}
.single-room .btn-mobile-booking.active a {
background: #1a1a1a;
}
.single-room .btn-mobile-booking.active span.open { 
display: none;
}
.single-room .btn-mobile-booking.active span.close {
display: block;
}
.single-room .room-booking.active {
display: block;
padding: 0;
box-shadow: none;
}
.single-room .room-booking.active .inner-booking {
position: fixed;
z-index: 9999;
top: 10%;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
background: #fff;
padding: 20px;
width: 95%;
max-height: calc(100% - 150px);
border-radius: 5px;
overflow-y: auto;
}
.single-room .room-booking .inner-booking .btn-close {
position: absolute;
right: 20px;
top: 20px;
display: none;
}
.single-room .room-booking.active .inner-booking .btn-close {
display: inline-block
}
.single-room .room-booking.active .booking-title {
margin-bottom: 15px;
}
.single-room .room-booking.active>.bg-overlay {
opacity: 1;
visibility: visible;
} .single-room .room-thumbnails .swiper-slide img {
height: 400px;
}
.single-room .room-thumbnails .nav-button-icon {
color: #fff;
}
.single-room .room-thumbnails .nuss-swiper-control .swiper-slide img {
height: 200px;
min-height: auto;
}
.nuss-gallery-03 .uxper-swiper + .uxper-swiper {
margin-top: 8px;
}
.nuss-gallery-03 .swiper-slide {
border-radius: 10px;
overflow: hidden;
}
.nuss-gallery-04 {
overflow: hidden;
}
.nuss-gallery-04 .row {
margin-left: -4px;
margin-right: -4px;
}
.nuss-gallery-04 .col-half {
padding-left: 4px;
padding-right: 4px;
}
.nuss-gallery-04 .inner-gallery {
max-height: 500px;
height: 100%;
overflow: hidden;
}
.nuss-gallery-04 .large-thumb {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.nuss-gallery-04 .large-thumb img { 
height: 500px;
}
.nuss-gallery-04 .small-thumb {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-template-rows: 50% 50%;
grid-column-gap: 8px;
grid-row-gap: 8px;
overflow: hidden;
height: 100%;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.nuss-gallery-04 .small-thumb .item img {
width: 100%;
height: 100%;
min-height: auto;
}
.nuss-gallery-04 .see-more {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 15px;
background: rgba(0,0,0,0.3);
}
.nuss-gallery-04 .see-more span {
font-size: 24px;
}
.room-related {
position: relative;
z-index: 0;
padding-top: 60px;
padding-bottom: 120px;
background-color: #f6f6fa;
}
.room-related .entry-heading {
margin-bottom: 40px;
}
.room-related .entry-heading .entry-title {
margin-bottom: 0;
}
.list-category {
text-align: center;
margin-bottom: 70px;
overflow: hidden;
}
.list-category ul {
padding-left: 0;
margin: -10px -20px;
}
.list-category ul li {
list-style: none;
display: inline-block;
padding: 10px 20px;
margin: 0;
}
.list-category ul li a {
font-size: 16px;
font-weight: 500;
line-height: 1.63;
text-transform: uppercase;
padding-bottom: 10px;
border-bottom: 1px solid transparent;
}
.list-category li.active a {
display: block;
position: relative;
color: #b95c47;
border-color: #b95c47;
}
.grid-room.uxper-grid {
grid-column-gap: 90px;
grid-row-gap: 80px;
}
.grid-room .inner-room-wrap {
max-width: 100%;
width: 100%;
overflow: hidden;
}
.grid-room .grid-item {
display: inherit;
}
.grid-room .room-button {
display: flex;
align-items: center;
padding-top: 40px;
}
.room-thumbnails .swiper-pagination-inner {
margin-bottom: 32px;
}
.grid-room .room-title {
margin-bottom: 20px;
}
.grid-room .room-title .entry-title {
font-size: 36px;
line-height: 1.33;
margin-bottom: 0;
}
.grid-room .room-meta {
padding-bottom: 20px;
}
.grid-room .room-meta .entry-detail {
line-height: 1;
}
.grid-room .room-meta .icon + span {
margin-left: 10px;
}
.grid-room .room-meta span {
font-size: 18px;
color: #1a1a1a;
}
.grid-room .room-meta img,.grid-room .room-meta svg {
max-width: 28px;
max-height: 28px;
}
.wrap-room-grid .room-thumbnails,.wrap-room-masonry .room-thumbnails {
position: relative;
margin-bottom: 25px;
}
.wrap-room-grid .room-price,.wrap-room-masonry .room-price {
padding: 14px 20px;
border-radius: 3px;
position: absolute;
top: 40px;
left: 40px;
background-color: #fff;
color: #5a5a5a;
z-index: 1;
}
.grid-room .room-price {
font-size: 16px;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
}
.regular-price {
display: inline-flex;
flex-wrap: nowrap;
color: #b95c47;
}
.wrap-room-list .inner-room-wrap {
display: flex;
flex-wrap: wrap;
}
.wrap-room-list .inner-room-wrap .room-thumbnails {
flex: 0 0 510px;
max-width: 510px;
}
.wrap-room-list .inner-room-wrap .room-thumbnails + .room-detail {
padding-left: 90px;
padding-right: 90px;
}
.wrap-room-list .inner-room-wrap .room-detail {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
max-width: 100%;
}
.wrap-room-list .room-price,.wrap-room-ziczac .room-price {
margin-bottom: 10px;
}
.wrap-room-ziczac .inner-room-wrap {
position: relative;
padding-left: 45%;
}
.wrap-room-ziczac .room-thumbnails {
width: 100%;
}
.wrap-room-ziczac .room-thumbnails img {
margin-left: auto;
}
.wrap-room-ziczac .grid-item:nth-child(2n+1) .inner-room-wrap {
padding-left: 0;
padding-right: 45%;
}
.wrap-room-ziczac .room-detail {
position: absolute;
top: 50%;
left: 60px;
padding: 60px;
transform: translate3d(0, -50%, 0);
max-width: 570px;
background-color: #fff;
z-index: 1;
}
.wrap-room-ziczac .grid-item:nth-child(2n+1) .room-thumbnails img {
margin-left: inherit;
}
.wrap-room-ziczac .grid-item:nth-child(2n+1) .room-detail {
left: auto;
right: 60px;
}
.archive-room-search .inner-room-wrap {
display: flex;
flex-wrap: wrap;
}
.archive-room-search .inner-room-wrap .room-thumbnails {
flex: 0 0 32%;
max-width: 370px;
}
.archive-room-search .room-thumbnails .swiper-pagination-inner {
margin-bottom: 22px;
}
.archive-room-search .inner-room-wrap .room-detail {
display: flex;
flex-direction: column;
flex: 1;
max-width: 100%;
padding: 30px;
border: 1px solid #eee;
}
.archive-room-search .inner-room-wrap .room-thumbnails + .room-detail {
border-left: 0;
}
.archive-room-search .room-title {
margin-bottom: 20px;
}
.archive-room-search .room-title .entry-title {
font-size: 36px;
line-height: 1.33;
margin-bottom: 0;
}
.archive-room-search .room-meta {
font-size: 18px;
font-weight: normal;
color: #1a1a1a;
padding-bottom: 20px;
}
.archive-room-search .room-meta img
,.archive-room-search .room-meta svg {
max-width: 28px;
max-height: 28px;
}
.archive-room-search .room-meta .entry-detail {
line-height: 1;
}
.archive-room-search .room-meta .icon + span {
margin-left: 10px;
}
.archive-room-search .room-amenities {
margin-top: 30px;
}
.archive-room-search .room-amenities ul {
padding-left: 0;
margin-bottom: 0;
}
.archive-room-search .room-amenities ul li {
display: flex;
align-items: center;
line-height: 1;
margin-top: 0;
}
.archive-room-search .room-amenities ul li img {
max-width: 24px;
max-height: 24px;
}
.archive-room-search .room-amenities ul li img + span {
margin-left: 20px;
}
.archive-room-search .room-price {
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
}
.archive-room-search .room-button-toggle {
font-size: 16px;
font-weight: 500;
}
.archive-room-search .room-more-detail {
border: 1px solid #eee;
border-top: 0;
padding-bottom: 30px;
}
.archive-room-search .room-more-detail .inner-detail {
margin-top: 30px;
padding: 0 30px;
}
.archive-room-search .room-more-detail .datepick {
width: 100%!important;
border: 0;
box-shadow: none;
margin-bottom: 0;
}
.archive-room-search .room-more-detail .datepick-month td a {
pointer-events: none;
}
.archive-room-search .room-more-detail .datepick-month td a,.archive-room-search .room-more-detail .datepick-month td span {
width: 100%;
}
.archive-room-search .room-more-detail .room-availability-legend {
padding: 0 30px;
}
.archive-room-search .room-more-detail .entry-title {
font-size: 24px;
margin-bottom: 20px;
}
.archive-room-search .room-more-detail .service {
display: flex;
align-items: center;
}
.archive-room-search .room-more-detail .service .service-title + .service-price {
padding-left: 10px;
}
.archive-room-search .room-more-detail .service .service-image img {
max-width: 24px;
max-height: 24px;
}
.archive-room-search .room-more-detail .service .service-image + .service-detail {
padding-left: 20px;
}
.archive-room-search .room-more-detail .service .service-detail {
display: flex;
align-items: center;
line-height: 1;
}
.archive-room-search .room-action {
display: flex;
align-items: center;
}
.archive-room-search-01 .room-action {
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
padding: 60px 60px 30px 60px;
border: 1px solid #eee;
}
.archive-room-search-01 .inner-room-wrap .room-detail + .room-action {
border-left: 0;
}
.archive-room-search-01 .toggle-active .room-action {
border-bottom-color: transparent;
}
.archive-room-search-02 .toggle-active .room-detail {
border-bottom-color: transparent;
}
.archive-room-search-02 .room-action {
margin-top: 40px;
}
.archive-room-search-01 .room-price {
margin-bottom: 20px;
}
.archive-room-search-01 .room-flex-top .room-button {
justify-content: center;
}
.archive-room-search-02 .room-price {
margin-right: 30px;
}
.archive-room-search-02 .room-button-toggle {
margin-top: 25px;
}
.checkout-wrap .extra-service-detail .grid {
grid-row-gap: 20px;
}
.custom-page-wrap .inner-detail>.entry-heading {
font-size: 28px;
line-height: 1.211;
margin-bottom: 20px;
}
.custom-page-wrap .inner-detail + .inner-detail {
margin-top: 30px;
}
.checkout-wrap .service .inner-service {
display: flex;
border-radius: 3px;
border: 1px solid #eee;
}
.checkout-wrap .service .service-image {
max-width: 150px;
min-width: 100px;
display: flex;
align-items: center;
justify-content: center;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
overflow: hidden;
}
.checkout-wrap .service .service-image img {
max-height: 125px;
height: 100%;
object-fit: cover;
}
.checkout-wrap .service .entry-detail {
display: flex;
justify-content: space-between;
padding: 25px;
flex: 1;
}
.checkout-wrap .service .service-title {
display: flex;
margin-bottom: 10px;
}
.checkout-wrap .service .service-title .entry-title {
font-size: 24px;
line-height: 1.33;
margin-bottom: 0;
}
.checkout-wrap .service .service-price {
display: flex;
align-items: center;
}
.checkout-wrap .service .service-price .suffix-price {
margin-left: 5px;
}
.checkout-wrap .service .service-title span {
line-height: 1;
position: relative;
top: 9px;
margin-left: 5px;
}
.checkout-wrap .service .regular-price {
font-size: 20px;
font-weight: 500;
}
.checkout-wrap .service .service-action {
display: flex;
align-items: center;
}
.checkout-wrap .service .area-booking {
margin-right: 10px;
}
.checkout-wrap .service .service-action .uxper-button {
padding-top: 9px;
padding-bottom: 9px;
}
.checkout-wrap .service .product-quantity .inner-quantity {
display: flex;
align-items: center;
border: solid 1px #1a1a1a;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
}
.checkout-wrap .service .product-quantity .inner-quantity input {
background-color: transparent;
min-height: 40px;
}
.checkout-wrap .service .product-quantity .btn-quantity {
height: 40px;
}
.checkout-wrap .service .product-quantity .btn-quantity i {
font-size: 18px;
}
.checkout-wrap .service  .product-quantity .btn-quantity.minus {
padding-left: 20px;
}
.checkout-wrap .service  .product-quantity .btn-quantity.plus {
padding-right: 20px;
}
.payment-detail .entry-detail {
max-width: 550px;
}
.payment-method-wrap .radio + .radio {
margin-top: 10px;
}
.payment-method-wrap .radio {
border: 1px solid #eee;
border-radius: 3px;
overflow: hidden;
}
.payment-method-wrap .radio label {
font-size: 18px;
line-height: 1.56;
padding: 15px 0;
margin: 0 15px;
display: flex;
align-items: center;
cursor: pointer;
}
.payment-method-wrap .radio input {
display: none;
}
.payment-method-wrap .radio i {
font-size: 28px;
width: 32px;
line-height: 1;
margin-right: 15px;
}
.payment-method-wrap .desc {
display: none;
background: #fff;
padding: 20px 20px 30px;
}
.payment-method-wrap .radio.active i {
color: #b95c47;
}
.payment-method-wrap .radio.active {
border-color: #b95c47;
}
.payment-method-wrap .radio.active label {
border-bottom: 1px solid #eee;
}
.payment-method-wrap .radio.active .desc {
display: block;
}
.review-order {
font-size: 16px;
position: -webkit-sticky;
position: sticky;
top: 50px;
padding: 20px 30px 30px;
border-radius: 5px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}
.review-order .column span {
display: block;
}
.review-order .column .primary-color {
font-weight: 500;
}
.review-order .uxper-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.review-order .entry-row {
align-items: center;
}
.review-order .entry-row + .entry-row {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #eee;
}
.review-order .label {
font-size: 14px;
font-weight: 500;
line-height: 1.57;
color: #7a7a7a;
text-transform: uppercase;
display: block;
}
.review-order .name {
font-weight: 500;
}
.fee .uxper-grid,.sub-total .uxper-grid {
align-items: center;
}
.review-order .label.total-label {
font-size: 16px;
color: #1a1a1a;
}
.review-order .sub-total-label {
font-size: 15px;
color: #1a1a1a;
}
.review-order .label + .heading-font {
margin-top: 10px;
}
.review-order .heading-font {
font-size: 18px;
font-weight: 700;
line-height: 1.44;
}
.review-order .entry-row>.label {
margin-bottom: 8px;
}
.review-order .accent-color {
font-weight: 500;
}
.review-order .room span + span {
font-size: 15px;
line-height: 1.6;
margin-top: 5px;
}
.review-order .service .quantity {
display: inline-flex;
}
.review-order .service .quantity span {
margin-left: 5px;
}
.coupon-detail .entry-detail {
display: flex;
max-width: 550px;
}
.coupon-detail .entry-detail input {
flex: 1;
width: auto;
margin-right: 15px;
min-height: 46px;
border: 1px solid #1a1a1a;
background-color: transparent;
border-radius: 3px;
}
.action-detail label {
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
.action-detail label input {
margin-right: 10px;
}
.action-detail label label.error {
position: absolute;
top: 100%;
margin-top: 0;
}
.action-detail .ux-booking-action {
margin-top: 40px;
}
.payment-complated {
max-width: 740px;
} 
.payment-complated .booking-detail .flex-wrap {
display: flex;
font-size: 18px;
}
.payment-complated .booking-detail .flex-wrap .name {
flex: none;
font-weight: 500;
margin-right: 10px;
}
.payment-complated .booking-detail .flex-wrap .value {
-ms-word-wrap: break-word;
word-break: break-all;
}
.payment-complated .booking-detail .flex-wrap .column-wrap {
flex: 0 0 50%;
max-width: 50%;
padding-right: 30px;
}
.payment-complated .booking-detail .flex-wrap .column-wrap .column + .column {
margin-top: 20px;
}
.payment-complated .entry-heading .entry-title {
font-size: 28px;
line-height: 1.36;
margin-bottom: 0;
}
.payment-complated .entry-heading {
margin-bottom: 20px;
}
.payment-complated .button-action {
display: flex;
align-items: center;
margin-top: 40px;
}
.payment-complated .button-action a.return-homepage {
margin-right: 30px;
}
.uxper-search-filter {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
row-gap: 10px;
margin-bottom: 30px;
}
.uxper-search-filter .action-wrap {
display: flex;
}
.uxper-search-filter .action-wrap.sort-wrap {
align-items: center;
}
.uxper-search-filter .action-wrap>span {
margin-right: 15px;
}
.uxper-search-filter .action-wrap .inner-filter {
display: flex;
}
.uxper-search-filter .action-wrap .inner-filter .entry-filter {
position: relative;
}
.uxper-search-filter .action-wrap .inner-filter .entry-filter .filter-label {
font-size: 16px;
font-weight: 500;
position: relative;
margin-bottom: 0;
display: flex;
align-items: center;
cursor: pointer;
padding-right: 17px;
color: #1a1a1a;
}
.uxper-search-filter .action-wrap .inner-filter .entry-filter .filter-label:after {
content: '\f107';
font-size: 24px;
line-height: 1;
font-weight: 300;
font-family: 'Font Awesome 5 Pro';
position: absolute;
right: 0;
}
.uxper-search-filter .action-wrap .inner-filter .entry-filter.active .filter-label {
color: #b95c47;
}
.uxper-search-filter .action-wrap .inner-filter .filter-control {
font-size: 16px;
display: none;
position: absolute;
min-width: 240px;
background: #fff;
z-index: 3;
margin-top: 10px;
border-radius: 3px;
box-shadow: 0 5px 10px 0 rgba(51, 51, 51, 0.15);
border: 1px solid #eee;
}
.uxper-search-filter .sort-wrap .inner-filter .filter-control {
text-align: right;
min-width: 135px;
right: 0;
}
.uxper-search-filter .action-wrap .filter-control ul {
max-height: 270px;
overflow: auto;
list-style-type: none;
margin-bottom: 0;
padding: 15px 20px;
}
.uxper-search-filter .action-wrap .filter-control .btn-filter {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 10px;
border-top: 1px solid #eee;
}
.uxper-search-filter .action-wrap .filter-control .btn-filter a.clear {
text-decoration: underline;
}
.uxper-search-filter .action-wrap .filter-control .btn-filter a.save {
padding: 5px 12px;
font-weight: 400;
}
.uxper-search-filter .action-wrap .filter-control a {
font-size: 16px;
text-transform: none;
display: block;
position: inherit;
}
.uxper-search-filter .action-wrap .filter-control a:before {
content: '';
position: absolute;
height: 5px;
background: red;
opacity: 0.4;
width: 100%;
left: 0;
bottom: 2px;
transition: transform .5s cubic-bezier( .8, 0, .2, 1);
transform: scale3d(0,1,1);
transform-origin: transform-origin( 0, 1, 1);
}
.uxper-search-filter .action-wrap .filter-control li {
position: relative;
}
.uxper-search-filter .action-wrap .filter-control li .input-control {
position: absolute;
top: 3px;
width: 18px;
height: 18px;
}
.uxper-search-filter .action-wrap .filter-control li .custom-checkbox:checked:before {
font-size: 14px;
line-height: 18px;
width: 18px;
height: 18px;
}
.uxper-search-filter .action-wrap .filter-control li label {
margin-bottom: 0;
display: block;
padding-left: 30px;
cursor: pointer;
color: #1a1a1a;
}
.uxper-search-filter .action-wrap .filter-control li + li {
margin-top: 10px;
}
.uxper-search-filter .action-wrap .filter-control li.active a:before {
background: red;
transform: scale3d(1,1,1);
transform-origin: transform-origin(0% 50%);
}
.uxper-search-filter .action-wrap .filter-control li a:hover:before {
transform: scale3d(0,1,1);
transform-origin: transform-origin(0% 50%);
}
.btn-popup-filter a.nuss-button {
font-size: 16px;
font-weight: 500;
padding: 5px 20px;
}
.btn-popup-filter a.nuss-button i {
margin-right: 8px;
}
.uxper-popup-filter {
position: fixed;
top: 100%;
left: 0;
right: 0;
bottom: 0;
height: 100vh;
background-color: #fff;
opacity: 0;
visibility: hidden;
z-index: 999;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.uxper-popup-filter.active {
top: 0;
opacity: 1;
visibility: visible;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.uxper-popup-filter .top-filter {
font-size: 16px;
font-weight: 500;
color: #1a1a1a;
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 25px 10px;
border-bottom: 1px solid #eee;
}
.uxper-popup-filter .top-filter a {
flex: 0 0 50px;
}
.uxper-popup-filter .top-filter a.clear {
text-decoration: underline;
text-align: right;
}
.uxper-popup-filter .top-filter a.btn-close {
font-size: 24px;
}
.uxper-popup-filter .filter-wrap {
display: flex;
flex-direction: column;
height: 100%;
}
.uxper-popup-filter .inner-filter {
padding: 25px;
row-gap: 0;
height: 100%;
overflow: auto;
}
.uxper-popup-filter .inner-filter .entry-filter {
width: 100%;
}
.uxper-popup-filter .inner-filter .filter-label {
display: block;
font-weight: 500;
margin-bottom: 15px;
color: #1a1a1a;
}
.uxper-popup-filter ul {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
}
.uxper-popup-filter ul li {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
}
.uxper-popup-filter ul li a {
color: #5d5d5d;
}
.uxper-popup-filter ul li label {
flex: 1;
}
.uxper-popup-filter ul li + li {
margin-top: 15px;
}
.uxper-popup-filter .sort-wrap ul li {
flex-direction: inherit;
}
.uxper-popup-filter .gap-item {
width: 100%;
}
.uxper-popup-filter .gap-item + .gap-item {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #eee;
}
.uxper-popup-filter .bottom-filter {
padding: 15px 25px;
border-top: 1px solid #eee;
background-color: #fff;
z-index: 2;
}
.uxper-popup-filter .bottom-filter a {
font-size: 16px;
}
.search .uxper-search-form {
text-align: center;
margin: 0 auto;
padding-bottom: 70px;
}
.search .uxper-search-form .ux-booking-form {
justify-content: center;
}
.ux-booking-form {
margin-top: 0;
margin-bottom: 0;
}
.uxper-search-form {
max-width: 800px;
width: 100%;
}
.uxper-search-form .entry-title {
font-size: 42px;
font-weight: 700;
line-height: 1.29;
margin-bottom: 10px;
}
.uxper-search-form .entry-des {
font-size: 18px;
line-height: 1.17;
margin-bottom: 0;
}
.uxper-search-form .entry-des span {
font-weight: 500;
}
.uxper-search-form .ux-booking-form {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
margin-top: 40px;
}
.uxper-search-form .ux-booking-form .form-group {
margin-top: 0;
width: 290px;
}
.uxper-search-form .ux-booking-form .bottom-form {
margin-top: 0;
}
.uxper-search-form .ux-booking-form button.btn-submit {
padding-left: 45px;
padding-right: 45px;
}
.check-availabity-popup .inner-popup {
max-width: 790px;
padding: 40px 65px 60px 40px;
}
.check-availabity-popup .ux-room-datepick-popup {
padding-left: 10px;
padding-right: 10px;
}
.check-availabity-popup .ux-room-datepick-popup,.check-availabity-popup .bottom-form {
width: 100%;
}
.check-availabity-popup .ux-booking-form .form-group {
width: 50%;
}
.check-availabity-popup .ux-booking-form .form-group + .form-group {
margin-top: 0;
}
.check-availabity-popup.type-02 .inner-popup {
text-align: center;
}
.check-availabity-popup.type-02 .ux-booking-form {
margin: 30px 0 0;
}
.nuss-popup.check-availabity-popup.type-02 .btn-close {
color: #1a1a1a;
}
.nuss-popup.check-availabity-popup.type-02 .entry-heading {
font-size: 36px;
line-height: 1.33;
margin-bottom: 10px;
}
.nuss-popup.check-availabity-popup.type-02 .entry-des {
margin-bottom: 0;
}
.nuss-popup.check-availabity-popup.type-02 .inner-popup {
display: flex;
flex-direction: column;
justify-content: space-between;
left: unset;
right: 0;
max-width: 480px;
padding: 60px 60px 30px;
}
.nuss-popup.check-availabity-popup.type-02 .inner-popup .entry-bottom {
font-size: 16px;
line-height: 1.63;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 30px;
margin: 30px -10px 0;
}
.nuss-popup.check-availabity-popup.type-02 .inner-popup .entry-bottom a {
padding: 0 10px;
margin-bottom: 10px;
}
.check-availabity-popup.type-02 .ux-booking-form .form-group {
width: 100%;
padding: 25px;
border: 1px solid #eeeeee;
z-index: 1;
}
.check-availabity-popup.type-02 .ux-booking-form .form-group input, 
.check-availabity-popup.type-02 .ux-booking-form .form-group .show-data {
padding-bottom: 0;
border-bottom: 0;
}
.check-availabity-popup.type-02 .ux-booking-form .form-group input.form-control,
.check-availabity-popup.type-02 .ux-booking-form .form-group .show-data {
min-height: 26px;
}
.check-availabity-popup.type-02 .ux-booking-form .form-group + .form-group {
margin-top: 10px;
}
.check-availabity-popup.type-02 .ux-booking-form .bottom-form {
margin-top: 10px;
padding: 0;
}
.check-availabity-popup.type-02 .ux-booking-form button.btn-submit {
padding-top: 18px;
padding-bottom: 18px;
}
.check-availabity-popup.type-02 .ux-booking-form .phone-number {
display: block;
font-size: 16px;
font-weight: 500;
margin-top: 30px;
}
.uxper-check-booking-info {
max-width: 500px;
width: 100%;
margin: 0 auto;
}
.uxper-check-booking-info .form-group + .form-group {
margin-top: 30px;
}
.items-one-row.archive-room-search .inner-room-wrap{
flex-direction: column;
}
.items-one-row.archive-room-search .inner-room-wrap .room-thumbnails {
flex: 0 0 32%;
max-width: max-content;
}
.items-one-row.archive-room-search-01 .inner-room-wrap .room-detail + .room-action,
.items-one-row.archive-room-search .inner-room-wrap .room-thumbnails + .room-detail {
border-left: 1px solid #eee;
}
.items-one-row.archive-room-search-01 .inner-room-wrap .room-detail + .room-action {
border-top: 0;
}
.items-one-row.archive-room-search .inner-room-wrap .room-thumbnails + .room-detail{
border-bottom: 0;
}
.items-one-row.archive-room-search-01 .room-action {
padding: 10px 30px 30px 30px;
}
.items-one-row .room-flex-top{
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.items-one-row.archive-room-search .room-button-toggle,
.items-one-row.archive-room-search .room-amenities {
display: none;
}
.items-one-row.archive-room-search-01 .room-price {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 0px;
}
.archive-room-search .nuss-swiper .swiper-slide{
width: 100% !important;
}
.notice-include{
width: 100%;
}
.notice-include__all,
.notice-include__only{
color: #5a5a5a;
text-decoration: underline;
}
.notice-include__all:hover,
.notice-include__only:hover{
text-decoration: underline;
}
@media (max-width: 1199px) {
.list-category {
margin-bottom: 60px;
}
.nuss-grid .room-title .entry-title {
font-size: 28px;
}
.nuss-grid .room-button .nuss-button:not(.underline) {
padding: 7px 25px;
}
.nuss-grid .room-meta {
margin-left: -8px;
margin-right: -8px;
}
.nuss-grid .room-meta .gap-item {
padding-left: 8px;
padding-right: 8px;
}
.nuss-grid .room-meta span {
font-size: 15px;
}
.nuss-grid .room-meta img, .nuss-grid .room-meta svg {
max-width: 20px;
max-height: 20px;
}
}
@media (max-width: 1024px) {
.archive-room-search .inner-room-wrap{
flex-direction: column;
}
.archive-room-search .inner-room-wrap .room-thumbnails {
flex: 0 0 32%;
max-width: max-content;
}
.archive-room-search-01 .inner-room-wrap .room-detail + .room-action,
.archive-room-search .inner-room-wrap .room-thumbnails + .room-detail {
border-left: 1px solid #eee;
}
.archive-room-search-01 .inner-room-wrap .room-detail + .room-action {
border-top: 0;
}
.archive-room-search .inner-room-wrap .room-thumbnails + .room-detail{
border-bottom: 0;
}
.archive-room-search-01 .room-action {
padding: 10px 30px 30px 30px;
}
.room-flex-top{
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.archive-room-search .room-button-toggle,
.archive-room-search .room-amenities {
display: none;
}
.archive-room-search-01 .room-price {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 0px;
}
}
@media (min-width: 992px) {
.check-availabity-popup {
transition: transform .55s cubic-bezier(.65,.025,.67,.36) .05s,opacity 0s .6s,visibility 0s .6s;
}
.check-availabity-popup.open {
transition: transform .55s cubic-bezier(.65,.025,.67,.36),opacity 0s;
}
.check-availabity-popup .inner-popup {
transition: transform .55s cubic-bezier(.65,.025,.67,.36) .55s,opacity 0s .6s,visibility 0s .6s;
}
.check-availabity-popup .bg-overlay {
transition: transform .55s cubic-bezier(.65,.025,.67,.36) .05s,opacity 0s .6s,visibility 0s .6s;
}
.check-availabity-popup .ux-room-datepick-calendar {
opacity: 0;
transform: translateY(3rem);
transition: opacity .6s cubic-bezier(.65,.025,.67,.36),transform .6s cubic-bezier(.65,.025,.67,.36);
transition-duration: .3s;
}
.check-availabity-popup .form-group {
opacity: 0;
transform: translateY(3rem);
transition: opacity .6s cubic-bezier(.65,.025,.67,.36),transform .6s cubic-bezier(.65,.025,.67,.36);
transition-duration: .6s;
z-index: 1;
}
.check-availabity-popup .bottom-form {
opacity: 0;
transform: translateY(3rem);
transition: opacity .6s cubic-bezier(.65,.025,.67,.36),transform .6s cubic-bezier(.65,.025,.67,.36);
transition-duration: .9s;
}
.check-availabity-popup.type-01 .inner-popup {
transform: translateX(-100%);
}
.check-availabity-popup.type-01 .bg-overlay {
left: 790px;
transform: translateX(-100%);
}
.check-availabity-popup.type-02 .inner-popup {
transform: translateX(100%);
}
.check-availabity-popup.type-02 .bg-overlay {
right: 480px;
transform: translateX(100%);
}
.check-availabity-popup.open .inner-popup {
transform: translateX(0);
transition: transform .5s cubic-bezier(.65,.025,.67,.36),opacity 0s;
}
.check-availabity-popup.open .bg-overlay {
transform: translateX(0);
transition: transform .8s cubic-bezier(.34,.615,.4,.985) .5s,opacity 0s .5s;
}
.check-availabity-popup.open .ux-room-datepick-calendar {
opacity: 1;
transform: translateY(0);
transition: opacity .8s cubic-bezier(.34,.615,.4,.985) 0.55s,transform .8s cubic-bezier(.34,.615,.4,.985) 0.55s;
}
.check-availabity-popup.open .form-group {
opacity: 1;
transform: translateY(0);
transition: opacity .8s cubic-bezier(.34,.615,.4,.985) 0.75s,transform .8s cubic-bezier(.34,.615,.4,.985) 0.75s;
}
.check-availabity-popup.open .bottom-form {
opacity: 1;
transform: translateY(0);
transition: opacity .8s cubic-bezier(.34,.615,.4,.985) 1s,transform .8s cubic-bezier(.34,.615,.4,.985) 1s;
}
.single-room .room-thumbnails .swiper-slide img {
height: 500px;
}
}
@media (max-width: 991px) {
.wrap-room-list .inner-room-wrap .room-thumbnails {
flex: 0 0 45%;
max-width: 45%;
}
.wrap-room-list .inner-room-wrap .room-detail {
padding-left: 50px;
padding-right: 50px;
}
.wrap-room-ziczac .inner-room-wrap {
padding-left: 30%;
}
.wrap-room-ziczac .grid-item:nth-child(2n+1) .inner-room-wrap {
padding-right: 30%;
}
.archive-room-search .inner-room-wrap .room-thumbnails img {
height: 100%;
object-fit: cover;
}
.archive-room-search-01 .room-action {
padding: 40px 30px 30px 30px;
}
.archive-room-search.archive-room-search-01 .inner-room-wrap .room-thumbnails {
flex: 0 0 100%;
max-width: 100%;
}
.archive-room-search.archive-room-search-01 .inner-room-wrap .room-thumbnails img {
width: 100%;
}
.archive-room-search.archive-room-search-01 .inner-room-wrap .room-thumbnails + .room-detail {
border-left: 1px solid #eee;
}
.archive-room-search.archive-room-search-02 .inner-room-wrap .room-thumbnails {
flex: 0 0 30%;
max-width: 300px;
}
.nuss-gallery-04 .large-thumb img {
height: 400px;
}
.nuss-gallery-04 .large-thumb {
border-radius: 10px 10px 0 0;
margin-bottom: 8px;
}
.nuss-gallery-04 .small-thumb {
grid-template-columns: repeat(4,1fr);
grid-template-rows: auto;
border-radius: 0 0 10px 10px;
}
.nuss-gallery-04 .small-thumb .item img {
height: 200px;
}
.single-room .btn-mobile-booking {
display: block;
}
.single-room .room-booking {
display: none;
position: static;
}
}
@media (max-width: 767px) {
.wrap-room-list .inner-room-wrap .room-thumbnails {
flex: 0 0 100%;
max-width: 100%;
}
.wrap-room-list .inner-room-wrap .room-thumbnails img {
width: 100%;
object-fit: cover;
max-height: 350px;
}
.wrap-room-list .inner-room-wrap .room-thumbnails + .room-detail {
padding: 25px 0 0 0;
}
.wrap-room-list .inner-room-wrap .room-detail {
padding-left: 0;
padding-right: 0;
}
.wrap-room-ziczac .inner-room-wrap,.wrap-room-ziczac .grid-item:nth-child(2n+1) .inner-room-wrap {
padding: 0;
}
.wrap-room-ziczac .inner-room-wrap .room-thumbnails img {
width: 100%;
object-fit: cover;
max-height: 350px;
}
.wrap-room-ziczac .room-detail {
position: static;
transform: none;
-webkit-transform: none;
max-width: 100%;
padding: 25px 0 0;
}
.check-availabity-popup .inner-popup {
padding-right: 40px;
}
.archive-room-search.archive-room-search-02 .inner-room-wrap .room-thumbnails {
flex: 0 0 100%;
max-width: 100%;
}
.archive-room-search.archive-room-search-02 .inner-room-wrap .room-thumbnails img {
width: 100%;
max-height: 400px;
}
.archive-room-search.archive-room-search-02 .inner-room-wrap .room-thumbnails + .room-detail {
border-left: 1px solid #eee;
}
.archive-room-search.archive-room-search-02 .inner-room-wrap .room-detail {
padding: 25px 15px 30px;
}
.archive-room-search.archive-room-search-02 .inner-room-wrap .room-action {
flex-wrap: wrap;
margin-top: 20px;
}
.nuss-gallery-04 .small-thumb .item img {
height: 100px;
}
.nuss-gallery-04 .see-more {
font-size: 15px;
}
#booking-contact-form .uxper-field + .uxper-field {
margin-top: 20px;
}
.nuss-popup .entry-heading h3 {
font-size: 24px;
}
.single-room .room-booking.active .inner-booking {
top: 5%;
bottom: 5%;
}
}
@media (max-width: 650px) {
.archive-room-search .room-title .entry-title {
font-size: 28px;
}
.archive-room-search .room-button-toggle {
display: none;
}
.archive-room-search.archive-room-search-01 .inner-room-wrap .room-detail,
.archive-room-search.archive-room-search-01 .inner-room-wrap .room-action {
flex: 0 0 100%;
padding: 15px;
}
.archive-room-search.archive-room-search-01 .inner-room-wrap .room-detail {
padding-top: 25px;
border-bottom: 0;
}
.archive-room-search.archive-room-search-01 .inner-room-wrap .room-action {
flex-wrap: wrap;
row-gap: 10px;
flex-direction: row;
border-left: 1px solid #eee;
border-top: 0;
padding-top: 10px;
padding-bottom: 30px;
}
.archive-room-search.archive-room-search-01 .inner-room-wrap .room-flex-top {
display: flex;
align-items: center;
}
.archive-room-search.archive-room-search-01 .inner-room-wrap .room-flex-top .room-price {
font-size: 15px;
margin-right: 15px;
}
.archive-room-search.archive-room-search-01 .room-price {
margin-bottom: 0;
}
.uxper-search-form .ux-booking-form {
padding: 0;
}
.uxper-search-form .ux-booking-form .form-group,.uxper-search-form .ux-booking-form .bottom-form {
width: 100%;
}
.archive-room-search .room-price {
font-size: 16px;
}
.archive-room-search .inner-room-wrap .room-amenities {
display: none;
}
.single-room .room-amenities .entry-detail {
max-width: 100%;
padding-right: 0;
}
.single-room .room-amenities .list-amenities .grid {
grid-column-gap: 30px;
}
.check-availabity-popup .inner-popup {
padding: 40px 30px;
}
.check-availabity-popup .ux-booking-form .form-group {
width: 100%;
}
.check-availabity-popup .ux-booking-form .form-group + .form-group {
margin-top: 30px;
}
.room-price .season-notice.hint--right:after {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
bottom: 100%;
left: 0;
margin-bottom: 0;
}
.room-price .season-notice.hint--right:before {
display: none;
}
}
@media (max-width: 600px) {
.checkout-wrap .billing-detail .grid {
display: block;
}
.checkout-wrap .grid .column + .column {
margin-top: 30px;
}
.checkout-wrap .service .entry-detail {
display: block;
overflow: hidden;
}
.checkout-wrap .service .service-detail {
margin-bottom: 15px;
}
.checkout-wrap .service .service-image {
display: block;
max-width: 100px;
}
.checkout-wrap .service .service-image img {
object-fit: cover;
max-height: 170px;
height: 100%;
}
.checkout-wrap .service .service-title span {
top: 3px;
}
.checkout-wrap .service .service-title .entry-title {
font-size: 18px;
}
.checkout-wrap .service .service-price {
font-size: 15px;
}
.checkout-wrap .service .regular-price {
font-size: 15px;
}
.payment-complated .booking-detail .flex-wrap {
flex-wrap: wrap;
}
.payment-complated .booking-detail .flex-wrap .column-wrap {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
}
.payment-complated .booking-detail .flex-wrap .column-wrap + .column-wrap {
margin-top: 20px;
}
.single-room .button-contact .inner-popup {
max-height: inherit;
}
}
@media (max-width: 479px) {
.wrap-room-grid .room-thumbnails .room-price,.wrap-room-masonry .room-thumbnails .room-price {
font-size: 14px;
padding: 10px 15px;
top: 20px;
left: 20px;
}
.room-thumbnails .swiper-pagination-inner {
margin-bottom: 15px;
}
.grid-room .room-button {
margin-left: -10px;
margin-right: -10px;
}
.grid-room .room-button .gap-item {
padding-left: 10px;
padding-right: 10px;
}
.uxper-search-form .ux-booking-form {
padding: 0;
}
.single-room .room-booking {
max-width: 100%;
}
.single-room .room-amenities .list-amenities .grid {
grid-template-columns: repeat(1,1fr);
}
.nuss-popup.check-availabity-popup.type-02 .inner-popup {
padding: 40px 20px;
}
.nuss-popup.check-availabity-popup.type-02 .btn-close {
top: 15px;
right: 15px;
}
.archive-room-search.archive-room-search-01 .inner-room-wrap .room-flex-top {
display: block;
text-align: left;
}
.archive-room-search.archive-room-search-01 .inner-room-wrap .room-flex-top .room-price {
margin-right: 0;
margin-bottom: 10px;
}
.archive-room-search.archive-room-search-02 .inner-room-wrap .room-action {
display: block;
text-align: left;
}
.archive-room-search.archive-room-search-02 .inner-room-wrap .room-action .room-price {
margin-right: 0;
margin-bottom: 10px;
}
.coupon-detail .entry-detail {
display: block;
}
.coupon-detail .entry-detail input {
width: 100%;
margin-bottom: 10px;
}
.review-order {
padding-left: 20px;
padding-right: 20px;
}
.payment-complated .button-action {
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
}
.payment-complated .button-action a {
flex: 0 0 100%;
}
.payment-complated .button-action a.return-homepage {
margin-right: 0;
}
.payment-complated .button-action a + a {
margin-top: 20px;
}
.nuss-gallery-04 .large-thumb img {
height: 300px;
}
.nuss-gallery-04 .small-thumb {
grid-template-columns: repeat(2,1fr);
}
}
@media (max-width: 375px) {
.single-ux_room .room-thumbnails .nuss-swiper-control .swiper-slide img {
height: 150px;
}
}