.majestic_room_info_slider_container {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 1280px) {
    .majestic_room_info_slider_container.location_slider {
        height: 75vh;
    }
}

.majestic_room_info_slider {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
}

.majestic_room_info_image {
    width: 100%;
    height: 100%;
    position: relative;
}

.majestic_room_info_image::after {
    /* content: ""; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--majestic_video_background);
    /* background-color: rgba(135, 206, 235, 0.2); */
    z-index: 1;
}

.visit_homepage_video_scroller {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1%;
    z-index: 9;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.visit_homepage_video_scroller.breakfast {
    bottom: 5%;
}

.visit_homepage_scroll_wheel_svg {
    width: 2em;
}

@keyframes scroll {
    0% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(100px);
    }
}

.visit_homepage_scroll_wheel_svg #wheel {
    animation: scroll ease 1.5s infinite;
}

.visit_homepage_video_scroller_text {
    text-align: center;
    position: relative;
    font: 600 var(--majestic_default_font_size) 'Averta', sans-serif;
    color: #fff;
    margin: 1vh 0 0 0;
    padding: 0 0 0vh 0;
}

.majestic_accommodation_room_quantity_item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 calc(var(--majestic_default_font_size) * 1.0);
}

.majestic_accommodation_room_quantity_item:first-of-type {
    margin: 0;
    text-decoration: none;
}

.majestic_accommodation_room_quantity_svg {
    width: calc(var(--majestic_default_font_size) * 1.7);
    height: calc(var(--majestic_default_font_size) * 1.7);
    position: relative;
    fill: #fff;
    stroke: #fff;
    stroke-width: 1px;
}

.majestic_accommodation_room_quantity_svg path {
    fill: #fff;
}

.restaurants_2025_quantity {
    position: relative;
    text-align: left;
    color: #fff;
    font: 600 calc(var(--majestic_default_font_size) * 1) 'Averta', sans-serif;
    margin: 0 1vmax 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.majestic_accommodation_room_quantity_title {
    font: 600 calc(var(--majestic_default_font_size) * 0.8) 'Averta', sans-serif;
    position: relative;
    padding: 0;
    color: #fff;
    margin: 0 0 0 calc(var(--majestic_default_font_size) * 1.0);
}

.majestic_accommodation_room_quantity_item.button {
    border: 1px solid var(--top_menu_color);
    border-radius: 10px;
    transition: 0.2s all ease-in-out;
    cursor: pointer;
    background-color: var(--top_menu_color);
    margin: 0 0 0 calc(var(--majestic_default_font_size) * 1.0);
}

.majestic_accommodation_room_quantity_item.button:hover {
    background-color: transparent;
    border: 1px solid #fff;
    transition: 0.2s all ease-in-out;
}

.majestic_accommodation_room_quantity_button_text {
    font: 300 calc(var(--majestic_default_font_size) * 1) 'Averta', sans-serif;
    position: relative;
    padding: 0.5vmax 1vmax;
    color: #fff;
    margin: 0;
    text-align: center;
    transition: 0.2s all ease-in-out;
    text-decoration: none;
}

.majestic_accommodation_room_quantity_item.button:hover .majestic_accommodation_room_quantity_button_text {
    transition: 0.2s all ease-in-out;
    color: #fff;
}

.majestic_accommodation_room_quantity_item.button.active {
    transition: 0.2s all ease-in-out;
    background-color: #fff;
}

.majestic_accommodation_room_quantity_item.button.active .majestic_accommodation_room_quantity_button_text {
    color: #000;
    transition: 0.2s all ease-in-out;
}


/*----------------------OWL DOTS-----------------*/

.majestic_room_info_slider .owl-dots {
    position: absolute;
    top: 50%;
    left: 2em;
    transform: translateY(-50%);
    width: var(--visit_thess_main_text_1_2);
    display: flex;
    /* width: fit-content; */
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
}

.majestic_room_info_slider .owl-dot {
    /* float: left; */
    padding: 0;
    background: #fff;
    height: 0.6em;
    width: 0.6em;
    border-radius: 50%;
    border: 1px solid #fff;
    margin: 5px 0;
    text-indent: -999px;
    outline: 0;
    overflow: hidden;
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    position: relative;
    bottom: 0px;
}

.majestic_room_info_slider .owl-dot.active {
    height: 1em;
    width: 1em;
    border-radius: 35%;
    background: transparent;
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}


/*----------------------OWL DOTS-----------------*/


/*----------------------OWL ARROWS-----------------*/

.majestic_room_info_slider .FlexiCustom2021_nav_arrow_main_slider_left {
    width: 50%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    cursor: url('../images/left-arrow-slider_small.png'), auto!important;
}

.majestic_room_info_slider .FlexiCustom2021_nav_arrow_main_slider_right {
    width: 50%;
    height: 100%;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    cursor: url('../images/right-arrow-slider_small.png'), auto!important;
}


/*----------------------OWL ARROWS-----------------*/

.majestic_room_info_title_container {
    width: 60vw;
    position: relative;
    padding: 4vh 10vh 0 10vh;
    background-color: #fff;
    margin: 0 auto 5vh auto;
    display: block;
}

.majestic_room_info_title {
    padding: 0;
    margin: 0;
    font: 100 calc(var(--majestic_default_font_size) * var(--room_info_title)) 'Averta', sans-serif;
    position: relative;
    text-align: center;
    display: none;
}

.majestic_room_info_description_quantity {
    width: 100%;
    position: relative;
    margin: 2vh 0 0 0;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

.majestic_room_info_description {
    /* flex: 0 1 55%; */
    width: 100%;
    position: relative;
}

.majestic_room_info_description_title {
    padding: 0;
    margin: 0vh 0 0 0;
    font: 400 calc(var(--majestic_default_font_size) * 1.2) 'Averta', sans-serif;
    position: relative;
}

.majestic_room_info_description_text {
    padding: 0;
    margin: 0vh 0 0 0;
    font: 300 calc(var(--majestic_default_font_size) * 1.2) 'Effra', serif;
    position: relative;
    color: #666;
}

.majestic_room_info_details {
    /* flex: 0 1 40%; */
    width: 100%;
    position: relative;
}

.majestic_room_info_details_icons {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    margin: 3vh 0
}

.majestic_room_info_details_inner {
    flex: 0 1 33%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.majestic_room_info_quantity_svg {
    width: calc(var(--majestic_default_font_size) * 2.0);
    height: calc(var(--majestic_default_font_size) * 2.0);
    position: relative;
    fill: #666;
}

.majestic_room_info_quantity_title {
    padding: 0;
    margin: 2vh 0 0 0;
    position: relative;
    font: 300 var(--majestic_default_font_size)/var(--majestic_default_line_height) 'Effra', serif;
    color: #666;
}


/*---------------------FACILITIES--------------*/

.majestic_room_info_facilities_container {
    padding: 0vh 0 0 0;
    margin: 2vmax 0 0 0;
    width: 100%;
    position: relative;
}

.majestic_room_info_title_divider {
    padding: 0;
    margin: 0 auto 2vmax auto;
    font: 300 calc(var(--majestic_default_font_size) * 1.7) 'Segoe', serif;
    /* font: 600 calc(var(--majestic_default_font_size) * 2.5) 'Open Sans', serif;
    color: var(--top_menu_color);
    text-transform: uppercase; */
    position: relative;
    text-align: left;
    width: 60%;
}

.majestic_room_info_title_divider.gallery {
    width: 80%;
}

.majestic_room_info_facilities_container .majestic_accommodation_rooms_facilities_container {
    width: 60%;
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
}

.majestic_room_info_facilities_container .majestic_accommodation_rooms_facilities_item {
    flex: 0 1 45%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    margin: 0 0 1vmax 0;
    align-items: center;
}

.majestic_room_info_facilities_container .majestic_accommodation_rooms_facilities_item:nth-of-type(even) {
    transition: 2s all ease-in-out 0.5s;
}


/* .majestic_room_info_facilities_container .majestic_accommodation_rooms_facilities_item::after {
    content: "";
    width: 95%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0px;
    box-shadow: 0;
    transition: 0.2s all ease-in-out;
}

.majestic_room_info_facilities_container .majestic_accommodation_rooms_facilities_item:hover::after {
    border-radius: 10px;
    box-shadow: 1px -1px 31px 5px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 1px -1px 31px 5px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 1px -1px 31px 5px rgba(0, 0, 0, 0.19);
    transition: 0.2s all ease-in-out;
} */

.majestic_room_info_facilities_container .majestic_accommodation_rooms_facilities_img_container {
    position: relative;
    border: 1px solid #cacaca;
    border-radius: 50%;
    padding: 1.5%;
}

.majestic_room_info_facilities_container .majestic_accommodation_rooms_facilities_img_container img {
    width: calc(var(--majestic_default_font_size) * 1.5);
    height: calc(var(--majestic_default_font_size) * 1.5);
    position: relative;
}

.majestic_accommodation_rooms_facilities_item_text {
    font: 300 calc(var(--majestic_default_font_size) * 1) var(--default_font_family), serif;
    padding: 0;
    margin: 0vmax 0 0 0;
    flex: 1 0 auto;
    text-align: center;
    width: 90%;
    border-bottom: 1px solid #cacaca;
    position: relative;
    top: -0.5vmax;
}


/*---------------GALLERY------------*/

.majestic_room_info_photos_container {
    padding: 0vh 0 0 0;
    margin: 2vmax 0 0 0;
    /* border-top: 0.0625rem solid #e6e6e6; */
    width: 100%;
    position: relative;
}

.majestic_room_info_photos_inner_container {
    width: 60%;
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
}


/* .majestic_room_info_photos_figure {
    flex: 0 1 32.6%;
    margin: 0 1% 0.5% 0;
    position: relative;
}

.majestic_room_info_photos_figure:nth-of-type(3n) {
    margin: 0 0 0.5% 0;
} */

.majestic_room_info_photos_figure {
    flex: 0 1 32.6%;
    margin: 0 0 1% 0;
    position: relative;
}

.majestic_room_info_photos_figure a {
    display: flex;
}

.majestic_room_info_photos_figure:nth-of-type(3n+2) {
    margin: 0 1% 1% 1%;
}

.majestic_room_info_photos_figcaption {
    display: none;
}

.majestic_room_info_photos_img {
    width: 100%;
    position: relative;
}

.majestic_room_info_image_item {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*--------------NEW ROOM TITLE-------*/

.majestic_room_info_slider_text_container {
    position: absolute;
    left: 5%;
    bottom: 12%;
    max-width: 70%;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 1%;
    border-radius: 20px;
}

.majestic_room_info_discover_more {
    font: 100 calc(var(--majestic_default_font_size) * var(--room_info_title)) 'Averta', sans-serif;
    text-align: left;
    position: relative;
    margin: 0vmax 0 0 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: fit-content;
    cursor: pointer;
}

.majestic_room_info_title.over_video {
    color: #fff;
    text-align: left;
    display: block;
    font: 100 calc(var(--majestic_default_font_size) * var(--room_info_slider_title)) 'Comfortaa', sans-serif;
    margin: 0 0 0.5vmax 0;
}

.majestic_room_info_subtitle.over_video {
    padding: 0;
    margin: 0 0 0.5vmax 0;
    font: 100 calc(var(--majestic_default_font_size) * var(--slider_with_text_title)) 'Comfortaa', sans-serif;
    font-style: italic;
    color: #fff;
    text-align: left;
    display: block;
}

.majestic_room_info_discover_more_arrow {
    width: calc(var(--majestic_default_font_size) * var(--room_info_title));
    position: relative;
    top: 0;
    animation-name: to_bottom;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes to_bottom {
    to {
        top: 10px;
    }
}

.troodos_2021_home_room_slider .majestic_popup_left_arrow {
    left: 0.5%;
    top: 40%;
}

.troodos_2021_home_room_slider .majestic_popup_right_arrow {
    right: 0.5%;
    top: 40%;
}


/*-----------ROOM - LIVING ROOM SLIDERS BUTTONS--------------------*/

.majestic_room_info_change_slider_buttons {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    width: 50%;
    margin: 0;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 99999999999999999999999999999;
}

.majestic_room_info_change_slider_button {
    flex: 0 1 50%;
    cursor: pointer;
    position: relative;
    display: block;
    height: 5vh;
    border: 0;
    font: 400 var(--majestic_default_font_size) / calc(var(--majestic_default_line_height) * 1.3) 'Open Sans Condensed', serif;
    transition: 0.2s all ease-in-out;
}

@media screen and (min-width: 1320px) {
    /* .majestic_room_info_change_slider_buttons:hover>.majestic_room_info_change_slider_button {
        flex: 0 0 0%;
        opacity: 0;
        transition: 0.2s all ease-in-out;
    }
    .majestic_room_info_change_slider_button:hover {
        flex: 1 0 100%!important;
        opacity: 1!important;
        transition: 0.2s all ease-in-out;
    } */
}

button#all_room_photos_button {
    background-color: #fff;
    color: #000;
    /* border-top: 1px solid #000; */
    /* border-right: 1px solid #fff; */
    /* border-bottom: 1px solid #fff; */
}

button#all_room_photos_button:hover {
    background-color: #cdcdcd;
    color: #000;
}

button#living_photos_button {
    background-color: #000;
    color: #fff;
    /* border-top: 1px solid var(--top_menu_color); */
    /* border-left: 1px solid var(--top_menu_color); */
    /* border-bottom: 1px solid var(--top_menu_color); */
}

button#living_photos_button:hover {
    background-color: #4d4d4d;
    color: #fff;
}

button#room_photos_button {
    background-color: var(--top_menu_color);
    color: #fff;
    /* border-top: 1px solid #000; */
    /* border-right: 1px solid #fff; */
    /* border-bottom: 1px solid #fff; */
}

button#room_photos_button:hover {
    background-color: #9f7d51;
    color: #fff;
}

button#bathroom_photos_button {
    background-color: #6a843d;
    color: #fff;
    /* border-top: 1px solid #000; */
    /* border-right: 1px solid #fff; */
    /* border-bottom: 1px solid #fff; */
}

button#bathroom_photos_button:hover {
    background-color: #8cb04f;
    color: #fff;
}


/*-----------ROOM - LIVING ROOM SLIDERS BUTTONS--------------------*/

@media screen and (min-width: 1280px) {
    .majestic_room_info_slider_container.location_slider {
        height: 75vh;
    }
}


/*--------------NEW ROOM TITLE-------*/

@media screen and (max-width: 1280px) {
    .visit_homepage_video_scroller {
        display: none;
    }
    .majestic_room_info_title_container {
        top: unset;
        margin: 0 auto;
        width: 95vw;
        padding: 4vh 0vh 0 0vh;
    }
    .majestic_room_info_details_icons {
        margin: 1vh 0 0 0;
    }
    .majestic_room_info_photos_container {
        padding: 0;
        margin: 1vh 0 0 0;
        width: 100%;
    }
    .majestic_room_info_title_divider {
        margin: 4vmax auto 4vmax auto;
        width: 95%;
    }
    .majestic_room_info_photos_inner_container {
        width: 100%;
    }
    .majestic_room_info_photos_figure:nth-of-type(3n+2) {
        margin: 0 0 2% 0;
    }
    .majestic_room_info_photos_figure {
        flex: 0 1 49%;
        margin: 0 0 2% 0;
    }
    .majestic_room_info_photos_figure:nth-of-type(2n+2) {
        margin: 0 0 1% 2%;
    }
    .majestic_room_info_slider .owl-dots {
        left: 50%;
        top: unset;
        bottom: 2%;
        flex-direction: row;
        transform: translateX(-50%);
    }
    .majestic_room_info_slider .owl-dot {
        margin: 0 0.3vmax;
    }
    .majestic_room_info_slider_text_container {
        bottom: 10%;
        width: 95%;
        max-width: unset;
        left: 2.5%;
        padding: 1vmax 1%;
    }
    .restaurants_2025_quantity {
        position: relative;
        text-align: left;
        color: #fff;
        font: 600 calc(var(--majestic_default_font_size) * 0.9) 'Averta', sans-serif;
        margin: 0 1vmax 0 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }
    .majestic_accommodation_room_quantity_svg {
        width: calc(var(--majestic_default_font_size) * 1.4);
        height: calc(var(--majestic_default_font_size) * 1.4);
    }
    .majestic_accommodation_room_quantity_item {
        margin: 0.5vmax 0 0 0!important;
        flex: 0 1 50%;
        justify-content: flex-start;
    }
    .majestic_accommodation_room_quantity_item.button {
        flex: 0 1 49%;
    }
    .majestic_accommodation_room_quantity_button_text {
        width: 100%;
        padding: 0.5vmax 0;
    }
    .majestic_room_info_discover_more {
        width: min-content;
    }
    .majestic_room_info_facilities_container .majestic_accommodation_rooms_facilities_container {
        width: 95%;
    }
    .majestic_room_info_facilities_container .majestic_accommodation_rooms_facilities_item {
        flex: 0 1 95%;
    }
    .majestic_room_info_facilities_container .majestic_accommodation_rooms_facilities_img_container {
        padding: 0.4vmax;
    }
    .majestic_room_info_facilities_container .majestic_accommodation_rooms_facilities_img_container img {
        width: calc(var(--majestic_default_font_size) * 1.3);
        height: calc(var(--majestic_default_font_size) * 1.3);
    }
}

@media screen and (orientation: portrait) and (max-width: 1280px) {
    .majestic_room_info_slider_container {
        height: 40vh;
    }
}

@media screen and (orientation: landscape) and (max-width: 1280px) {
    .majestic_room_info_slider_container {
        height: calc(100vh - var(--top_menu_height));
    }
    .majestic_room_info_facilities_container .majestic_accommodation_rooms_facilities_item {
        flex: 0 1 45%;
    }
}