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


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



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


:root {
  /* DEFAULT COLOR [START] - ALL PAGES
  -------------------------------------------------------------------------------------------------*/
  --dark-blu-color:#00598D;     /**/
  --blu-color: var(--cyan-700);         /*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: #B1484D;			/*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: #B1484D;
  --cyan-700: #B1484D;
  --cyan-800: #B1484D;
  --cyan-900: #B1484D;
  --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: #B1484D;
  --green-600:#146c43;
  --green-700:#0f5132;
  --green-800:#0a3622;
  --green-900:#051b11;
  --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(--cyan-700);
      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;
    
  }
  
  
  .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(--cyan-600);
    color:var(--white-color);
    border:1px solid var(--cyan-800);
  }
  
  .btn-one:hover, .btn-one:focus {
    color: var(--white-color);
    
  }
  
  .btn-two{
      background-color: var(--green-500);
      color: var(--white-color);
      border: 1px solid var(--green-700);
  }
  
  .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(--cyan-700);
  /*    border: 1px solid var(--cyan-700);*/
      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(--cyan-700);
  }
  
  #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: 15px;
  }
  
  .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: 20px;
    font-weight: 700;
    color: var(--cyan-700);
  }
  .basket-price-font{
      font-size: 12px;
      font-weight: 500;
      color: var(--cyan-700);
  }
  
  #guest_notes{
    
    resize:vertical;
  }
  
  .confirm_item_currency{
    padding-left:5px;
  }
  
  .total-titles{
    font-weight: 500;
      color: var(--cyan-700);
      
  }
  
  .basket_total_span{
    font-weight: bold;
    color: var(--cyan-800);
    font-size:16px;
      
  }
  
  #span_total_prepaid{
    padding-left: 5px;
  }
  
  .span_total_prepaid{
    font-weight: bold;
    color: var(--cyan-700);
    font-size:16px;
  }
  
  .currency-font{
    padding-left:5px;
    font-size: 14px;
      color: var(--cyan-700);
  }
  
  .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(--cyan-700);
      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(--cyan-700);
      font-size: 20px !important;
  }
  
  .blu-icon{
    color: var(--cyan-700);
  }
  
  .calendar-avaiable{
    
  /*	background-color: var(--cyan-700) !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;
    border-radius: 10px;
  }
  
  .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: 0px  solid var(--gray-400);
	padding-top: 10px;
	background-color: transparent;
  }
  
  
  /*****************************************************		STEP CURRENCY LANG HEADER	*******************************************************************/
  #top_bar_mobile{
  
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    
    
  }
  
  #top_bar_mobile>div{
    
    padding: 10px;
    
  }
  
  #top_bar_mobile p{
    margin-bottom: 0px;
    
    
  }
  
  #lang_bar_mobile {
    
    background-color: var(--light-grey-color);
  
  }
  #lang_bar_mobile button{
    
    background-color: transparent;
    border: none;
  }
  
  #cur_bar_mobile {
    
    background-color: var(--light-grey-color);
  
  }
  
  #cur_bar_mobile button{
    
    background-color: transparent;
    border: none;
  }
  
  #top_bar{
  
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    
  }
  
  #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;
    
  }
  
  #top_bar p{
    margin-bottom: 0px;
  }
  
  
  
  #lang_bar {
    background-color: var(--white-color);
    border-radius: 10px;
  }
  #lang_bar button{
    
    background-color: transparent;
    border: none;
  }
  
  #cur_bar {
    
background-color: var(--white-color);
  }
  
  #cur_bar button{
    
    background-color: transparent;
    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);
  }
  
  
  
  .col-md-3.search-result-gallery.room-col img
  {
  width: 235px;
  height: 150px;
  object-fit: cover;
  object-position: center;
  padding: 0px;
  
  }
  
  /*****************************************************	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;
    
  
  }
  
  #search-col{
    padding-top: 10px;
    padding-left:0px;
  }
  
  
  #calendar_row{
  padding:10px;
  }
  
  .white-transparent{
  background-color: var(--background-color);
  max-width: 1024px;
  box-shadow: 0 10px 10px -5px rgb(0 0 0 / 90%);
  border.radius: 10px;
  border.radius: 10px;
  border.radius: 10p;
  border.radius: 10;
  border.radius: 1;
  border-radius: 10px;
  }
  
  .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(--cyan-600);
      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(--cyan-800);
  }
  
  
  
  /* 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-500);
    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(--cyan-700);
  }
  
  .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(--cyan-700);
  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(--cyan-700);
      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(--cyan-700);
  }
  
  .input-no-line:focus-visible{
        border: 2px solid var(--cyan-700);
        outline:none;
  }
  
  #rooms_search{
  
  margin-bottom:15px
  }
  
  #hotel_logo_div{
    margin-bottom: 10px;
    border-radius: 10px;
    background-color: #B1484D;
  }
  
  .guest-info-element{
  }
  
  .guest-info-element .input-group{
    width: 100%;
  }
  
  .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;
  }
  
  #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;
    }
    
    .hide-mobile{
      display: none !important;
    }
    
    .show-mobile{
      display: block;
    }
    
    .product_detail_basket{
      display: none;
    }
  
    #result-col{
    
    padding-left:0px;
    padding-top: 10px;
    }
    
    .more-btn{
    
      width: 100%;
    
    }
    
    
    .notav-more-btn{
    
      width: 100%;
    
    }
  
    
    .navbar-icons >p{
    display: none;
    }
    
    body{
      
      overflow-x:hidden;	
      overflow-y:auto;
  /*		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;
    }
    
  
    
    .hide-mobile{
      display: block ;
    }
    
    .show-mobile{
      display: none !important;
    }
    
    .product_detail_basket{
      display: block;
    }
    
    #result-col{
      
      padding-left:10px;
    }
    
    .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{
    
      /*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;
  /*		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(--cyan-700);
  /*	font-size:12px;*/
  }
  
  .basket_arrow:hover{
    font-weight:700;
    color:var(--cyan-700);
  /*	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(--cyan-700);
      font-weight: bold;
      padding: 10px;
  }
  
  .modal-close-span{
    color: var(--cyan-700);
  }
  
  .modal-close-span:hover{
    color: var(--dark-blu-color);
  }
  
  
  .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(--cyan-700);
  }
  
  .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(--cyan-700);
  }
  
  .input-line-calendar:focus {
    
    border-width:0px;
    border-style:solid;
    border-color: var(--cyan-700);
      outline-width: 0;
  
  }
  
  
  
  .input-line:focus {
    
    border-color: var(--cyan-700);
      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(--cyan-700);
  }
  
  #open_privacy_modal:hover{
    
    cursor:pointer;
    color: var(--dark-blu-color);
    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
  }
  
  .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(--cyan-600);
  background-color: var(--grey-color);
  color: var(--cyan-800);
  }
  
  .box-btn:hover{
    cursor:pointer;
  }
  
  .src-occupancy-icon{
    
   font-size:18px !important;
  }
  
  .occupancy-icon{
  
  color: var(--cyan-700);
  
  }
  
  .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(--cyan-700);
    background-color: var(--grey-color);
    color:var(--cyan-900);
      /* custom */
  }
  
  .round-btn:hover{
  
    cursor:pointer;
    
    /* custom */
    border-width:2px;
       border-color:var(--cyan-800);
    background-color: var(--grey-color);
    color:var(--cyan-600);
    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(--cyan-700);
  }
  
  
  
  
  #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(--cyan-700);
  
  }
  
  #calendar_search_group:hover{
  
  cursor:pointer;
  
  }
  
  .room_bed_div{
    
    padding-bottom:5px;
    
    
  }
  
  .number-nights {
  background: var(--cyan-700)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(--cyan-700);
      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(--cyan-700);
  flex: 1;
  }
  
  .search-titles {
      
      font-weight: 700 !important;
      color: var(--cyan-700);
      padding: 0px 6px;
      
  }
  
  
  
  
  .active-hr{
  
    border-top: 2px solid var(--cyan-700) !important;
    
  }
  
  .local_taxes_hr{
    
    border-top: 1px solid var(--cyan-700) !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(--cyan-700);
      width: 90%;
      margin: auto;
      display: inline-block;
      margin: 5px 0px 5px 5px;
  }
  .item-divider-cart {
      border-bottom: 1px dotted var(--cyan-700);
      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(--cyan-700);
    background-color: transparent;
    border: 0px solid #ccc;
    border-radius: 0px;
  }
  
  
  .calendar-icon {
  border: 0px solid #ccc;
  border-radius: 0px;
  background: var(--cyan-700)cc;
  color: white;
  padding: 0px 3px;
  height: 34px;
  }
  
  .calendar-icon-person{
  border: 0px solid #ccc;
  border-radius: 0px;
  background: var(--cyan-700);
  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(--cyan-700);
  }
  .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: #008000;
  }
  .cart-discount-price{
    font-size: 12px;
      font-weight: 400;
      color: #008000;
  }
  .cart-discount-desc{
    text-transform: capitalize;
    font-size: 12px;
    color: #008000;
  }
  .div-cart-discount-desc{
    text-align:right;
    text-transform: capitalize;
    font-size: 12px;
    color: #008000;
    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-500);
      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(--cyan-700);
    border: 1px solid var(--cyan-900);
    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;
  }
    
  
  span.property-title{
    display:inline-block;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    
  }
  .property-address{
    display:inline-block;	
    font-size:11px;
    font-weight:400;
    
  }
  #cart-footer{
    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(--cyan-700) !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(--cyan-700);
  }
  .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(--cyan-700);
  }
  /*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(--cyan-700);
  }
  
  .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(--cyan-700);
  }
  .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(--cyan-700);
    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(--cyan-700);
  }
  
  .guest-title{
    font-weight: bold;
      color: var(--cyan-700);
    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: var(--black-color);
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    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(--cyan-700);
  }
  
  .last-available{
    color:var(--red-color);
  } 
  
  .label-room-quantity-desc {
    color:var(--cyan-800);
    
  }
  
  
  
  
  
  .label-best-price {
    display: inline-block;
    font-size: 14px;
      margin-top: 5px;
      padding: 3px 5px;
      font-weight: 400;
      white-space: normal;
    background: #5cb85c;
    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-500);
  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: forestgreen;
    display: block;
    margin: 5px 0px 5px 0px;
    font-weight: 700;
  }
  
  .div_mandatory_div{
    color: var(--red-color);
  }
  
  .rate-item{
    border: 0;
    border-top: 1px solid var(--gray-500);
    border-bottom: 1px solid var(--gray-500);
    background: #fff;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 8px;
    margin-left: -5px;
    margin-right: -5px;
    transition:all .15s;
    border-left: 1px solid var(--gray-500);
    border-right: 1px solid var(--gray-500);
}
  
  .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-400);
	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(--cyan-700);
    border-bottom: 1px solid var(--gray-300);
    
  }
  
  .occupancy-center{
  
    width: 60%;
      left: 0;
      right: 0;
      display: block;
      margin: auto;
      text-align: left;	
      color: var(--cyan-700);
  }
  
  
  
  
  .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(--black-color);
    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: #5cb85c;
    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(--cyan-700);
  }
  .label-supp-total {
    display: inline-block;
    font-size: 14px;
      margin-top: 5px;
      padding: 3px 10px;
      font-weight: 400;
      white-space: normal;
    background: #5fa5cfc4;
    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(--cyan-700);
      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(--cyan-700);
    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(--cyan-700);
    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(--cyan-700);
    text-transform: uppercase;
  /*	font-weight: bold;*/
  }
  
  .blu_btn{
    border-radius: 5px;
      width: fit-content;
      color: var(--white-color);
      background-color: var(--cyan-700);
  }
  
  .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(--dark-blu-color);
  }
  
  .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(--cyan-700);
  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(--rc-color);
      
      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(--cyan-700);
      border-radius: 3px;
      font-weight: 400;
  }
  .room-number-supp-block {
      font-size: 20px;
      background-color: none;
      
      color: var(--cyan-700);
      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(--cyan-700);
      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(--cyan-700);
  }
  .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(--cyan-700);
      border-radius: 3px;
      font-weight: 400;
  
  }
  
  
  
  .cart-room-desc {
      font-size: 14px;
      text-transform: uppercase;
      color: var(--cyan-700);
  }
  .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(--cyan-700);
    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(--cyan-700);
  }
  
  
  
  #cookieAcceptButton{
        border-radius: 5px;
      color: var(--white-color);
      background-color: var(--cyan-600);
    margin: 10px;
  
  }
  
  
  
  
  
  /*******************************************		end cookies		*****************************************/
  
  .pin-input{
  width: 60%;	
  }
  
  .basket-occupancy-icon{
    font-size: 18px !important;
    color: var(--cyan-700);
  }
  
  .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(--cyan-700);
  }
  
  
  .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-500);
    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);
  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-500);
      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(--dark-blu-color);
      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(--cyan-600);
  }
  
  #basket-action-message-no{
    color: var(--cyan-600);
  }
  
  
  /*------------------------------------------------------------
  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(--cyan-700);
    
    font-size: 14px;
  }
  
  .show_crossed_span:hover{
  color: var(--cyan-700);
    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(--cyan-700);
  }
  
  
  #comparator {
  
    overflow: hidden;
    background:
      linear-gradient(45deg, var(--cyan-600) 0%,var(--cyan-600) 57%,transparent 58%,transparent 100%),
      linear-gradient(135deg, var(--cyan-600) 0%,var(--cyan-600) 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(--cyan-600) 0%,var(--cyan-600) 59%,transparent 62%,transparent 100%),
      linear-gradient(135deg, var(--cyan-600) 0%,var(--cyan-600) 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(--cyan-600) 0%,var(--cyan-600) 42%,transparent 43%,transparent 100%), 
        linear-gradient(135deg, var(--cyan-600) 0%,var(--cyan-600) 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(--cyan-600) 0%,var(--cyan-600) 43%,transparent 46%,transparent 100%), 
        linear-gradient(135deg, var(--cyan-600) 0%,var(--cyan-600) 43%,transparent 46%,transparent 100%);
        border: solid 1px var(--cyan-800);
      display: list-item;
      justify-content: space-between;
    }
    
    .best-offer {
        display: none !important;
    }
  }
  
  
  
  
  .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(--cyan-600); /* 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 ****************************/
  /* Retrait calendrier central */
.property_calendar span {
  display: none !important;
}

/* Texte couleur Non remboursable */
.cancellation_text-nr {
  color: #ff9d51 !important;
}

@media only screen and (min-width: 992px) {
  /* Items centre */
  .search-result-item
    > .col-md-12
    > .row
    > .margin-15
    > .search-result-gallery {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40%;
    max-width: 40%;
    border-radius: 10px;
    box-shadow: 0 10px 10px -5px rgb(0 0 0 / 90%);
  }

  .search-result-item > .col-md-12 > .row > .margin-15 > .dx-col {
    width: 20%;
    max-width: 20%;
  }

  .search-result-item > .col-md-12 > .row > .margin-15 > .col-md-6 {
    width: 40%;
    max-width: 40%;
  }

  /* Gestion espace et image */
  .col-md-3.search-result-gallery.room-col {
    height: 170px !important;
  }

  .col-md-3.search-result-gallery.room-col img {
    width: 100% !important;
    height: 170px !important;
  }

  .col-md-3.search-result-gallery.room-col {
    width: 85vw;
  }

  /* panier */
  #floating_basket_footer {
    display: flex !important;
    justify-content: end;
    top: 10px !important;
    width: 250px !important;
    right: 10px !important;
  }

  #floating_basket_footer_content {
    max-width: 12vw !important;
  }

  div#cart.cart-cls-floating {
    top: 20vh;
    left: 40vw;
  }

  /* Gestion croix outil recherche */
  .div-room-num {
    display: flex !important;
    font-size: 24px !important;
    justify-content: space-between !important;
  }
}

.cart-remove {
  font-size: 25px !important;
}