/* 24,39,71 Blue : theme
 Yellow 242,158,24 : dark 
86,43,8 Borwn #422d1f : black
216,216,216 very light
beige #fceed1
*/
.theme {
    color: rgba(24,39,71,1.00);
  }
  .dark{
    color: rgba(242,158,24,1.00);
  }
  .black {
    color: rgba(86,43,8,1.00);
  }
  .light-theme {
    color: rgba(216,216,216,0.8);
  }
  .theme-line{
    border-bottom:1px solid rgba(24,39,71,0.7);
    margin: 4px; 
  }
  .light-line {
    border-bottom:1px solid rgba(216,216,216,1.00);
    margin: 4px; 
  }
  .dark-line{
    border-bottom:1px solid rgba(242,158,24,0.6);
    margin: 4px; 
  }
  a {
    color: rgba(242,158,24,0.8);
  }
  a:hover, a:focus, a:active, a.current {
    color:rgba(242,158,24,1.00);
  }
  .header-band {
    background-color: rgba(24,39,71,1.00);
    color: #FFFFFF;
    border-bottom: 2px solid rgba(242,158,24,0.8);
  }
  .small-nav  > ul > li > a {
    color:rgba(216,216,216,1);
  }
  .small-nav  > ul > li > a > i {
    color: rgba(216,216,216,1);
  }
  .small-nav  > ul > li > a.phone {
    font-weight: bold !important;
    color: rgba(242,158,24,1.00) !important;
    opacity: 1 !important;
  }
  .small-nav  > ul > li {
    border-right: 1px dotted rgba(216,216,216,0.3);
  }
  .nav-footer  > ul > li {
    border-right: 1px dotted rgba(216,216,216,1);
  }
  .main-bar > ul > li > a:after { 
    background: rgba(242,158,24,1.00);
  }
  .main-bar > ul > li > a > i {
    color: rgba(216,216,216,1.00);
  }
  footer {
    background-color: rgba(86,43,8,1.00);
    color: #ffffff;
  }
  .nav-footer  > ul > li > a {
    color: rgba(216,216,216,1);
  }
  i {
    color: rgba(242,158,24,0.7);
  }
  
  .theme-btn:hover, .theme-btn:active, .theme-btn:focus, .theme-btn.current, .dark-btn:hover, .dark-btn:active, .dark-btn:focus, .dark-btn.current, .light-btn:hover, .light-btn:active, .light-btn:focus, .light-btn.current, .black-btn:hover, .black-btn:active, .black-btn:focus, .black-btn.current, .hotel-btn:hover, .hotel-btn:active, .hotel-btn:focus, .hotel-btn.current {
  opacity: 1;
  text-decoration: none;
  }
  .theme-btn {
    background: rgba(24,39,71,1.00);
    color: #ffffff !important;
    border: 1px solid rgba(242,158,24,0.5);;
    font-weight: bold;
    opacity: 0.9;
  }
  .theme-btn i {
    color: #ffffff !important;
  }
  .dark-btn {
    background: rgba(242,158,24,1.00);
    color: #ffffff !important;
    border: 1px solid rgba(24,39,71,0.2);
    font-weight: bold;
    opacity: 0.9;
  }
  .dark-btn i {
    color: #ffffff !important;
  }
  .light-btn i {
  color: rgba(24,39,71,1.00) !important;
  }
  .black-btn {
    background: rgba(86,43,8,1.00);
    color: #ffffff !important;
    border: 1px solid rgba(24,39,71,0.5);
    font-weight: bold;
    opacity: 0.9;
  }
  .black-btn i {
  color: #ffffff !important;
  }
  .light-btn {
    border: 1px solid rgba(86,43,8,0.3);
  }
  .hotel-btn {
    background: rgba(86,43,8,1.00);
    color: #ffffff !important;
    border: 1px solid rgba(24,39,71,0.6);
    font-weight: bold;
    opacity: 0.9;
  }
  .hotel-btn i {
  color: #ffffff !important;
  }
  .light-back{
    background-color: rgba(216,216,216,0.2);
  }
  /* END BUTTONS TEHEMES */
  .ajax-busy {
    background-color: rgba(24,39,71,0.3);
  }
  .search-overlay, .dashboard {
    border: 1px solid transparent;
    background: rgba(24,39,71,0.7);
    color: #ffffff;
  }
  .search-overlay i, .dashboard i{
    color: rgba(242,158,24,0.9) !important;
  }
  .search-overlay button i, .dashboard button i{
    color: inherit !important;
  }
  .welcome-text {
    background-color: rgba(242,158,24,0.2);
  }
  .filter-header {
    background-color: rgba(216,216,216,0.3);
  }
  .hotel-found {
    border: 2px solid rgba(216,216,216,1.00) !important;
  } 
  .slogan {
    font-family: 'Times New Roman', serif;
    font-size: 1.8rem !important;
    font-style: italic;
  }
  .spromo {
    background-color: rgba(242,158,24,1) !important;
  }
  .hotel-img-thumb .hotel-img .promo-offer {
    background-color: rgba(24,39,71,0.7)!important;
  }
  .hotel-img-thumb .hotel-img .promo-sof {
    background-color: rgba(242,158,24,0.7)!important;
  }
  .hotel-img-thumb .promo-offer, .promo {
    background-color: rgba(242,158,24,0.7) !important;
  }
  .topPackage-img .p-type, .package-img .p-type {
  background-color: rgba(242,158,24,0.7);
  color: #ffffff;
  }
  .mytab-horizLinks li {
    background-color: rgba(86,43,8,0.8);
    border-bottom: 1px solid rgba(216,216,216,0.8);
    border-right: 1px solid rgba(216,216,216,0.3); 
  }
  .mytab-horizLinks li a {
    color: #FFFFFF !important;
    }
  .mytab-horizLinks li.active {
  background-color: rgba(24,39,71,0.7);
  }
  .mytab-horizLinks li.active a {
    color: #FFFFFF !important;
  }
  .ac-selected {
  border: 1px solid rgba(242,158,24,1.00);
  }
  .ac-selected i{
  color: rgba(242,158,24,1.00) !important;
  }
  .top-thumb-o {
  background: rgba(242,158,24,0.6);
  }
  .ac-hint{
  color: rgba(86,43,8,1.00);
  }
  .dest::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(116,116,116,0.7);
  opacity: 1; /* Firefox */
  }
  .dest:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(116,116,116,0.7);
  }
  .dest::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(116,116,116,0.7);
  }
  .price-line.active {
  border : 1px solid rgba(242,158,24,1.00);
  }
  .hotel .map-lien a {
    color: rgba(242,158,24,1.00) !important;
  }
  .hotel .map-lien i {
    color: rgba(242,158,24,1.00) !important;
  }
  i.green {
    color: rgba(86,43,8,1.00) !important;
  }
  .green {
    color: rgba(86,43,8,1.00) !important;
  }
  .month-btn:hover, .month-btn:active, .month-btn:focus, .month-btn.current {
    background: rgba(240,240,240,1.00);
    border: 1px solid rgba(242,158,24,1.00) !important;
  }
  /* FORMS */
  input:hover, input:active, input:focus, select:hover, select:active, select:focus {
    border: 1px solid rgba(86,43,8,1.00);
  } 
  /* CUSTOM POPUP */
  .popup-div {
    border: 1px solid rgba(86,43,8,1.00);
  }
  .popup-header {
    background-color: rgba(86,43,8,1.00);
    color: #ffffff;
  }
  .popup-header i {
    color: rgba(216,216,216,0.8) !important;
  }
  @media ( max-width: 767px ) {
    .main-bar > ul > li {
      background-color: rgba(24,39,71,0.7);
      border-bottom: 1px solid rgba(216,216,216,0.8);
    }
    .main-bar > ul > li:hover {
      background-color:rgba(242,158,24,0.8);
      border-bottom: 1px solid rgba(216,216,216,0.3);
    }
    .main-bar > ul > li > a > span{
      color:#ffffff !important;
    }
  }