/* style */
html {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}
body {background: var(--color-offWhite);}
section {padding-top: 30px;padding-bottom: 20px;}
h1, h2, h3, h4, h5, h6 {font-weight: 500;margin: 0 0 0.5em 0;}
h1 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}
a:hover:not(.button) {opacity: 1;}
figure {margin: 30px 0;}
select {border: none;}

/* No Selction */
a,button {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;}

/* buttons */
.button {font-weight: 700;text-transform: uppercase;font-size: 1.4rem;padding: 1rem 1.2rem;}

/* navigation */
.nav {font-size: 2rem;font-weight: bold;position: fixed;z-index: 3;width: 100%;background: var(--color-darkOpaque);top: 0;margin: 0;-webkit-transition: background-color 0.5s ease-in-out;-moz-transition: background-color 0.5s ease-in-out;-ms-transition: background-color 0.5s ease-in-out;-o-transition: background-color 0.5s ease-in-out;transition: background-color 0.5s ease-in-out;}
.nav a {padding: 0;}
.nav-btns {padding-right: 1em;display:-webkit-box;display:-ms-flexbox;display: flex;}
.nav-btns .icon-only {border-radius:50px;height: 40px;width: 40px;margin: 0.75rem 0.5rem;}
.nav .brand {padding: 1.2rem 2rem;}
.nav .brand img {padding-left: 1rem;padding-right: 1rem;max-height:3.5rem}
.nav .tabs > a {padding: 1.4rem 2.5rem;border-bottom: 0;color: #fff;}
.nav .tabs > a.active {color: var(--color-offWhite);background: var(--color-primary);}

/* intro */
.intro {padding-right: 30px}
.intro h1 {margin: 0 0 0.4em 0;}
.text-lead {font-size: 1.2em;font-weight: 500;padding-top: 0.7em;padding-bottom: 1.6em;}

/* card */
.card.search {-webkit-box-shadow: none;box-shadow: none;color:var(--color-offWhite);}
.card.search .grouped > input:not(:last-child) {margin-right: 0px;}
.card.search input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="color"]):not([type="button"]):not([type="reset"]) {border-radius: 4px 0 0 4px;border: 1px solid #fff;}
.card.search .button.icon-only {border-radius: 0 4px 4px 0;background: var(--color-lightGrey);}

/* hero */
.hero {position: relative;width: 100%;height: 650px;background-size: cover;background-repeat: no-repeat;background-position: top;}
.hero::before {content: ' ';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background-color: rgba(0, 0, 0, 0.3);}
.hero .page-title {position: absolute;bottom: 30px;z-index: 2;padding-top: 0;color:var(--color-offWhite);}
.hero .page-title h1 {line-height: 1.1;margin: 0;font-weight: bold;text-transform: uppercase;}
.hero .page-title p {margin: 20px 0;}
.hero .page-title span {display: block;font-size: 1.42em;}
.hero  span.page-title-lg {font-size: 2.6em;letter-spacing: -2px;}
.home .hero span.page-title-lg {font-size: 2.5em;margin-bottom: 10px;}
.hero .banner-title {position: absolute;bottom: 30px;right: 30px;z-index: 2;}
.hero .banner-text {display: none;background: rgba(0,0,0,0.6);padding: 5px 10px;border-radius: 8px;font-size: 1.3rem;text-align: right;color: #fff;}
.hero .banner-text span {display: block;}
.hero .banner-text.active {display: block;}
.hero .banner-title .button.icon-text{padding: 6px 12px;font-size: 1.5rem;color: #fff;font-weight: 700;border-radius: 50px;background: rgba(0,0,0,0.6);}
.hero .banner-title .button.icon-text img {vertical-align: text-top;padding-right: 5px;}

/* vimeo home */
.vimeo-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 650px;pointer-events: none;overflow: hidden;}
.vimeo-wrapper iframe {box-sizing: border-box;position: absolute;min-height: 100%;min-width: 100%;height: 56.25vw;width: 100vw;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}

/* resdiary */
.resdiary-iframe {width: 100%;border: 1px solid #ccc;max-width: 320px;height: 520px;margin-top: 20px;margin-bottom: 20px;border-radius: 8px;}
.res-label {transition: all 0.3s ease-in-out;position: absolute;top: 0;background: rgba(0,0,0,0.6);color: #fff;padding: 5px 8px;font-size: 1.2rem;border-radius: 5px;margin: 5px;text-transform: uppercase;}

/* Owl Carousel v2.3.4 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/* tags */
.tags a {color: var(--color-offWhite);background-color: #a3a3a3;padding: 6px 12px;font-size: 1.3rem;margin: 0 5px 5px 0;display: block;font-weight: 600;float: left;border-radius: 4px;text-transform: uppercase;}
.tags-more {display: none;}
.tags-more.active {display: inline;}
.tags a.active {background-color: var(--color-primary);}
.tags a:hover {background-color: #83848B;}
.tags-show {padding: 9px 12px;font-size: 1.3rem;margin: 0 5px 5px 0;font-family: var(--font-family);display: block;font-weight: 600;background: #333!important;float: left;border-radius: 4px;text-transform: uppercase;}

/* vcard */
.vcard {position:relative;background: #ffffff;margin-bottom: 15px;transition: box-shadow 0.3s ease-in-out,-webkit-box-shadow 0.3s ease-in-out;}
.vcard:hover {box-shadow: 0 2px 24px 0 rgba(48,49,51,0.15);}
.vcard-img {margin-bottom: 0;}
.vcard-img img {display: block;min-height: 180px;object-fit:cover;}
.vcard-text {padding:20px 20px 10px 5px;font-size: 1.4rem;}
.vcard-text h3 {font-size: 2rem;}
.vcard-links {float: right;padding: 0 0 15px 15px;margin: 0;list-style-type: none;}
.vcard-text .button {display: block;margin-bottom: 5px;}
.vcard-img:hover {cursor: pointer;}

/* vcard-grid */
.vcard-grid {position:relative;background: #ffffff;margin-bottom: 20px;transition: box-shadow 0.3s ease-in-out,-webkit-box-shadow 0.3s ease-in-out;}
.vcard-grid-img img {display: block;}
.vcard-grid-text {padding: 20px 15px 10px 15px;font-size: 1.4rem;}
.vcard-grid-links {padding: 10px;margin: 0;list-style-type: none;position: absolute;bottom: 0;left: 0;width: 100%;}
.vcard-grid-links .button {width: 100%;}
.vcard-grid-text h3 {color: #363636;font-weight: 700;}
.vcard-grid:hover {box-shadow: 0 2px 24px 0 rgba(48,49,51,0.15);}
.vcard-cat {color: #b4b4b4;margin-bottom: 10px;font-size: 12px;font-weight: 600;text-transform: uppercase;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.vcard-grid-text p {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.vcard-grid:hover .res-label {background: var(--color-primary);}

/* next prev page */
.prev-page {text-align: left;}
.next-page {text-align: right;}

/* burg */
.burg{display:none;padding:13px 15px 9px;cursor:pointer;transition-property:opacity,filter;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;top:0px;right:0px;position:absolute;outline:none}.burg:hover{opacity:.7}.burg-box{width:28px;height:24px;display:inline-block;position:relative}.burg-inner{display:block;top:50%;margin-top:-2px;transition-duration:0.075s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.burg-inner,.burg-inner::before,.burg-inner::after{width:28px;height:4px;background-color:var(--color-primary);border-radius:4px;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease}.burg-inner::before,.burg-inner::after{content:"";display:block}.burg-inner::before{top:-10px;transition:top 0.075s 0.12s ease,opacity 0.075s ease}.burg-inner::after{bottom:-10px;transition:bottom 0.075s 0.12s ease,transform 0.075s cubic-bezier(.55,.055,.675,.19)}.burg.is-active .burg-inner{transform:rotate(45deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.burg.is-active .burg-inner::before{top:0;opacity:0;transition:top 0.075s ease,opacity 0.075s 0.12s ease}.burg.is-active .burg-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 0.075s ease,transform 0.075s 0.12s cubic-bezier(.215,.61,.355,1)}

/* Connect with us */
.connect {background: var(--color-primary);padding-top: 20px;padding-bottom: 20px;}
.connect h3 {color: var(--color-offWhite);}
.connect .button.icon-only {width: 48px;height: 48px;background:none;border: 1px solid #fff;border-radius:50%;}
.connect .button.icon-only img {width: 24px;height: 24px;}
.connect .button + .button {margin-left: 0.5rem;}
.connect h3 {font-size: 1.6em;line-height: 48px;margin: 0;padding-right: 20px;}

/* Footer */
.footer {background-image: url(https://www.queenstown.com/media/pages/home/2908428262-1560567235/home-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;padding: 40px 0 80px;background-size: cover;color: #fff;position: relative;}
.footer .container {z-index: 2;position: relative;}
.footer::before {content:' ';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background-color: rgba(0, 0, 0, 0.4);}
.footer a {display: block;color: #fff;padding: 5px 0;font-size: 1em;}
.footer h3 {font-size: 1.6em;line-height: 48px;margin-bottom: 20px;}

/* Image Placeholder */
.img-cover{overflow:hidden;-webkit-animation:placeholderShimmer 2s linear;animation:placeholderShimmer 2s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.08)),color-stop(15%,rgba(0,0,0,.15)),color-stop(30%,rgba(0,0,0,.08)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.08) 0,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 30%);background-image:linear-gradient(to right,rgba(0,0,0,.08) 0,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 30%);background-size:1200px 100%;display: block;width: 100%;position: relative;height: 0;}
.img-cover-16by9 {padding-bottom: 56.25%;}
.img-cover-4by3 {padding-bottom: 75%;}
.img-cover-1by1 {padding-bottom: 100%;}
.img-cover img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

a img {transition: all 0.3s ease-in-out}
a:hover img,a:focus img {opacity: 0.9;}

@-webkit-keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}
@keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}

/* Utility */
.word-break {word-break: break-all;}

@media (max-width:899px){
    .card.search {padding: 10px!important;border-radius: 0!important;top: 50px;z-index: 1;}
}

@media (max-width:1500px){
    .nav .tabs > a {padding: 1.4rem 2rem;}
    .vimeo-wrapper iframe {width: 140vw;}
}

@media (max-width:1400px){
    .nav {font-size: 1.6rem;}
    .nav .tabs > a {padding: 1.5rem 2rem;}
    .nav .brand img {padding-left: 0rem;padding-right: 0rem;}
    .nav .brand {padding: 1rem 2rem;}
}

@media (max-width:1200px){
    .nav .tabs > a {padding: 1.4rem 1.8rem;}
    .nav {font-size: 1.3rem;}
    .nav .brand img {max-height: 2.8rem;}
    .nav-btns .icon-only {height: 35px;width: 35px;}
}

@media (max-width:1024px){
    .nav .tabs > a {padding: 1.6rem;}
    .nav {font-size: 1.2rem;}
    .nav .brand img {max-height: 2.5rem;}
    .nav .brand {padding: 1.2rem 0 1.2rem 1.2rem;}
    .hero {height: 430px;}
    .hero .page-title span {font-size: 0.95em;}
    .hero span.page-title-lg,.home .hero span.page-title-lg {font-size: 2.2em;}
    .hero .page-title {bottom: 15px;}
    .vimeo-wrapper iframe {width: 125vw;top: 40%;}   
}

@media (max-width:991px){
    .nav .tabs > a {padding: 1.7rem 1.4rem;}
    .nav {font-size: 1rem;}
    .vimeo-wrapper iframe {width: 135vw;top: 30%;}
}

@media (max-width:899px){
    .intro {padding-right: 0px}
}

@media (max-width:850px){
    .nav-center {display:none; position: absolute;top: 50px;width: 100%;background-color: #222;}
    .nav .tabs {display: block;width: 100%;}
    .nav .tabs > a {width: 100%;display: block;flex: none;}
    .nav {font-size: 1.4rem;}
    .nav .brand img {max-height: 3rem;}
    .nav .brand {padding: 1rem 0 1.2rem 1.2rem;}
    .nav .button {margin: 0.8rem 0.5rem;}   
    .nav-btns {position: absolute;top: 0px;right: 40px;}
    .burg{display:block;}
    .hero .banner-title .button.icon-text .label {display: none;}
    .hero .banner-title .button.icon-text img {padding: 6px 0;}
    .hero .banner-title {bottom: 15px;right: 15px;}
}

@media (max-width:768px){
    p {font-size: 1.4rem;}
    .hero {height: 340px;}
    .hero .page-title span {font-size: 0.76em;}
    .hero span.page-title-lg,.home .hero span.page-title-lg {font-size: 1.8em;}
    .vimeo-wrapper iframe {width: 145vw;top: 20%;}
}

@media (max-width:768px){
    .carousel-cell {width: 50%;margin-right: 10px;}
}

@media (max-width: 640px){
    .hero {height: 300px;}
    .hero .page-title span {font-size: 0.67em;}
    .hero span.page-title-lg,.home .hero span.page-title-lg {font-size: 1.6em;}
    .carousel-cell {width: 100%;margin-right: 10px;}
    main h1 {font-size: 1.5em;line-height: 1.3;}
}

@media (max-width:599px){
    .booking-frame {margin: 0;}
}    

@media (max-width:598px){
    .hero {height: 280px;}
    .vcard-text {padding:20px 15px 90px;}
    .vcard-links {float: none;padding: 0px;position: absolute;bottom: 5px;left: 0px;width:100%;}
    .vcard-text .button {margin-left: 10px;margin-right: 10px;}
    .hero .page-title {bottom: 10px;}
}

@media (max-width: 460px){
    .hero {height: 310px;}
    .hero .page-title span {font-size: 0.58em;}
    .hero span.page-title-lg,.home .hero span.page-title-lg {font-size: 1.6em;}
    .vimeo-wrapper iframe {width: 180vw;top: 20%;}
}