.card {
  border: none;
  margin-bottom: 2.8rem;
  padding-bottom: 2rem; }

.card-button {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 2rem; }

#primary-menu-trigger, #page-submenu-trigger {
  font-size: 28px; }

#side-panel-trigger {
  float: left;
  margin-top: 1rem !important;
  margin-left: 1rem;
  font-size: 34px;
  width: 54px;
  height: 54px;
  line-height: 54px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #000;
  text-align: center;
  border-radius: 28px; }

#side-panel {
  border: 1px solid #888; }

@media (min-width: 992px) {
  .side-header.open-header #header-trigger {
    top: 2rem;
    left: 2rem;
    font-size: 32px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
    border-radius: 24px;
    z-index: 12; } }

#header.transparent-header.dark {
  background: linear-gradient(180deg, #020024 0%, rgba(2, 0, 36, 0) 100%) !important;
  border: none !important; z-index: 10 }
@media (min-width: 767.98px) {
	.dark #header.transparent-header, #header.transparent-header.dark, .dark #header.transparent-header:not(.sticky-header) #header-wrap, #header.transparent-header.dark:not(.sticky-header) #header-wrap {
		background: linear-gradient(180deg, #020024 0%, rgba(2, 0, 36, 0) 100%) !important;
		border: none !important; z-index: 10 
	}
	}


@media (max-width: 767.98px) {
.dark .sticky-header #header-wrap, .sticky-header.dark #header-wrap {
    background-color: #0c3354;
    border-bottom-color: rgba(255, 255, 255, 0.15);}
}



.amenities li {
  padding: 10px 0; }

.dark #copyrights {
  color: #ddd; }
  .dark #copyrights a {
    color: #fff; }

.surfsand-logo {
  width: 260px;
  padding: 5px 50px 5px 20px; }

@media (min-width: 992px) {
  .surfsand-logo {
    width: 380px;
    padding: 0 0 0 140px; } }

.border-tr80 {border-top-right-radius:80px}

.booknow {color: #fff;padding: 10px 20px; text-align: right}
.booknow a {color: #fff; font-size:12px; font-weight:700; text-transform: uppercase}

.footerFixWrap {
	position: fixed;
	bottom: 0;
	z-index: 20;
	margin: 0;
	padding: 0;
	width: 100%; }
.footerFixWrap .button {
	  width: 100%;
	  height: 100%;
	  margin: 0; }