.HG { overflow-x: hidden; position: relative;}

.HIXON-BLUE { background-color: #00385b !important; }
.HIXON-DARKBLUE { background-color: #11232e !important; }
.hixon-lightgrey { background-color: #f2f6f8 !important; }
.hixon-white { background-color: #fff !important; }
.HIXON-LIGHTTEXT { color: #f1e4cf !important; }
.HIXON-BLUETEXT { color: #00385b !important; }
.HIXON-BRONZETEXT { color: #c9a05a !important; }
.HIXON-WHITETEXT { color: #fff !important; }
.ANCHOR { padding-top: 80px; }
.hg-paddings { padding-top: 80px; padding-bottom: 80px; }
.hg-pb { padding-bottom: 80px; }
.hg-margins { padding: 80px 0 80px }
.hg-mt { margin-top: 40px; }
.hg-mt-xl { margin-top: 80px; }
.hg-h2 { text-transform: uppercase; }
.hg-link-bronze a { color: #cba15c !important; text-decoration: none; text-transform: uppercase;  font-size: 1.4rem; line-height: 1.5rem;  font-family: "Gotham Black", sans-serif; text-align: right; }
.hg-link-bronze A:HOVER { text-decoration: underline; }
.hg-link-bronze A:BEFORE { display: inline-block; margin: 0 20px 8px 0; height: 2px; content: ""; text-shadow: none; background-color: #cba15c; width: 50px; }
.hg-bg-privateintro { width: 100%; height: 100%; overflow: hidden; background: url('../img/hixon-privateintro.webp'); aspect-ratio: 1 / 1; background-repeat: no-repeat; background-position: center; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.hg-bg-privateloft { width: 100%; height: 100%; overflow: hidden; background: url('../img/hixon-privateloft.webp'); aspect-ratio: 1 / 1; background-repeat: no-repeat; background-position: center; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.hg-bg-privateexclusive { width: 100%; height: 100%; overflow: hidden; background: url('../img/hixon-privateexclusive.webp'); aspect-ratio: 1 / 1; background-repeat: no-repeat; background-position: center; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.hg-bg-privatefunction { width: 100%; height: 100%; overflow: hidden; background: url('../img/hixon-privatefunction.webp?v=2'); aspect-ratio: 1 / 1; background-repeat: no-repeat; background-position: center; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.hg-bg-privatebusiness { width: 100%; height: 100%; overflow: hidden; background: url('../img/hixon-privatebusiness.webp'); aspect-ratio: 1 / 1; background-repeat: no-repeat; background-position: center; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.hg-radius { border-radius: 15px !important; }
.hg-p { padding: 2rem !important; }
.hg-card-party { color: #00385b; border: 2px solid #00385b; text-align: center; cursor: pointer; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out;}
.hg-card-party a { cursor: pointer; font-size: 0.97rem; line-height: 0.97rem; text-transform: uppercase; letter-spacing: 0px !important; font-family: "Gotham Black", sans-serif; text-decoration: none; color: #00385b; }
.hg-card-party svg { fill: #00385b !important;}
.hg-card-party:hover { color: #fff !important; border: 2px solid #00385b; background-color: #00385b; }
.hg-card-party:hover a {color: #fff !important;  }
.hg-card-party:hover svg { fill: #fff !important; }
.hg-offcanvas { width: calc(100% - 80px); height: calc(100% - 80px); margin-left: 40px; margin-top: 40px; }
.hg-offcanvas img {  }
.hg-cursor { cursor: pointer;}

b, strong { font-family: "Gotham Bold", sans-serif; }

video { width: 100%; max-height: 100%; }
.modal-content { background-color: transparent !important; border: 0 !important; border-radius: 0 !important; }
.modal-dialog {  }
.modal-dialog-centered { display: block !important; }
.video-popup { position: absolute;
    left: calc(50% - 32px);
    width: 65px; height: 65px; top: -30px; background: #f1e4cf; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; text-align: center; line-height: 65px; color: #11232e !important; } 
.video-popup .btn-inner { display: inline-block; border-radius: 50%; padding-top: 20px; }
.video-popup a i { margin-left: 8%; }
.video-popup a .circle-2 { animation: circle-fade-after 2s infinite ease-in-out; -webkit-animation: circle-fade-after 2s infinite ease-in-out; }
.video-popup a:hover { background: #f1e4cf; color: #11232e !important; }
.video-popup a:hover span { border-color: #f1e4cf; }
.video-popup a span { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #f1e4cf; animation: circle-fade-before 2s infinite ease-in-out; -webkit-animation: circle-fade-before 2s infinite ease-in-out; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }   
.video-popup > span { margin-left: 15px; font-size: 20px; text-transform: uppercase; font-weight: 800; color: #f1e4cf; font-family: "Montserrat", sans-serif; letter-spacing: 0.5px; }
.video-popup .btn-inner { display: inline-block; border-radius: 50%; }

@keyframes circle-fade-before {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes circle-fade-after {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
/* NAV */
.fixed-top { z-index: 222 !important; }
.HG-NAV {  }
.HG-NAV-UP { font-size: 1.2rem !important; padding: 0 4px 0 4px !important;  }
.HG-NAV-UP2 { font-size: 2rem !important;  }
.HG-NAV UL, .HG-OFF UL { list-style-type: none; margin: 0; color: #c9a05a !important; }
.HG-NAV ul li {display: inline; padding: 0 0 0 0; font-size: 0.95rem; letter-spacing: 1.8px;}
.HG-NAV ul li a  { color: #c9a05a !important; text-decoration: none; font-family: "Gotham Bold", sans-serif !important; font-weight: 600; }
.HG-NAV ul li a:hover { text-decoration: none; }
.HG-OFF H4 { color: #c9a05a !important; font-size: 1.4rem !important; font-family: "Gotham Black", sans-serif !important; padding-left: 2rem; margin-top: 2rem;}
.HG-OFF P {  padding-left: 2rem; color: #c9a05a !important; font-size: 1.1rem; }
.HG-OFF A { color: #c9a05a !important; text-decoration: none; }
.HG-OFF A:HOVER { text-decoration: none; }
.HG-OFF li { padding: 0 0 20px 0; }
.HG-OFF ul li a { color: #c9a05a !important; text-decoration: none; font-family: "Gotham Black", sans-serif !important; font-size: 1.4rem !important; }
.HG-OFF ul li a:hover { text-decoration: none; }
.HG-ANIM {  display: inline-block; position: relative; color: #c9a05a; }
.HG-ANIM:after { content: '';  position: absolute; width: 100%; transform: scaleX(0); height: 4px; bottom: -1.7rem; left: 0; background-color: #c9a05a; transform-origin: bottom right; transition: transform 0.25s ease-out; }
.HG-ANIM:hover:after { transform: scaleX(1); transform-origin: bottom left; }
.HG-BRAVO { left: 10px; top: 55px; z-index: 333; position: fixed; }
.HG-MODAL { margin: 0 auto:}
.HG-MODAL img { max-width: 300px !important; border-radius: 30px;}
.modal-hedaer { border: 0px solid !important; }
.download img { width: 75%; padding-right: 32px;}

/* HERO */
.HG-HEADER { margin-top: 0px; padding-top: 9rem; padding-bottom: 9em; 
background: url('../img/hero-bg2.webp?v=3'); 
background-repeat: no-repeat; 
background-position: center;  
background-attachment: fixed;
-webkit-background-size: cover;  
-moz-background-size: cover; 
-o-background-size: cover;  
background-size: cover;
height: 100vh; }
.HG-HIRE { margin-top: 0px; padding-top: 9rem; padding-bottom: 9em; 
background: url('../img/hero-hire.webp?v=3'); 
background-repeat: no-repeat; 
background-position: center;  
background-attachment: fixed;
-webkit-background-size: cover;  
-moz-background-size: cover; 
-o-background-size: cover;  
background-size: cover;
height: 100vh; }
.HG-HEADER-H1 { text-transform: uppercase;  color: #fff !important;  font-family: "Gotham Bold", sans-serif; font-size: 0.97rem !important; line-height: 1.5rem !important; letter-spacing: 0.97px !important; text-align: center; margin-bottom: 0px; margin: 0 auto;}
.HG-HEADER-H1 SPAN { text-transform: uppercase; color: #fff !important;  font-family: "Gotham Bold", sans-serif; font-size: 5rem !important; line-height: 4rem !important; letter-spacing: 7.7px !important; text-align: center; margin-bottom: 0px; margin: 0 auto;}

.BUTTON-HERO1 { font-size: 0.97rem; letter-spacing: 1px; font-family: "Gotham Bold", sans-serif; text-transform: uppercase; border: 2px solid #fff; padding: 20px 25px; margin: 0 8px; color: #fff !important; text-decoration: none; background:transparent;}
.BUTTON-HERO1:HOVER { color: #00385b !important; text-decoration: none; background-color: #fff; transition: 0.5s all ease; }
.BUTTON-HERO2 { background-color: rgba(17, 35, 46, 0.3); border: 2px solid #11232e; padding: 20px 25px; margin: 0 8px; width: 250px; color: #f1e4cf !important; text-decoration: none; }
.BUTTON-HERO2:HOVER { color: #f1e4cf !important; text-decoration: none; background-color: #11232e; transition: 0.5s all ease; }

/* IFRAME*/

.containerif {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 30%; 
} 

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* INTRO */
.HG-INTRO { border-radius: 30px !important; background-color: #11232e; padding: 60px 60px 100px 60px; margin-top: -120px;}
.HG-INTRO2 { padding: 0 50px 0 50px; }
.HG-INTRO P { color: #f1e4cf !important; font-size: 1.1rem !important; line-height: 1.5rem; }
.HG-INTRO-LINK A { color: #f1e4cf !important; text-decoration: none; text-transform: uppercase;  font-size: 1.4rem; line-height: 1.5rem;  font-family: "Gotham Black", sans-serif; text-align: right; }
.HG-INTRO-LINK A:HOVER { text-decoration: underline; }
.HG-INTRO-LINK A:BEFORE { display: inline-block; margin: 0 20px 8px 0; height: 2px; content: " "; text-shadow: none; background-color: #f1e4cf; width: 100px;}
.HG-INTRO H2 { font-family: "Gotham Bold", sans-serif; font-size: 4rem !important; line-height: 4rem !important; letter-spacing: 0px !important; text-align: left; margin-bottom: 40px; color: #f1e4cf !important; }
.HG-INTRO H2 SPAN { font-size: 1.4rem !important; line-height: 1.8rem !important; }

/* HEADINGS */
.HG-MENU { background-color: #fff; padding: 80px 0 140px 0; }
.HG-MENU-ROW { --bs-gutter-x: 70px !important; }
.HG-MENU H2  { font-family: "Gotham Bold", sans-serif; font-size: 4rem !important; line-height: 4rem !important; letter-spacing: 0px !important; text-align: left; margin-bottom: 60px; color: #8c654d  !important;}
.HG-MENU P { color: #333 !important; font-size: 1.1rem; line-height: 1.5rem; }
.HG-MENU H4 {color: #8c654d !important; margin-bottom: 20px; font-size: 1.4rem; text-transform: uppercase; letter-spacing: 0px !important;}
.HG-MENU H4:AFTER { display: inline-block; margin: 0 0 8px 20px; height: 2px; content: " "; text-shadow: none; background-color: #8c654d; width: 100px; }
.HG-MENU-ITEM { border-bottom: 1px solid #333 !important; padding: 20px 0 20px 0; text-decoration: none !important; background-image: url('/imgs/down.png?v=2') ; background-position: right center; background-repeat: no-repeat;}
.HG-MENU A { text-decoration: none !important; }
.HG-MENU-ITEM A:HOVER { text-decoration: none !important; }
.HG-MENU-ITEM H5 { color: #333 !important; margin-bottom: 0px; font-size: 1.4rem; text-transform: uppercase; letter-spacing: 0px !important; }
.HG-MENU-ITEM P { color: #333 !important; font-size: 0.9rem; margin: 0; padding: 0;}

/* ABOUT */
.HG-ABOUT { background-color: #fff; padding: 0 0 80px 0; }
.HG-ABOUT H2  { font-family: "Gotham Bold", sans-serif; position: absolute; z-index: 10; font-size: 4rem !important; line-height: 4rem !important; letter-spacing: 0px !important; text-align: center; margin-bottom: 60px; color: #8c654d !important; text-align: left;}
.HG-ABOUT P { color: #333 !important; font-size: 1.1rem; line-height: 1.5rem; padding: 0 60px 0 20px;}
.HG-ABOUT A { color: #8c654d !important; text-decoration: none; text-transform: uppercase;  font-size: 1.4rem; line-height: 1.5rem;  font-family: "Gotham Black", sans-serif; text-align: right; }
.HG-ABOUT A:HOVER { text-decoration: underline; }
.HG-ABOUT A:BEFORE { display: inline-block; margin: 0 20px 8px 0; height: 2px; content: " "; text-shadow: none; background-color: #8c654d; width: 100px; }
.HG-SPIN-5 { overflow: hidden; position: absolute; z-index: 0; top: -226px; left: -190px; animation-name: spin; animation-duration: 10000ms; animation-iteration-count: infinite; animation-timing-function: linear;  /* transform: rotate(3deg); */ /* transform: rotate(0.3rad);/ */ /* transform: rotate(3grad); */  /* transform: rotate(.03turn);  */ }
.HG-SPIN-6 { overflow: hidden; position: absolute; z-index: 0; top: 125px; right: -20px; animation-name: spin; animation-duration: 15000ms; animation-iteration-count: infinite; animation-timing-function: linear;  /* transform: rotate(3deg); */ /* transform: rotate(0.3rad);/ */ /* transform: rotate(3grad); */  /* transform: rotate(.03turn);  */ }
.HG-SPIN-7 { overflow: hidden; position: absolute; z-index: 0; top: 270px; right: 0px; animation-name: spin; animation-duration: 20000ms; animation-iteration-count: infinite; animation-timing-function: linear;  /* transform: rotate(3deg); */ /* transform: rotate(0.3rad);/ */ /* transform: rotate(3grad); */  /* transform: rotate(.03turn);  */ }
.HG-SPIN-8 { overflow: hidden; position: absolute; z-index: 0; top: -50px; right: -170px; animation-name: spin; animation-duration: 25000ms; animation-iteration-count: infinite; animation-timing-function: linear;  /* transform: rotate(3deg); */ /* transform: rotate(0.3rad);/ */ /* transform: rotate(3grad); */  /* transform: rotate(.03turn);  */ }
.HG-CAROUSEL-ABOUT { margin-bottom: 80px; margin-right: 60px; margin-top: -60px; }
.HG-ITEM-INTRO { }
.HG-ITEM-INTRO.ACTIVE {  }
.HG-ITEM-INTRO IMG { border-radius: 15px !important;  float: right !important; }

/* MENU*/
.HG-MENU-IMG {  position: absolute; text-align: center; bottom: 20px;  left: 0; right: 0; margin-bottom: 20px; z-index: 2; }
.HG-60  { top: -60px; margin-bottom: 20px; }
.HG-120 { top: -120px; margin-bottom: 20px; }
.HG-MENU-IMG H5 {color: #f1e4cf !important; font-size: 1.4rem; letter-spacing: 0px !important; margin: 0; }   
.HG-MENU-SPAN A:BEFORE { display: none; margin: 0 !important;; height: 0px !important; content: " "; text-shadow: none; background-color: #333333; width: 0px !important; }
.HG-MENU-SPAN IMG { border-radius: 15px !important; }

/* MEET */
.HG-MEET {  background-color: #fff; padding: 0 0 80px 0; } 
.HG-MEET-BEFORE { margin-bottom: 40px; }
.HG-MEET H2  { font-family: "Gotham Bold", sans-serif; position: absolute; z-index: 10; font-size: 4rem !important; line-height: 4rem !important; letter-spacing: 0px !important; text-align: center; margin-bottom: 60px; color: #8c654d !important; text-align: left;}
.HG-MEET P { color: #333333 !important; font-size: 1.1rem; line-height: 1.5rem; padding-left: 20px;}
.HG-MEET A { color: #333333 !important; text-decoration: none; text-transform: uppercase;  font-size: 1.4rem; line-height: 1.5rem;  font-family: "Gotham Black", sans-serif; text-align: right; }
.HG-MEET A:HOVER { text-decoration: underline; }
.HG-MEET A:BEFORE { display: inline-block; margin: 0 20px 8px 0; height: 2px; content: " "; text-shadow: none; background-color: #333333; width: 100px; }
.HG-SPIN-2 { overflow: hidden; position: absolute; z-index: 1; top: -90px; right: 30px; animation-name: spin; animation-duration: 20000ms; animation-iteration-count: infinite; animation-timing-function: linear;  /* transform: rotate(3deg); */ /* transform: rotate(0.3rad);/ */ /* transform: rotate(3grad); */  /* transform: rotate(.03turn);  */ }
.HG-SPIN-3 { overflow: hidden; position: absolute; z-index: 1; top: 165px; left: -60px; animation-name: spin; animation-duration: 25000ms; animation-iteration-count: infinite; animation-timing-function: linear;  /* transform: rotate(3deg); */ /* transform: rotate(0.3rad);/ */ /* transform: rotate(3grad); */  /* transform: rotate(.03turn);  */ }
.HG-SPIN-4 { overflow: hidden; position: absolute; z-index: 1; top: 250px; right: 125px; animation-name: spin; animation-duration: 15000ms; animation-iteration-count: infinite; animation-timing-function: linear;  /* transform: rotate(3deg); */ /* transform: rotate(0.3rad);/ */ /* transform: rotate(3grad); */  /* transform: rotate(.03turn);  */ }


/* SOCIAL */
.HG-PRIVATE { background-color: #8c9499; padding: 80px 0 150px 0; }
.HG-PRIVATE H2  { font-family: "Gotham Bold", sans-serif; font-size: 4rem !important; line-height: 4rem !important; letter-spacing: 0px !important; text-align: center; margin-bottom: 60px;}
.HG-PRIVATE H4 {color: #f1e4cf !important; margin-bottom: 20px; font-size: 1.4rem; text-transform: uppercase; }
.HG-PRIVATE P { color: #f1e4cf !important; font-size: 1.1rem; line-height: 1.5rem; }
.HG-COLUMNS { column-count: 2; column-gap: 70px ;}
.HG-PRIVATE A { color: #f1e4cf !important; text-decoration: none; text-transform: uppercase;  font-size: 1.4rem; line-height: 1.5rem;  font-family: "Gotham Black", sans-serif; text-align: right; }
.HG-PRIVATE A:HOVER { text-decoration: underline; }
.HG-PRIVATE A:BEFORE { display: inline-block; margin: 0 20px 8px 0; height: 2px; content: " "; text-shadow: none; background-color: #f1e4cf; width: 100px; }

/* PRIVATE */
.HG-CAROUSEL-PRIVATE { position: absolute; z-index: 5; top: -270px; overflow: hidden; }

/* XMAS */
.HG-XMAS { background-color: #11232e !important; }
.HG-XMAS H2  { font-family: "Gotham Bold", sans-serif; font-size: 4rem !important; line-height: 4rem !important; letter-spacing: 0px !important; margin-bottom: 60px;}
.HG-XMAS A { color: #f1e4cf !important; text-decoration: none; text-transform: uppercase;  font-size: 1.4rem; line-height: 1.5rem;  font-family: "Gotham Black", sans-serif; text-align: right; }
.HG-XMAS A:HOVER { text-decoration: underline; }
.HG-XMAS A:BEFORE { display: inline-block; margin: 0 20px 8px 0; height: 2px; content: " "; text-shadow: none; background-color: #f1e4cf; width: 100px; }
.HG-XMAS P { color: #f1e4cf !important; font-size: 1.1rem; line-height: 1.5rem; }
.HG-XMAS IMG { border-radius: 15px !important; }

/* NEWS */
.HG-NEWS { background-color: #11232e; padding: 190px 0 80px 0; }
.HIXON-H2  { position: absolute; font-family: "Gotham Bold", sans-serif; z-index: 10; right: 70px; font-size: 4rem !important; line-height: 4rem !important; letter-spacing: 0px !important; text-align: right; padding-left: 70px;}
.HIXON-H2-SPAN { position: absolute; left: 100px; right: -40px; }

.HG-ARTICLES { clear: both; margin-top: 100px; }
.HG-ARTICLES H3 { margin-top: 50px !important;  margin-bottom: 30px !important; font-size: 1.4rem !important; line-height: 1.4rem; color: #f1e4cf !important; padding: 0; margin: 0; font-family: "Gotham Black", sans-serif; }
.HG-ARTICLES P { color: #f1e4cf !important; font-size: 1.1rem; line-height: 1.5rem; }
.HG-ARTICLES IMG { border-radius: 15px !important; margin-top: 75px !important;}
.HG-SPIN { width: 218px; height: 218px; overflow: hidden; position: absolute; z-index: 20; top: -270px; right: -50px; animation-name: spin; animation-duration: 20000ms; animation-iteration-count: infinite; animation-timing-function: linear;  /* transform: rotate(3deg); */ /* transform: rotate(0.3rad);/ */ /* transform: rotate(3grad); */  /* transform: rotate(.03turn);  */}

@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

.HG-ITEM img { border-radius: 15px !important; }

/* NEW MAP / CONTACT */
.HG-MAP { padding: 0px 0 80px 0; background-image: url("/img/hixon-map-white.webp"); min-height: 500px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.HG-MAP h4 { color: #00385b !important; margin-bottom: 20px; font-size: 1.4rem; }
.HG-MAP p { color: #00385b !important; margin-bottom: 80px; font-size: 2.5rem; line-height: 2.5rem; font-family: "Gotham Black", sans-serif !important;}
.HG-MAP a, .HG-MAP a:hover { text-decoration: none !important; color: #00385b !important; }

/* NEW FOOTER */
.HG-FOOTER { background-color: #00385b; padding: 80px 0 80px 0; text-align: center; }
.HG-FOOTER-MENU ul { text-align: center; margin: 0 auto; }
.HG-FOOTER-MENU ul li {display: inline; padding: 0 18px 0 18px; font-size: 0.95rem; letter-spacing: 2.8px;}
.HG-FOOTER-MENU ul li a  {  color: #c9a05a !important; text-decoration: none; font-family: "Gotham Bold", sans-serif !important; font-weight: 600; }
.HG-FOOTER-MENU ul li a:hover { text-decoration: underline; }
.HG-HASH H4 { color: #c9a05a !important; margin-bottom: 40px; font-size: 2.5rem; line-height: 2.5rem; }
.HG-SOCIAL { margin-bottom: 40px; }
.HG-SOCIAL-1 { margin-right: 20px; }
.HG-COPYRIGHT { font-size: 1.4rem !important; color: #c9a05a !important; padding: 0; margin: 0; font-family: "Gotham Black", sans-serif;}
.SEPARATOR { width: 110px; height: 1px; border-top: 1px solid #c9a05a; margin: 0 auto; margin-top: 40px; margin-bottom: 40px;}
.HG-SCROLL { color: #00385b !important; background-color: #00385b !important;}
.HG-SCROLL:hover { color: #00385b !important; background-color: #c9a05a !important; }
.HG-BUTTON-MOB { z-index: 100 !important; }
.HG-BUTTON-MOB a { text-decoration: none !important; text-align: center; color: #c9a05a;}
.HG-BUTTON-MOB H4 {  margin: 20px 0 20px 0 !important; color: #c9a05a !important; font-size: 1.2rem; }


/* SMALL MOBILE VIEW ONLY */
@media (max-width: 576px) {   .logo { width: 55% !important; } 
  .HIXON-H2 { top: -25px; text-align: left; padding-left: 0; position: relative; left: 0; }  
  .HG-HEADER { height: 650px; }
  .HG-INTRO { padding: 20px; }
  .HG-ABOUT H2 { font-size: 3.6rem !important; line-height: 3.6rem !important; }
  .HG-INTRO H2 { font-size: 2rem !important; line-height: 2rem !important; }
  .HG-INTRO H2 SPAN { font-size: 1.1rem !important; }
  .HG-INTRO2 { padding: 0; }
  .HG-SPIN { width: 180px; height: 180px; overflow: hidden; position: absolute; z-index: 20; top: -160px; right: -30px;  }
.HG-SPIN-2 {     top: -175px;      right: 30px; }
.HG-SPIN-3 { display: none; }
.HG-SPIN-4 { top: 0;     right: -90px; }
  .HG-SPIN-6 {     width: 220px;    top: -10px;     right: -100px; }
  .HG-SPIN-7 { display: none; }
  .HG-SPIN-8 { display: none; }
  .HG-COLUMNS { column-count: 1; }
     .HG-CAROUSEL-ABOUT { margin-right: 0px; margin-left: 0px; margin-top: 12px;}
     .HG-HEADER-H1 SPAN { font-size: 2.2rem !important; line-height: 2.2rem !important; }
}

@media (min-width: 577px) and (max-width: 767.98px) {   
  .HG-SPIN { width: 180px; height: 180px; overflow: hidden; position: absolute; z-index: 20; top: -160px; right: -30px;  }
 .HG-SPIN-2 {top: -180px; right: 60px; }
 .HG-SPIN-3 {     top: -100px;
    left: -90px; }
    .HG-SPIN-4 {top: 0px; right: -60px; }
   .HG-SPIN-6 { top: 435px; right: 284px; width: 211px; }
   .HG-SPIN-7 {     top: 235px; }
    .HG-SPIN-8 { top: -150px; right: -140px; }
    .HIXON-H2 { top: -25px; text-align: left; padding-left: 0; position: relative; left: 0; }  
   .HG-INTRO H2 { font-size: 2rem !important; line-height: 2rem !important; }
  .HG-INTRO H2 SPAN { font-size: 1.1rem !important; }
  .HG-INTRO2 { padding: 0; } 
  .HG-COLUMNS { column-count: 1; }
   .HG-CAROUSEL-ABOUT { margin-right: -30px; margin-left: 30px; }
        .HG-HEADER-H1 SPAN { font-size: 3.5rem !important; line-height: 3.5rem !important; }

}

@media (min-width: 768px) and (max-width: 991.98px) {   
  .HG-SPIN { width: 180px; height: 180px; overflow: hidden; position: absolute; z-index: 20; top: -50px; right: -30px;  }
  .HG-SPIN-2 { top: -150px;
    right: 150px; }
 .HG-SPIN-3 {     top: 534px; left: -60px; }
 .HG-SPIN-4 { top: 0px;
    right: -50px; }
  .HG-SPIN-6 {    top: 280px; right: -75px;}
  .HG-SPIN-7 {     top: 400px; }
  .HG-ARTICLES { margin-top: 30px; }
  .HIXON-H2 { top: 40px; text-align: left; padding-left: 0; position: relative; left: 0; }
  .HG-CAROUSEL-ABOUT { margin-right: -20px;  margin-left: -20px;}   .HG-SPIN-8 { display: none; }  

  }

@media (min-width: 992px) and (max-width: 1199.98px) {   
.HG-CAROUSEL-ABOUT { margin-right: 44px;}

.HG-SPIN-7 { top: 340px; }
.HG-SPIN-8 { top: -45px; right: -120px;}
}



/* MOBILE VIEW ONLY */
@media (max-width: 768px) { 
  .HG-HASH H4, .HG-MAP H4 { font-size: 1.2rem !important; font-family: "Gotham Black", sans-serif; line-height: 1.2rem; } 
  .HG-MAP p { font-size: 1.75rem; line-height: 1.75rem; }
  .HG-COPYRIGHT  { font-size: 1.2rem !important; }
  .HG-CAROUSEL-PRIVATE { position: absolute; z-index: 5; top: -250px; overflow: hidden; }
  .HG-ARTICLES H3 { margin-top: 0px !important;  }
  .HG-ARTICLES IMG { border-radius: 15px !important; margin-top: 0 !important;}
  .HG-ABOUT P, .HG-MEET P { padding: 0; }   .HG-ABOUT P { padding: 0px;}
  .HG-MT-SM { margin-top: 30px;}
  .logo { width: 55% !important; }  
    .HG-ARTICLES { margin-top: 0; }
    .HG-MENU H2, .HG-PRIVATE H2, .HIXON-H2 { font-size: 48px !important; }
    .HG-HEADER-H1 { font-size: 0.8rem !important; }
   /* .hg-bg-privateintro, .hg-bg-privateloft, .hg-bg-privateexclusive { width: 100%; height: 75vh; overflow: hidden; } */
      .hg-offcanvas { width: calc(100% - 40px) !important; height: calc(100% - 40px) !important; margin-left: 20px !important; margin-top: 20px !important; }
        .containerif { height: 292px !important; }
}

/* MOBILE & TABLET VIEW ONLY */
@media (max-width: 992px) { 
.HG-MAP, .HG-HEADER, .HG-HIRE { background-attachment: scroll; } 

.HG-COLUMNS { column-count: 1; }
.HG-PRIVATE H2 { text-align: left; line-height: 4rem !important; }
.HG-MEET H2  {  position: relative !important; }
.HG-MENU-IMG H5 {color: #f1e4cf !important; font-size: 0.9rem; line-height: 1rem !important; letter-spacing: 0px !important; margin: 0; }
.HG-ABOUT H2  { position: relative !important; }
.HG-ABOUT P, .HG-MEET P { padding: 0; }
.hg-paddings { padding: 0 !important; }  
  /* RETINE VIEW ONLY */
@media (min-width: 992.01px) { 
.HG-MODAL img { max-width: 450px !important; border-radius: 30px;}
  .hg-offcanvas { width: calc(100% - 40px) !important; height: calc(100% - 40px) !important; margin-left: 20px !important; margin-top: 20px !important; }
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 0.97rem !important; text-transform: uppercase !important; letter-spacing: 0px !important; font-family: "Gotham Black", sans-serif !important; text-decoration: none !important; color: #00385b !important; 
    background-color: #fff;
}