@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.nopadding, .no-padding {
  padding: 0 !important;
}
.text-color, .textcolor {
  color: #000000 !important;
  text-shadow: none !important;
}
.nomargin, .no-margin {
  margin: 0 !important;
}
.no-border, .noborder {
  border: none !important;
}
.no-bg, .nobg {
  background: none !important;
  background-image: none !important;
  background-color: none !important;
}
.white-bg {
  background-color: #ffffff !important;
}
.brand-bg {
  background-color: #e91d62 !important;
}
.bg-color {
  background-color: #ffffff !important;
}
.header-bg {
  background-color: #ffffff !important;
}
.white {
  color: #ffffff !important;
}
.linkcolor {
  color: #0d6efd;
}
.smaller {
  font-size: 0.8em;
}
.normal {
  font-size: 1em;
}
.bigger {
  font-size: 1.2em;
}
.uppercase {
  text-transform: uppercase !important;
}
.underline {
  text-decoration: underline !important;
}
.nbb {
  border-bottom: none !important;
}
.npt {
  padding-top: 0 !important;
}
.npr {
  padding-right: 0 !important;
}
.npl {
  padding-left: 0 !important;
}
.ph5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.p5 {
  padding: 5px !important;
}
.p10 {
  padding: 10px !important;
}
.p15 {
  padding: 15px !important;
}
.p25 {
  padding: 25px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.ml2 {
  margin-left: 2px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.cursor {
  cursor: pointer;
}
.wauto {
  width: auto !important;
}
.w200 {
  width: 200px !important;
}
.w250 {
  width: 250px !important;
}
.mw50 {
  max-width: 50px !important;
}
.mw200 {
  max-width: 200px !important;
}
.mw240 {
  max-width: 240px !important;
}
.faded {
  opacity: 0.6 !important;
}
.faded-light {
  opacity: 0.8 !important;
}
.italic {
  font-style: italic !important;
}
.bold, .strong {
  font-weight: bold !important;
}
.noborder {
  border: none !important;
}
.ttu {
  text-transform: uppercase;
}
.ts {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7) !important;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.full-width, .fullwidth {
  width: 100% !important;
}
img.full {
  width: 100%;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.db {
  display: block !important;
}
.cb {
  clear: both !important;
}
.clear:after, .clear:before {
  content: "";
  display: none;
}
.vmid {
  display: inline-block;
  vertical-align: middle;
}
.dotted {
  list-type: none;
  margin: 0;
  padding: 0;
}
.dotted li {
  padding: 5px 10px 5px 20px;
  position: relative;
}
.dotted li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(233, 29, 98, 0.4);
}
section {
  background: #ffffff;
}
section.zebra:nth-child(odd), section .zebra:nth-child(odd) {
  background: #ffffff;
}
section.zebra:nth-child(odd) .row, section .zebra:nth-child(odd) .row {
  flex-direction: row-reverse;
}
section.zebra, section .zebra {
  padding: 30px 0;
}
.line:after, h2.line:after, h4.line:after {
  position: absolute;
  content: "";
  bottom: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #000000;
  width: 60px;
  height: 5px;
  border-radius: 3px;
}
.rightIcon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  color: #000000;
}
.separatorLine {
  position: relative;
  margin: 20px 0 40px 0;
}
.separatorLine:before, .separatorLine:after {
  content: "";
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  position: absolute;
  background-color: #bbb;
}
.separatorLine:after {
  top: 1px;
  background-color: #ffffff;
}
.separatorLine span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  display: inline-block;
  padding: 0 5px;
  color: #bbb;
  z-index: 2;
}
.br4 {
  border-radius: 4px;
}
.br5 {
  border-radius: 4px;
}
.brand-color, .brand-primary, .brand-primary-color {
  color: #e91d62 !important;
}
.brand-bg {
  background-color: #e91d62 !important;
}
.twilight {
  position: relative;
  display: block;
}
.reflect {
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(65%, transparent), to(rgba(250, 250, 250, 0.2)));
  margin: 20px 0 50px 0;
  max-width: 100%;
  max-height: 150px;
}
.circle {
  border-radius: 100% !important;
  -webkit-border-radius: 100% !important;
  -moz-border-radius: 100% !important;
}
.twilight::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.scroll-indicator {
  text-align: center;
  position: relative;
  top: -50px;
  /*    height:30px;*/
  height: 0px;
}
.scroll-indicator svg {
  fill: #ffffff;
}
.scroll-indicator i {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  position: relative;
  top: -30px;
}
.hoverZoom {
  display: block;
  overflow: hidden;
}
.hoverZoom img {
  /* height   : 100%;
    width    : 100%;*/
  transition: all 1.2s ease;
}
.hoverZoom:hover img {
  transform: scale(1.1);
}
.error {
  color: #ed1b24;
}
.success {
  color: #94d901;
}
.warning {
  color: #ffca14;
}
.warning, .error, .success {
  text-transform: uppercase;
}
.relative {
  position: relative !important;
}
.absolute {
  position: absolute !important;
}
.space-sep5 {
  display: block;
  clear: both;
  height: 5px;
}
.space-sep10 {
  display: block;
  clear: both;
  height: 10px;
}
.space-sep15 {
  display: block;
  clear: both;
  height: 15px;
}
.space-sep20 {
  display: block;
  clear: both;
  height: 20px;
}
.space-sep30 {
  display: block;
  clear: both;
  height: 30px;
}
.space-sep40 {
  display: block;
  clear: both;
  height: 40px;
}
.space-sep50 {
  display: block;
  clear: both;
  height: 50px;
}
.space-sep60 {
  display: block;
  clear: both;
  height: 60px;
}
.space-sep70 {
  display: block;
  clear: both;
  height: 70px;
}
.space-sep80 {
  display: block;
  clear: both;
  height: 80px;
}
.space-sep90 {
  display: block;
  clear: both;
  height: 90px;
}
.space-sep100 {
  display: block;
  clear: both;
  height: 100px;
}
.truncate {
  display: flex;
  margin: 0;
  padding: 0;
  align-items: center;
}
.truncate * {
  min-width: 0;
  flex: 1;
}
.truncate *, .truncate * > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.centered {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.center {
  width: 100%;
  text-align: center;
}
.centerBlock {
  margin: 0 auto;
  display: inline-block;
  left: 50%;
  position: relative;
  transform: translateX(-100%);
  padding: 25px;
  height: 70px;
  color: #ffffff;
  font-size: 20px;
}
.centerBlock:after {
  content: "";
  height: 0;
  width: 0;
  border-left: 15px solid transparent;
  border-top: 15px solid #ffffff;
  border-right: 15px solid transparent;
  position: absolute;
  left: 50%;
  bottom: -15px;
  z-index: 99;
}
.mauto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.dropshadow, .drop-shadow {
  -webkit-filter: drop-shadow(0px 1px 1px #000000);
  filter: drop-shadow(0px 1px 1px #000000);
}
.dropshadow-dark, .drop-shadow-dark {
  -webkit-filter: drop-shadow(0px 1px 1px #ffffff);
  filter: drop-shadow(0px 1px 1px #ffffff);
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.hidden {
  display: none;
}
.gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.bottomGradient {
  position: absolute;
  bottom: 0px;
  z-index: 1;
  padding: 55px 15px 10px 15px;
  height: auto;
  width: 100%;
  background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.5) 35%, transparent 70%, transparent 100%);
}
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 200px;
  perspective: 1000px;
  margin-bottom: 0px;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.flip-card.hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-card-front span {
  position: absolute;
  display: block;
  width: 100%;
  height: 30px;
  bottom: 0;
  color: aliceblue;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 7px;
  font-size: 13px;
  line-height: 15px;
  text-transform: uppercase;
}
.flip-card-front img {
  width: 100%;
  height: 100%;
}
.flip-card-front i {
  color: #fff;
  font-size: 15px;
  position: absolute;
  bottom: 8px;
  left: 6px;
  z-index: 9999999;
  float: right;
}
.flip-card-back {
  background-color: #000000;
  color: #ffffff;
  transform: rotateY(180deg);
  padding: 10px;
}
.flip-card-back h3 {
  font-size: 16px;
  color: #ffffff;
}
.flip-card-back h5 {
  font-size: 20px;
  color: #ffffff;
}
.flip-card-back p {
  font-size: 12px;
}
.gradientFull {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.card {
  margin-bottom: 20px;
}
.card-body {
  height: auto;
  overflow: hidden;
  line-height: 1;
}
.card-footer {
  background-color: #ffffff;
  border-top: none;
  height: 55px;
}
.card-footer .price {
  font-size: 1.3em;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: right;
  font-weight: 700;
  letter-spacing: 0.76px;
}
.card-footer .price-label {
  line-height: 1;
  text-align: right;
  font-size: 0.8em;
  letter-spacing: 0.76px;
}
.datepicker-days table:before {
  content: "";
  background: transparent;
  display: none;
  visibility: hidden;
  height: 0;
  width: 0;
}
ul.socialIcons {
  margin-top: 5px;
  margin-bottom: 10px;
}
ul.socialIcons .myguide img {
  padding: 3px;
  vertical-align: top;
  filter: brightness(0);
}
ul.socialIcons a {
  display: inline-block;
  padding: 0 !important;
  border: none !important;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.6);
}
ul.socialIcons a i {
  line-height: 30px;
  color: black;
  vertical-align: top;
}
ul.socialIcons a i {
  color: #ffffff !important;
}
ul.socialIcons a.contact {
  background-color: #e91d62;
}
ul.socialIcons a.instagram {
  background-color: #405de6;
}
ul.socialIcons a.twitter {
  background-color: #1da1f2;
}
ul.socialIcons a.google-plus {
  background-color: #dd4b39;
}
ul.socialIcons a.facebook {
  background-color: #3b5998;
}
ul.socialIcons a.youtube {
  background-color: #ff0000;
}
ul.socialIcons a.pinterest {
  background-color: #bd081c;
}
ul.socialIcons a.linkedin {
  background-color: #0077b5;
}
ul.socialIcons a.tripadvisor {
  background-color: #00aa6c;
}
ul.socialIcons a.tiktok {
  background-color: #000000;
}
ul.socialIcons a.yelp {
  background-color: #e00707;
}
ul.socialIcons a.myguide {
  background-color: #e91d62;
}
ul.socialIcons a.myguide img {
  filter: brightness(0) invert(1);
}
ul.socialIcons li:last-child {
  padding-right: 0;
}
.faded {
  opacity: 0.6 !important;
}
.rating {
  display: inline;
  z-index: 90;
  vertical-align: sub;
}
.rating:after {
  display: inline;
  font-family: "Font Awesome 5 Pro";
  content: "";
  color: #000000;
  font-size: 18px;
  text-transform: uppercase;
  color: #e0ad00;
  font-weight: bold;
  position: relative;
  top: -5px;
}
.rating.small:after {
  font-size: 14px;
}
.rating.noStar:after {
  content: "";
  font-weight: normal;
  color: #000000;
  opacity: 0.6;
}
.rating.halfStar:after {
  content: "";
}
.rating.oneStar:after {
  content: "";
}
.rating.oneHalfStar:after {
  content: "";
}
.rating.twoStars:after {
  content: "";
}
.rating.twoHalfStars:after {
  content: "";
}
.rating.threeStars:after {
  content: "";
}
.rating.threeHalfStars:after {
  content: "";
}
.rating.fourStars:after {
  content: "";
}
.rating.fourHalfStars:after {
  content: "";
}
.rating.fiveStars:after {
  content: "";
}
.ribbon {
  position: absolute !important;
  right: -1px;
  top: 0px;
  z-index: 10;
  overflow: hidden;
  width: 85px;
  height: 85px;
  pointer-events: none;
  text-align: right;
}
.ribbon small {
  color: #ffffff !important;
  display: block;
  padding: 0;
}
.ribbon span {
  font-size: 12px;
  font-weight: bold;
  color: #ffffff !important;
  text-transform: uppercase;
  text-align: center;
  line-height: 22px;
  transform: rotate(45deg);
  width: 115px;
  display: block;
  background: #e91d62;
  background: linear-gradient(#000000 0%, black 100%);
  position: absolute;
  top: 23px;
  right: -21px;
}
.ribbon span.green {
  background: #71a601;
  background: linear-gradient(#71a601 0%, #4f7301 100%);
}
.ribbon span.red {
  background: #c51017;
  background: linear-gradient(#c51017 0%, #960c12 100%);
}
.ribbon.left {
  right: auto;
  left: 0;
}
.ribbon.left.big {
  left: 0px;
}
.ribbon.left span {
  transform: rotate(-45deg);
  right: auto;
  left: -24px;
}
.ribbon.small {
  width: 50px;
  height: 50px;
  right: 15px;
}
.ribbon.small span {
  right: -33px;
  top: 7px;
  font-size: 7px;
}
.ribbon.big {
  width: 100px;
  height: 100px;
}
.ribbon.big span {
  top: 24px;
  width: 120px;
  right: -30px;
  padding: 0px 0px 0px 0;
  font-size: 12px;
}
.appStore a {
  background-repeat: no-repeat;
  height: 40px;
  width: 151px;
  display: inline-block;
  background-size: contain;
  margin: 0px 10px 0 0;
  transition: all 0.5s ease;
  border: none !important;
}
.appStore a.android {
  background-image: url("https://images.myguide-cdn.com/images/android-store.png");
}
.appStore a.ios {
  background-image: url("https://images.myguide-cdn.com/images/apple-store.png");
}
.appStore a.huawei {
  background-image: url("https://images.myguide-cdn.com/images/huawei-store.png");
}
.appStore a.android.white {
  background-image: url("https://images.myguide-cdn.com/images/android-app-white.png");
}
.appStore a.ios.white {
  background-image: url("https://images.myguide-cdn.com/images/apple-app-white.png");
}
.appStore a.huawei.white {
  background-image: url("https://images.myguide-cdn.com/images/huawei-app-white.png");
}
.appStore a:hover {
  opacity: 1;
}
.overflowFade {
  position: relative;
  overflow: hidden;
}
.overflowFade:before {
  pointer-events: none;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(transparent 80%, white);
}
.fade-in {
  animation: fadeIn 10ms;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.parallax {
  overflow: hidden;
  background-attachment: fixed;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto auto;
}
hr {
  margin-top: 15px;
  margin-bottom: 15px;
}
img.grayscale {
  filter: grayscale(1) !important;
  object-fit: contain !important;
}
img.contain {
  object-fit: contain !important;
}
/* Animation */
header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: -height52px20px;
  width: 100%;
  max-width: 100%;
  background: #000000;
}
header .dropdown-menu {
  background: #0d0d0d;
}
header .logoHeader {
  height: 103px;
}
header .navbar-brand {
  display: inline-block;
}
header .navbar-brand img {
  height: 83px;
  width: auto;
}
header .navbar-toggler {
  box-shadow: none !important;
}
.modal-header h5 {
  color: #363c48 !important;
  line-height: 1.2 !important;
  font-size: 20px !important;
  display: block !important;
  font-family: Lato, sans-serif !important;
}
@media (max-width: 768px) {
  header {
    height: 60px;
  }
  header .navbar-brand img {
    height: 50px;
  }
}