/* Copyright (c) 2016 omodoo ltd  */
html {
  font-family: 'open-sans', sans-serif; 
  color: #444444; 
}
body {
  font-family: 'open-sans', sans-serif; 
  color: #444444;
  font-size: 1em;
}
a {
  color: #BF9E24;
}
a:hover, a:focus, a:active, a.current {
  color: #806918;
  text-decoration: underline;
} 
a.phone {
  text-decoration: none !important;
  font-size: 110%;
  font-weight: bold !important;
  color: #fbf7ea !important;
}
.header-band {
  background-color: #444444;
  color: #FFFFFF;
  border-bottom: 2px solid #BF9E24;
}
.header-band i {
  color: #BF9E24;
}
header {
  min-height: 100px;
  height: auto;
  background-color: #fefdfb;
}
.logo {
  padding-top: 15px;
  text-align: left;
}
footer {
  background-color: #422d1f; 
  display: block;
  overflow: hidden;
  color: #f5f4f5;
  padding-top: 10px;
  width: 100%; 
} 
footer a, footer i {
   color: #fed330;
}
footer a:hover,footer a:focus,footer a:active, footer a i:hover {
  color: #BF9E24;
}
.p-home-text {
  background-color: rgba(66,45,31,0.6);
  padding: 15px;
  margin:10px 0;
  color: #ffffff !important;
  border-radius: 3px;
  text-align: center;
}
i {
  margin: 0 3px;
  color: rgba(64,53,12,0.4);
}
.nav-footer {
  height: 35px;
  margin-right: 0;
  position: relative;
}
.nav-footer  > ul > li {
  border-right: 1px dotted #cecece;
}
.nav-footer  > ul > li > a {
  display: block;
  line-height: 18px;
  font-weight: 300;
  font-size: 15px;
  padding: 0 8px;
  background-color: transparent;
}
.nav-footer  > ul > li:last-child {
  border: 0;
}
/* Custom drop down */
.dropdown-menu ul{
  top: 43px;
}
.dropdown-menu ul li {
  height: 36px;
}
.dropdown-menu ul li a {
  background-color: rgba(68,68,68,0.8); 
  border-bottom: 1px solid rgba(255,255,255,0.2);
  line-height: 36px;
  padding: 0 20px;
  color: #ffffff;
  font-size: 14px;
  text-align: left;
  opacity: 0.8;
}
.dropdown-menu ul li a:hover, .dropdown-menu ul li a:focus {
  opacity: 1;
}
/* SMALL TOP NAV */
.small-nav {
  height: 42px;
  margin-right: 0;
}
.small-nav  > ul > li {
  border-right: 1px dotted rgba(191,158,36,0.3);
}
.small-nav  > ul > li > a {
  line-height: 45px;
  color:#fbf7ea;
  font-weight: 300;
  font-size: 14px;
  padding: 0 12px;
  background-color: transparent;
  -webkit-transition: background-color 0.2s linear,color 0.2s linear; /* Safari */
  transition: background-color 0.2s linear, color 0.2s linear;
}
.small-nav  > ul > li:last-child {
  border: 0;
}
.small-nav  > ul > li > a > i {
  color: #BF9E24;
}
.small-nav  > ul > li > a:hover, .small-nav  > ul > li > a:active, .small-nav  > ul > li > a:focus, .nav > ul > li > a.current {
  opacity: 1;
}
.small-nav .dropdown-menu ul {
  
}
.feefowidget-left-button, .feefowidget-right-button, .gm-ui-hover-effect {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.why-us-content{
  padding: 18px 10px;
}
.why-us-content h1 {
  margin-bottom: 5px;
}
.why-us-content .why-hint {
  width: 80%;
  margin: auto;
  color: #888888;
}
.good-plans {
  margin-top: 20px;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.top-thumb {
  display: block;
  width: 100%;
  height: 160px;
  overflow: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 5000;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #f5f4f5;
}
.top-thumb img {
  display: block;
  float: left;
  position: relative;
  width: 100%;
  min-height: 160px;
  height: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.top-thumb img:hover, .top-thumb img:active, .top-thumb img:focus {
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}
.top-thumb > div.main {
  background-color: rgba(68,68,68,0.6);
  height: 48px;
  line-height: 48px;
  width: 100%;
  font-size: 17px;
  text-align: center;
  padding: 0 5px;
  font-weight: 900;
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  color:#ffffff !important;
  text-decoration: none;
  opacity: 0.9;
   -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.top-thumb .main .dot {
  background-color: #fed330;
  opacity: 0.8;
}
.top-thumb .main a {
  color: #ffffff !important;
  text-decoration: none;
}
.top-thumb:hover .main, .top-thumb:active .main, .top-thumb:focus .main {
  background-color: rgba(68,68,68,0.9);
  -webkit-transform: translateY(-110px);
  -moz-transform: translateY(-110px);
  -o-transform: translateY(-110px);
  -ms-transform: translateY(-110px);
  transform: translateY(-110px);
}
.top-thumb .mask {
  width: 100%;
  height: 110px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #f5f4f5;
  -webkit-transform: translateY(160px);
  -moz-transform: translateY(160px);
  -o-transform: translateY(160px);
  -ms-transform: translateY(160px);
  transform: translateY(160px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: 0.9;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.top-thumb:hover .mask, .top-thumb:active .mask, .top-thumb:focus .mask {
  -webkit-transform: translateY(48px);
  -moz-transform: translateY(48px);
  -o-transform: translateY(48px);
  -ms-transform: translateY(48px);
  transform: translateY(48px);
}
.top-thumb .content {
  padding: 8px;
  font-weight: 300;
}
.top-thumb .content a {
  margin-right: 8px;
}

.top-thumb .mask a {
  color:#444444 !important;
  text-decoration: none;
}
.top-thumb .main:hover, .top-thumb .mask a:hover {
  text-decoration: underline;
}

/* BUTTONS TEHEMES */
.theme-btn {
    background: #fed330; 
    color: #422d1f !important;
    border: 1px solid rgba(254,211,48,0.8);
    font-weight: bold;
    opacity: 0.9;
}
.theme-btn i {
  color: #422d1f !important;
}
.theme-btn:hover, .theme-btn:active, .theme-btn:focus, .theme-btn.current {
  opacity: 1;
  text-decoration: none;
}
.dark-btn { 
    background: #422d1f;
    color: #ffffff !important;
    border: 1px solid rgba(254,211,48,0.8);
    font-weight: bold;
    opacity: 0.8;
}
.dark-btn i {
  color: #ffffff !important;
}
.dark-btn:hover, .dark-btn:active, .dark-btn:focus, .dark-btn.current {
  opacity: 1;
  text-decoration: none;
}
.black-btn {
    background: #444444;
    color: #ffffff !important;
    border: 1px solid rgba(68,68,68,0.7);
    font-weight: bold;
    opacity: 0.8;
}
.black-btn i {
  color: #ffffff !important;
}
.black-btn:hover, .black-btn:active, .black-btn:focus, .black-btn.current {
  opacity: 1;
  text-decoration: none;
}
.cte-btn {
  background: #444444;
  color: #ffffff !important;
  border: 1px solid rgba(68,68,68,0.7);
  font-weight: bold;
  opacity: 0.8;
}
.cte-btn i {
color: #ffffff !important;
}
.cte-btn:hover, .cte-btn:active, .cte-btn:focus, .cte-btn.current {
opacity: 1;
text-decoration: none;
}
/* END BUTTONS TEHEMES */
.theme {
  color: #fed330;
}
.light-theme {
  color:#fbf7ea;
}
.light-back {
  background-color: rgba(66,45,31,0.03);
}
.dark {
  color: #422d1f;
}
.green {
  color: #648F24;
}
.orange {
  color: rgba(255,106,10,1);
}
.theme-line{
  border-bottom:1px solid #BF9E24;
  margin: 4px; 
}
.ajax-busy i {
  color: #fed330 !important;
}
.big-spin {
  text-align: center;
  padding: 40px;
}
.big-spin i {
  font-size: 60px;
}
.hotel .map-lien a {
  color: #BF9E24 !important;
}
.hotel .map-lien i {
  color: #BF9E24 !important;
}
.hotel-found {
  border: 2px solid rgba(1247,190,22,1.00) !important;
} 
/* FORMS */
input:hover, input:active, input:focus, select:hover, select:active, select:focus {
  border: 1px solid rgba(66,45,31,0.5);
}

.review {
  height: 150px;
  display: block;
  overflow: hidden;
  padding: 25px 20px;
  background-color: #ffffff;
  text-align: center;
  font-size: 0.85rem;
  cursor: pointer;
}
.reviews-badge {
  height: 150px;
  display: block;
  overflow: hidden;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #ffffff;
  border-right:1px solid rgba(0,0,0,0.1);
}
.reviews-back {
  background-color: rgba(66,45,31,0.05);
  border: 0 !important;
}
.reviews-badge .stars i {
  font-size: 20px;
} 
.review-link{
  text-align: right;
  font-size: 90%;
  font-weight: bold;
}
.marg-btm {
  margin-bottom: 5px;
}
#inline_map {
  height: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 75%;
  margin-right: auto;
  margin-left: auto;
}
.pay-mode {
  height: auto;
  margin-top: 15px;
  padding: 15px;
  background-color: rgba(254,211,48,0.2);
  border-radius: 8px;
}
.pay-mode div {
  margin-top: 6px;
}
.pay-mode i {
  font-size: 20px;
  margin-right: 10px !important;
}
/* CUSTOM RESPONSIVE MENU */
.main-bar {
  display: none;
}
.svg-cc {
  display: inline-block;
  padding-top: 8px;
  padding-left: 8px;
}
.feefo-badge-small {
    display: none;
    visibility: hidden;
  }
  .feefo-badge-large {
    display: block;
    visibility: visible;
  }
  .ad-div {
    height: auto;
    padding: 0;
    width: 60%;
    position: fixed;
    top: 15% !important;
    left: 20%;
    z-index: 90;
    max-height: 80%;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-shadow: 1px 2px 3px #333333;
    -moz-box-shadow: 1px 2px 3px #333333;
    box-shadow: 1px 2px 3px #333333;
  }
  .ad-div #close_popup {
    position: absolute;
    height: 0;
    right: 2px;
    top: 5px;
    z-index: 95;
  }
  .ad-div #close_popup .fa-times-circle {
    color: #ffffff;
    font-size: 30px;
  }
  .ad-div #close_popup:hover .fa-times-circle {
    color: #fed330;
  }
  .ad-div .ad-content {
    background-color: rgba(255,106,10,0.9);
    display: block;
    min-height: 340px;
    text-align: center;
    padding: 20px;
    color: #ffffff;
    position: relative;
  }
  .promo-img {
    display: block;
    position: relative;
    margin: 0;
    height: 340px;
    overflow: hidden;
  }
  .promo-img .ltd-offer {
    box-sizing: initial;
    z-index: 5 !important;
    background-color: rgba(255,106,10,0.9);
    color: #ffffff !important;
    position: absolute;
    top: 45px;
    left: 0;
    font-size: 17px;
    text-transform: capitalize;
    float: none;
    padding: 8px;
    width: auto;
  }
  .promo-img img{
    width: 100%;
    min-height: 100%;
    margin: 0;
    float: left;
  }
  .ad-div a {
    color: #fed330;
    padding: 3px;
  }
  .ad-div a:hover, .ad-div a:focus, .ad-div a:active, .ad-div a.current {
    color: #ffffff !important;
    text-decoration: underline;
  }
 @media ( max-width: 767px ) {
  .review-link {
    margin-top: 15px;
  }
  .ad-div {
    width: 80%;
    left: 10%;
    max-height: 90%;
    overflow: auto;
    top: 10% !important;
  }
  .promo-img {
    height: 180px !important;

    }
  .top-thumb {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
  }
  .logo {
    text-align: center !important;
  }
  .main-bar {
    display: block;
    top: 45px;
  }
  .main-bar > ul > li {
    background-color:rgba(66,45,31,0.6);
    border-bottom: 1px solid rgba(255,255,255,0.3);
  }
  .main-bar > ul > li:hover {
    background-color:rgba(66,45,31,0.8);
    border-bottom: 1px solid rgba(255,255,255,0.3);
  }
  .main-bar > ul > li > a {
    color:#ffffff !important;
  }
  .reviews-badge {
    border-top:1px solid rgba(0,0,0,0.1);
    border-right: 0;
  }
  .feefo-badge-large {
    display: none;
    visibility: hidden;
  }
  .feefo-badge-small {
    display: block;
    visibility: visible;
  }
  .review {
    height: 110px;
    padding: 10px !important;
  }
 }
/* Custom shared CSS */
.ajax-busy {
  background-color: rgba(68,68,68,0.5);
}
.dashboard {
  background-color: rgba(254,211,48,0.9);
}
.dashboard i {
  color: #444444; 
}
.step {
  background-color: #fed330; 
  color: #422d1f;
}
.step:before {
  border-left: 15px solid #fed330;
}
.step-heading {
  background-color: rgba(66,45,31,0.05);
}
.filter-header {
  background-color: rgba(66,45,31,0.05);
}
.para {
  padding:3px 8px 6px 8px;
}
.para li {
  list-style-type: square;
  margin: 0 0 5px 25px;
}