.header { position: fixed; z-index: 999; width: 100%; min-height: 72px;  background-color: #282828; color: #c8c4ba; }
.header,.header * {-webkit-transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s;}
.header span small { font-size: 0.5em; display: block; margin-top: 4px; }
.header span i { margin-right: 8px; }
.header .motto { font-family: "Times New Roman", serif; font-style: italic; font-size: 1.2em; }
.logo { display: inline-block; padding:12px 16px; }

img { max-width: 100%; }

.main-navigation { z-index: 998; position: fixed; background-color: rgba(0,0,0,0.85); height: 100%; right: 0px; display: none; }
.main-navigation ul { margin-top: 64px; text-align: right; text-transform: uppercase; font-weight: 700; font-size: 14px;-webkit-transform: rotateX(80deg);transform: rotateX(80deg);-webkit-transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; }
.main-navigation ul li { margin-bottom: 4px;}
.main-navigation ul a { display: inline-block; color: #f7f7f7; padding: 6px; -webkit-transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s;}
.main-navigation.active ul { -webkit-transform: rotateX(0deg); transform: rotateX(0deg);}
.main-navigation.active { opacity: 1;}
.main-navigation ul a:hover { color: #c0c0c0; padding-right: 12px;}

.header.scroll { background-color: transparent;  }.header.scroll .logo { background-color: #282828; margin: 16px; padding: 8px; }
.header.scroll .hide-scroll { opacity: 0px; display: none; }
.hide-on-scroll {-webkit-transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s;}
.hide-on-scroll.active { transform: translateY(80px) }

.top-on-scroll { position: relative; z-index: 100;}
.banner-title { position: absolute; z-index: 97; bottom:64px; right: 64px; background-color: rgba(0,0,0,0.8); color: #fff; font-size: 36px; text-transform: uppercase; padding: 24px; }

.nav-button { cursor: pointer; margin:12px 48px 12px 16px; display: inline-block; text-align: center; position: relative; width: 72px; height: 64px; background-color: #d6b728; color: #282828; font-weight: 700;}
.nav-button span { display: inline-block; width: 40px; height: 2px; background-color: #282828; margin: 16px 0 18px;}
.nav-button small { display: block; font-size: 0.9em;}
.nav-button.active span { position: relative; margin:12px 0 36px; background-color: transparent; box-shadow: none; }
.nav-button span:after,.nav-button span:before { content: ""; display: block; width: 40px; margin: 6px 0; height: 2px; background-color: #282828;-webkit-transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s;}
.nav-button span:before { margin-top: 8px; }
.nav-button.active span:after { transform: rotate(45deg) translate(2px,2px);}.nav-button.active span:before { transform: rotate(-45deg) translate(-8px,8px); }
.nav-button.active small { opacity: 0;}

.bottom-wrapper { width: 100%; position: fixed; bottom: 0px; z-index: 101;}
.bottom-nav-header { background-color: #212121; min-height: 48px; color: #c8c4ba; text-transform: uppercase; font-size: 0.94rem;}
.bottom-nav-header h3 { padding: 16px; }
.bottom-nav-header a { color: #c8c4ba; font-size: 0.8rem; display: block; line-height: 48px; background-color: rgba(221,220,218,0.11); padding:0 16px; margin: 0px 1px; }
.bottom-nav-header .button,.booking-btn { display: block; width: 100%; height: 100%; outline: none; text-transform: uppercase; border:none; text-align: center; background-color: #d6b728; color: #212121; margin-right: 0px; font-size: 1rem; font-weight: 700; }
.bottom-nav-header .button.active,.booking-btn.active {background-color: #212121; color: #d6b728;}
.booking-btn { height: 44px; margin-top: 16px;}

.banner { position: relative;}
.banner video { position: relative; z-index: 98;}
.banner-overlay { position: absolute; width: 100%; height: 100%; background:url("https://8c8c9f.claudeassets.com/20181229140705im_/http://avastaresort.com/img/pat.png"); z-index: 99;}

.accommodation-area { position: relative;}
.accommodation-area .grid-item { width: 50%; }
.accommodation-area .grid-item > a { width: 100%; height: 100%; color: #d6b728; display: block; position: absolute; bottom: 0; left: 0;background: -webkit-linear-gradient(to right, rgba(0,0,0,0.3) , transparent);background: linear-gradient(to right, rgba(0,0,0,0.3) , transparent); }
.accommodation-area img { width: 100%; }
.accommodation-area .grid-item span { display: inline-block; width: auto; text-transform: uppercase; position: absolute;left: 8px; bottom: 8px; text-align: right; transform: rotate(0deg); }
.accommodation-area .icon-img { position: absolute; bottom: 24px; left: 8px; }
.accommodation-gallery { padding: 0px 48px;}
.accommodation-area .hover { -webkit-transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; opacity: 0; position: absolute; width: 100%; height: 100%; z-index: 2;
    background-color:rgba(0,0,0,0.7); color: #eee;top:0; left: 0; }
.accommodation-area .hover h3 { font-size: 21px; margin-bottom: 8px; }
.accommodation-area .hover a { display: inline-block; margin-top: 8px; background-color: #d6b728; color: #100f0f; padding: 8px; border-radius: 2px;}
.accommodation-area .grid-item:hover .hover { opacity: 1;}

.list-box * {-webkit-transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s;}
.list-box a { background-color: #ebeff2; display: block; vertical-align: middle; margin: 2px; color: #605e53; padding: 0px 8px; font-size: 14px; height: 44px; line-height: 44px; max-height: 44px;}
.list-box a span { display:inline-block; line-height: 1em; vertical-align: middle; }
.list-box a:hover { background-color: #e4ebf0; }

.video-bg { position: relative; overflow: hidden; }
.video-bg video { position: absolute; width: 100%; top:-20%; left: 0px; }
.video-bg .overlay { position: absolute; width: 100%; height: 100%; z-index: 90; color: #ffffff;-webkit-transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s;
    background: -webkit-linear-gradient(to right, rgba(0,0,0,0.9) , transparent);background: linear-gradient(to right, rgba(0,0,0,0.9) , transparent);

}
.video-bg .button-wrapper .fab-outer { cursor: pointer; border-radius: 50%; position: relative; z-index: 1; width: 128px; height: 128px; display: inline-block; line-height: 128px; background-color: transparent; border: 0 #d6b728 solid; text-transform: uppercase; margin: 0% 32px 0 0;}
.video-bg .button-wrapper .fab-outer:after { border-radius: 50%; content: ""; transform: scale(0.8); position: absolute; top: 0; left: 0; z-index: 1; width: 128px; height: 128px; display: inline-block; line-height: 128px; background-color: rgba(0,0,0,0.9); text-transform: uppercase; margin: 0% 32px 0 0;-webkit-transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s; transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.4s;}
.video-bg .button-wrapper .fab { position: relative; z-index: 2; width: 128px; height: 128px; display: inline-block; line-height: 128px; background-color: rgba(0,0,0,0.9);  color: #ffffff; text-transform: uppercase; margin: 0% 32px 0 0;-webkit-transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.2s; transition:all cubic-bezier(0.3,0.4,0.5,0.6) 0.2s;}
.button-wrapper .fab-outer:hover:after { background-color: rgba(214,183,40,0.2); transform: scale(1.1);}
.button-wrapper .fab-outer:hover .fab { transform: scale(0.95); opacity: 1; background-color: rgba(0,0,0,1); }

.text-wrapper-600 { max-width: 600px;}

.table { display: table; width: 100%; height: 100%; }
.table > div { display: table-cell; vertical-align: middle;}

.icon-img { display: inline-block; width: 64px; height: 64px; color: #d6b728; background-repeat: no-repeat; background-position: center center; }
.icon-img img { max-width: 100%; color: #d6b728; }
.small-icons span { display: block; font-size: 11px; margin-top: 8px; padding: 0% 4px; line-height: 1.3em;}

/* ICONS */
#gym { background-image: url("https://43da4b.claudeassets.com/20181229140705im_/http://avastaresort.com/img/icons/gym.svg");}
#acc { background-image: url("https://e44e21.claudeassets.com/20181229140705im_/http://avastaresort.com/img/icons/accomodation.svg");}
#banq { background-image: url("https://96fc83.claudeassets.com/20181229140705im_/http://avastaresort.com/img/icons/wedding.svg");}
#spa { background-image: url("https://55d0ae.claudeassets.com/20181229140705im_/http://avastaresort.com/img/icons/spa.svg");}


/* MISC */
.hh-bg { background: url("https://e994fd.claudeassets.com/20181229140705im_/http://avastaresort.com/img/hh-bg.png"); background-size: cover; }
.content-logo { margin-bottom: 32px;}
.content-logo span { margin:0 16px; display: inline-block;}
.box-btn { display: inline-block; border: 1px rgba(0,0,0,0.2) solid; color: inherit; padding: 8px 8px; font-size: 14px; font-weight: 300; text-transform: uppercase; outline: none }
.box-btn.dark { border-color: rgba(255,255,255,0.2); }
.box-btn.fill { background-color: #d6b728; color: #000000; border: none; font-weight: 700; margin: 16px 0; padding:12px 16px; border-radius: 2px; box-shadow: 0px 1px 4px rgba(0,0,0,0.25)}
.box-btn.lg { font-size: 21px; padding: 16px 36px; }

.packages-home { margin-top: 48px; }
.packages-home li { margin-bottom: 16px; color: #100f0f; }
.packages-home h3 { text-transform: uppercase; margin-bottom: 16px; font-size: 21px; font-weight: 300; }
.packages-home p { font-size: 15px; line-height: 1.5em;}
.packages-home img { width: 100%; }
.dark-bg { background-color: #131416; color: #aeaeae;}
.grey-bg { background-color: #f2f2f2; color: #131416;}

/* MAP */
.map-wrapper { height: 100%; }
#inner .map-wrapper { max-height: 480px; position: relative; width: 100%; }
#map { position: relative; width: 100%; height: 100%; }
.map-content { position: absolute; z-index: 79; width: 40%; height: 100%; background-color: rgba(0,0,0,0.85); color: #a5a5a5;}
.address h3 { font-size: 21px; font-weight: 300; margin-bottom: 16px; }
.address h4 { font-size: 18px; font-weight: 300; margin-bottom: 16px; }
.address p { line-height: 1.4em; }

    /* TEXTS */
.blue { color: #2e3192;}
.h2 { font-size: 42px; text-transform: uppercase; font-weight: 300; margin: 16px 0; }
.h3 { font-size: 30px; text-transform: uppercase; font-weight: 300; margin: 16px 0; }
.h4 { font-size: 21px; font-weight: 300; margin: 16px 0; }
.h5 { font-size: 18px; text-transform: uppercase; color: #212121; margin: 16px 0; }
.h6 { font-size: 16px; color: #212121;  margin: 0px 0 8px; font-weight: 700;}
.h2.normal { text-transform: none;}
small { font-size: 60%; }h1 small,h2 small,h3 small { display: block;}
p { line-height: 1.3em; font-weight: 300; margin-bottom: 16px; } p:last-child { margin-bottom: 0%; }
p.lg { font-size: 1.2em;}
small.serif,p.serif,.serif p,.serif li { font-family: 'Arapey', serif; font-style: italic; text-transform: none;}
strong { font-weight: 700}
.hh-bg .link { color: #2e3192;}
.link { color: #d6b728; text-transform: uppercase; display: inline-block;}
.list-text li { margin-bottom: 8px;}
.list-text ul { color: #605e53; margin-top: 4px;}
.list-text.alpha {line-height: 1.3em; font-weight: 300; font-size: 14px; margin-left: 48px; list-style: decimal;}
.list-text.disc {list-style: disc; margin-left: 24px;}
.list-box-2 span { display: block; color: #d6b728; background-color: #212121; margin: 4px;  height: 44px; line-height: 44px; font-size: 14px; }

#inner .h2 { font-size: 30px; font-weight: 400; }
#inner .banner-wrapper { position: relative; }
/* Inner */
.water-lily-bg { background: url("https://9c94c6.claudeassets.com/20181229140705im_/http://avastaresort.com/img/inner/water-lily-bg.jpg"); background-size: cover; color: #ffffff;}
.water-lily-bg h3 { font-size: 27px; text-transform: uppercase; margin-bottom: 16px; }
.gym-bg { background: url("https://a86492.claudeassets.com/20181229140705im_/http://avastaresort.com/img/inner/gym-bg.jpg"); background-size: cover; color: #ffffff; margin-bottom: 0px;}
.gym-bg .h3 { font-weight: 700; }
.gym-bg li { font-weight: 300; font-size: 18px; display: inline-block; margin: 8px 16px 8px 0;}.gym-bg li i { margin-right: 8px;}
.spa-packages h3 { margin:0 0 16px 0; font-weight: 700; font-size: 21px;}
.wellness-packages aside > div { background-color: #f7f7f7; margin:0 8px; box-shadow: 0px 1px 2px rgba(0,0,0,0.2);}
.wellness-packages h3 { margin: 8px 0; font-size: 18px; font-weight: 700;}
.wellness-packages .box-btn { margin: 0; box-shadow:none; font-size: 21px; padding: 12px 36px;}
.special-texts { font-size: 14px; margin: 16px auto; background-color: #f7f7f7; text-align: left; }
.special-texts span { display: block; margin: 4px; padding: 8px; color: #212121; }

.fab.image { width: 240px; height: 240px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.square.image { width: 240px; height: 240px; overflow: hidden; }

.table { border: 1px #eeeeee solid; background-color: #f9f9f9; text-align: left; font-size: 14px; -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.15); box-shadow: 0px 1px 4px rgba(0,0,0,0.15); }
.table td { padding: 12px 16px;}
.table td:last-child { text-align: right;}
.table tr:nth-child(even) { background-color: #f2f2f2;}

.dinging-data { background-color: #fff; padding: 2px; -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.15); box-shadow: 0px 1px 4px rgba(0,0,0,0.15);}
.dinging-data span { display: block; background-color: #f6f6f6; margin: 0px 1px; padding:8px; font-size: 14px;}
.dinging-data span:first-child { border-bottom: 1px #ffffff solid;}
.dinging-data aside:last-child span { background-color: #d6b728;}
.dinging-data.default aside:last-child span { background-color: #f6f6f6;}
.dinging-data.no-highlight aside:last-child span { background-color: #f6f6f6;}

#inner .contact-form { padding: 8px 0; }
.input-container { margin-bottom: 8px;}
.input-container label { display: block; padding: 4px 0;}
.input-container input,.input-container textarea { border: 2px #ebebeb solid; font-size: 1.2em; width:100%; outline:none; display:block; margin:4px 0; min-height: 44px; background-color: #fff; padding:0px; line-height: 44px; color: #666; font-weight: 300; }
.input-container textarea { height:74px;}

.bookingFormOverlay { display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index:999;}
.bookingFormWrapper { position:relative;max-width: 600px; margin: 40px auto; min-height: 300px; background-color: #222; }
.booking-form .input-container .input { border: 1px #fff solid; font-size: 0.96em; outline:none; padding: 0 16px; display:block; margin:4px 0; min-height: 44px; background-color: #eee;line-height: 44px; color: #222; font-weight: 300;}
.booking-form .input-container input { background-color: transparent; border: none; padding: 0px; margin: 0px; color: #222;}
.booking-form .input-container label { color: #d6b728;}
.bg-success { background-color: #4bc14d; color: #ffffff; padding: 8px;}
.bookingFormWrapper .close { position: absolute; right: 0px; top: 0px; width: 36px; height: 36px; background-color: #d6b728; color: #000000; text-align: center; font-size: 24px; line-height: 36px;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

footer { color: #100f0f; background-color: #f7f7f7; }
footer a { color: #100f0f; background-color: #f7f7f7; }

@media all and (max-width: 600px){
    .logo { max-width: 84px; padding: 10px 16px; }
    .banner { padding-top: 64px !important; }
    .header.scroll .logo { margin: 8px;}
    .nav-button { margin:4px 8px; width: 64px; height: 48px;}
    .nav-button span { margin: 8px 0 16px;}
    .nav-button.active span { margin-top: 4px;}
    .banner-title { bottom: 0px; font-size: 18px; right: 0px; padding: 16px;}
    .accommodation-area .grid-item { width: 100%;}
    .map-content { width: 100%; text-align: center;}
    #inner .h2 { font-size: 21px; line-height: 1.3em}
    .xs-text-center { text-align: center; }
    .map-wrapper { display: none;}
    .table td { padding: 12px 4px;}
    .spa-packages aside { padding-bottom: 16px; }
    .bottom-nav-header a.button { font-size: 10px; min-height:44px;line-height: 1.3em; padding: 8px 4px;}
    footer, footer a { font-size: 12px; text-align: center; display: block;}
    footer a { margin-top: 8px;}
    .contact-map { max-height: 320px !important; }
}

/*
     FILE ARCHIVED ON 03:06:15 Jan 21, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:20:32 Sep 24, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.33
  exclusion.robots: 0.033
  exclusion.robots.policy: 0.027
  esindex: 0.006
  cdx.remote: 85.062
  LoadShardBlock: 69.475 (3)
  PetaboxLoader3.datanode: 124.478 (5)
  load_resource: 137.332 (2)
  PetaboxLoader3.resolve: 77.732 (2)
*/