@keyframes menu_bar_logo_animation {

  0% {opacity: 1;}
  10% {opacity: 1;}
20% {opacity: 0;}
    30% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 0;}
   60% {opacity: 0;}
    70% {opacity: 0;}
     80% {opacity: 0;}
      90% {opacity: 1;}
       100% {opacity: 1;}
}

@keyframes menu_bar_support_eu_animation {

  0% {opacity: 0;}
  10% {opacity: 0;}
20% {opacity: 0;}
    30% {opacity: 1;}
  40% {opacity: 0;}
  50% {opacity: 0;}
   60% {opacity: 0;}
    70% {opacity: 0;}
     80% {opacity: 0;}
      90% {opacity: 0;}
       100% {opacity: 0;}

}

@keyframes menu_bar_support_leader_animation {

  0% {opacity: 0;}
  10% {opacity: 0;}
20% {opacity: 0;}
    30% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 1;}
   60% {opacity: 0;}
    70% {opacity: 0;}
     80% {opacity: 0;}
      90% {opacity: 0;}
       100% {opacity: 0;}

}

@keyframes menu_bar_support_coastal_action_animation {

  0% {opacity: 0;}
  10% {opacity: 0;}
20% {opacity: 0;}
    30% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 0;}
   60% {opacity: 0;}
    70% {opacity: 1;}
     80% {opacity: 0;}
      90% {opacity: 0;}
       100% {opacity: 0;}

}



@keyframes scroll-left {

 0% {
    
    transform: translateX(100vw); 

 }

 100% {

    transform: translateX(-100%); 

 }

}

.menu_bar_cheap_banner {

    box-shadow: 0rem 0rem 0.5rem 0.1rem black;
    position: absolute;
    height: 2rem;
    background-color: red;
    top: 6rem;
    text-align: center;
    line-height: 2rem;
    color: white;
    opacity: 0.0;
    transition: opacity 0.25s;
    display: inline-block;
    left: 50%;
    transform: translatex(-50%);
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0rem 0rem 0.5rem 0.5rem;
    white-space: nowrap;
    font-weight: bold;
    cursor: pointer;

}

@media (min-width: 300px) { 

    .forthcoming_event {

        width: 100%;
        position: relative;
        text-align: center;

    }

    .slider_extra_code_header {

        font-size: 4.5rem;
        line-height: 4.5rem;

    }

    .slider_extra_code_paragraph {

        font-size: 2rem;

    }

    .slider_extra_code_footer {

        font-size: 1rem;

    }

    #xmas_booklets_container {

        width: 100%;

    }

    .menu_bar_logo {

      animation-name: none;

    }

    .menu_bar_logo_support_eu {

      animation-name: none;


    }

    .menu_bar_logo_support_leader {

      animation-name: none;

    }

    .menu_bar_logo_support_coastal_action {

      animation-name: none;


    }

    #menu_bar_support_container {

        display: none;
    }

    #cosy_cabins_support_container_logos {

        display: flex;
        flex-direction: row;
        padding: 1rem; gap: 1rem 1rem;
        background: rgb(255 255 255 / 50%);
        border-radius: 0rem 0rem 0.5rem 0.5rem;
        border-bottom: solid 0.1rem black;
        border-left: solid 0.1rem black;
        border-right: solid 0.1rem black;
        flex-wrap: wrap;
        justify-content: center;
        
    }

    #cosy_cabins_support_container {

        width: 100%;
        box-shadow: 0.1rem 0.1rem 0.5rem black;
        border-radius: 0.5rem;
        float: none;
        align-self: flex-start;
        margin-top: 2rem;

    }

    #content_detail_banner_parallax_cosy_cabins {

        display: flex;
        flex-direction: column;

    }

    #cabin_spring_flyer {

        width: 100%;

    }

    #terms_conditions_container {

        width: 90%;

    }

    #question_container {

        width: 90%;

    }

    #booking_panel_real_container {

        width: 90%;

    }

    .peg_line_container {

        width: 100%;

    }

    .menu_bar_sub_menu_item { 

        font-size: 1.5rem;

    }


    .menu_bar_sub_menu_image {

        display: none;

    }

    .menu_bar_sub_menu_items_container {

        float: left;

    }

    .content_detail_parallax_message_container_slogon {

        font-size: 1.5rem;
        line-height: 2rem;
        margin-top: 0px;
        font-family: Verdana;

    }

    .content_detail_parallax_message_container_text {

        font-size: 1rem;
        line-height: 1.5rem;
        margin: 0px;
        font-family: Verdana;

    }

    .next_slide_button_container {

        background-position: top;
        height: calc(100% - 12rem);
        top: 6rem;
    
    }

    .slide_text {

        font-size: 1.25rem;
        width:75%;

    }

    .menu_bar_button_container_upper {

        display: none;

    }

    .menu_bar_button_container_lower {

        display: none;

    }

    .menu_bar_logo {

        content: url("../images/menu_bar_logo.png");
        position: absolute;
        right: 0px;

    }

    .menu_bar_logo_static {

        content: url("../images/menu_bar_logo.png");
        position: absolute;
        right: 0px;
        display: block;

    }

    .menu_bar_logo_mobile {

        position: absolute;
        right: 0px;

    }

    .menu_bar_mobile_button {

        display: block;
        position: absolute;
        color: white;
        padding-left: 2rem;
        padding: 1rem;
        box-sizing: border-box;
        top: 1rem;
        left: 1rem;
        border-radius: 0.5rem;

    }

    .menu_bar_container {

        background: linear-gradient(180deg,rgba(0,0,0,1.0),rgba(0,0,0,1.0));
        border-bottom: solid 0.1rem white;
        box-shadow: 0rem 0rem 0.5rem 0.1rem black;

    }

    .content_detail_banner_light {

        display: flex;
        flex-direction: column;

    }

    .content_detail_banner_dark {

        display: flex;
        flex-direction: column;

    }

    .content_detail_left {

        width: 100%;

    }

    .content_detail_right {

        width: 100%;

    }

    .content_detail_banner_parallax .content_detail_right {

        width: 100%;
        padding-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;

    }

    .content_detail_image img, .content_detail_image .content_detail_image_overlay {

        width: 100%;

    }

    .content_detail_image_description {

        width: 100%;

    }

    .boutique_banner {

        width: 100%;
        left: 50%;
        transform: translate3d(-50%,-50%,0);
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center top;
        top: 0px;
        pointer-events: none;

    }

    .rotating_content_detail_image {

        width: 100%;

    }

    .rotating_content_detail_image_framed_container {

        width: 100%;

    }

    .content_detail_break {

        height: 3rem;

    }

    .content_detail_text {

        padding-left: 0px;

    }

    .content_detail_swap {

        order: 3;

    }

    .content_detail_break_swap {

        order: 2;

    }

    .content_image_quad_table_image_container {

        width: 100%;

    }

}

@media (min-width: 600px) {

    .forthcoming_event {

        width: 100%;
        position: relative;
        text-align: center;

    }

    .slider_extra_code_header {

        font-size: 4.5rem;
        line-height: 4.5rem;

    }

    .slider_extra_code_paragraph {

        font-size: 2rem;

    }

    .slider_extra_code_footer {

        font-size: 1rem;

    }

    #xmas_booklets_container {

        width: 75%;

    }

    .menu_bar_logo {

      animation-name: none;

    }

    .menu_bar_logo_support_eu {

      animation-name: none;


    }

    .menu_bar_logo_support_leader {

      animation-name: none;

    }

    .menu_bar_logo_support_coastal_action {

      animation-name: none;


    }

    #menu_bar_support_container {

        display: none;
    }

    #cosy_cabins_support_container_logos {

        display: flex;
        flex-direction: row;
        padding: 1rem; gap: 1rem 1rem;
        background: rgb(255 255 255 / 50%);
        border-radius: 0rem 0rem 0.5rem 0.5rem;
        border-bottom: solid 0.1rem black;
        border-left: solid 0.1rem black;
        border-right: solid 0.1rem black;
        flex-wrap: nowrap;
        justify-content: center;

    }

    #cosy_cabins_support_container {

        width: 100%;
        box-shadow: 0.1rem 0.1rem 0.5rem black;
        border-radius: 0.5rem;
        float: none;
        align-self: flex-start;
        margin-top: 2rem;

    }

    #content_detail_banner_parallax_cosy_cabins {

        display: flex;
        flex-direction: column;

    }

    #cabin_spring_flyer {

        width: 100%;

    }

    #question_container {

        width: 75%;

    }

    #booking_panel_real_container {

        width: 75%;

    }

    #terms_conditions_container {

        width: 90%;

    }

    .peg_line_container {

        width: 100%;

    }

    .menu_bar_sub_menu_item { 

        font-size: 1.5rem;

    }


    .menu_bar_sub_menu_image {

        display: block;
        width: 40%;
        float: left;

    }

    .menu_bar_sub_menu_items_container {

        float: right;

    }

    .content_detail_parallax_message_container {

        width: 50%;
        margin: 0 auto;

    }

    .content_detail_parallax_message_container_slogon {

        font-size: 2rem;
        line-height: 2.5rem;
        margin-top: 0px;
        font-family: Verdana;

    }

    .content_detail_parallax_message_container_text {

        font-size: 1.5rem;
        line-height: 2rem;
        margin: 0px;
        font-family: Verdana;
    }

    .next_slide_button_container {

        background-position: center;
        height: calc(100% - 12rem);
        top: 6rem;
    
    }

    .slide_text {

        font-size: 1.5rem;
        width: 50%;

    }

    .menu_bar_button_container_upper {

        display: none;

    }

    .menu_bar_button_container_lower {

        display: none;

    }

    .menu_bar_logo {

        content: url("../images/menu_bar_logo.png");
        position: absolute;
        right: 0px;
        
    }

    .menu_bar_logo_static {

        content: url("../images/menu_bar_logo.png");
        position: absolute;
        right: 0px;
        display: block;

    }

    .menu_bar_logo_mobile {

        position: absolute;
        right: 0px;

    }

    .menu_bar_mobile_button {

        display: block;
        position: absolute;
        color: white;
        padding-left: 2rem;
        padding: 1rem;
        box-sizing: border-box;
        top: 1rem;
        left: 1rem;

    }

    .menu_bar_container {

        background: linear-gradient(180deg,rgba(0,0,0,1.0),rgba(0,0,0,1.0));
        border-bottom: solid 0.1rem white;
        box-shadow: 0rem 0rem 0.5rem 0.1rem black;

    }

    .content_detail_banner_light {

       display: flex;
        flex-direction: column;

    }

    .content_detail_banner_dark {

        display: flex;
        flex-direction: column;

    }

    .content_detail_left {

        width: 100%;

    }

    .content_detail_right {

        width: 100%;

    }

    .content_detail_banner_parallax .content_detail_right {

        width: 100%;
        padding-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;

    }

    .content_detail_image img, .content_detail_image .content_detail_image_overlay {

        width: 100%;

    }

    .content_detail_image_description {

        width: 100%;
        
    }

    .boutique_banner {

        width: 100%;
        left: 50%;
        transform: translate3d(-50%,-50%,0);
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center top;
        top: 0px;
        pointer-events: none;

    }

    .rotating_content_detail_image {

        width: 100%; 

    }

    .rotating_content_detail_image_framed_container {

        width: 100%;

    }

    .content_detail_break {

        height: 3rem;

    }

    .content_detail_swap {

        order: 3;

    }

    .content_detail_break_swap {

        order: 2;

    }

    .content_detail_text {

        padding-left: 0px;

    }

    .content_image_quad_table_image_container {

        width: 100%;

    }

}

@media (min-width: 900px) {

    .forthcoming_event {

        width: 50%;
        position: relative;
        text-align: center;

    }

    .slider_extra_code_header {

        font-size: 4.5rem;
        line-height: 4.5rem;

    }

    .slider_extra_code_paragraph {

        font-size: 2rem;

    }

    .slider_extra_code_footer {

        font-size: 1rem;

    }

    #xmas_booklets_container {

        width: 50%;

    }

    .menu_bar_logo {

      animation-name: none;

    }

    .menu_bar_logo_support_eu {

      animation-name: none;


    }

    .menu_bar_logo_support_leader {

      animation-name: none;

    }

    .menu_bar_logo_support_coastal_action {

      animation-name: none;


    }

    #menu_bar_support_container {

        display: none;
    }

    #cosy_cabins_support_container_logos {

        display: flex;
        flex-direction: row;
        padding: 1rem; gap: 1rem 1rem;
        background: rgb(255 255 255 / 50%);
        border-radius: 0rem 0rem 0.5rem 0.5rem;
        border-bottom: solid 0.1rem black;
        border-left: solid 0.1rem black;
        border-right: solid 0.1rem black;
        flex-wrap: nowrap;
        justify-content: center;

    }

    #cosy_cabins_support_container {

        width: 100%;
        box-shadow: 0.1rem 0.1rem 0.5rem black;
        border-radius: 0.5rem;
        float: none;
        align-self: flex-start;
        margin-top: 2rem;

    }

    #content_detail_banner_parallax_cosy_cabins {

        display: flex;
        flex-direction: column;

    }

    #cabin_spring_flyer {

        height: calc(100vh - 8rem);

    }

    #question_container {

        width: 50%;

    }

    #booking_panel_real_container {

        width: 50%;

    }

    #terms_conditions_container {

        width: 90%;

    }

    .peg_line_container {

        width: 66%;

    }

     .menu_bar_sub_menu_item { 

        font-size: 2rem;

    }

    .menu_bar_sub_menu_image {

        display: block;

    }

    .menu_bar_sub_menu_items_container {

        float: right;

    }

    .next_slide_button_container {

        background-position: center;
        height: calc(100% - 12rem);
        top: 6rem;
    
    }

    .slide_text {

        font-size: 1.5rem;
        width: 50%;

    }

    .menu_bar_button_container_upper {

        display: none;

    }

    .menu_bar_button_container_lower {

        display: none;

    }

    .menu_bar_logo {

        content: url("../images/menu_bar_logo.png");
        position: absolute;
        right: 0px;

    }

    .menu_bar_logo_static {

        content: url("../images/menu_bar_logo.png");
        position: absolute;
        right: 0px;
        display: block;

    }

    .menu_bar_logo_mobile {

        position: absolute;
        right: 0px;

    }

    .menu_bar_mobile_button {

        display: block;
        position: absolute;
        color: white;
        padding-left: 2rem;
        padding: 1rem;
        box-sizing: border-box;
        top: 1rem;
        left: 1rem;

    }

    .menu_bar_container {

        background: linear-gradient(180deg,rgba(0,0,0,1.0),rgba(0,0,0,1.0));
        border-bottom: solid 0.1rem white;
        box-shadow: 0rem 0rem 0.5rem 0.1rem black;

    }

    .content_detail_banner_light {

        display: flex;
        flex-direction: column;


    }

    .content_detail_banner_dark {

        display: flex;
        flex-direction: column;

    }

    .content_detail_left {

        width: 100%;

    }

    .content_detail_right {

        width: 100%;

    }

    .content_detail_banner_parallax .content_detail_right {

        width: 100%;
        padding-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;

    }

    .content_image_quad_table_image_container {

        width: 50%;

    }

    .content_detail_image img, .content_detail_image .content_detail_image_overlay {

        width: 50%;

    }

    .content_detail_image_description {

        width: 50%;
        
    }

    .boutique_banner {

        width: 50%;
        left: 50%;
        transform: translate3d(-50%,-50%,0);
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center top;
        top: 0px;
        pointer-events: none;

    }

    .rotating_content_detail_image {

        width: 50%;

    }

    .rotating_content_detail_image_framed_container {

        width: 50%;

    }

    .content_detail_swap {

        order: 3;

    }

    .content_detail_break_swap {

        order: 2;

    }

    .content_detail_break {

        height: 3rem;

    }

    .content_detail_text {

        padding-left: 0px;

    }

}


@media (min-width: 1200px) {

    .forthcoming_event {

        width: 33%;
        position: relative;
        text-align: center;

    }

    .slider_extra_code_header {

        font-size: 4.5rem;
        line-height: 4.5rem;

    }

    .slider_extra_code_paragraph {

        font-size: 2rem;

    }

    .slider_extra_code_footer {

        font-size: 1rem;

    }

    #xmas_booklets_container {

        height: 100%;

    }

    .menu_bar_logo {

      animation-name: menu_bar_logo_animation;
      animation-duration: 20s;
      animation-iteration-count: infinite;
      animation-direction: normal;
      animation-timing-function: linear;


    }

    .menu_bar_logo_support_eu {

      animation-name: menu_bar_support_eu_animation;
      animation-duration: 20s;
      animation-iteration-count: infinite;
      animation-direction: normal;
      animation-timing-function: linear;

        left: 0px;
        position: absolute;
        content: url("../images/content/home/cabin_grant_logos/grant_logo_1_menu.jpg");
        height: 100%;
        padding: 1rem;
        box-sizing: border-box;
        cursor: pointer;


    }

    .menu_bar_logo_support_leader {

      animation-name: menu_bar_support_leader_animation;
      animation-duration: 20s;
      animation-iteration-count: infinite;
      animation-direction: normal;
      animation-timing-function: linear;

        left: 0px;
        position: absolute;
        content: url("../images/content/home/cabin_grant_logos/grant_logo_2_menu.jpg");
        height: 100%;
        padding: 1rem;
        box-sizing: border-box;
        cursor: pointer;

    }

    .menu_bar_logo_support_coastal_action {

      animation-name: menu_bar_support_coastal_action_animation;
      animation-duration: 20s;
      animation-iteration-count: infinite;
      animation-direction: normal;
      animation-timing-function: linear;

        left: 0px;
        position: absolute;
        content: url("../images/content/home/cabin_grant_logos/grant_logo_3_menu.jpg");
        height: 100%;
        padding: 1rem;
        box-sizing: border-box;
        cursor: pointer;


    }

    #menu_bar_support_container {

        display: initial;
    }

    #cosy_cabins_support_container_logos {

        display: flex;
        flex-direction: row;
        padding: 1rem; gap: 1rem 1rem;
        background: rgb(255 255 255 / 50%);
        border-radius: 0rem 0rem 0.5rem 0.5rem;
        border-bottom: solid 0.1rem black;
        border-left: solid 0.1rem black;
        border-right: solid 0.1rem black;
        flex-wrap: nowrap;
        justify-content: center;

    }

    #cosy_cabins_support_container {

        width: 50%;
        box-shadow: 0.1rem 0.1rem 0.5rem black;
        border-radius: 0.5rem;
        float: none;
        align-self: flex-start;
        margin-top: 0rem;

    }

    #content_detail_banner_parallax_cosy_cabins {

        display: flex;
        flex-direction: row;

    }

    #cabin_spring_flyer {

        height: calc(100vh - 8rem);

    }

    #question_container {

        width: 50%;

    }

    #booking_panel_real_container {

        width: 50%;

    }

    #terms_conditions_container {

        width: 75%;

    }

     .menu_bar_sub_menu_item { 

        font-size: 2rem;

    }

    .next_slide_button_container {

        background-position: center;
        height: calc(100% - 12rem);
        top: 6rem;
    
    }

    .slide_text {

        font-size: 2rem;
        width: 50%;

    }

    .menu_bar_logo_mobile {

        content: url("../images/menu_bar_logo_mobile.png");
        height: 100%;
        padding: 1rem;
        box-sizing: border-box;
        cursor: pointer;
        display: none;


    }

    .menu_bar_logo {

        content: url("../images/menu_bar_logo_supported.png");
        height: 100%;
        padding: 1rem;
        box-sizing: border-box;
        cursor: pointer;

    }

    .menu_bar_logo_static {

        display: none;

    }

    .menu_bar_button_container_upper {

        display: block;
        position: absolute;
        top: 0px;
        right: 0px;

    }

    .menu_bar_button_container_lower {

        display: block;
        position: absolute;
        bottom: 0px;
        right: 0px;
        padding-right: 0.5rem;

    }

    .menu_bar_logo {

        position: static;

    }

    .menu_bar_logo_static {

        position: static;

    }

    .menu_bar_logo_mobile {

        position: static;

    }

    .menu_bar_mobile_button {

        display: none;

    }

    .menu_bar_container {

        background: linear-gradient(180deg,rgba(0,0,0,1.0),transparent);
        border-bottom: none;
        box-shadow: none;

    }

    .content_detail_banner_light {

        display: flex;
        flex-direction: row;
        align-items: center;

    }

    .content_detail_banner_dark {

        display: flex;
        flex-direction: row;
        align-items: center;

    }

    .content_detail_left {

        width: 50%;
        float: left;

    }

    .content_detail_right {

        width: 50%;
        float: left;

    }

    .content_detail_banner_parallax .content_detail_right {

        width: 100%;
        padding-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;

    }

    .content_detail_image img, .content_detail_image .content_detail_image_overlay {

        width: 75%;

    }

    .content_detail_image_description {

        width: 75%;
        
    }

    .boutique_banner {

        width: 75%;
        left: 50%;
        transform: translate3d(-50%,-50%,0);
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center top;
        top: 0px;
        pointer-events: none;

    }

    .rotating_content_detail_image {

        width: 75%;

    }

    .rotating_content_detail_image_framed_container {

        width: 75%;

    }

    .content_detail_swap {

        order: unset;

    }

    .content_detail_break {

        height: 0px;

    }

    .content_detail_text {

        padding-left: 3rem;

    }

    .content_image_quad_table_image_container {

        width: 75%;

    }

}

.menu_bar_container {

    transition: 0.25s background;
    height: 6rem;
    position: relative;

}

.menu_bar_mobile_button {

    line-height: 1.75rem;
    font-size: 1rem;
    border: solid 0.1rem white;
    cursor: pointer;

}

.menu_bar_mobile_button:hover {

    background: white;
    color:black;

}

.menu_mobile_close_button {

    width: 2rem;
    height: 2rem;
    margin: 1rem;
    position: absolute;
    left: 0px;
    cursor: pointer;
    background-image: url("../images/close_button.svg");
    background-size: contain;
    background-position: center;
    cursor: pointer;
    display: none;

}

.menu_mobile_options_inner {

    padding: 0.5rem;
}

.menu_mobile_options {

    position: absolute;
    top: 5rem;
    background: black;
    left: -1rem;
    border-right: solid 0.1rem white;
    border-bottom: solid 0.1rem white;
    box-shadow: 0.25rem 0.25rem 0.5rem -0.1rem black;
    border-radius: 0px 0px 0.5rem 0px;
}

.menu_mobile_option {

    padding: 0.5rem;
    white-space: nowrap;

}

.menu_mobile_option:hover a {

    color: rgba(3,174,252,0.75) !important;

}

.menu_mobile_option a:link{

    color: rgba(255,255,255,0.75);

}

.menu_mobile_option a:visited{

    color: rgba(255,255,255,0.75);

}


body {

	background-color: white;
	font-size: 16px;
	font-family: Verdana;
	margin: 0px;

}


@keyframes menu_bar_logo_mobile_animation {

  from {opacity: 0;}
  30% {opacity: 0;}
  50% {opacity: 1;}
  to {opacity: 1;}

}

.menu_bar_logo_mobile {

  animation-name: menu_bar_logo_mobile_animation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;


}



/* unvisited link */
a:link {
  color: black;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: black;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: #666;
  text-decoration: none;
}

/* selected link */
a:active {
  color: black;
  text-decoration: none;
}


.content_detail_text a {

    color: rgb(3,174,252);

}

.content_detail_text a:hover {

    color: rgba(3,174,252,0.5);

}

.menu_bar_button_lower a {

    color: rgba(255,255,255,1.0);

}

.menu_bar_button_lower a:hover {

    color: rgba(3,174,252,0.75);

}

.menu_bar_button_upper a {

    color: rgba(255,255,255,0.75);

}

.menu_bar_button_upper a:hover {

    color: rgba(3,174,252,0.75);

}

.menu_bar_logo {

	height: 100%;
    padding: 1.25rem;
    box-sizing: border-box;
    cursor: pointer;

}

.menu_bar_logo_static {

    height: 100%;
    padding: 1.25rem;
    box-sizing: border-box;
    cursor: pointer;

}

.menu_bar_logo_mobile {

    content: url("../images/menu_bar_logo_mobile.png");
    height: 100%;
    padding: 1.25rem;
    box-sizing: border-box;
    cursor: pointer;

}

.menu_bar_logo:hover {

	content: url('../images/menu_bar_logo_hover.png');

}

.menu_bar_logo_mobile:hover {

    content: url('../images/menu_bar_logo_mobile_hover.png');

}

.menu_bar_button_container_upper {

	position: absolute;
    top: 0px;
    right: 0px;

}

.menu_bar_button_container_lower {

	position: absolute;
    bottom: 0px;
    right: 0px;
    padding-right: 0.5rem;

}

.menu_bar_button_lower {

    color: white;
    font-size: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    vertical-align: top;
    line-height: 3rem;
    height: 3rem;
    display: inline-block;
    cursor: pointer;
}

.menu_bar_button_upper:hover {

	color: rgba(3,174,252,0.75);

}

.menu_bar_button_lower:hover {

	color: rgba(3,174,252,0.75);

}

.menu_bar_book_button:hover {

    background: rgb(7,136,195);

}

.menu_bar_button_upper {

	color: rgba(255,255,255,0.75);
    font-size: 0.75rem;
	padding-left: 0.5rem;
    padding-right: 0.5rem;
    vertical-align: top;
    line-height: 3rem;
    height: 3rem;
    display: inline-block;
    cursor: pointer;
}

.menu_bar_solar_button {

    background-image: url("../images/solar_edge_logo.jpg");
    background-size: 90%,90%;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    font-size: 1rem;
    height: 3rem;
    display: inline-block;
    cursor: pointer;
    width: 10rem;
}

.menu_bar_book_button {

	background: rgb(3,174,252);
	color: white;
    font-size: 1rem;
	padding-left: 1rem;
    padding-right: 1rem;
    vertical-align: top;
    line-height: 3rem;
    height: 3rem;
    display: inline-block;
    cursor: pointer;
}

.menu_bar_fixed {

	position: fixed;
    width: 100%;
    z-index: 98;

}



.main_image {

    background-image: url('../images/main_image.jpg');
	height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

.main_content_container {

	position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;

}

.content_header_banner {

	background: #DCDCDC;
    text-align: center;
    padding: 1rem;
    color: #B2B2B2;
    font-size: 1.25rem;

}

.content_detail_banner_light {

	background: white;
    padding:3rem;

}

.content_detail_banner_dark {

    background: linear-gradient(90deg, transparent,transparent,#DCDCDC);
    padding:3rem;

}

#content_detail_banner_parallax_carbon_footprint {

    background-image: url("../images/parallax/carbon_footprint.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;

}

#content_detail_banner_parallax_cosy_cabins {

    background-image: url("../images/parallax/cosy_cabins.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;

}

#content_detail_banner_parallax_planning_wedding {

    background-image: url("../images/parallax/planning_wedding.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;

}

.content_detail_parallax_message_container {

    background: rgba(0,0,0,0.3);
    color: white;
    text-align: center;
    padding: 2rem;
    border-radius: 0.5rem;
    font-size: 1.5rem;
    line-height: 2rem;

}

.content_detail_banner_parallax {

  padding: 3rem;



}

.content_detail_banner_darker {

    background: #ACACAC;

}

.content_detail_right {

    box-sizing: border-box;

}

.content_detail_left {

    box-sizing: border-box;

}

.content_detail_image {

	width: 100%;
    position: relative;
    text-align:center;

}

.content_detail_image img {

    border: solid 0.25rem #DCDCDC;
    box-sizing: border-box;
    cursor: pointer;
    box-shadow: 0rem 0rem 0.5rem 0.1rem black;

}

.content_detail_image img:hover {

    border: solid 0.25rem rgb(3,174,252);


}

.content_detail_text {

	text-align: center;

}

.content_detail_button_red {

    background: rgb(255,0,0);
    color: white;
    font-size: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    vertical-align: top;
    line-height: 3rem;
    height: 3rem;
    display: inline-block;
    cursor: pointer;
    border-radius: 0.5rem;
    white-space: nowrap;
    margin: 0.5rem;

}

.content_detail_button_red:hover {

    background: rgb(200,0,0);

}

.content_detail_button {

	background: rgb(3,174,252);
    color: white;
    font-size: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    vertical-align: top;
    line-height: 3rem;
    height: 3rem;
    display: inline-block;
    cursor: pointer;
    border-radius: 0.5rem;
    margin: 0.5rem;

}

.content_detail_button:hover {

    background: rgb(7,136,195);

}

.content_detail_contact {

	width: 100%;
    border-top: solid 1px #10150F;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;

}

.contact_symbol {

    height: 3rem;
    vertical-align: middle;

}


.contact_symbol_link {

    cursor: pointer;

}

.ask_question_container:hover {

    color: #03aefc;
    text-decoration: none;

}

.ask_question_container a:hover {

    color: #03aefc;
    text-decoration: none;

}

.social_symbol {

	height: 3rem;
    line-height: 6rem;
    padding: 0.5rem;
    box-sizing: border-box;

}

.ask_question_container {

    line-height: 4.5rem;
    padding-left: 1rem;
    border: solid 0.1rem black;
    border-radius: 0.5rem;
    padding-right: 1rem;
    margin: 1rem;
    cursor: pointer;

}

.get_in_touch_container {

    text-align: center;
    margin: 1rem;

}

.contact_symbol_container {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 3em;
    justify-content: center;

}

.social_symbol_link {

	font-size: 20px;
    margin: 0 6px;
    border-radius: 9999px;
    background: #000;
    color: #FFF;
    line-height: 3rem;
    width: 3rem;
    text-align: center;
    display: inline-block;
    cursor: pointer;

}

.social_link_container {

    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;

}

.newsletter_header_container h2 {

    margin-right: 1rem;
    margin-top: 0px;
    margin-bottom: 0px;


}

.contact_symbol_link svg:hover {

	color: rgb(3,174,252);

}

.social_symbol_link:hover {

	background: rgb(3,174,252);
    color: white;

}

.newsletter_link_container {

	display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;

}

.newsletter_form_container {

	display: inline-block;
    vertical-align: middle;

}

.newsletter_form {

    margin: 0px;

}

.newsletter_form_email {

    height: 3rem;
    margin-right: 0.5rem;
    border: solid 1px #10150F;
    text-indent: 1rem;
    font-size: 1rem;

}

.newsletter_form_submit {

	height: 3rem;
    border: 0px;
    font-size: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    cursor: pointer; 
	
}

.newsletter_container {

	display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
	padding: 1rem;

}

.social_container {

	display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem;
	
}

.address_container {

    text-align: center;
    padding-top: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;

}

.copyright_container {

	text-align: center;
    padding: 1rem;

}

.footer_links {

    text-align: center;
    padding: 1rem;

}

.footer_links a {

    cursor: pointer;

}

.footer_links_container {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 0.75rem;
    width:100%;

}

.footer_contact_container {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 1rem;
    padding-bottom: 3rem;

}

.scroll_for_more_container {

    height: 6rem;
    position: absolute;
    bottom: 0px;
    padding: 1rem;
    text-align: center;
    cursor: pointer;
    background: rgba(0,0,0,0.5);
    box-sizing: border-box;
    left: 50%;
    transform: translatex(-50%);
    border-top: solid 0.1rem white;
    border-left: solid 0.1rem white;
    border-right: solid 0.1rem white;
    border-radius: 0.5rem 0.5rem 0px 0px;
    box-shadow: 0rem 0rem 0.5rem 0.1rem black;
    white-space: nowrap;
}

.scroll_for_more_arrow {

    height: 50%;
    color: white;

}

.scroll_for_more_header {

    color: white;
    padding-bottom: 1rem;

}



.gallery_categories_container {

    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;


}

.gallery_category_button:hover {

    background: rgb(7,136,195);

}

.gallery_category_button {

    background-color: black;
    color: white;
    display: inline-block;
    padding: 0.5rem;
    cursor: pointer;
    margin: 0.5rem;
    white-space: nowrap

}

.gallery_thumbnails_container {

    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 3rem;
    flex-wrap: wrap;

}

.gallery_thumbnail {

    width: 15rem;
    height: 15rem;
    background-size: cover;
    background-position: center;
    margin: 0.5rem;
    cursor: pointer;
    border: solid 0.25rem #DCDCDC;

}

.gallery_thumbnail:hover {

    border: solid 0.25rem rgb(3,174,252);

}

.gallery_image { 

    height: 90vh;
    width: 90vw;
    position: relative;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;

}

.background_shade_dark {

    display: none;
    background-color: rgba(0,0,0,0.9);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height:100%;
    z-index: 97;

}

.background_shade {

    display: none;
    background-color: rgba(255,255,255,0.9);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height:100%;
    z-index: 99;

}

.slide_wrapper {

    width: 100%;
    height: 100%;
    position: absolute;
    left: 100%;
    transition: left 2s;
    text-align: center;
  

}

.no_transition {

    transition: none !important;

}

.slide_contained {

    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.0);
    transition: transform 10s; 
    background-color: black;
    border-top: solid 8rem black;
    border-bottom: solid 8rem black;
    box-sizing: border-box;

}

.slide {

    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.0);
    transition: transform 10s; 

}

.slide_text {

    background: rgba(0,0,0,0.5);
    position: absolute;
    transition: top 2s, opacity 0.5s;
    opacity: 1.0;
    top: -200%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2rem;
    display: inline-block;
    color: white;
    border-radius: 0.5rem;

}

.slide_text_button:hover {

    background: rgba(255,255,255,1);
    color: black;


}

.slide_text_button {

    border: solid 0.1rem white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: inline-block;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.popup_close_button_container_light {

    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    position: absolute;
    right: 0px;
    background-color: rgba(0,0,0,0.55);
    z-index: 99;
    border-radius: 1rem;

}

.popup_close_button_light {

    width: 1rem;
    height: 1rem;
    margin: 0.5rem;
    position: absolute;
    right: 0px;
    background-image: url('../images/close_button.svg');
    background-size: contain;
    background-position: center;
    cursor: pointer;

}

.popup_close_button_light:hover {

    opacity: 0.75;

}

.popup_close_button_container_dark {

    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    position: absolute;
    right: 0px;
    background-color: rgba(255,255,255,0.55);
    z-index: 99;
    border-radius: 1rem;

}

.popup_close_button_dark {

    width: 1rem;
    height: 1rem;
    margin: 0.5rem;
    position: absolute;
    right: 0px;
    background-image: url('../images/close_button_dark.svg');
    background-size: contain;
    background-position: center;
    cursor: pointer;

}

.popup_close_button_dark:hover {

    opacity: 0.75;

}

.menu_bar_sub_menu_close_button {

    width: 2rem;
    height: 2rem;
    margin: 1rem;
    position: absolute;
    right: 0px;
    background-image: url('../images/close_button.svg');
    background-size: contain;
    background-position: center;
    cursor: pointer;
    z-index: 99;

}

.menu_bar_sub_menu_close_button_dark {

    width: 2rem;
    height: 2rem;
    margin: 1rem;
    position: absolute;
    right: 0px;
    background-image: url('../images/close_button_dark.svg');
    background-size: contain;
    background-position: center;
    cursor: pointer;

}

.menu_bar_sub_menu_close_button_dark:hover {

    opacity: 0.75;

}

.menu_bar_sub_menu_close_button:hover {

    opacity: 0.75;

}

.menu_bar_sub_menu_items_container {

    color: white;
    font-size: 2rem;
    width: 60%;

}


.menu_bar_sub_menu_item {

    padding: 1rem;
    cursor: pointer;
    white-space: nowrap;
}

.menu_bar_sub_menu_item a:hover {
    
    color: rgba(3,174,252,0.75);

}

.menu_bar_sub_menu_item a {

    color: white;

}

.menu_bar_sub_menu_image img {

    width: 100%;
    padding: 1rem;
    box-sizing: border-box;

}

.menu_bar_sub_menu {

    display: none;
    position: relative;
    top: 6rem;
    z-index: 99;

}

.bedroom_symbol {


    vertical-align: middle;
    height: 2rem;


}

.bedroom_symbol_table {

    width: 100%;

}

.bedroom_horizontal_rule {

    border: solid 1px rgb(3,174,252);

}

.bedroom_symbol_table td img {

    padding: 0.5rem;
    vertical-align: middle;


}

.bedroom_symbol_table td {

    word-break: keep-all;
    white-space: nowrap;

}

.gallery_close_button {

    width: 2rem;
    height: 2rem;
    margin: 1rem;
    position: absolute;
    right: 0px;
    cursor: pointer;
    background-image: url('../images/close_button_dark.svg');
    background-size: contain;
    background-position: center;
    cursor: pointer;
    z-index:99;

}

.gallery_close_button:hover {

    opacity: 0.75;

}

.menu_link_list {

    list-style-type: none;
    padding: 0px;

}

.menu_link_list li a {

    padding: 0.5rem;
    color: rgba(3,174,252,0.75);

}

.menu_link_list li a:hover {

    color: rgba(3,174,252,0.5);

}

.menu_link_list li {

    padding: 0.5rem;

}



.white_button:hover {

    background: rgb(0, 0, 0);
    color: white;

}

.white_button {

    border: solid 0.1rem black;
    padding: 0.5rem;
    display: inline-block;
    font-size: 1rem;
    cursor: pointer;

}

.content_image_quad_table {

    margin-top: 0.5rem;
    border-collapse: collapse;
    width:100%;

}

.content_image_quad_table td {

    padding:0px;
    width: 25%;

}


.content_image_quad_table_image_container_image:hover {

    border:solid 0.25rem rgb(3,174,252);

}

.content_image_quad_table_image_container_image {

    border: solid 0.25rem #DCDCDC;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    background-position: center;
    background-size: cover;
    padding-bottom: 100%;
    box-shadow: 0rem 0rem 0.5rem 0.1rem black;

}




#rotating_bar_lounge_image_1 {

    padding-top: 75%;
    background-size: cover;
    background-position: center;
    opacity: 1;
    transition: opacity 1s;

}

#rotating_bar_lounge_image_0 {

    background-size: cover;
    background-position: center;
}

.rotating_content_detail_image_framed {

    position: relative;
    background-size: cover;
    background-position: center;
    border: 2vw solid rgb(241 233 219);
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 auto;
    height: 100%;

}

.rotating_content_detail_image_framed_container {

    display: inline-block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;

}

.rotating_content_detail_image {

    border: solid 0.25rem #DCDCDC;
    box-sizing: border-box;
    cursor: pointer;
    box-shadow: 0rem 0rem 0.5rem 0.1rem black;
    margin: 0 auto;

}

.rotating_content_detail_image_framed:hover {

    border: solid 2vw rgb(3,174,252);

}

.rotating_content_detail_image:hover {

    border: solid 0.25rem rgb(3,174,252);

}

#rotating_4poster_bedroom_image_0 {

    background-size: cover;
    background-position: center;

}

#rotating_4poster_bedroom_image_1 {

    padding-top: 75%;
    background-size: cover;
    background-position: center;
    opacity: 1;
    transition: opacity 1s;

}



#rotating_perfect_location_image_1 {

    padding-top: 75%;
    background-size: cover;
    background-position: center;
    opacity: 1;
    transition: opacity 1s;

}

#rotating_perfect_location_image_0 {

    background-size: cover;
    background-position: center;
}

#rotating_food_drink_food_image_1 {

    padding-top: 75%;
    background-size: cover;
    background-position: center;
    opacity: 1;
    transition: opacity 1s;

}

#rotating_food_drink_food_image_0 {

    background-size: cover;
    background-position: center;
}

#rotating_sunday_carvery_image_1 {

    padding-top: 75%;
    background-size: cover;
    background-position: center;
    opacity: 1;
    transition: opacity 1s;

}

#rotating_sunday_carvery_image_0 {

    background-size: cover;
    background-position: center;
}



#rotating_weddings_image_1 {

    padding-top: 75%;
    background-size: cover;
    background-position: center;
    opacity: 1;
    transition: opacity 1s;

}

#rotating_weddings_image_0 {

    background-size: cover;
    background-position: center;
}

#rotating_wedding_frame_image_1 {

    background-size: cover;
    background-position: center;
    opacity: 1;
    transition: opacity 1s;

}

#rotating_wedding_frame_image_0 {

    background-size: cover;
    background-position: center;

}



#rotating_family_bedrooms_image_1 {

    padding-top: 75%;
    background-size: cover;
    background-position: center;
    opacity: 1;
    transition: opacity 1s;

}

#rotating_family_bedrooms_image_0 {

    background-size: cover;
    background-position: center;
}


#rotating_family_bedrooms_2_image_1 {

    padding-top: 75%;
    background-size: cover;
    background-position: center;
    opacity: 1;
    transition: opacity 1s;

}

#rotating_family_bedrooms_2_image_0 {

    background-size: cover;
    background-position: center;
}

#rotating_the_hotel_image_1 {

    padding-top: 75%;
    background-size: cover;
    background-position: center;
    opacity: 1;
    transition: opacity 1s;

}

#rotating_the_hotel_image_0 {

    background-size: cover;
    background-position: center;
}




.gallery_thumbnail_id {

    padding: 0.25rem;
    color: white;
    background-color: rgba(0,0,0,0.5);
    display: inline-block;
    margin: 0.25rem;


}

.next_slide_button_container:hover {

    background-image: url("../images/next_button_hover.png");

}

.next_slide_button_container {

    width: 4rem;
    right: 0px;
    position: absolute;
    background-image: url("../images/next_button.png");
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    
}

.menu_bar_hidden {

    background: black;
    border-bottom: solid 0.1rem white;
    box-shadow: 0rem 0rem 0.5rem 0.1rem black;

}

.content_image_quad_table_image_container {

        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        padding-top: 1rem;
        align-content: space-between;

    }

.bedroom_service_symbol_container {

    border: solid 0.1rem black;
    border-radius: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;

}

.content_image_quad_table_image_outer {

    width: 8rem;
    padding-top: 1rem;
    padding-bottom: 1rem;

}

.content_detail_text_para {
    font-size: 1.25rem;
    line-height: 1.75rem;
    position:relative;
}

.content_detail_parallax_message_container_text p {

    margin-top: 0px;
    font-family: Verdana;

}

.intext_banner_inner {

    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0px);
    font-weight: bold;

}

.intext_banner_outer {

    position: absolute;
    display: inline-block;
    background: linear-gradient(90deg,white,rgba(255,0,0,0.8),rgba(255,0,0,0.8),white);
    width: 100%;
    height: 3rem;
    transform: rotate(-3deg);
    color: white;
    font-family: Verdana;
    font-size: 2rem;
    left: 0px;
    border-top: solid 0.25rem red;
    border-bottom: solid 0.25rem red;
    z-index: 1;
    top: 50%;
    transform: translatey(-50%) rotate(-3deg);

}

.body_no_scroll {

    overflow-y: hidden;

}

.body_scroll {

    overflow-y: scroll;
    
}

.background_shade_light {

    display: none;
    background-color: rgba(255,255,255,0.9);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;


}

h1 {

    font-family: 'Courgette', cursive;
    font-size: 2.5rem;
    font-weight: normal;

}

h2 {

    font-family: 'Courgette', cursive;
    font-size: 2.5rem;
    font-weight: normal;

}

h3 {

    font-family: 'Courgette', cursive;
    font-size: 1.5rem;
    font-weight: normal;

}

p {

    font-family: 'Nanum Myeongjo', serif;

}















.background_shade_dark_no_menu {

    display: none;
    background-color: rgba(0,0,0,0.9);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;

}

#sitemap_container {

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate3D(-50%, -50%, 0);
    background-color: white;

}

#booking_panel_real_container {

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate3D(-50%, -50%, 0);
    background-color: white;

}

#question_container {

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate3D(-50%, -50%, 0);
    background-color: white;

}

#faq_container {

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate3D(-50%, -50%, 0);
    background-color: white;

}

#terms_conditions_container {

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate3D(-50%, -50%, 0);
    background-color: white;

}

.terms_conditions_header_container {

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: #03aefc;

}

.terms_conditions_text p {

    font-family: verdana;
    font-size: 1rem;
    color: black;

}

.terms_conditions_scroll_container {

    overflow-y: scroll;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    max-height: calc(80vh - 4rem);


}

.terms_conditions_header {

    width: 100%;
    margin-left: 4rem;
    font-family: verdana;
    font-size: 1.5rem;
    color: white;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    line-height: 2rem;
    text-align: center;

}

.request_room_header {

    width: 100%;
    font-family: verdana;
    font-size: 1.5rem;
    color: white;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    line-height: 2rem;
    text-align: center;

}

.cookie_consent_close_button {

    background-image: url('../images/close_button.svg');
    height: 2rem;
    width: 4rem;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 1rem;
    background-size: contain;
    background-position: center right;
}

.cookie_consent_close_button:hover {
    opacity: 0.75;
}

.cabin_prices_table {

    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    font-size: 0.75rem;
    text-align: center;

}

.cabin_prices_table td {

    padding: 0.5rem;

}

.live_prices_table {

    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    font-size: 0.75rem;
    text-align: center;

}

.live_prices_table td {

    padding: 0.5rem;

}

.drop_down_button {

    background-image: url('https://bacchushotel.co.uk/images/drop_down_button.svg');

}

.drop_up_button {

    background-image: url('https://bacchushotel.co.uk/images/drop_up_button.svg');

}



.bedroom_prices_table {

    width: 100%;
    text-align: center;
    
}

#bedroom_prices_container p, #bedroom_prices_container h1, #bedroom_prices_container h2, #bedroom_prices_container h3 {

    font-family: Verdana;
}

.bedroom_prices_dropdown_button {

    height: 2rem;
    width: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
    background-position: bottom;

}

.bedroom_prices_dropdown_button:hover {

    opacity: 0.75;

}

#bedroom_prices_container {

    box-sizing: border-box;
    overflow-y: hidden;
    transition: max-height 1s ease 0s;
    max-height: 0px;
    top: 0px;
    width: 100%;
    left: 0px;
    background-color: rgba(0,0,0,0.5);
    z-index: 99;
    position: relative;
}



#cabin_prices_container {

    box-sizing: border-box;
    overflow-y: hidden;
    transition: height 1s ease 0s;
    height: 0%;
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    background-color: rgba(0,0,0,0.5);
    z-index: 99;

}

#cabin_prices_container p, #cabin_prices_container h1, #cabin_prices_container h2, #cabin_prices_container h3 {

    font-family: Verdana;
}

.cabin_prices_dropdown_button {

    height: 2rem;
    width: 2rem;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-repeat: no-repeat;
    margin: 1rem;
    cursor: pointer;
    background-size: contain;
    background-position: bottom;

}

.cabin_prices_dropdown_button:hover {

    opacity: 0.75;

}

.live_prices_dropdown_button {

    width: 2rem;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 1rem;
    background-size: contain;
    background-position: bottom;

}

.live_prices_dropdown_button:hover {

    opacity: 0.75;

}




.real_booking_panel_button {

    width: 0.5rem;
    height: 0.5rem;
    opacity: 0.25;
    margin: 1rem;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-image: url('../images/close_button.svg');
    background-size: contain;
    background-position: center;
    cursor: pointer;

}

.booking_panel_real_container_inner {

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 100%;

}

.request_room_button:hover {

    background-color:white;
    color:black;
    
}

.request_room_button {

    border: solid 0.1rem white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: inline-block;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    color:white;
    background-color:transparent;

}

#smart_energy_logo {

    width: 100%;
    border: solid 0.5rem white;
    box-sizing: border-box;
    border-radius: 0.5rem;
    margin-bottom: 1rem;

}

.content_detail_image_overlay {

    color: red;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    height: 100%;
    top: 0px;
    pointer-events: none;

}

.content_detail_banner_xmas {

    background-image: url("../images/content/xmas_new_year/content_detail_banner.jpg");
    background-size: cover;
    color: white;

}

.content_detail_banner_xmas_new_year_button {

    background-color: #740d00;
    padding: 0.5rem;
    display: inline-block;
    border-radius: 0.5rem;
    box-shadow: 0rem 0rem 0.5rem 0.1rem black;
    border: solid 0.1rem #ffffff;

}

.content_detail_banner_xmas_new_year_button:hover {

    background-color: black;

}

.menu_link_list_xmas_new_year {

    list-style-type: none;
    padding: 0px;

}

.menu_link_list_xmas_new_year li {

    padding: 0.75rem;

}

.menu_link_list_xmas_new_year li a {

    padding: 0.5rem;
    color: white;
    text-align: center;

}

.content_detail_text_para_xmas_new_year {

    text-shadow: 0.1rem 0.1rem 0.1rem black;

}

.content_header_banner_xmas_new_year {

    background: #51562e;
    text-align: center;
    padding: 1rem;
    color: #928f3f;
    font-size: 1.25rem;

}

.xmas_new_year_book_symbol {

    background-image: url("../images/content/xmas_new_year/book_symbol.png");
    height: 2rem;
    width: 2rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;

}

.scroll-left {

    height: 50px;  
    overflow: hidden;
    position: relative;
    background: linear-gradient(90deg,#c50000, rgb(127 4 4), #c50101);
    color: white;
    cursor: pointer;
    box-shadow: 0rem 0rem 0.5rem 0.1rem black;
}

.scroll-left p {

    position: absolute;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: center;
    font-family: Caveat;
    font-size: 2rem;
    white-space: nowrap;
    animation: scroll-left 15s linear infinite;

}

.forthcoming_event {

    padding: 1rem;
    box-sizing: border-box;

}

.forthcoming_events_container {

    width: 100%;
    position: relative;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.forthcoming_event img {

    width: 100%;
    cursor: pointer;

}

.swap_image_button {

    top: 0px;
    right: 0px;
    position: absolute;
    height: 3rem;
    width: 3rem;
    z-index: 1;
    color: black;
    background-image: url("/images/swap.png");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255,255,255,0.5);
    cursor: pointer;

}

.slide_number_indicator {

    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 99;
    color: white;
    font-size: 0.75rem;
    background-color: rgba(0,0,0,0.5);
    padding: 0.5rem;

}