:host, :root { --step: 4px; --container-padding: 0px; --hiltondubai: #104C90; --vhoteldubai: #ED2027; --alhabtoorpalace: #44695A; --alhabtoorcityboulevard: #F89520; --alhabtoorcityresidences: #A15741; --transition: all .3s ease-in-out; --neutral-000:#FFFFFF; --neutral-050:#F9FAFB; --neutral-100:#F3F4F6; --neutral-200:#E5E7EB; --neutral-300:#D1D5DB; --neutral-400:#9CA3AF; --neutral-500:#6B7280; --neutral-600:#4B5563; --neutral-700:#374151; --neutral-800:#1F2937; --neutral-900:#111827; --neutral-950:#030712; --neutral-dim: rgba(217, 222, 223, .3); --select: #1476FF10; --primary: #001936; --secondary: #bb8459; --error: #EF6F6C; --success: #7ECA63 }

/* Scrollbars */
.scroller { height: calc(100% - 20px); display: block; }

/* Firefox */
.ggskin * { scrollbar-width: thin; scrollbar-color: #ddd #fdfdfd; }

/* Chrome, Edge, and Safari */
.ggskin *::-webkit-scrollbar { width: 12px; }
.ggskin *::-webkit-scrollbar-track { background-color: #fdfdfd; }
.ggskin *::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 20px; border: 3px solid #fdfdfd; box-sizing: border-box; }
.ggskin.ggskin_text * { scrollbar-color: #ddd #fff; }
.ggskin.ggskin_text *::-webkit-scrollbar-track { background-color: #fff; }
.ggskin.ggskin_text *::-webkit-scrollbar-thumb { border: 3px solid #fff; }
html, body { position: relative; width: 100%; height: 100%; overflow: hidden; }
body { color: #333; margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; -webkit-user-select: none; -ms-user-select: none; user-select: none; background: #ffffff; }
h1, h2, h3, h4, h5, h6, ul, li, p { margin: 0px; padding: 0px; list-style: none; font-weight: inherit; }
h1 { font-size: 1.5em; margin: 0.67em 0 }
hr { box-sizing: content-box; height: 0; overflow: visible }
pre { font-family: monospace, monospace; font-size: 1em }
a { background-color: transparent }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted }
b, strong { font-weight: bolder }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sub { bottom: -0.25em }
sup { top: -0.5em }
img { border-style: none }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 }
button, input { overflow: visible }
button, select { text-transform: none }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0 }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText }
fieldset { padding: 0.35em 0.75em 0.625em }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }
progress { vertical-align: baseline }
textarea { overflow: auto }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0 }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit }
details { display: block }
summary { display: list-item }
template { display: none }
[hidden] { display: none }
img, video { max-width: 100%; height: auto; }
img, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; pointer-events: none; -webkit-user-select: none; -ms-user-select: none; user-select: none }
iframe { pointer-events: auto !important; }
div { -webkit-user-select: none; -ms-user-select: none; user-select: none }
p { margin: 0px; padding: 0px }
a { color: #bb8459; text-decoration: none }
a:hover { text-decoration: none }

/*skin elements start*/
.ggskin { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: normal; -webkit-text-size-adjust: 100%; }
.ggmarkdown p { margin-top: 0px; }
.ggmarkdown a { color: #666; }
a, p { text-decoration: none; padding: 0; margin: 0; }
.ggdefaulthotspot { font-family: 'Poppins', sans-serif; font-size: 15px; -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.7)); filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.7)); }
.ggmarkdown h1:first-child, .ggmarkdown h2:first-child, .ggmarkdown h3:first-child, .ggmarkdown h4:first-child { margin-top: 0px; }
.ggmarkdown h1, .ggmarkdown  h2, .ggmarkdown h3, .ggmarkdown h4 { margin-top: 1em; margin-bottom: 0.2em; }
.ggmarkdown { white-space: normal; }
.shadow { -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)); }
.poppins { font-family: 'Poppins', sans-serif; }

/*.ggskin_text>div::-webkit-scrollbar {

  width: 5px;

}

.ggskin_text>div {

  scrollbar-width: thin;

}

*/

/*skin elements ends*/

/*FONT SIZE*/
html {
  font-size: 60%;
}
@media screen and (min-width: 1921px) {
  html {
    font-size: 60%; 
  }
}
@media screen and (min-width: 1921px) {
  html {
    font-size: 60%; 
  }

}
@media screen and (max-width: 925px) {
  .ggskin.easymap_popup {
    visibility: visible; 
  }
  
}



.info-markers:hover { z-index: 2 !important; }
.hiltondubai { background: var(--hiltondubai); }
.vhoteldubai { background: var(--vhoteldubai); }
.alhabtoorpalace { background: var(--alhabtoorpalace); }
.alhabtoorcityboulevard { background: var(--alhabtoorcityboulevard); }
.alhabtoorcityresidences { background: var(--alhabtoorcityresidences); }
.info-markers:hover .hiltondubai, .info-markers:hover .vhoteldubai, .info-markers:hover .alhabtoorpalace, .info-markers:hover .alhabtoorcityboulevard, .info-markers:hover .alhabtoorcityresidences { background: var(--neutral-000); }
.info-markers:hover [class$="-icon"] { filter: invert(1); }
.bar-icon { background: url(../icons/bar-icon.svg)  no-repeat center /80%; }
.brunch-icon { background: url(../icons/brunch-icon.svg)  no-repeat center /80%; }
.cafe-icon { background: url(../icons/cafe-icon.svg)  no-repeat center /80%; }
.casualdining-icon { background: url(../icons/casualdining-icon.svg)  no-repeat center /80%; }
.entertainment-icon { background: url(../icons/entertainment-icon.svg)  no-repeat center /80%; }
.family-icon { background: url(../icons/family-icon.svg)  no-repeat center /80%; }
.finedining-icon { background: url(../icons/finedining-icon.svg)  no-repeat center /80%; }
.outdoor-icon { background: url(../icons/outdoor-icon.svg)  no-repeat center /80%; }
.shisha-icon { background: url(../icons/shisha-icon.svg)  no-repeat center /80%; }
.sports-icon { background: url(../icons/sports-icon.svg)  no-repeat center /80%; }
.sportsbar-icon { background: url(../icons/sportsbar-icon.svg)  no-repeat center /80%; }
.restaurant-icon { background: url(../icons/restaurant-icon.svg)  no-repeat center /80%; }
.tower-icon { background: url(../icons/tower-icon.svg)  no-repeat center /80%; }
.room-icon { background: url(../icons/room-icon.svg)  no-repeat center /80%; }
.cake-icon { background: url(../icons/cake-icon.svg)  no-repeat center /80%; }
.spa-icon { background: url(../icons/spa-icon.svg)  no-repeat center /80%; }
.fitness-icon { background: url(../icons/fitness-icon.svg)  no-repeat center /80%; }
.gift-icon { background: url(../icons/gift-icon.svg)  no-repeat center /80%; }
.sofa-icon { background: url(../icons/sofa-icon.svg)  no-repeat center /80%; }
.info_popup, .info_popup_phone, .popup_phone_bg { display: flex !important; flex-direction: column !important;/*	padding: 0px !important;*/ top: 0 !important; right: 0 !important;/*	bottom: 0 !important;*/ left: 0 !important; margin: auto !important;/*	padding: 15px !important;*/ box-shadow: 0px 15px 60px -20px rgb(0 0 0 / 50%); gap: 10px; z-index: 99; }
.popup_phone_bg { padding: 0px !important; }
.info_popup > div, .info_popup_phone > div { position: relative !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; padding: 0px !important; transform: none !important; overflow: hidden; transform-origin: center !important; }
.info_popup > div.info_popup_close, .popup_phone_bg > div.close_popup_phone { position: absolute !important; right: 0 !important; top: 0 !important; left: auto !important; background: rgb(255 255 255 / 50%); border-radius: 30px; z-index: 99; }

/*.info_popup > div.banner-image > img, .info_popup_phone > div.banner-image > img

{

	position: inherit !important;

	right: 0 !important;

	top: 0 !important;

	left: 0 !important;

	bottom: 0 !important;

	object-fit: cover;

	margin: auto !important;

	max-height: 300px;

}*/
.banner-image, .banner-image > img { position: initial !important; right: 0 !important; top: 0 !important; left: 0 !important;/*	bottom: 0 !important;*/ object-fit: cover !important; margin: 0 !important; height: auto !important; max-height: 160px; min-height: 150px; }
._info_hs_popup .custom-text { height: 100px !important; }
.controler-btn { width: 55px !important; filter: invert(1); }

/*.

.controler-btn > div

{

	position: initial !important;

	transform: none !important;

}*/

/*aswathy*/

/*.popupbannerimg

{

  width: 100%;

  height: 150px;

  overflow: hidden;

}

.popupbannerimg img

{

  width: 100%;

  height: 150px;

  object-fit: cover;

}*/