.form--listing .stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list {
position: relative; }
.form--listing .stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0); }
.stm_wp_hotelier_rooms_list_style_1 {
position: relative; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-types {
list-style: none;
font-size: 0;
margin-bottom: 46px; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-types ul {
font-size: 0;
padding-left: 0;
text-align: center; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-types ul li {
padding: 0 30px;
font-size: 14px;
display: inline-block; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-types ul li a {
padding: 8px 0;
text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-types ul li.active a {
border-bottom: 1px solid; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-types ul li.active a:after {
opacity: 1; }
.stm_wp_hotelier_rooms_list_style_1 .room-list-wrapper {
position: relative; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
font-size: 14px;
position: absolute;
top: 0;
left: 0; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room {
transition: .3s ease;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(15px);
transform: translateY(15px); }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list.active {
position: relative;
z-index: 100;
transition: 0.3s cubic-bezier(0.06, 0.43, 0.22, 1); }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list.active .room {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list.active .room:nth-child(1) {
transition-delay: .2s; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list.active .room:nth-child(2) {
transition-delay: .3s; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list.active .room:nth-child(3) {
transition-delay: .4s; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list.active .room:hover {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
transition-delay: 0s !important; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room {
width: 33.33%;
padding: 0 15px;
margin-bottom: 60px; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room:last-child {
margin-bottom: 60px !important; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room .inner {
height: 100%;
background-color: #fff;
box-shadow: 0 30px 50px rgba(153, 153, 153, 0.15);
transition: .3s ease; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room__image {
position: relative; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room__image img {
width: 100%; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room__price {
position: absolute;
color: #fff;
bottom: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-weight: normal;
padding: 10px 20px;
border-radius: 50px;
font-size: 18px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room__content {
padding: 40px 30px 21px;
background-color: #fff;
text-align: center;
line-height: 22px; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room__link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(56, 49, 40, 0.8);
opacity: 0;
transition: all .3s ease;
display: flex;
align-items: center;
justify-content: center; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room__link:hover {
opacity: 1; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room__title h3 {
margin-bottom: 8px !important; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room__title h3 a {
display: block;
transition: all .3s ease;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room__excerpt {
font-size: 15px;
margin-bottom: 19px; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room_info {
display: flex;
flex-wrap: wrap;
padding-top: 20px;
border-top: 1px solid rgba(204, 204, 204, 0.5);
justify-content: center;
line-height: 17px; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room_info__single {
margin: 0 10px; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room_info__single i {
margin-right: 4px;
font-size: 17px; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room_info__single span {
position: relative;
top: 3px;
font-size: 14px; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room_info__single > * {
vertical-align: top; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room:hover .inner {
box-shadow: 0 30px 50px rgba(153, 153, 153, 0.35); }
.stm_wp_hotelier_rooms_list_style_1 .stm-load-more {
margin: 0 auto;
display: block; }
.stm_wp_hotelier_rooms_list_style_1 .stm-preloader {
width: 32px;
height: 32px;
border-radius: 50%;
box-shadow: none;
-webkit-animation: scaleout 1s infinite ease-in-out;
animation: scaleout 1s infinite ease-in-out;
transition: all .5s ease-in-out;
margin: 0 auto; }
.stm_wp_hotelier_rooms_list_style_1.white_nav .stm-rooms-types ul li a {
color: #fff; }
@media (max-width: 1023px) {
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-types {
margin-bottom: 35px; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-types ul {
text-align: center; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-types ul li {
margin-bottom: 15px;
padding: 0 10px; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room {
height: auto;
width: 50%; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room__occupancy {
flex-wrap: wrap; }
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room__occupancy span {
width: 100%; } }
@media (max-width: 550px) {
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room {
width: 100%; } }
@media (max-width: 1024px) {
.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room__price {
left: 15%;
right: 15%;
-webkit-transform: none;
transform: none;
text-align: center; } }