h1, h2, .super-title { text-align: center; }

b, strong { font-weight: bold; } /* bootstrap broke this simple rule, this fixes it */

small { font-size: 70%; }

.btn { white-space: wrap; }

.section-title h1 { font-size: 2rem; }
.section-title hr, .section-subtitle hr
{ display: none; }

.section-title, .block-subtitle { margin-bottom: 3rem; }

.super-title { margin:0;  }

section:nth-child(even) {
    /*background-color: #eee;*/
}

.div-block {  padding: 4rem 0; }
/*.div-block h1, .div-block h2 { margin: 4rem 0; }*/

/*ADDED BACK BTN-XS, WHICH WAS REMOVED IN BOOTSTRAP 4*/
.btn-group-xs > .btn, .btn-xs {
  padding: .1rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
  }

.btn-dark { color: #fff !important; }

/*ADDED BACK pull-md-2 TO BS4*/
@media (min-width: 768px) {
  .pull-md-2 { margin-right: 16.666667%; }
  .pull-md-3 { margin-right: 25%; }
  .pull-md-4 { margin-right: 33.333333%; }
}

.title-ornament { text-align: center; }

/* COLOR SCHEMES ######### */

.colors-light { background-color: var(--light); }
  .colors-light .service-card .svg-icon { background-color: var(--primary); display:inline-block; padding: 5px; }

  .colors-light .service-card path, .colors-light .service-card polygon
   { fill: #fff !important; }

.colors-dark { background-color: var(--dark); color: #fff; }
  .colors-dark .svg-icon path, .colors-dark .svg-icon polygon,
  /*.colors-dark .title-ornament path, .colors-dark .title-ornament g, .colors-dark .title-ornament circle, .colors-dark .title-ornament polygon { fill: #fff !important; }*/
  .colors-dark path, .colors-dark g, .colors-dark circle, .colors-dark polygon { fill: #fff !important; }
  .colors-dark .card-body { color: #212529 }
  .colors-dark .widSSPQuote, .colors-dark .widSSPOverall { color: #fff !important; }

.colors-black { background-color: #000; color: #fff; }
.colors-white { background-color: #fff; }
.colors-primary-light { background-color: var(--primary); color: var(--light) }
  .colors-primary-light .svg-icon path, .colors-primary-light .svg-icon polygon { fill: var(--light); }
  .colors-primary-light a { color: var(--light); text-decoration:underline; }

.colors-primary-white { background-color: var(--primary); color: #fff }
  .colors-primary-white .svg-icon path, .colors-primary-light .svg-icon polygon { fill: #fff !important; }
  .colors-primary-white .btn { background: var(--secondary); }

.colors-primary-dark { background-color: var(--primary); color: var(--dark) }

.colors-secondary-light { background-color: var(--secondary); color: var(--light) }
  .colors-secondary-light input,
  .colors-secondary-light textarea { border-color: var(--light); color: var(--light); }
  .colors-secondary-light input::placeholder { color: var(--light); }
  .colors-secondary-light textarea::placeholder { color: var(--light); }

.colors-secondary-white { background-color: var(--secondary); color: #fff; }

.colors-secondary-dark { background-color: var(--secondary); color: var(--dark) }

.colors-secondary-black { background-color: var(--secondary); color: #000; }

/*LOGO ################### */

/*.logo-wrapper { position: absolute; }*/

/*LOGO LIMIT SIZE*/
@media (max-width: 991px) {
  .navbar-brand img { max-height: 80px; max-width: 190px; transition: max-height 0.3s; }
  .page-scrolled .navbar-brand img { max-height: 40px !important; transition: max-height 0.3s; }
}

@media (min-width: 992px) {
  .navbar-brand img { max-height: 200px; max-width: 250px; }
  .logo-wrapper {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s linear, max-width .8s, max-height .8s;
    max-width: 200px;
    max-height: 200px;
  }

  .page-scrolled .logo-wrapper {
    visibility: hidden;
    opacity: 0;
    max-width: 0px;
    max-height: 0px;
    transition: visibility 0s 0.3s, opacity 0.3s linear, max-width .8s, max-height .8s;
  }
}

/* NAVBAR ################ */

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .8rem; padding-left: .8rem;
}

.navbar-light .navbar-toggler {
    border:0;
}

.navbar-toggler { margin-left: auto; }

#top-contact-bar { background-color: #fff; }

#menubar .nav-link { font-size: inherit; }

.telefone.d-sm-none a { background-color: var(--secondary); padding: 5px; border-radius: 100px; padding: 0.2rem 0.6rem; }
.telefone.d-sm-none i { color: #fff; }

/* JUMBOTRON ################################# */

.jumbotron-home {
  min-height: -moz-calc(100vh - 200px); /* Firefox */
  min-height: -webkit-calc(100vh - 200px); /* WebKit */
  min-height: -o-calc(100vh - 200px); /* Opera */
  min-height: calc(100vh - 200px); /* Standard */
}

.jumbotron, .jumbotron-internal, .jumbotron-internal-nomenu {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 0;
    border-radius: 0;
    color: #fff;

    justify-content: center;
    align-items: center;
}

.jumbotron-internal, .jumbotron-internal-nomenu {
  background-color: #ccc;
  background-blend-mode: multiply;
}

.jumbotron-spacer { height: 50px; }

@media (max-width: 768px) { .jumbotron h1 { font-size: calc(var(--jumbotron-font-size) * 0.6); } }
@media (min-width: 768px) { .jumbotron h1 { font-size: calc(var(--jumbotron-font-size) * 0.8); } }
@media (min-width: 992px) { .jumbotron h1 { font-size: var(--jumbotron-font-size); } }

.jumbotron hr { display: none; }

.card-col .card { max-width: 540px; width: 100%; height: 100%; }
.swiper-slide .card-col .card { max-width: inherit; }

.card-header { border-bottom: 0; }

.navbar-brand img { min-height: 30px; }

/* SAME HEIGHT CARDS */
.card-col { display: flex; margin-bottom: 2rem; }
/*.card-col.col-md-6 { display: block; }*/ /*cancel flex for col-md-6 */
.no-gutters .col { margin-bottom: 0; }

.calendar-field {
padding-left: 2rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666666' class='bi bi-calendar' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0.5rem center;

}

.input-group-addon i {
  position: absolute;
  z-index: 100;
  padding: .5rem;
}

.card-img-overlay {
  justify-content: center;
  align-items: center;
  display: flex;
  background-color: rgba(0,0,0,0.5);
  text-align: center;
}

/* ALBUNS ############# */

.photos-container .card { border-radius: 0; border-color: #fff;  }
.photos-container .card-title { font-weight: bold;  }

.gallery-div .card-img-overlay {
  display: none;
  background-color: rgba(0,0,0,0.5);
  text-align: center;
  color: #fff;
}

.gallery-div .photos-container .image-link:hover .card-img-overlay {
  justify-content: center;
  align-items: center;
  display: flex;
}


/* VIDEO ##################################### */

.about-video, .videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.about-video iframe, .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* PARTNERS ################################## */

#partners .partner-logos { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; }
#partners .partner-logo { margin: 15px; }

/*NAVBAR ##################################### */

.page-scrolled #top-contact-bar {
    max-height: 0px;
    transition: max-height 0.5s;
}

#top-contact-bar
{
 max-height: 100px;
 transition: max-height 0.5s;
 overflow: hidden;
}

/* CONTACT BAR SOCIAL MEDIA ############################## */

#top-contact-bar .socialmedia a {
    color: #fff; background-color: #bbb; padding: 2px 1px 0 0;
    border-radius: 28px; width: 28px; height: 28px;
    margin: 3px; text-align: center;
}
#top-contact-bar .socialmedia i { font-size: 16px; line-height: 23px; }

#top-contact-bar .socialmedia .facebook { background-color: #365AB4; }
#top-contact-bar .socialmedia .twitter { background-color: #369AD5; }
#top-contact-bar .socialmedia .instagram { background-color: #6250CA; }
#top-contact-bar .socialmedia .linkedin { background-color: #007BB5; }
#top-contact-bar .socialmedia .youtube { background-color: #c00; }
#top-contact-bar .socialmedia .tripadvisor { background-color: #589541; }

/* NOTIFICATION BAR ########################## */

#notification-bar { background: var(--primary); color: #fff; text-align: center; padding: 12px; font-weight: bold; }

/* SOCIAL MEDIA ############################## */

#social-media a {
    color: #fff; background-color: #bbb; padding: 14px 0 0 0;
    border-radius: 50px; width: 50px; height: 50px;
    margin: 3px; text-align: center;
}
#social-media i { font-size: 22px; }
#social-media svg { color: #fff; fill:#fff; height: 100%; width: 100%; }

#social-media .facebook { background-color: #365AB4; }
#social-media .twitter { background-color: #369AD5; }
#social-media .instagram { background-color: #6250CA; }
#social-media .linkedin { background-color: #007BB5; }
#social-media .youtube { background-color: #c00; }
#social-media .tiktok { background-color: #333; padding-bottom: 11px; padding-top: 12px; }
#social-media .tripadvisor { background-color: #589541; }

/* REVIEWS TRIP ADVISOR #################################### */

#CDSWIDSSP { width: 100% !important; text-align: center !important;  }
.widSSPSummary, .widSSPBranding { display: none; }
.ui_bubble_rating { font-size: 24px !important; margin:6px;  }
.widSSPDate { display: none !important; }
.widSSPQuote { font-size: 16px !important; }
.widSSPLegal { display: none; }

.widSSPReadReview, .widSSPWriteReview { display: inline-block !important; float: none !important; }
.widSSPData { border:0 !important; background-color: transparent !important;  }
.widSSPH11 { display: none !important; }

#CDSWIDCOE, #CDSWIDFRR, .widEXC { margin:auto !important; margin-bottom: 20px !important; }

.widSSPOptional { border:0 !important; }

.widSSPOverall div { color: #666 !important; }
.widSSPOverall div b { font-weight: bold !important; color: #00A680 !important; }

#CDSWIDREST { display: block !important; margin: auto; }


/* POPUP ###################################### */

#popup-trigger {
    position: fixed;
    right: 35px;
    bottom: 0;
    width: 90%;
    max-width: 330px;
    background: #FFF;
    border-radius: 25px 25px 0 0;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s 0s, visibility 0.5s 0s, transform 0.5s 0s;
    transform: translateY(40px);
    z-index: 80;
}

#popup-trigger.is-visible
{
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s 0s, visibility 0.5s 0s, transform 0.5s 0s;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    transform: translateY(0px);
}

#popup-trigger h3 { background-color: #c00; color: #fff; padding: 10px; margin:0; border-radius: 20px 20px 0 0; margin-bottom: 15px; }

#popup-trigger .btn { font-size: 18px; padding: 6px 26px; }
.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}

.popup-container .content { padding: 0 20px; }
.popup-container .content p { margin:0;  }
.popup-container .discount { font-weight: bold; font-size:26px; color: #c00; margin-bottom: 15px !important; }
.popup-container .button-wrapper { background-color: #eee; padding: 20px; padding-bottom: 25px; }

.popup-container .popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.popup-container .popup-close::before, .popup-container .popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #fff;
}
.popup-container .popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.popup-container .popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}

@media (max-width: 768px) {
  .popup-container { max-height: 0; transition: max-height .5s ease-in-out; }
  #popup-trigger h3 { border-radius: 0; margin:0;  }
  #popup-trigger { right: 0; left: 0; width: 100%; max-width: 100%; z-index: 1000; }
  #popup-trigger.content-is-visible .popup-container { max-height: 500px; transition: max-height .5s ease-in-out; }
}

/*COUNTDOWN ################################## */

.jquerycountdown {
  margin: 0 auto;
  width: 320px;
}
.jquerycountdown .countdown-container {
  height: 100px;
}
.jquerycountdown .time {
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
  display: inline-block;
  text-align: center;
  position: relative;
  height: 58px;
  width: 50px;

  -webkit-perspective: 479px;
  -moz-perspective: 479px;
  -ms-perspective: 479px;
  -o-perspective: 479px;
  perspective: 479px;

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.jquerycountdown .count {
  background: #202020;
  color: #f8f8f8;
  display: block;
  /*font-family: 'Oswald', sans-serif;*/
  font-weight: bold;
  font-size: 24px;
  line-height: 2.3em;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  top: 0;
  width: 100%;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat;
}
.jquerycountdown .count.top {
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  border-radius: 5px 5px 0 0;
  height: 50%;

  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.jquerycountdown .count.bottom {
  background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-radius: 0 0 5px 5px;
  line-height: 0;
  height: 50%;
  top: 50%;

  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.jquerycountdown .count.next {
}
.jquerycountdown .label {
  font-size: normal;
  margin-top: 5px;
  display: block;
  position: absolute;
  top: 60px;
  width: 100%;
  color: #999;
}
/* Animation start */
.jquerycountdown .count.curr.top {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3;
}
.jquerycountdown .count.next.bottom {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2;
}
/* Animation end */
.jquerycountdown .flip .count.curr.top {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;

  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.jquerycountdown .flip .count.next.bottom {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out 250ms;
  -ms-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;

  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
@media screen and (max-width: 48em) {
  .jquerycountdown {
    width: 100%;
  }
  .jquerycountdown .countdown-container {
    height: 100px;
  }
  .jquerycountdown .time {
      height: 70px;
      width: 48px;
  }
  .jquerycountdown .count {
    font-size: 1.5em;
    line-height: 70px;
  }
  .jquerycountdown .label {
    font-size: 0.8em;
    top: 72px;
  }
}

/* GOOGLE TRANSLATOR ######################### */

.goog-te-gadget, .goog-te-gadget-simple { font-size: inherit !important; font-family: inherit !important; }

.goog-te-banner-frame {display: none !important;}
body {top: 0px!important;}

.goog-te-menu-value { margin-right: 0 !important; }
.goog-te-menu-value span:nth-child(5) {
  display:none;
}
.goog-te-menu-value span:nth-child(3) {
  display:none;
}

.goog-te-gadget-icon { display: none; }

.goog-te-gadget-simple { border:0 !important; background-color: transparent !important; margin-top: 3px;  }

.google-translate-menu-item #google_translate_element { line-height: 1; }

.google-translate { padding: .2rem 1rem; }
.manual-languages { padding: .2rem 0rem; }

/* CARDS WITH LIGHTBOX ####################### */

.cards-with-lightbox-box { padding: 1px !important;  }
.cards-with-lightbox-box .photos-col { padding: 0px; background-color: #333;  }
.cards-with-lightbox-box .description-col { padding: 20px;  }
.cards-with-lightbox-box h3 { font-weight: bold; }

.cards-with-lightbox-box .description-col ul { margin: 0; list-style: none; padding: 10px 0; }
.cards-with-lightbox-box .description-col ul li
{
  display: inline-block;
  padding: .2em .6em .3em;
  margin: 0 .4em .4em 0;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  background-color: #666;
}

.cards-with-lightbox-box .description-col ul li a { color: #fff; text-decoration: underline; }

/*FANCYBOX*/

.fancybox-close-small::after { font-size: 40px !important;
    margin: 5px;
    background-color: #fff !important;
    color: #666 !important;
}

.fancybox-container { font-family: inherit !important; } /*this is for the box to inherit the theme font*/

/*FOTORAMA*/

.fotorama__nav--dots { margin-top: -30px !important; }

/* SWIPER */

.swiper-container { padding-bottom: 2rem !important; }
.swiper-wrapper { margin-bottom: 1rem; }
.swiper-slide { height: auto !important; } /*same height for all cards*/
.swiper-slide .card-col { height: 100%; margin-bottom: 0; } /*same height for all cards*/

.swiper-wrapper.no-gutters { margin-bottom: 0; }

/*.swiper-button-next, .swiper-button-prev {
  background-size: 48px 48px !important;
  border: 0px;
  width: 48px !important;
  height: 48px !important;
  margin-top: -50px !important;
}

.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}*/

.swiper-button-next, .swiper-button-prev {
  background-size: 16px 17px !important;
  background-color: #fff;
  border-radius: 100px;
  border: 0px;
  width: 44px !important;
  height: 44px !important;
  box-shadow: 2px 2px 5px #666;
  margin-top: -50px !important;
}

.swiper-button-next { right: 5px !important; }

.swiper-pagination-bullet-active { background: var(--primary) !important; }

/*NOTIFICATION BAR ##################### */

#notification-bar a { color: #fff; text-decoration: none; }

/*TOUR PACKAGES ##################### */

#tourpackages .card-body .included { color: #999; }
#tourpackages .card-pricing { line-height: 1.1; }
#tourpackages .card-pricing .price { font-weight: bold; font-size: 1.35em; margin-bottom: 0; }
/*#tourpackages .card-pricing .installment { font-size: 0.8em; }*/

/* FRANCHISING ###################### */

.google-translate { margin-left: auto; }

@media (max-width: 768px) {
  .google-translate { margin-left: 0; }
  #top-contact-bar .nav { justify-content: center; }
  #top-contact-bar .ml-auto { margin-left: inherit !important; }
  .franchising-menu { min-width: 250px; }
}

#franchising-logos {
  max-height: 500px;
  visibility: visible;
  transition: max-height .7s, visibility .7s;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}

#franchising-logos.hidden {
  max-height: 0px;
  visibility: hidden;
  transition: max-height .7s, visibility .7s;
}

.franchising-logos-container {
  border-bottom: 5px solid var(--secondary);

  display: flex;
  justify-content: center;
}

#franchising-logos .store-logo { max-height: 55px; max-width: 180px; }
.franchising-logos-container div { line-height: 55px; }

.franchising-logos-container { flex-wrap: wrap;  }

#reservations-bar { padding: 1rem; }
#reservations-column { color: var(--dark); }


/*SERVICES*/

#services .swiper-container .svg-icon {
  display: inline-block;
  padding: 10px;
  margin-bottom: 5px;
}

/* FRANCHISING */

.franchising-menu { background-color: var(--secondary); color: #dark; }

/* FOOD MENU  ################################## */

#foodmenu .card, #foodmenu img, #foodmenu .card-img-overlay  { border:0; border-radius: .4em; }

.card-food-item .price { color: var(--danger); font-weight: bold; }
.food-category .card-title { color: var(--primary); }

.food-category a:hover { text-decoration: none; }


#foodmenu .media-body p, #foodmenu .media-body h5 { text-align: left; }

.card-food-item .card-body { padding: 1rem; }

#foodmenu-multimenus .card a { color: #fff; }
#foodmenu-multimenus .card-img-overlay { padding: 2em; }

@media (max-width: 576px) {
  .card-food-item .media img { max-width: 130px !important; }
}

@media (max-width: 480px) {
  .card-food-item .media img { max-width: 110px !important; }
}

@media (max-width: 420px) {
  .card-food-item .media img { max-width: 90px !important; }
}

/* LAZY LOADING IMAGES #######################  */

img.lozad {
  opacity: 0;
  transition: opacity 2s;
}

img.lozad[data-loaded] {
  opacity: 1 !important;
}

/*COOKIE CONSENT ##################### */

#cookie-consent {
background-color: rgba(20,20,20,0.9);
font-size: 14px;
color: #ccc;
line-height: 26px;
padding: 15px;
position: fixed;
bottom: 15px;
left: 15px;
right: 15px;
z-index: 999999990;
border-radius: 10px;
}

@media (max-width: 992px) {
  #cookie-consent {
    bottom: 75px;
  }
}

@media (min-width: 992px) {
  #cookie-consent {
    left: 300px;
    right: 300px;
  }
}

#cookie-consent a.cookie-consent-ok {
background-color: var(--primary);
color: #fff;
display: inline-block;
border-radius: 5px;
padding: 0 20px;
cursor: pointer;
float: right;
}

#cookie-consent a.cookie-consent-ok:hover {
/*background-color: #E0C91F;*/
}

/*MODAL POPUP*/

.modal-popup {
  position:fixed; left:0; top:0; background-color:rgba(0,0,0,.5);
  width:100vw; height:100vh; display:flex; justify-content:center;
  align-items:center; visibility:hidden; opacity:0;
  transition:all .3s ease-out; z-index:999999999
}
.modal-popup.active{ visibility:visible;opacity:1 }
.modal-popup .content{
  background-color: #ffff;
  position:relative;z-index:4;width:90vw;max-width:80vh;max-height:80vh;
  border-radius:10px;transform:translateY(60px);transition:all .4s ease-out;
}
.modal-popup .content .inner {
  display:block;position:relative;width:100%;padding-top:100%;
}
.modal-popup .content .close {
  background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);
  border-radius:50%;width:40px;line-height:40px;text-align:center;
  height:40px;position:absolute;right:-15px;top:-15px;z-index:2;cursor:pointer;
}
.modal-popup.active .content{transform:translateY(0); }
.modal-popup .content img {
  position:absolute;left:0;top:0;width:100%;height:100%;
  object-fit:cover;border-radius:10px;
}

/*SIDEBAR*/

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.canvas, .off-canvas {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.canvas {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
  background-color: white; /* Basic background color, overwrite this in your own css. */
  -webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
  transition-duration: 300ms;
  scroll-behavior: smooth;

}

.canvas.sidebar-active {
  transition-duration: 300ms;
  transform: translate(255px);
}

.canvas:before, .canvas:after {
  clear: both;
  content: '';
  display: table;
}

/**
 * Off-Canvas
 */

.off-canvas {
  display: none;
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  background-color: var(--dark);
  -webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */

  width: 255px;
  height: 100%;
  top: 0;
  left: 0;

  z-index: 0;

  border-right: 1px solid var(--light);
}

#sidebar li a { color: #fff; }
#sidebar span { color: #fff !important; }
#sidebar .goog-te-gadget-simple span { color: #fff !important; }
#sidebar .google-translate-lateral a { margin-left: 0; }
#sidebar li .btn { text-align: left; padding: .5rem 1rem; }

.booking-select-button.selected, .booking-select-button.selected:hover,
.booking-select-button.selected:active  { background-color: #c00 !important; border-color: #c00; }

.landing-page ul { list-style: none; margin: 0; padding:0; margin-top: 2rem; }
.landing-page li { margin-bottom: 1rem; /*margin-left: 0.5rem; */ }
.landing-page li i { margin-right: 0.5rem;  }
.landing-page { font-size: 18px; }
.landing-page #home img { box-shadow: 0px 0px 25px 10px rgba(255, 255, 255, 0.8); max-width: 100%; }
.landing-page .div-block { padding: 3rem 0; }

.blog-section figure { text-align: center; }
.blog-section figure img { border: 1px solid #ccc; padding: 5px; border-radius: 3px; box-shadow: 1px 1px 4px rgba(0,0,0,0.2); }

figure {
    margin: 0 auto 1rem auto;
}

.swiper-container { padding-bottom:0 !important; }

.card-img-overlay .card-title, .card-img-overlay .card-text { color: #fff; }

#reservations-bar .fa-calendar { color: #666;  }

#rooms .card-img-overlay { display: flex; flex-direction: column; background-color: rgba(0,0,0,0.35);  }



/* AMENITIES ################################ */

.amenity-card { font-size: 12px; margin-right: 15px; margin-bottom: 10px; display: inline-block; color: #666; }
.amenity-card .svg-icon { margin-right: 3px; vertical-align: text-bottom; }
.amenity-card .svg-icon svg { fill:#333; width: 16px; height: 16px; vertical-align: middle; }
.amenity-card .svg-icon path { fill:#333; }


.over-card-text .amenity-card { color: #fff; }
.over-card-text .svg-icon svg, .over-card-text .svg-icon path, .over-card-text .svg-icon g { fill: #fff; }
.over-card-text ul { padding: 0; }
.over-card-text li { display: inline-block; list-style: none; margin-right: 1.5rem; }

.nav-pills a.nav-link { color: #666; }
/*@media (max-width: 576px) {
    .amenity-card { text-align: center; }
}*/

/* NAV PILLS ################################ */

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    /*color: #fff;*/
    background-color: var(--primary);
}


@media (max-width: 768px) {
  .tab-pane .fotorama__stage {
    /*opacity: 0.5;*/
    height: 50vh !important;
  }

  .tab-pane .fotorama__stage .fotorama__img {
    height: 50vh !important;
    width: 100vh !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
/* JUMBOTRON ANIMATION ########################################## */

#inferior-menu { background-color:#464f58; }
#inferior-menu a { color: #fff; padding: 0 2em; border-right: 1px solid rgba(255,255,255,0.5); }
#inferior-menu img { padding-left: 2em; }

footer, #inferior-menu { font-size: 13px; }

/* JUMBOTRON ANIMATION ########################################## */


/*@keyframes animatedBackground {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}

.jumbotron-home {
  animation: animatedBackground 10s linear infinite alternate;
}*/

/*.swiper-wrapper { margin:0 ; }*/
/*#reservations-bar { margin-top:1rem; }*/

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1) !important;
}

/*ANIMATION SHAKE*/

.shake {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation:
    /* shake 0.5s 1s, shake 0.5s 1s, */
    0.5s 5s shake;

  /* animation-duration: 4s; */

  /* animation-delay: 2s; */

  /* animation-iteration-count: infinite; */
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@keyframes stop {
  0% { display: block;  }
  100% { display: block;  }
}

.daterangepicker.dropdown-menu { z-index: 10000; }