/* update by cpclaudio@tecnes.com rel.1 2021-11-01
-------------------------------------------------------------------------------------------------*/


/* FONT [START] - ALL PAGES
-------------------------------------------------------------------------------------------------*/
/* INSERT "@import..." CODE FROM https://fonts.google.com/ */



/* FONT [END]------------------------------------------------------------------------------------*/


@import url("https://db.onlinewebfonts.com/c/b8788b26cb5f2d9f5c9edf71e7846f5c?family=Apercu+Pro+Medium");
:root {

    
    /* DEFAULT COLOR [START] - ALL PAGES
    -------------------------------------------------------------------------------------------------*/
      --dark-blu-color:#00598D;     /**/
    
      --blu-color: var(--green-001);         /*SEARCH FORM,STEPS,PROPERTY TITLE,ADDRESS ICONS,ROOM TITLE,
                                      READ MORE INFO,ROOM ICONS,BUTTONS*/
      
      --light-blu-color: #01A1FF;	/**/
      
      --red-color:#d9534f;          /*OFFERS*/
      
      --black-color:#030303;		/**/
      --white-color:#fdfdfd;		/*SEARCH BOX,GROUP HOTEL BUTTON,CHART TEXT,PAYMENT DETAILS*/
      --grey-color:#f9f9f9;			/*OCCUPANCY BOX,CHECKOUT ROOM DETAIL*/
      
      --light-grey-color:#ebebeb;	/*CURRENCY+LANGUAGE BAR,RATE BOX*/
      
      --dark-grey-color:#b9b9b9;	/*PROPERTY TITLE-ADDRESS SEPARATION LINE*/
      
      --green-color:#419641;        /*CHART,BOOK BUTTON,CHECKOUT BUTTON,CONFIRM BUTTON*/
      
      --rc-color:#24AFE1;			/*FOOTER POWERED BY*/
      --shadow-color:#d0d0d0;		/*BOX SHADOW*/
      
      
      
      --background-color:#fffffff2;	/*BOX BACKGROUND*/
      
      --legend-bg-color:#d9edf7;	/**/
      --rate-item-row-height:120px;
      --rate-item-col-height:110px;
      --supp-item-row-height:170px;
      --supp-item-col-height:170px;  
      
        --cyan-100:#cff4fc;
        --cyan-200:#9eeaf9;
        --cyan-300:#6edff6;
        --cyan-400:#3dd5f3;
        --cyan-500:#0dcaf0;
        --cyan-600:#0aa2c0;
        --cyan-700:#087990;
        --cyan-800:#055160;
        --cyan-900:#032830;
      
        --gray-100:#f8f9fa;
        --gray-200:#e9ecef;
        --gray-300:#dee2e6;
        --gray-400:#ced4da;
        --gray-500:#adb5bd;
        --gray-600:#6c757d;
        --gray-700:#495057;
        --gray-800:#343a40;
        --gray-900:#212529;
    
        --blue-100:#cfe2ff;
        --blue-200:#9ec5fe;
        --blue-300:#6ea8fe;
        --blue-400:#3d8bfd;
        --blue-500:#0d6efd;
        --blue-600:#0a58ca;
        --blue-700:#084298;
        --blue-800:#052c65;
        --blue-900:#031633;
    
        --indigo-100:#e0cffc;
        --indigo-200:#c29ffa;
        --indigo-300:#a370f7;
        --indigo-400:#8540f5;
        --indigo-500:#6610f2;
        --indigo-600:#520dc2;
        --indigo-700:#3d0a91;
        --indigo-800:#290661;
        --indigo-900:#140330;
    
        --purple-100:#e2d9f3;
        --purple-200:#c5b3e6;
        --purple-300:#a98eda;
        --purple-400:#8c68cd;
        --purple-500:#6f42c1;
        --purple-600:#59359a;
        --purple-700:#432874;
        --purple-800:#2c1a4d;
        --purple-900:#160d27;
    
        --pink-100:#f7d6e6;
        --pink-200:#efadce;
        --pink-300:#e685b5;
        --pink-400:#de5c9d;
        --pink-500:#d63384;
        --pink-600:#ab296a;
        --pink-700:#801f4f;
        --pink-800:#561435;
        --pink-900:#2b0a1a;
    
        --red-100:#f8d7da;
        --red-200:#f1aeb5;
        --red-300:#ea868f;
        --red-400:#e35d6a;
        --red-500:#dc3545;
        --red-600:#b02a37;
        --red-700:#842029;
        --red-800:#58151c;
        --red-900:#2c0b0e;
    
        --orange-100:#ffe5d0;
        --orange-200:#fecba1;
        --orange-300:#feb272;
        --orange-400:#fd9843;
        --orange-500:#fd7e14;
        --orange-600:#ca6510;
        --orange-700:#984c0c;
        --orange-800:#653208;
        --orange-900:#331904;
    
        --yellow-100:#fff3cd;
        --yellow-200:#ffe69c;
        --yellow-300:#ffda6a;
        --yellow-400:#ffcd39;
        --yellow-500:#ffc107;
        --yellow-600:#cc9a06;
        --yellow-700:#997404;
        --yellow-800:#664d03;
        --yellow-900:#332701;
    
        --green-100:#d1e7dd;
        --green-200:#a3cfbb;
        --green-300:#75b798;
        --green-400:#479f76;
        --green-500:#198754;
        --green-600:#146c43;
        --green-700:#0f5132;
        --green-800:#0a3622;
        --green-900:#051b11;

        --green-001:#52713F;
        --green-001:#455f35;
    
        --teal-100:#d2f4ea;
        --teal-200:#a6e9d5;
        --teal-300:#79dfc1;
        --teal-400:#4dd4ac;
        --teal-500:#20c997;
        --teal-600:#1aa179;
        --teal-700:#13795b;
        --teal-800:#0d503c;
        --teal-900:#06281e;
      
    /* DEFAULT COLOR [END]----------------------------------------------------------------------------*/
    }
    
    
    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: var(--green-001);
        border-color: transparent;
        color: #fff;
    }
    
    
    
    /*********************************  GENERAL START **************************************/
    
    body {
        background-color: var(--gray-100);
        color: var(--gray-800);
        /* font-family:'Roboto','Montserrat',"Helvetica Neue",Helvetica,Arial,sans-serif; */
        font-family: "Apercu Pro Medium";
        
    }
    
    
    .margin-top{
        
        margin-top: 10px;
        
    }
    
    .margin-bottom{
        
        margin-bottom: 10px;
        
    }
    
    
    .no-padding{
        padding: 0px;
    }
    
    .pad-10 {
        padding: 10px;
    }
    
    /***********  BUTTONS *****/
    
    
    .be-btn{
        
        text-transform: uppercase;
        font-size: 12px;
        border-radius: 5px;
        max-width:300px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
        box-shadow: 1px 1px 1px var(--shadow-color);
        transition: 0.1s;
        outline: 0;
        border-radius: 3px;
        
    }
    
    .be-btn:focus{
        outline: none !important;
    }
    
    
    .be-btn:hover{
        outline: 0;
        cursor: pointer;	
        box-shadow: 1px 1px 1px var(--shadow-color);
        transform: scale(1.05);
    }
    
    @media only screen and (max-width: 991px) {
    
        .be-btn{
            padding-left: 7px;
            padding-right: 7px;
        }
    }
    
    
    
    .btn-one{
        background-color: var(--green-001);
        color:var(--white-color);
        border:1px solid var(--green-002);
    }
    
    .btn-one:hover, .btn-one:focus {
        color: var(--white-color);
        
    }
    
    .btn-two{
        background-color: var(--green-001);
        color: var(--white-color);
        border: 1px solid var(--green-001);
    }
    
    .btn-two:hover, .btn-two:focus{
        color: var(--white-color);
        
    }
    
    
    
    .btn-grey{
        background-color: var(--gray-200);
        color:var(--white-color);
        border:1px solid var(--gray-400);
    }
    
    .be-hidden{
        display: none;
    }
    
    
    
    /*********************************  GENERAL END *************************************/
    /**************************   MEDIA QUERY GENERAL HIDE/SHOW *************************/
    
    @media only screen and (max-width: 420px) {
        
        .desktop{
    
            display:none;
        }
        .mobile{
            display:block;
        }
    
    }
    
    @media only screen and (min-width: 421px) {
        
        .desktop{
    
            display:block;
        }
        .mobile{
            display:none;
        }
    
    }
    /**************************   MEDIA QUERY GENERAL HIDE/SHOW END *****************************/
    
    
    .resume_span_container{
    
        display: inline-block;
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 3px 10px;
        font-weight: 400;
        white-space: normal;
        background: var(--white-color);
        color: var(--green-001);
    /*    border: 1px solid var(--green-001);*/
        transition: transform .2s;
    }
    .resume-dates{
        margin-top:5px;
        text-transform:uppercase;
        padding-left: 0px;
        padding-right: 0px;
        
    }
    
    .resume-dates-titles{
        font-weight:bold;
        color: var(--green-001);
    }
    
    #summary-tab{
    padding:10px;
    
    }
    
    .add-room-col{
        padding: 0px;
    }
    
    
    .dx-col{
        display: block;
        position: relative;
    }
    
    
    .dates_calendar{
            animation: pulsex 5s infinite;
    }
    
    .be-rc-button{
        
        color: var(--gray-800);
    }
    
    .be-rc-button:hover{
        
        color: var(--gray-900);
        transform: scale(1.05);
    }
    
    
    
    
    
    .room-row{
        height: auto;
    }
    
    .room-col{
        height: auto;
    }
    
    .h-50{
        height: 50px;
    }
    
    .radio_cls{
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto !important;
    }
    
    .paymentdetail:hover{
        text-decoration: underline;
        cursor: pointer;
    } 
    
    
    
    .tratment-div{
        padding-bottom: 5px;
    }
    
    
    
    .price-font{
        font-size: 14px;
        font-weight: 700;
        color: var(--green-001);
    }
    .basket-price-font{
        font-size: 12px;
        font-weight: 500;
        color: var(--green-001);
    }
    
    #guest_notes{
        
        resize:vertical;
    }
    
    .confirm_item_currency{
        padding-left:5px;
    }
    
    .total-titles{
        font-weight: 500;
        color: var(--green-001);
        
    }
    
    .basket_total_span{
        font-weight: bold;
        color: var(--green-001);
        font-size:16px;
        
    }
    
    #span_total_prepaid{
        padding-left: 5px;
    }
    
    .span_total_prepaid{
        font-weight: bold;
        color: var(--green-001);
        font-size:16px;
    }
    
    .currency-font{
        padding-left:5px;
        font-size: 14px;
        color: var(--green-001);
    }
    
    .basket_total_currency{
        padding-left: 5px;
    }
    
    .inline-block{
        
        display: inline-block;
        
    }
    
    #row-total{
        padding-bottom:10px;
        font-weight: bold;
        
    }
    
    .rate_price{
        
    }
    
    .label_perc_discount{
    margin: 0px 5px;	
    }
    
    .disp-block{
        
        display: block;
        
    }
    .disp-inline-block{
        
        display: inline-block;
        
    }
    .treatment_desc{
        font-size: 9px;
        text-transform: uppercase;
        color: var(--green-001);
        text-align: center;
        font-weight: 700;
    }
    
    
    .product-first-img{
        padding-left:10px;
        max-width:100%;
        max-height: 450px;
    }
    
    .product-first-img:hover{
    cursor: pointer;	
    }
    .be-carousel-img{
        
    }
    .carousel-custom-img{
    
        position: relative;
        left: 0;
        right: 0;
        margin: auto;
    }
    .treatment-icon{
    /*	display:block;*/
        color: var(--green-001);
        font-size: 20px !important;
    }
    
    .blu-icon{
        color: var(--green-001);
    }
    
    .calendar-avaiable{
        
    /*	background-color: var(--green-001); !important;*/
        
    }
    
    .calendar-not-available{
        
        background-color: var(--red-color) !important;
        color: var(--white-color) !important;
        
    }
    
    .unselectable{
        
        background-color: var(--dark-grey-color);
    }
    
    #privacy-tab{
        
        margin-top: 10px;
    }
    
    #privacy-tab-result{
        
        margin-top: 10px;
    }
    
    
    
    .address-tab{
        
        text-align: center;
        margin-top: 5px;
        
        background-color: transparent;
    
    }
    
    #addresses-tab>div{
        padding:0px;
        background-color: transparent;
    
    }
    
    #src-tab{
        
        margin-top: 10px;	
        padding: 5px 5px;
    }
    
    .readMore:hover{
        cursor: pointer;
        
    }
    
    .readMore{
        font-size: 14px !important;
    }
    
    .grey-icon{
        filter: grayscale(100%);
        margin-right:3px
    }
    
    
    .margin-15{
        margin-left: 15px;
        margin-right: 15px;
    }
    
    #summary-col{
        margin:15px;
        padding: 10px;
    }
    
    .rate-col-desc {
        border-top: 1px  solid var(--gray-400);
        padding-top: 10px;
        background-color: var(--gray-200);
    }
    
    
    /*****************************************************		STEP CURRENCY LANG HEADER	*******************************************************************/
    #top_bar_mobile{
    
        padding: 0px;
        margin: 0px;
        font-size: 12px;
        visibility: hidden;
        
    }
    
    #top_bar_mobile>div{
        
        padding: 10px;
        visibility: hidden;
        
    }
    
    #top_bar_mobile p{
        margin-bottom: 0px;
        visibility: hidden;
        
    }
    
    #lang_bar_mobile {
        
        background-color: var(--light-grey-color);
        visibility: hidden;
    
    }
    #lang_bar_mobile button{
        
        background-color: transparent;
        visibility: hidden;
        border: none;
    }
    
    #cur_bar_mobile {
        
        background-color: var(--light-grey-color);
        visibility: hidden;
    
    }
    
    #cur_bar_mobile button{
        
        background-color: transparent;
        visibility: hidden;
        border: none;
    }
    
    #top_bar{
    
        padding: 0px;
        margin: 0px;
        font-size: 12px;
        visibility: hidden;
        
    }
    
    #msg-tab{
    
        padding: 10px;
        margin-top: 10px;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:0px;
        
    }
    
    #res-tab{
    
        padding: 10px;
        margin-top: 10px;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:0px;
        
    }
    
    #instruction-tab{
        
        padding: 10px;
        margin-top: 10px;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:0px;
        
    }
    
    #confirm-payment-resume{
        
        padding: 10px;
        margin-top: 10px;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:0px;
        
    }
    
    .total-pad{
        
    }
    
    #amount-tab{
            padding: 10px;
        margin-top: 10px;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:0px;
    }
    
    #guest-tab{
        
        padding: 10px;
        margin-top: 10px;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:0px;
        
    }
    
    #conf-addr-tab{
        max-width:1024px;
        padding: 10px;
        padding-top:0px;
        margin-top: 0px;
        margin-left:5px;
        margin-right:10px;
        margin-bottom:10px;
        
    }
    
    .img-thumbnail{
        max-height:100px;
    }
    
    #addr-tab{
    
        padding: 10px;
        margin-top: 10px;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:5px;
        
    }
    
    
    
    #map-tab{
    
        padding: 10px;
        margin-top: 10px;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:0px;
        
    }
    
    #directions{
        text-align: left;
    }
    
    
    #directions-tab{
    
        padding: 10px;
        margin-top: 10px;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:0px;
        
    }
    
    .resume-product-tab{
        
        min-height: 200px;
        padding: 10px 0px;
        margin-top: 10px;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:0px;
    }
    
    #top_bar>div{
        
        padding: 10px;
        visibility: hidden;
        
    }
    
    #top_bar p{
        margin-bottom: 0px;
        visibility: hidden;
    }
    
    
    
    #lang_bar {
        
        background-color: var(--light-grey-color);
        visibility: hidden;
    
    }
    #lang_bar button{
        
        background-color: transparent;
        visibility: hidden;
        border: none;
    }
    
    #cur_bar {
        
        background-color: var(--light-grey-color);
        visibility: hidden;
    
    }
    
    #cur_bar button{
        
        background-color: transparent;
        visibility: hidden;
        border: none;
    }
    
    
    #resume_table{
            width: 100%;
            text-transform: uppercase;
    }
    
    
    /*****************************************************		END STEP CURRENCY LANG HEADER	*******************************************************************/
    
    
    
    /*****************************************************	ROOM IMG GALLERY ***************************************************/
    /* .col-md-3.search-result-gallery.room-col
    {
    width:235px;
    height: 150px;
    overflow: hidden;
    box-shadow: 0 0 8px 2px var(--shadow-color);
    padding: 2px;
    } */

    .col-md-3.search-result-gallery.room-col {
        width: 235px;
        height: 150px;
        overflow: hidden;
        box-shadow: 0 0 8px 2px var(--shadow-color);
        border: 3px solid var(--green-001); /* Adding green border */
        transition: border-color 0.3s ease; /* Adding transition effect */
    }
    
    .col-md-3.search-result-gallery.room-col:hover {
        border-color:var(--green-001); /* Change border color on hover */
    }

    .col-md-3.search-result-gallery.room-col img
    {
    width: 235px;
    height: 150px;
    object-fit: cover;
    object-position: center;
    
    }
    
    /*****************************************************	END ROOM IMG GALLERY ***************************************************/
    
    #main-row{
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    }
    
    #result-col{
        
        padding-top: 10px;
        padding-right: 15px;
        border: none;
    
    }
    
    #search-col{
        padding-top: 10px;
        padding-left:0px;
        border: none;
    }
    
    
    #calendar_row{
    padding:10px;
    }
    
    .white-transparent{
    background-color: var(--background-color);
    max-width: 1024px;
    /* box-shadow: 0 0 10px 2px var(--shadow-color); */
    
    
    }
    
    .right-box{
        min-height: 55px;
        padding: 15px 0px;
        margin-top: 5px;
        margin-right: 0px;
        margin-left: 0px;
    }
    
    
    
    .transparent{
    background-color:transparent;
    }
    
    #box_logo_img{
    
    max-width: 100%;
    max-height:200px;
    padding-top: 5px;
    padding-bottom: 5px;
    
    }
    
    #info_box_header{
        
        padding: 5px 10px;
        margin-left: 90px;
        
    }
    #info_box_icon{
        background-color: var(--green-001);
        color: var(--gray-200);
        display: block;
        float: left;
        height: 55px;
        width: 55px;
        text-align: center;
        font-size: 35px;
        border-radius: 55px;
        padding: 0px;
        font-family: serif;
        font-style: italic;
        font-weight: 700;
        border: 1px solid var(--green-002);
    }
    
    
    
    /* width */
    ::-webkit-scrollbar {
      width: 10px;
    }
    
    /* Track */
    ::-webkit-scrollbar-track {
      background: var(--white-color); 
    }
     
    /* Handle */
    ::-webkit-scrollbar-thumb {
      background: var(--light-grey-color); 
    }
    
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
      background: var(--dark-grey-color); 
    }
    
    .sold-out{
        background-color: var(--dark-grey-color);
    }
    
    .vcenter {
    display:block;
    position: absolute;
    bottom:0;
    }
    
    .shopping-cart-button {
      padding: 1rem;
      background-color: var(--green-001);
      color: var(--white-color);
    }
    
    
    
    .shopping-cart-button i {
      margin-right: 0.5rem;
    }
    
    .shopping-cart-dropdown-pane .dropdown-pane {
      padding: 0;
    }
    
    .shopping-cart-item {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 1rem;
      border-bottom: 1px solid #e6e6e6;
    }
    
    .shopping-cart-item-name, .shopping-cart-item-price {
      padding: 0 1rem;
    }
    
    .shopping-cart-item-name p, .shopping-cart-item-price p {
      margin: 0;
      padding: 0;
    }
    
    .shopping-cart-title {
      font-weight: bold;
    }
    
    .shopping-cart-checkout {
      padding: 0.5rem;
      margin-bottom: 0;
    }
    
    
    
    .fa-nav-inverse{
    
    }
    
    .fa-nav{
    color: var(--dark-grey-color);
    }
    
    .fa-nav-selected{
    color: var(--green-001);
    }
    
    .btn-book{
    
    }
    
    .search-result-item{
        
    
        min-height: 200px;
        padding: 15px 0px;
        margin-top:5px;
        margin-right:0px !important;
        margin-left:0px !important;
    
    } 
    
    #supp_checkout_btn{
        
        margin: auto;
        margin-top:5px;
        
    }
    
    #search_room_legend {
        border: none;
        padding: 10px;
        font-size: 120%;
        margin-bottom: 0 !important;
        vertical-align: middle !important;
        background-color: var(--light-grey-color);
    }
    #search_room_box {
        position: relative;
        max-width: 400px;
        margin:0 auto;
        text-align:center;
          display: block;
          width: 100%;
          background-color: var(--white-color);
    }
    
    /*                      RESULT  STYLE                      */
    
    
    .search-result-gallery{
    padding-right: 0px !important;
    padding-left: 0px !important;
    }
    
    .search-result-head{
    
        display: flex;
        align-items: center;
    
    padding-top:5px;
    padding-bottom:5px;
    background-color: var(--green-001);
    color: var(--white-color);
    }
    
    
    .basket>div{
    display: block;
    position: relative;
    }
            
    #basket_counter{
        position: absolute;
                    
           top:2px;
           left: 55%;
                
           z-index:100;
                
           font-size: 9px;
           padding: 2px 3px;
           line-height: .9;
            }
            
     .facilities_div{
        
        border-top: solid 1px var(--gray-200);
        color: var(--gray-700);
        padding-top: 5px;
    }
    
    /*                               END    RESULT                        */
    
    .room_add_enabled{
        
        /*color:var(--white-color);
        background-color: #5cb85c;
        border: 1px solid #419641;
        */
        padding: 0px 1px 0px 1px !important;
        text-transform: none !important;
        font-weight: 700;
        
    }
    
    .room_add_enabled:hover, .room_add_enabled:focus{
        cursor: pointer;
        color: inherit !important;
        font-weight: 700;
    }
    
    
    .x-remove{
    /*font-size:12px;
    padding:0px 5px !important;
    */
    color:var(--red-color);
    font-weight: bold;
    transition: 0.2s;
    
    }
    
    .x-remove:hover{
    
        color:var(--blue-color);
        font-weight: bold;	
        cursor: pointer;
    
    }
    
    .cart-remove{
        color:var(--red-color);
        font-size:12px !important;
        padding:0px 5px !important;
    }
    
    .cart-remove:hover{
    
        color:var(--blue-color);
        cursor: pointer;
    
    }
    
    
    .app_child_cnt {
        
        padding-right: 30px;
        
    }
    
    .input-no-line {
        
        border: 1px solid var(--green-001);
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 50%;
        border-radius: 3px;
        
    }
    
    .input-no-line:focus{
            border: 2px solid var(--green-001);
    }
    
    .input-no-line:focus-visible{
            border: 2px solid var(--green-001);
            outline:none;
    }
    
    #rooms_search{
    
    margin-bottom:15px
    }
    
    #hotel_logo_div{
        margin-bottom: 10px;
    }
    
    .guest-info-element{
    }
    
    .guest-info-element .input-group{
        width: 100%;
        background: var(--green-001);
    }
    
    .guest-info-element .form-group{
        margin-bottom:5px;
    }
    
    .help-block{
        margin-top:0px !important;
    }
    
    .guest-info-element>input{
    
    }
    
    .guest-info-element>textarea{
        
    }
    
    .guest-info-element>select{
    
    
    padding-top: 4px;
    }
    
    
    #cc_div .form-group .input-group{
        display:block;
        background: var(--green-001);
    }
    
    #sub_form_div_err_pg small{
        color:#a94442;
    }
    
    .cc_label{
        padding-top:10px;
    }
    
    #payment_div{
        
        margin: 10px 0px;
        padding: 15px;
        background-color: var(--white-color);
        
    }
    
    
    #insurance-resume{
        margin: 10px 0px;
    }
    
    @media only screen and (max-width: 991px) {
    
        
        
        #addresses-tab{
        text-align: center;
            padding-bottom: 10px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        }
        
        .price-top-part{
        display: block;
        }
        
        .basket-padding-bottom-left{
            padding-bottom: 10px !important;
        }
    
        .basket-padding-bottom-right{
            padding-bottom: 70px !important;
        }
        
    
        
        #search-col{
            
            padding-bottom: 0px;
            border: none;
        }
        
        .hide-mobile{
            display: none !important;
        }
        
        .show-mobile{
            display: block;
        }
        
        .product_detail_basket{
            display: none;
        }
    
        #result-col{
        
        padding-left:0px;
        padding-top: 10px;
        border: none;
        }
        
        .more-btn{
        
            width: 100%;
        
        }
        
        
        .notav-more-btn{
        
            width: 100%;
        
        }
    
        
        .navbar-icons >p{
        display: none;
        }
        
        body{
            
            overflow-x:hidden;	
            overflow-y:auto;
            font-family: "Apercu Pro Medium";
    /*		background-color: var(--white-color) !important;*/
             
        }
        
        .scroll-tab{
            /*overflow-x:hidden;*/
            overflow-y:visible;
            padding-bottom:10px;
        }
        
        :root {
        --rate-item-row-height:auto;
        --rate-item-col-height:auto;
        --supp-item-row-height:auto;
          --supp-item-col-height:auto;
          --room-item-row-height:auto;
          --room-item-col-height:auto;
          
        }
        .supp-block{
        height:auto;
        }
    }
     
    
    
    @media only screen and (min-width: 992px) {
        span.property-title{
            
            font-size: 20px !important;
        
        }
        
    
        
        #floating_basket_footer_content{
            max-width: 500px;
            color: var(--green-001);
        }
        
    
        
        .hide-mobile{
            display: block ;
        }
        
        .show-mobile{
            display: none !important;
        }
        
        .product_detail_basket{
            display: block;
        }
        
        #result-col{
          
            padding-left:10px;
            border: none;
        }
        
        .basket-padding-bottom-right, .basket-padding-bottom-left{
            padding-bottom: 70px !important;
        }
        
        #complete_message{
            padding-left: 5px;
            padding-right:5px;
            padding-bottom: 10px;
        }
        
        #select_supplements{
        
            padding-left: 5px;
            padding-right:5px;
        
        }
        
        #to_complete_message{
            
            padding-left: 5px;
            padding-right:5px;
        
            }
        .src-div-title{
        
        }
        
        
        
        
        #hotel_logo_div, #src-tab, #privacy-tab, #basket-tab-div,  {
            
            max-width: 328px;
        
        }
        
    
        
        
    
        #basket-tab{
        
            max-width: 1024px;
        
        }
        
        #summary-tab{
            max-width: 1024px;
        }
        
        #res-tab{
            max-width: 1024px;
        }
        
        #confirm-address-tab{
            max-width: 1024px;
        }
        
        #addr-tab{
            /*max-width: 1024px;*/
        }
        
        #top_bar{
            visibility: hidden;
            /*max-width: 1024px;*/
        
        }
        
        #msg-tab{
        
            /*max-width: 1024px;*/
        
        }
        
        #directions-tab{
        
            /*max-width: 1024px;*/
        
        }
        
        #map-tab{
        
            /*max-width: 1024px;*/
        
        }
        
        .resume-product-tab{
        
            /*max-width: 1024px;*/
        
        }
        
        #guest-info-div{
            /*max-width: 1024px;*/
        }
        
        #payments-info-div{
            /*max-width: 1024px;*/
        }
        
        #privacy-info-div{
            min-height: 150px;
        }
        
        .search-result-item{
        
            /*max-width: 1024px;*/
        
        }
        
        #daysselected{
            /*max-width: 1024px;*/
        }
        body{
            
            overflow-x:hidden;	
            overflow-y:hidden;
            font-family: "Apercu Pro Medium";
    /*		background-color: var(--gray-100) !important;*/
            min-height: 100vh;
        }
        
        .scroll-tab{
        
            height:100vh;
            overflow-x:hidden;
            overflow-y:auto;
            padding-bottom:10px;
        
        }
        .supp-block{
            height:250px;
        }
    
    }
    
    .basket_arrow{
        
        font-weight:400;
        transition:all .2s;
        color:var(--green-001);
    /*	font-size:12px;*/
    }
    
    .basket_arrow:hover{
        font-weight:700;
        color:var(--green-001);
    /*	font-size:14px;*/
        cursor: pointer;
        
    }
    
    #btn-search {
       
    }
    
    .btn-block {
        display: inline-block;
    }
    
    .mrg-top{
    
    margin-top: 10px;
    
    }
    
    .mrg-btm{
    
    margin-bottom: 10px;
    
    }
    
    .product_total_amount{
        padding:0px;
    }
    
    
    
    .mrg-top-10{
    margin-top: 10px;
    }
    
    
    .confirm_msg{
        color: var(--green-001);
        font-weight: bold;
        padding: 10px;
    }
    
    .modal-close-span{
        color: var(--green-001);
    }
    
    .modal-close-span:hover{
        color:var(--green-002);
    }
    
    
    .input-line{
    
    /* custom */
    
    
        border-top-style:solid;
        border-top-width:1px;
        border-top-color: transparent;
        border-left-style:solid;
        border-left-width:1px;
        border-left-color: transparent;
        border-right-style:solid;
        border-right-width:1px;
        border-right-color: transparent;
    
        border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color: #aaaaaa;
        
        
        background-color:transparent;
        /* custom */
        transition: 0.2s;
        font-weight: bold;
    }
    
    .input-line:hover{
        cursor:pointer;
        border-bottom-color: var(--green-001);
    }
    
    .input-line-calendar, .input-line-calendar-text{
        border-top-style:solid;
        border-top-width:1px;
        border-top-color: transparent;
        border-left-style:solid;
        border-left-width:1px;
        border-left-color: transparent;
        border-right-style:solid;
        border-right-width:1px;
        border-right-color: transparent;
    
        border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color: #aaaaaa;
        
        
        background-color:transparent;
        /* custom */
        transition: 0.2s;
        font-weight: bold;
        
        height:40px;
        
    }
    .input-line-calendar-text{
        cursor:default;
    }
    
    .input-line-calendar:hover{
        cursor:pointer;
        border-bottom-color: var(--green-001);
    }
    
    .input-line-calendar:focus {
        
        border-width:0px;
        border-style:solid;
        border-color: var(--green-001);
        outline-width: 0;
    
    }
    
    
    
    .input-line:focus {
        
        border-color: var(--green-001);
        outline-width: 0;
    
    }
    
    .disabled_btn{
    cursor: default;
    opacity: 0.3 !important;
    }
    
    .disabled_btn{
    
    cursor: default !important;
    border-width:1px !important;
    font-weight: normal !important; 
    }
    
    
    #end_div{
    padding:0px !important;
    }
    
    #start_div{
    padding:0px !important;
    }
    
    
    #src_example{
        
        
       
        display: inline-block;
        box-shadow: 1px 1px 1px var(--shadow-color);
        transition: 0.1s;
        outline: 0;
            
        
    }
    
    #open_privacy_modal{
        color: var(--green-001);
    }
    
    #open_privacy_modal:hover{
        
        cursor:pointer;
        color: var(--green-002);
        text-decoration: underline;
        
    }
    
    .center_span{
    display:block;
    position:absolute;
    left:10px;
    
    top:0;
    bottom:0;
    margin:0 auto;
    
    height:30px;
    display: grid;
    align-items: center;
    
    }
    
    .center_span_div{
    height: 30px;
    display: block;
    
    }
    
    .text-center{
    text-align: center;
    color: var(--green-001);
    }
    
    .nopadding {
    padding: 0 !important;
    display: block;
    position: relative;
    height:29px;
    }
    
    
    .src-span{
        font-size: 16px;
        
    }
    
    .box-btn {
    display: inline-block;
    height: 20px;
    width: 20px;
    opacity: 1;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    font-weight: normal;
    border-width: 1px;
    border-color: var(--green-001);
    background-color: var(--grey-color);
    color: var(--green-002);
    }
    
    .box-btn:hover{
        cursor:pointer;
    }
    
    .src-occupancy-icon{
        
     font-size:18px !important;
    }
    
    .occupancy-icon{
    
    color: var(--green-001);
    
    }
    
    .round-btn{
    
        
    display: inline-block;
        
        height: 22px;
        width: 22px;
        
        opacity:1;
              
        transition: 0.1s;
    
        border-radius: 50%;
           border-width:1px;
           border-style:solid;
        
        /* custom */
        font-weight:normal;
        border-width:1px;  	
        border-color:var(--green-001);
        background-color: var(--grey-color);
        color:var(--green-002);
          /* custom */
    }
    
    .round-btn:hover{
    
        cursor:pointer;
        
        /* custom */
        border-width:2px;
           border-color:var(--green-001);
        background-color: var(--grey-color);
        color:var(--green-002);
        font-weight:bold;
        /* custom */
    }
    
    
    .form-search{	
        width: 30px;
        height: 30px;
        text-align: center;
    }
    
    .room-number {
        /*font-size: 130%;
        background: #b8cedd;
        padding: 0px 7px;
      
        border-radius: 3px;*/
        font-size:14px;
        font-weight:400;
        color:var(--green-001);
    }
    
    
    
    
    #container{
    padding-left:10px;
    padding-right:10px;
    
    }
    
    #space-div{
    height: 46px;
    }
    
    
    #calendar_search_group{
    
    transition: 0.1s;
    
    }
    
    #calendar_search_group i{
        font-size: 20px;
        color: var(--green-001);
    
    }
    
    #calendar_search_group:hover{
    
    cursor:pointer;
    
    }
    
    .room_bed_div{
        
        padding-bottom:5px;
        
        
    }
    
    .number-nights {
    background: var(--green-001)9c !important;
    color: white !important;
    padding: 0px 3px;
    border-right-style: dotted !important;
    border-right-color: #f5f5f5 !important;
    
    }
    
    
    
    .room_header_span_add{
        
        margin-bottom: 5px;
    }
    
    
    
    #search_calendar {
        text-align: center;
    }
    
    #search_calendar:hover {
        cursor: pointer;
    }
    
    .text-right-bottom{
    bottom:0;
    position: absolute;
    }
    
    
    .room_header_div{
    margin-bottom: 10px;
    }
    
    
    .navbar-icons{
    margin-top:0px; 
    }
    
    
    
    .roo_desc_div .facilities_div{
    display: block;
    
    }
    
    .smaller{
            font-size: 70%;
    }
    
    .selected-item{
        padding: 10px 0px 5px 0px;
        margin-top: 5px;
        
        background-color: var(--gray-100);
        border-left: 3px solid var(--gray-300);
    }
    
    .all_rate_title{
            color: var(--green-001);
        text-transform: uppercase;
    }
    
    .rm-cnt{
        
        margin-top: 10px;
        padding-top: 5px;
        background-color: var(--gray-100);
        border-left: 3px solid var(--gray-300);
        
    }
    
    .div-title{
        margin-bottom: 5px;
    }
    .title{
        
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
        text-transform: uppercase;
    }
    
    .title>hr{
    margin-top: auto;
    margin-bottom: auto;
    border-top: 1px solid var(--green-001);
    flex: 1;
    }
    
    .search-titles {
        
        font-weight: 700 !important;
        color: var(--green-001);
        padding: 0px 6px;
        
    }
    
    
    
    
    .active-hr{
    
        border-top: 2px solid var(--green-001) !important;
        
    }
    
    .local_taxes_hr{
        
        border-top: 1px solid var(--green-001) !important;
        margin: 5px 10px;
        
    }
    
    .prepaiment_not_req{
        font-weight: 700;
    }
    
    .mrg-top-2{
    margin-top: 2px;
    }
    .center-box-20 {
        line-height:20px;
        text-align: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        position: absolute;
    }
    .center-box{
        text-align: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        position: absolute;
        width:100%;
    }
    
    .item-divider {
        border-bottom: 1px dotted var(--green-001)
        width: 90%;
        margin: auto;
        display: inline-block;
        margin: 5px 0px 5px 5px;
    }
    .item-divider-cart {
        border-bottom: 1px dotted var(--green-001);
        width: 98%;
        margin: auto;
        display: inline-block;
        margin: 5px 0px 5px 5px;
    }
    .width-100pc{
        width:100%
        
    }
    
    .top-part {
        margin-bottom: 10px;
    }
    .vert-align-middle{
        vertical-align: middle;
    }
    
    .center-box-src {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        position: absolute;
    }
    
    
    /***************************** PAGE - LEFT COLUMN   ******************/
    
    /************* Calendar section *************/
    .calendar{
        padding: 0px 5px;
        color: var(--green-001);
        background-color: transparent;
        border: 0px solid #ccc;
        border-radius: 0px;
    }
    
    
    .calendar-icon {
    border: 0px solid #ccc;
    border-radius: 0px;
    background: var(--green-001)cc;
    color: white;
    padding: 0px 3px;
    height: 34px;
    }
    
    .calendar-icon-person{
    border: 0px solid #ccc;
    border-radius: 0px;
    background: var(--green-001);
    color: white;
    padding: 0px 3px;
    height: 34px;
    }
    /************* Add Remove Rooms section *************/
    
    .btn-less{
        
    }
    
    .btn-plus{
    
    }
    .col-rooms{
    
        
    }
    .div-room-num{
        border-bottom: dotted 1px;
        width: 100%;
        COLOR: var(--green-001);
    }
    .div-room-adult-occupancy{
        padding: 3px;
        font-size: 12px;
        vertical-align: middle;
        width:35px
    }
    .div-room-child-occupancy{
        padding: 0px 3px;
        font-size: 12px;
        vertical-align: middle;
        width: 20px;
    }
    .div-room-ages-occupancy{
        padding: 0px 3px;
        font-size: 12px;
        vertical-align: middle;
        white-space:nowrap;
    }
    .div-room-adult-quantity{
        
        white-space: nowrap;
        width: 80px;
        vertical-align: middle;
        background: #ffffff5e;
        padding: 5px;
        border: 1px solid #ffffff;
        border-radius: 3px;
    }
    .div-supp-adult-quantity{
        
        white-space: nowrap;
        width: 80px;
        vertical-align: middle;
        background: #f5f4f5;
        padding: 5px;
        border: 1px solid #fff;
        border-radius: 3px;
    }
    .div-room-child-quantity{
        white-space: nowrap;
        width: 80px;
        vertical-align: middle;
        background: #ffffff5e;
        padding: 5px;
        border: 1px solid #ffffff;
        border-radius: 3px;
    }
    
    
    .div-room-ages-quantity{
        white-space: nowrap;
        width: 80px;
        vertical-align: middle;
        background: #ffffff5e;
        padding: 5px;
        border: 1px solid #ffffff;
        border-radius: 3px;
    }
    
    .div-room-action-add{
        vertical-align: middle;
        width:25px
    }
    .div-room-action-remove{
        vertical-align: middle;
        width:25px;
    }
    .div-search-button{
        padding: 10px 0px 10px 0px;
        margin-left:0px;
        margin-right:0px;
    }
    .form-search-div{
        top: 9px;
        width: 25px;
        vertical-align: middle;
        display:inline-block;
        background-color: white;
    }
    
    /************* Cart section *************/
    
    
    
    #cart-buttons{
        
        margin: 20px 0px ;
        
    }
    .cart-room-occupancy{
        font-size: 12px;
    }
    .cart-room-occupancy .occupancy-icon{
        font-size: 14px;
    }
    .cart-room-price{
        font-size: 12px;
        font-weight: 400;
    }
    .cart-room-price-curr{
        font-size: 12px;
        font-weight: 400;
        padding:0px 3px;
    }
    .cart-discount-curr{
        font-size: 12px;
        font-weight: 400;
        padding:0px 3px;
        color: var(--green-001);
    }
    .cart-discount-price{
        font-size: 12px;
        font-weight: 400;
        color: var(--green-001);
    }
    .cart-discount-desc{
        text-transform: capitalize;
        font-size: 12px;
        color: var(--green-001);
    }
    .div-cart-discount-desc{
        text-align:right;
        text-transform: capitalize;
        font-size: 12px;
        color: var(--green-001);
        padding: 0px 5px;
        width: 211px;
        display: inline-block;
    }
    .cart-discount-price{
        text-align:center;
        padding: 1px;
        /*background: #90ee9059;*/
        display: inline-block;
    }
    #cart-items{
        min-height: 0px;
        background-color: var(--white-color);
    }
    #search-items{
        padding: 5px 5px;
        background-color: var(--white-color);
    }
    .cart-footer-height{
        display: block;
       margin-top: 10px;
       margin-bottom: 10px;
    }
    
    .crossDisabled{
        opacity:0.5;
    }
    
    #cart-products-alert{
        
        font-size: large;
        font-weight: 700;
    }
    
    #cart-products-alert>i{
        
        color=var(--red-color);
    }
    
    #cart-products{
        padding: 0px 10px;
    }
    .col-cart-remove{
        position: relative;
        text-align: center;
    }
    .div-cart-discount{
        padding: 0px 0px;
    }
    .div-cart-discount-price{
        padding: 0px 0px;
        width:50px;
        display:inline-block;
        text-align:center;
    }
    .div-cart-discount-curr{
        padding: 0px 0px;
        display:inline-block;
    }
    .div-cart-remove{
        width: 25px;
        vertical-align: middle;
        text-align:left;
    }
    #item_0 .item-divider-cart{
        display:none;
    }
    .div-room-desc{
        font-size: 12px;
        vertical-align: middle;
        width: 140px;
    }
    .div-room-occupancy{
        white-space: normal;
        width: 40px;
        vertical-align: middle;
    }
    .div-room-occupancy .occupancy-icon{
        font-size: 14px;
    }
    .div-room-price{
        white-space: nowrap;
        width: 50px;
        vertical-align: middle;
        text-align:center;
    }
    .div-room-curr{
        white-space: nowrap;
        vertical-align: middle;
    }
    #products-tab{
        margin-bottom:5px;
        
        padding: 10px 0px 0px 0px; 
    }
    .shopping-cart-button {
        display: inline-block;
        width: 100%;
        padding: 1rem;
        background-color: var(--green-001);
        color: var(--white-color);
        margin-bottom: 10px;
        border: 0px;
    }
    
    .shopping-cart-button i {
      margin-right: 0.5rem;
    }
    .shopping-cart-dropdown-pane .dropdown-pane {
      padding: 0;
    }
    
    .shopping-cart-item {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 1rem;
      border-bottom: 1px solid #e6e6e6;
    }
    
    .shopping-cart-item-name, .shopping-cart-item-price {
      padding: 0 1rem;
    }
    
    .shopping-cart-item-name p, .shopping-cart-item-price p {
      margin: 0;
      padding: 0;
    }
    
    .shopping-cart-title {
      font-weight: bold;
    }
    
    .shopping-cart-checkout {
      padding: 0.5rem;
      margin-bottom: 0;
    }
    
    .hotel_address{
    
    }
    
    div.property-title{
        background-color: var(--green-001);
        border: 1px solid var(--green-002);
        color: var(--gray-200);
        padding: 10px;
        
    
    }
    div.property-title div{
        width: fit-content;
        display: block;
        margin: 0 auto;
        display: flex;
          justify-content: center;
        
    }
    div.property-info{
        
        padding: 10px;
        color: var(--green-001);
    }
        
    
    span.property-title{
        display:inline-block;
        font-size:16px;
        font-weight:500;
        text-transform:none;
        color: var(--gray-200);
        
    }
    .property-address{
        display:inline-block;	
        font-size:11px;
        font-weight:400;
        
    }
    #cart-footer{
        visibility: hidden;
        padding:5px
    }
    #cart-footer span{
        vertical-align:middle;
    }
    .privacy{
    
        text-transform: uppercase;
    }
    
    .pci{
        max-width: 60px;
    }
    
    .psd2{
        max-width: 45px;
    }
    #privacy_security{
        margin-top:5px;
        margin-bottom:5px;
    }
    /****************** PAGE - RIGHT COLUMN ******************/
    
    /****** Top bar section **************************/
    
    /****** currency - start **************************/
    
    .btn-group-header{
        
    }
    
    .btn-group-header>button{
        min-height: 35px;
    }
    
    .active_lang, .active_curr {
        background-color: var(--green-001) !important;
        color: white !important;
    }
    
    .caret{
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        margin-left: 5px !important;
    }
    .dropdown, .dropdown .btn{
           min-height: 30px;
    }
    
    .dropdown-menu{
        min-width: 130px;
        left: 0px;
        text-align:center;
        padding:0px;
    }
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
        color: var(--green-001);
    }
    .lang_flag, .changeLanguage i  {
        margin: 0px 5px 2px 0px;
    }
    /****** currency - end ************/
    
    
    .changeLanguage:hover{
        
        cursor: pointer;
        
    }
    
    .changeCurrency:hover{
    
        cursor: pointer;
        
    }
    
    .active_curr {
        background-color: var(--black-color);
        color: white !important;
    }
    
    .active_lang {
        background-color: var(--black-color);
        color: white !important;	
    }
    
    .navbar-icons>p {
        width: 110px;
        margin-left: -40px;
        text-align: center;
        text-transform: uppercase;
        font-size:11px;
    }
    .title-step {
      display:flex;
      flex-flow:row;
      justify-content:center;
      align-items:center;
    }
    .title-step>hr {
        margin-top :auto;
        margin-bottom:auto;
        margin-right:-35px;
        margin-left:-10px;
        flex:1;
        border-top: 1px solid var(--green-001);
    }
    /*begin currency*/
    .currencies{
        POSITION: relative;
        float:right;
        z-index: 99;
        WIDTH: 65px;
        
    }
    
    UL.CurrMenu {
        margin-top: 2px;
        margin-right: 8px;
        vertical-align: bottom;
        z-index: 99;
        padding-left: 16px;
    }
    UL.CurrMenu UL {
        LIST-STYLE: none none outside; Z-INDEX: 999; BORDER-BOTTOM: #dddddd 2px solid; POSITION: absolute !important; BORDER-LEFT: #dddddd 2px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; 
    WIDTH: 58px !important; PADDING-RIGHT: 0px; BACKGROUND: #f2f2f2 0px 0px; VISIBILITY: hidden; TOP: 17px; PADDING-TOP: 0px; LEFT: -2px
    }
    
    UL.CurrMenu LI {
        POSITION: relative !important; PADDING-BOTTOM: 0px !important; MARGIN: 0px; PADDING-LEFT: 0px !important; 
    WIDTH: 58px !important; PADDING-RIGHT: 0px !important; DISPLAY: block !important; FLOAT: left !important; HEIGHT: auto; PADDING-TOP: 0px !important
    }
    UL.CurrMenu LI:hover > UL {
        VISIBILITY: visible
    }
    
    UL.CurrMenu LI A:hover {
        POSITION: relative !important; BACKGROUND-COLOR: #333333; FONT: 12px Verdana; COLOR: #fff !important; TEXT-DECORATION: none
    }
    UL.CurrMenu LI IMG {
        border:0; MARGIN: 2px 6px -1px 0px; FLOAT: none !important
    }
    UL.CurrMenu A {
        Z-INDEX: 999; TEXT-ALIGN: left; DISPLAY: block; FONT: 11px Verdana; FLOAT: right !important; HEIGHT: 18px !important; COLOR: #333333; CURSOR: pointer !important; TEXT-DECORATION: none !important; font-size-adjust: none; font-stretch: normal
    }
    UL.CurrMenu A:active {
        OUTLINE-STYLE: none
    }
    UL.CurrMenu A:focus {
        OUTLINE-STYLE: none
    }
    UL.CurrMenu A:visited {
        TEXT-DECORATION: none !important
    }
    
    UL.CurrMenu UL A {
        PADDING-BOTTOM: 0px !important; PADDING-LEFT: 8px !important; 
    WIDTH: 54px !important; PADDING-RIGHT: 0px !important; DISPLAY: block !important; WHITE-SPACE: nowrap; PADDING-TOP: 0px !important
    }
    UL.CurrMenu A:hover UL {
        VISIBILITY: visible
    }
    UL.CurrMenu A:hover A:hover UL {
        VISIBILITY: visible
    }
    UL.CurrMenu A:hover A:hover A:hover UL {
        VISIBILITY: visible
    }
    
    .CurrMenu1 {
        PADDING-BOTTOM: 0px; 
        PADDING-LEFT: 9px; 
        
    WIDTH: 53px !important; 
        PADDING-RIGHT: 0px; 
        MARGIN-RIGHT: 0px; 
        TEXT-DECORATION: none !important; 
        PADDING-TOP: 1px; 
        COLOR: #fff !important; 
        border:1
        
    }
    .CurrMenu1:hover {
        BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BACKGROUND-COLOR: #333333; 
    WIDTH: 54px !important; COLOR: #fff !important; BORDER-TOP: medium none; FONT-WEIGHT: normal !important; BORDER-RIGHT: medium none
    }
    .CurrMenu1 SMALL {
        COLOR: #ffffff; FONT-SIZE: 11px;
    }
    .CurrMenu1:hover SMALL {
        COLOR: #fff; FONT-SIZE: 11px
    }
    
    
    
    /*end currency*/
    
    /****************************** Search Results section *******************/
    #daysselected {
        background: var(--white-color);
        padding: 10px;
        margin-left: 0px;
        margin-top: 10px;
        margin-right: 0px;
    
    }
    
    #daysselected_header{
        color:var(--green-001);
    }
    
    .icon-change-warning{
        vertical-align: middle;
        padding: 0 10px;
        display: inline-block;
        color: #ff8c00;
    }
    #src_change{
        text-align:center;
        background: #faf88e;
        padding: 5px;
        margin: 5px 0px 0px 0px;
    }
    .src_change {
        line-height: 12px;
        background: #faf88e;
        padding: 5px !important;
        border-radius: 3px;
        box-shadow: 3px 3px 5px 1px #00000017;
    }
    .src_change i {
        vertical-align: middle;
        padding: 0 10px;
        display: inline-block;
        color: #ff8c00;
    }
    
    
    
    #alert-div{
        width:100%;
        background-color: var(--red-color);
        color: var(--white-color);
        position: fixed;
        top: 0;
        z-index: 10;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: 400;
        display: none;
        border-bottom: 2px solid var(--white-color);
        }
    
    #alert-div i{
        vertical-align: middle;
        padding: 0 10px;
        display: inline-block;
        color: var(--white-color);
      
    }
    
    #alert-div span{
    
        color: var(--white-color);
    }
    
    .block-container{
        display: block;
        position: relative;
    }
    
    /************* Room Item section *************/
    .best-price{
        vertical-align: middle;
        font-size: 20px;
        padding: 0 5px;
        white-space: nowrap;
    }
    
    .fac-pipe{
        
        font-weight:400;
        padding: 0px 3px;
    }
    
    .offer_title {
        box-shadow: 3px 3px 3px var(--shadow-color);
        font-weight: 400 !important;
        font-size: 140%;
        width: fit-content;
        margin-top: 10px;
        text-transform: uppercase;
    }
    
    .room-facilities{
        text-transform: uppercase;
        font-size: 95%;
        
        white-space: nowrap;
    }
    
    
    #contact-div{
        padding-left:15px;
        
    }
    
    #contact-div>i{
        padding-right:10px;
        
    }
    
    .remove_supps{
        background-color: var(--red-color);
        color: var(--white-color) !important;
    }
    
    .prepaid-titles{   
        padding-left: 5px;
        font-size: 14px;
        font-weight: 700;
        color: var(--green-001);
    }
    .room-size{
        font-size: 14px;
    }
    
    .main-pg-div{
        background-color: var(--white-color);
        
    }
    .no-margin{
        margin: 0px;
    }
    .pg_sel{
        background-color: var(--gray-100);
        border: 1px solid var(--gray-300);
    }
    
    .pg-hr{
        margin: 10px 0px;
        border: 1px solid var(--gray-200);
    }
    
    .label-available {
        display: inline-block;
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 3px 10px;
        font-weight: 400;
        white-space: normal;
        background: var(--white-color);
        color:var(--green-001);
        border: 1px solid var(--cyan-900);
        transition: transform .2s;
    }
    
    .label-available-last {
        
        font-size: 105%;
        font-weight: 400;
        display:inline-block;
        background:var(--red-color);
        color:var(--white-color);
        margin-top: 5px;
        vertical-align: text-top;
        transition: transform .2s;
    
    }
    
    
    .msg-tab{
        
    }
    
    #instruction_title{
        
        color:var(--green-001);
    }
    
    .guest-title{
        font-weight: bold;
        color: var(--green-001);
        text-transform: uppercase;
    }
    
    .room-hr{
        margin-top:5px;
        margin-bottom:10px;
        border-top: 1px solid var(--light-grey-color);
        
    }
    
    .stars-color{
        
    }
    
    .address-hr{
        margin-top:5px;
        margin-bottom:10px;
        border-top: 1px solid var(--dark-grey-color);
        
    }
    
    .room-title{
        color:black;
        margin-top: 2px;
        font-size: 20px;
        font-weight: 500;
        text-transform: none;
        /* font-weight: 700; */
        width: fit-content;
        margin-top: inherit;
        
    }
    
    
    
    .label-room-quantity {
        vertical-align: middle;
        font-size: 20px;
        white-space: nowrap;
        font-size: 20px;
        font-weight: bold;
        color: var(--green-001);
    }
    
    .last-available{
        color:var(--red-color);
    } 
    
    .label-room-quantity-desc {
        color:var(--green-001);
        
    }
    
    
    
    
    
    .label-best-price {
        display: inline-block;
        font-size: 14px;
        margin-top: 5px;
        padding: 3px 5px;
        font-weight: 400;
        white-space: normal;
        background: var(--green-001);
        color:white;
        transition: all .2s;
    }
    .label-best-price-desc {
        line-height: 20px;
        vertical-align: text-top;
    }
    .label-offer{
        font-weight:700;
        white-space: normal;
        display: inline-block;
        color: var(--red-color);
        background-color:var(--white-color);
        border:1px solid var(--red-color);
        padding:5px;
        transition: transform .2s;
        
    }
    
    
    /********************** Rate Item section ********************/
    .cancellation_text{
    color: var(--green-001);
    display: block;
    margin: 5px 0px 5px 0px;
    font-weight: 700;
    }
    
    .cancellation_text-nr{
        
        color:var(--red-color);
        display: block;
        margin: 5px 0px 5px 0px;
        font-weight: 700;
    }
    
    .cancellation_text-pr{
        color: var(--green-001);
        display: block;
        margin: 5px 0px 5px 0px;
        font-weight: 700;
    }
    
    .div_mandatory_div{
        color: var(--red-color);
    }
    
    .rate-item{
        border: 0;
        border-top: 0px solid #fefefe;
        border-bottom: 0px solid #dbdada;
        background: #fff;
        padding: 5px;
        margin-top: 0px;
        margin-bottom: 8px;
        margin-left: -5px;
        margin-right: -5px;
    
        transition:all .15s;
        border-left:0px solid var(--green-001);
    }
    
    .product-col{
        padding-top: 10px;
        padding-bottom: 5px;
        background-color: var(--white-color);
        border-left:2px solid var(--white-color);
        border-top: 1px solid var(--gray-200);
        border-bottom: 1px solid  var(--white-color);
        
    }
    
    .product-col:hover{
        background-color: var(--gray-100);
        border-top: 1px solid var(--gray-200);
        border-left:2px solid var(--green-001);
        border-bottom: 1px solid var(--gray-300);
        
    }
    
    .occupancy-center{
    
        width: 60%;
        left: 0;
        right: 0;
        display: block;
        margin: auto;
        text-align: left;	
        color: var(--green-001);
    }
    
    
    
    
    .rate-item-col{
    /*	border-right:1px solid #33749b30;
        min-height:var(--rate-item-col-height);
        height:inherit;
        padding: 10px 10px 10px 10px !important;*/
    }
    .rate-title{
        color: var(--green-001);
        font-weight: 700;
        text-transform: uppercase;
    }
    
    .cart-dates-details{
        background: whitesmoke;
        padding: 0 !important;
    }
    .cart-dates-info{
        background: whitesmoke;
        padding: 5px
    }
    
    /********************** OPTIONS PAGE - Supplements  ********************/
    .supp_item_div {
        min-height: 200px;
        padding-top: 15px;
        padding-right: 0px;
        padding-left: 0px;
        margin-top: 5px;
        margin-right: 0px;
        margin-left: 0px;
    }
    .label-supp-best-price {
        display: inline-block;
        font-size: 14px;
        margin-top: 5px;
        padding: 3px 5px;
        font-weight: 400;
        white-space: normal;
        background: var(--green-001);
        color:white;
    }
    .label-supp-quantity-desc {
        line-height: 20px;
        vertical-align: text-top;
    }
    .supp-best-price{
        vertical-align: middle;
        font-size: 20px;
        padding: 0 5px;
        white-space: nowrap;
    }
    .label-supp-price-type {
        display: inline-block;
        font-size: 14px;
        margin-top: 5px;
        padding: 3px 10px;
        font-weight: 400;
        white-space: normal;
        background: darkgoldenrod;
        color:white;
    }
    
    .label-supp-price-type-desc {
        line-height: 20px;
        vertical-align: text-top;
    }
    .label-supp-price-type-quantity {
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
        padding: 0 5px;
        white-space: nowrap;
        font-size: 20px;
        font-weight: 400;
    }
    .supp-vert-align-container{
        height: 30px;
        vertical-align: middle;
        position: relative;
    }
    .cart-supp-room-desc {
        font-size: 14px;
        text-transform: uppercase;
        color: var(--green-001);
    }
    .label-supp-total {
        display: inline-block;
        font-size: 14px;
        margin-top: 5px;
        padding: 3px 10px;
        font-weight: 400;
        white-space: normal;
        background: var(--green-001);
        color:white;
    }
    .label-supp-total-desc {
        line-height: 20px;
        vertical-align: text-top;
    }
    .label-supp-total-type-quantity {
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
        padding: 0 5px;
        white-space: nowrap;
        font-size: 20px;
        font-weight: 400;
    }
    .font-weight-500{
        font-weight: 500;
    }
    
    .font-weight-700{
        font-weight: 700;
    }
    
    #basket_tax{
        padding: 0px 10px;
    }
    #basket{
        margin: 10px 0px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .span-tax-curr{
        padding-left:3px;
        font-size:12px;
    }
    #cart_tab{
        padding: 0px 10px;
        margin: 20px 0px;
    }
    #taxes-tab{
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .row-net, .row-taxes, .row-totale, .row-in-place{
        text-align:right;
    }
    .row-net, .row-taxes, .row-in-place, .row-totale-prepaid{
        text-align:right;
        font-size:12px;
        
    }
    
    .row-in-place{
        padding-top:10px;
    }
    
    .local_tax_span{
        padding-left:10px;
        font-size: smaller;
        display: block;
    }
    
    .row-totale{
        font-weight:700;
        font-size:14px;
        height:30px;
        border-bottom: 0px solid #dfdfdf;
        border-top: 0px solid #dfdfdf;
        background: whitesmoke;
        padding: 7px 0px 0px 0px;
        margin: 0px 0px 5px 0px;
    }
    .supp-heading-optional{
        font-size: 16px;
        
    }
    
    .row-totale-prepaid{
        
    }
    .add_supplement.mandatory{
        font-weight: 400;
        padding-top: 10px;
        font-size: 14px;
        text-transform: uppercase;
        
    }
    
    .supp_table td {
        
        padding: 5px 10px 5px 10px;
        
    }
    
    .supp-valign-optional{
        height: 50px;
    }
    .supp-valign-supplementi{
        height: 50px;
    }
    .supp-valign-room-title{
        height: 50px;
    }
    .supp-valign-title{
        height: 30px;
    }
    .div-supp-optional-title{
        text-align:center;
    }
    .div-supp-optional-back{
        text-align:left;
    }
    .div-supp-optional-skip{
        text-align:right;
    }
    .div-supp-item-room-title{
        text-align:center;
    }
    
    
    
    
    .div-supp-item-title{
        text-align: left;
        padding: 10px 0px 10px 0px !important;
        color: var(--green-001);
        font-weight: 700;
        text-transform: uppercase;
    
    }
    .supp-item{
        border: 0;
        border-top: 0px solid #fefefe;
        border-bottom: 0px solid #dbdada;
        background: #fff;
        padding: 5px;
        margin-top: 0px;
        margin-bottom: 8px;
    }
    .supp-item-col{
        min-height:var(--supp-item-col-height);
        height:inherit;
        padding: 0px 0px 10px 10px !important;
    }
    .supp-item-col-img{
        border-right:0px solid #33749b30;
        min-height:var(--supp-item-col-height);
        height:inherit;
        padding: 0px 10px 10px 0px !important;
    }
    #supp-nav-bar-skip{
        
        min-height: 50px;
        padding-top: 5px;
        padding-right: 0px;
        padding-left: 0px;
        margin-top: 5px;
        margin-right: 0px !important;
        margin-left: 0px !important;
        
    }
    .supp-block{
        background: var(--gray-200);
        margin-bottom: 10px;
        min-height: 250px;
        border-left:2px solid var(--white-color);
        border-top: 1px solid var(--gray-400);
        transition: all .2s;
    }
    
    .supp-block:hover{
        background-color: var(--gray-300);
        border-left:2px solid var(--green-001);
        border-top:1px solid var(--gray-500);
    }
    
    
    .supp-block-item-desc{
        font-size:12px
    }
    .supp-block-item-price{
        font-size:14px;
        font-weight:400;
        
    }
    .supp-block-item-curr{
        font-size:14px;
        font-weight:400;
    }
    .supp-block-total-desc{
        font-size:14px;
        font-weight:700;
    }
    .supp-block-total-price{
        font-size:14px;
        font-weight:700;
    }
    .supp-block-total-curr{
        font-size:14px;
        font-weight:700;
    }
    .div-supp-room-title{
        font-size:14px;
        font-weight:400;
        margin-bottom: 10px;
        margin-left:0px;
        margin-right:0px;
        color: var(--green-001);
        background-color: #fff;
        padding:5px;
        text-transform:uppercase;
    }
    
    .div-supp-room-title-container{
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: 1px solid var(--gray-200);
        margin-bottom: 5px;
    
    }
    
    .div-supp-title{
        font-size:14px;
        font-weight:700;
        background: #fff;
        margin-bottom: 10px;
    }
    .div-supp-btn-add{
        padding: 10px 0px 5px 0px;
        text-align: center;
    }
    .supp-room-title{
        font-size:20px;
        font-weight:400;
    }
    .supp-title{
        font-size:14px;
        font-weight:700;
    }
    
    .modal-title{
        color: var(--green-001);
        text-transform: none;
    /*	font-weight: bold;*/
    }
    
    .blu_btn{
        border-radius: 5px;
        width: fit-content;
        color: var(--white-color);
        background-color: var(--green-001);
    }
    
    .room-info{
        
    }
    
    .room-available{
        
    }
    
    .more-btn-div{
    
    }
    
    .readMoreSpan{
        transition:all .2s;
        width: fit-content;
    }
    
    .readMoreSpan:hover{
        cursor:pointer;
        text-decoration: underline;
    }
    
    /*animations*/
    
    .blu_btn:hover{
        color: var(--white-color);
        background-color: var(--green-002);
    }
    
    .sqm{
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    
    
    
    .room-info > span{
        font-size: 75%;
    }
    
    .room-detail-icon{
    
    color: var(--green-001);
    font-size: 18px !important;
    }
    
    .input-line-calendar{
    text-align: center;	
    }
    
    #rc_powered{
        
        margin-left: 0px;
        margin-right: 0px;
        
    }
    
    #rc_powered_inner{
    
        display: block;
        background-color: var(--green-001);
        
        text-align: center;
        position: relative;
        border-radius:3px;
        margin: auto;
    }
    
    #rc_powered_inner:hover{
        cursor: pointer;
    }
    
    #rc_powered_inner > span{
        color: var(--white-color);
    }
    
    #rc_powered_inner > img{
        height: 22px;
    }
    
    .label-best-price:hover{
        
        transform: scale(1.05);
    }
    
    .label-available:hover{
        transform: scale(1.05);
    }
    .more-btn:hover{
        transform: scale(1.05);
    }
    
    .label-available-last:hover{
        transform: scale(1.05);
    }
    
    
    
    .label-offer:hover{
        transform: scale(1.05);
    }
    .booking-item{
    /*	min-height: 200px;*/
        
        padding: 15px 0px;
        margin-top:5px;
        margin-right:0px;
        margin-left:0px;
    }
    .box-btn-remove {
        display: inline-block;
        height: auto;
        font-size: 14px;
        font-weight: 700;
        line-height: 10px;
        padding: 2px 4px;
        width: auto;
        opacity: 1;
        border-radius: 2px;
        border-width: 1px;
        border-style: solid;
        font-weight: normal;
        border-width: 1px;
        border-color: #b2222247;
        background-color: #b222221c;
        color: #b22222;
    }
    .room-number-supp {
        font-size: 14px;
        background: none;
        color: var(--green-001);
        border-radius: 3px;
        font-weight: 400;
    }
    .room-number-supp-block {
        font-size: 20px;
        background-color: none;
        
        color: var(--green-001);
        border-radius: 3px;
        font-weight: 400;
    }
    .cart-supp-desc{
        text-transform: capitalize;
        font-size: 12px;
    }
    .cart-supp-price{
        font-size: 12px;
    }
    .cart-supp-curr{
        font-size: 12px;
    }
    .cart-supp-rate-desc {
        font-size: 12px;
        font-weight: 700;
        color: var(--green-001);
        display:block;
        text-transform:capitalize;
    }
    .span-total-tax-curr{
        font-size:14px;
        padding-left:3px;
    }
    #span_total{
        font-size:14px;
    }
    
    
    .supp-block-col{
    
        padding-left:5px;
        padding-right:5px;
    }
    
    
    
    
    
    .supplements-container{
        
        padding-left:10px;
        padding-right:10px;
    }
    
    .cart-products-items{
        padding: 10px 5px;
        background-color: #fff;
    }
    .cart-taxes{
        padding: 0px 5px 10px 5px;
        background-color: #fff;
    }
    .item-price{
        font-size:14px
    }
    .item-price-curr{
        padding:0px 3px;
        font-size:14px;
    }
    #cart-total{
        font-size:20px
    }
    .cart-total-curr{
        font-size:20px;
        vertical-align: middle;
    }
    .shopping-cart-button i{
        font-size:20px;
    }
    .text .form-control{
        margin-bottom: 5px;
    }
    .cart-info.readMore{
        font-size: 12px;
    }
    .text.form-control, select.form-control{
        margin-bottom: 5px;
    }
    
    .info-span{
        
    }
    .info-span:hover{
        text-decoration: underline;
        font-weight: bold;
        cursor: pointer;
    }
    
    
    .book-block-col{
        padding: 0px 0px 0px 0px
    }
    
    .book-block{
        background: #fff;
        margin-bottom: 0px;
    /*	min-height: 250px;*/
        padding:15px;
    }
    .book-block-item-desc{
        font-size:12px
    }
    .book-payment-block{
        background: #fff;
        margin-bottom: 0px;
    
        padding:15px;
    }
    .book-privacy-block{
        background: #fff;
        margin-bottom: 0px;
        min-height: 50px;
        padding:15px;
    }
    
    .room-number-num{
        font-size:14px;
        font-weight:400;
        color:var(--green-001);
    }
    .cart-products{
        padding: 0px 10px;
    }
    
    
    .basket-btn{
    font-size: 24px;
        
    }
    
    
    .be-label{
        /*box-shadow: 3px 3px 3px var(--shadow-color);*/
        
    }
    
    
    .notav-more-btn{
        
        padding-left: 15px;
        padding-right: 15px;
        position: absolute;
        bottom: 0px;
    }
    
    .more-btn{
        
        
        position: absolute;
        bottom: 0px;
    }
    
    
    
    
    
    .btn-add-sup:focus{
        outline: none !important;
    }
    
    .room-number-num-supp-block{
        font-size: 20px;
        background-color: none;
    
        color: var(--green-001);
        border-radius: 3px;
        font-weight: 400;
    
    }
    
    
    
    .cart-room-desc {
        font-size: 14px;
        text-transform: uppercase;
        color: var(--green-001);
    }
    .cart-btn-bck{
        vertical-align: middle;
        width:45%;
        float: left;
    }
    .cart-btn-fwd{
        vertical-align: middle;	
        width:45%;
        float: right;
    }
    .cart-total-price{
        vertical-align: middle;	
    }
    .cart-icon{
        vertical-align:middle;
    }
    
    .src-room-add{
        /*
        float: right;
        margin-right: 10px;
        margin-top: 10px;
        */
    }
    .book-checkin-details{
        padding: 10px 10px;
    }
    
    #pin_div{
        
        margin-left:0px;
        margin-right:0px;
        
    }
    #spinner{
        width: 100%;
        height: 100%;
        background: #ffffffb0;
        position: fixed;
        z-index: 10000;
    }
    
    #spinner>div{
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    
    /****************************************		cookies		********************************************/
    
    #cookies_modal{
        display: none;
        width: 100vw;
        height: 100vh;
        background-color: #2228;
        position: fixed;
        top: 0;
        z-index: 30;
    }
    
    #cookies_content{
    display: block;
        height: fit-content;
        position: absolute;
        top: 0;
        bottom: 0;
        max-width: 600px;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 31;
        background-color: var(--white-color);
    
        padding: 20px;
        
    }
    
    .cookies_title{
        text-align:center;
        color: var(--green-001);
        margin-top: 10px;
        margin-bottom: 0px;
    }
    
    .cookies_text{
        padding-bottom: 10px;
        display: block;
    }
    
    #cookies_actions{
        text-align:center;
        display: block;
    }
    
    .cookie_hr{
        margin-top: 10px;
        margin-bottom: 10px;
    
        border-top: 1px solid var(--green-001);
    }
    
    
    
    #cookieAcceptButton{
            border-radius: 5px;
        color: var(--white-color);
        background-color:var(--green-001);
        margin: 10px;
    
    }
    
    
    
    
    
    /*******************************************		end cookies		*****************************************/
    
    .pin-input{
    width: 60%;	
    }
    
    .basket-occupancy-icon{
        font-size: 18px !important;
        color: var(--green-001);
    }
    
    .item-row{
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 5px;
    }
    #basket-tab-div{
        margin-top: 10px;
    }
    
    #basket-tab{
        margin-top: 10px;
        background-color: var(--white-color);
        padding-bottom: 15px;
        
    }
    
    #formSearch{
        margin-bottom: 0px;
    }
    
    #basket_next>i{
        
        animation: bounce-2 5s infinite;
        
    }
    
    .icons-div{
        padding: 0px;
    }
    
    .best-price-div{
        text-align: right;
    }
    
    
            @keyframes pulsex {
            0%   {
                
                 -webkit-transform:scale(1);
                -moz-transform:scale(1);
                -ms-transform:scale(1);
                -o-transform:scale(1);
                transform: scale(1);
            }
            84% {
                 
                 -webkit-transform:scale(1);
                -moz-transform:scale(1);
                -ms-transform:scale(1);
                -o-transform:scale(1);
                transform: scale(1);
            }
            88% {
                
                 -webkit-transform:scale(1.05);
                -moz-transform:scale(1.05);
                -ms-transform:scale(1.05);
                -o-transform:scale(1.05);
                transform: scale(1.05);
            }
            92% {
                
                 -webkit-transform:scale(1);
                -moz-transform:scale(1);
                -ms-transform:scale(1);
                -o-transform:scale(1);
                transform: scale(1);
            }
            96% {
                
                 -webkit-transform:scale(1.05);
                -moz-transform:scale(1.05);
                -ms-transform:scale(1.05);
                -o-transform:scale(1.05);
                transform: scale(1.05);
            }
            100% {
                
                 -webkit-transform:scale(1);
                -moz-transform:scale(1);
                -ms-transform:scale(1);
                -o-transform:scale(1);
                transform: scale(1);
            }
        }
    
        @keyframes bounce-2 {
            0%   { transform: translateX(0); }
            84%   { transform: translateX(0); }
            88%  { transform: translateX(3px); }
            92% { transform: translateX(0); }
            96%  { transform: translateX(3px); }
            100% { transform: translateX(0); }
        }
        
    .best-price-span{
        padding-top:10px;
        font-size: 20px;
        font-weight: 700;
        color: var(--green-001);
    }
    
    
    .children-occupancy-icon{
    
    }
    #change_search_criteria{
        margin-top:20px;
    }
    /******************************************			FLOATING BASKET		*********************************************/
    
    
    #basket_form{
        margin-top: 0px;
    }
    
        
    #close_basket_hr{
        border-top: 1px solid var(--light-grey);
    }    
        
    #close_basket_div{
        
    }   
    
    .basket_row{
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .basket_hr{
        margin-top:5px;
        margin-bottom:5px;
        border-top: 1px solid var(--light-grey);
    }
     
    .cart-cls{
        background-color: var(--white-color);
        /*border: 1px solid var(--gray-500);
        */
    }
    .cart-cls-floating{
        background-color: var(--white-color);
        border: 1px solid var(--gray-500);
        
    }   
      
    .cart-container-cls{
        background-color: #00000050;
        /*padding-bottom:10px;*/
    } 
        
    #floating_basket_footer{
        max-height: 65px;
        z-index: 25;
        position: fixed;
        bottom:0px;
        width: 100vw;
        display: block;
        
        
    }    
    
    #floating_basket_footer_icon_div{
        
        position:relative;
        overflow:hidden;
        background-color: var(--green-001);
        width: -moz-fit-content;
          width: fit-content;
        padding: 15px;
        border-radius:50%;
        border:2px solid var(--light-grey-color);
        margin-bottom:10px;
        margin-left:10px;
        z-index: 10;
    
    }
      
    #shine-div {
    content: '';
    position: absolute;
    top: 0;
    left: -50px;
    width: 15px;
    height: 100%;
    background: rgba(255,255,255, 0.3);
    background-color: var(--green-001);
    transform: skewX(-30deg);
    animation: shine1 .5s ease-in-out 3;
    /*animation-name: shine1;
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
    
    animation-iteration-count: 3;*/
    /*animation-direction: alternate;*/
    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0.13) 0%,
        rgba(255, 255, 255, 0.33) 77%,
        rgba(255, 255, 255, 0.5) 92%,
        rgba(255, 255, 255, 0.0) 100%
      );
    }
    
    @keyframes shine1 {
      0% {
        left: -20px;
        top: 0px;
      }
    
      100% {
        left: 50px;
        top: 0px;
      }
    }
      
      
        
    #floating_basket_footer_icon{
        
        font-size: 28px;
        color: var(--white-color);
        
    } 
     
    #floating_basket_footer_content{
    
        border-radius:5px;
        border:2px solid var(--light-grey-color);
        z-index:9;
        background-color: var(--green-001);
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: 10px;
        margin-bottom: 20px;
        margin-left: 53px;
        margin-right: 10px;
        width: -moz-available;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        width: fill-available;
    
        
        text-align: center;
        overflow: hidden;
    }
    
    #floating_basket_footer_total{
        
      position:absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
    
    }
    
    #floating_basket_footer_total>span{
        
        font-size: 22px;
        font-weight: 550;
        color: var(--white-color);
        
    }
    
        
    #floating_basket_footer_total{
        
    }    
        
    #floating_basket_footer_span_total{
    
    }   
    #floating_basket_footer_span_total_currency{
    
    }  
    
    /***************************************************************************************************************************/
    
    
    #basket-action{
        display:none;
        border: 2px solid var(--green-001);
        font-weight: bold;
        text-decoration:underline;
        background-color: white;
        position: fixed;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 50px;
        padding-right: 50px;
        top: 20px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        width: fit-content;
    }
    
    
    #basket-action-message-ok{
        color: var(--green-001);
    }
    
    #basket-action-message-no{
        color: var(--green-001);
    }
    
    
    /*------------------------------------------------------------
    MAP
    ------------------------------------------------------------*/
    #map{
        height: 500px;
    }
    
    .map {
        display:none;
        height: 500px;
    }
    
    .map-open:hover{
        cursor: pointer;
        text-decoration:underline;
        font-weight: 700;
    }
    
    
    .maptext {
        margin-bottom: 20px;
        display: block;
    }
    
    #map_title, #text_description, #distance_title, #distance_description {
        width: 100%;
        max-width: 100%;
    }
    
    #text_description, #distance_description {
        margin-bottom: 20px;
    }
    
    #text_description .text_description, #distance_description .text_description {
        padding: 10px;
        font-size: 90%;
    }
    
    #map_title .text_title, #distance_title .text_title {
        border: medium none;
        font-size: 120%;
        padding: 10px;
    }
    
    .scroll-helper-expand{
        padding-right:5px !important;
        overflow-y:scroll !important; 
    
    }
    
    .pad-right-15{
        padding-right: 15px!important;
    }
    
    .pad-right-5{
        padding-right: 5px!important;
    }
    
    .pad-top-5{
        padding-top:5px;
    }
    
    .scroll-helper-reduce{
        padding-right:25px !important;
        overflow-y:hidden !important; 
    }
    
    .empty_room_error{
        margin-top: 4px;
    }
    
    .adults_span_error {
        color: var(--red-color) ;
    }
    
    
    #show_crossed{
        margin-top:10px;
        margin-bottom:10px;
        margin-left:0px;
        margin-right:0px;
        padding:10px;
        font-weight:700;
        text-align: center;
    
    }
    
    .show_crossed_span{
        color: var(--green-001);
        
        font-size: 14px;
    }
    
    .show_crossed_span:hover{
    color: var(--green-001);
        cursor: pointer;
        text-decoration: underline;
        
    }
    
    
    /****************************		SAFEBOOKING   ******************************************/
    
    .safebooking_logo{
        
        max-width: 100%;
    }
    
    .safebooking_confirm_logo{
        max-width: 100%;
    }
    
    .safebooking_activation_div{
        padding-top: 10px;
    }
    
    .safebooking_amount{
        color: var(--blu-color);
        
    }
    
    
    .safebooking-price {
        font-size: 16px;
        font-weight: 700;
    }
    
    #safebooking_accept{
        
    }
    
    
    /**************************   COMPARATOR START  **************************************/
    #comparator-div {
        margin-top:10px;
        margin-bottom: 10px;
        position: relative;
        min-height: 4px;
        
    }
    
    
    
    #comparator_loader {
      height: 4px;
      width: 100%;
      top: 0;
      position: absolute;
      overflow: hidden;
      background-color: inherit;
    }
    
    
    #comparator_loader:before {
        display: block;
        position: absolute;
        content: "";
        left: -200px;
        width: 200px;
        height: 4px;
        animation: loading 2s linear infinite;
        background-color: var(--green-001);
    }
    
    
    #comparator {
    
        overflow: hidden;
        background:
            linear-gradient(45deg, var(--green-001) 0%,var(--green-001) 57%,transparent 58%,transparent 100%),
            linear-gradient(135deg, var(--green-001) 0%,var(--green-001) 57%,transparent 58%,transparent 100%),
            linear-gradient(45deg, #ffffff 0%,#ffffff 59%,transparent 59%,transparent 100%),
            linear-gradient(135deg, #ffffff 0%,#ffffff 59%,transparent 59%,transparent 100%),
            linear-gradient(45deg, var(--green-001) 0%,var(--green-001) 59%,transparent 62%,transparent 100%),
            linear-gradient(135deg, var(--green-001) 0%,var(--green-001) 59%,transparent 62%,transparent 100%);
        border: solid 1px var(--cyan-800);
        font-size:medium;
        display: list-item;
        justify-content: space-between;
        
    }
    
    
    
    .best-offer {
        padding: 15px;
        color:var(--gray-100);
    }
    
    
    @media only screen and (max-width: 420px){
    
        #comparator {
            background:
                linear-gradient(45deg, var(--green-001) 0%,var(--green-001) 42%,transparent 43%,transparent 100%), 
                linear-gradient(135deg, var(--green-001) 0%,var(--green-001) 42%,transparent 43%,transparent 100%), 
                linear-gradient(45deg, #ffffff 0%,#ffffff 43%,transparent 43%,transparent 100%), 
                linear-gradient(135deg, #ffffff 0%,#ffffff 43%,transparent 43%,transparent 100%), 
                linear-gradient(45deg, var(--green-001) 0%,var(--green-001) 43%,transparent 46%,transparent 100%), 
                linear-gradient(135deg, var(--green-001) 0%,var(--green-001) 43%,transparent 46%,transparent 100%);
            border: solid 1px var(--cyan-800);
            display: list-item;
            justify-content: space-between;
        }
        
        .best-offer {
            display: none !important;
        }
    }
    
    @font-face{
        font-family: "Apercu Pro Medium";
        src: url("https://db.onlinewebfonts.com/t/b8788b26cb5f2d9f5c9edf71e7846f5c.eot");
        src: url("https://db.onlinewebfonts.com/t/b8788b26cb5f2d9f5c9edf71e7846f5c.eot?#iefix")format("embedded-opentype"),
            url("https://db.onlinewebfonts.com/t/b8788b26cb5f2d9f5c9edf71e7846f5c.woff")format("woff"),
            url("https://db.onlinewebfonts.com/t/b8788b26cb5f2d9f5c9edf71e7846f5c.woff2")format("woff2"),
            url("https://db.onlinewebfonts.com/t/b8788b26cb5f2d9f5c9edf71e7846f5c.ttf")format("truetype"),
            url("https://db.onlinewebfonts.com/t/b8788b26cb5f2d9f5c9edf71e7846f5c.svg#Apercu Pro Medium")format("svg");
        font-weight:normal;
        font-style:normal;
        font-display:swap;
    }

    @media only screen and (max-width: 767px) {
        .col-md-3.search-result-gallery.room-col {
            width: 100%; /* Set width to 100% for mobile */
            height: auto; /* Allow height to adjust based on content */
            margin-bottom: 20px; /* Add some space between columns */
        }
    }
    
    
    
    .site-offer{
        
        color:var(--gray-100);
    }
    
    
    .portal-offer{
        color:var(--gray-800);
    }
    
    
    .clearfix:after{
        clear: both;
    }
    
    .clearfix:before{
        display: table;
        content: " ";
    }
    
    
    @keyframes loading {
        from {left: -200px; width: 30%;}
        50% {width: 30%;}
        70% {width: 70%;}
        80% { left: 50%;}
        95% {left: 120%;}
        to {left: 100%;}
    }
    
    
    /**************************   COMPARATOR END  **************************************/
    
    /**************************    PAGE LOADER SPIN START ****************************/
    
    .loader {
      border: 10px solid var(--gray-300); /* Light grey */
      border-top: 10px solid var(--green-001); /* Blue */
      border-radius: 50%;
      width: 80px;
      height: 80px;
      animation: spin 1.5s linear infinite;
    
    }
    
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
    
    /**************************    PAGE LOADER SPIN END ****************************/