@charset "UTF-8";


@font-face {
font-family: 'stmweathericons';
src: url(//grandeurresort.co.nz/wp-content/themes/hotello/public/fonts/stmicons/stmweathericons.eot?xql9xj);
src: url(//grandeurresort.co.nz/wp-content/themes/hotello/public/fonts/stmicons/stmweathericons.eot?xql9xj#iefix) format("embedded-opentype"), url(//grandeurresort.co.nz/wp-content/themes/hotello/public/fonts/stmicons/stmweathericons.ttf?xql9xj) format("truetype"), url(//grandeurresort.co.nz/wp-content/themes/hotello/public/fonts/stmicons/stmweathericons.woff?xql9xj) format("woff"), url(//grandeurresort.co.nz/wp-content/themes/hotello/public/fonts/stmicons/stmweathericons.svg?xql9xj#stmweathericons) format("svg");
font-weight: normal;
font-style: normal; }
[class^="stmweathericon-"], [class*=" stmweathericon-"] { font-family: 'stmweathericons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.stmweathericon-01d:before {
content: ""; }
.stmweathericon-01n:before {
content: ""; }
.stmweathericon-02d:before {
content: ""; }
.stmweathericon-02n:before {
content: ""; }
.stmweathericon-03d:before {
content: ""; }
.stmweathericon-03n:before {
content: ""; }
.stmweathericon-04d:before {
content: ""; }
.stmweathericon-04n:before {
content: ""; }
.stmweathericon-09d:before {
content: ""; }
.stmweathericon-09n:before {
content: ""; }
.stmweathericon-10d:before {
content: ""; }
.stmweathericon-10n:before {
content: ""; }
.stmweathericon-11d:before {
content: ""; }
.stmweathericon-11n:before {
content: ""; }
.stmweathericon-13d:before {
content: ""; }
.stmweathericon-13n:before {
content: ""; }
.stmweathericon-50d:before {
content: ""; }
.stmweathericon-50n:before {
content: ""; }
.stm_weather {
position: relative;
padding-right: 20px;
font-size: 13px; }
.stm_weather .temperature {
display: flex;
align-items: center; }
.stm_weather .temperature .degree {
font-weight: normal !important; }
.stm_weather .temperature .degree:after {
content: '°';
margin-right: 5px; }
.stm_weather [class*=stmweathericon] {
font-size: 20px;
margin-right: 5px; }
.stm_weather:after {
content: '';
display: block;
height: 40px;
width: 1px;
position: absolute;
right: -7px;
top: 0;
margin-top: -10px;
background: rgba(255, 255, 255, 0.1); }.vc_container,
.vc_container-fluid {
position: relative;
z-index: 10; }
.vc_container .container,
.vc_container-fluid .container {
max-width: 100%; }
.vc_container .container-fluid,
.vc_container-fluid .container-fluid {
width: 100%; } .vc_row-flex .row:before, .vc_row-flex .row:after {
display: none; }
.vc_row > .container > .row {
padding: 0; }
.vc_row-flex > .container > .row, .vc_row-flex > .container-fluid > .row {
display: flex;
flex-wrap: wrap; }
.vc_row-flex > .container > .row > .vc_column_container, .vc_row-flex > .container-fluid > .row > .vc_column_container {
display: flex; }
.vc_row-flex > .container > .row > .vc_column_container > .vc_column-inner, .vc_row-flex > .container-fluid > .row > .vc_column_container > .vc_column-inner {
flex-grow: 1;
display: flex;
flex-direction: column;
z-index: 1; }
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
.vc_row-flex > .container > .row > .vc_column_container > .vc_column-inner, .vc_row-flex > .container-fluid > .row > .vc_column_container > .vc_column-inner { }
.vc_row-flex > .container > .row > .vc_column_container > .vc_column-inner > *, .vc_row-flex > .container-fluid > .row > .vc_column_container > .vc_column-inner > * {
min-height: 1em; } }
.vc_row-flex > .container > .row::before, .vc_row-flex > .container > .row::after, .vc_row-flex > .container-fluid > .row::before, .vc_row-flex > .container-fluid > .row::after {
display: none; }
.vc_row-o-columns-stretch > .container > .row, .vc_row-o-columns-stretch > .container-fluid > .row {
align-content: stretch; }
.vc_row-o-columns-top > .container > .row, .vc_row-o-columns-top > .container-fluid > .row {
align-content: flex-start; }
.vc_row-o-columns-bottom > .container > .row, .vc_row-o-columns-bottom > .container-fluid > .row {
align-items: flex-end; }
.vc_row-o-columns-middle > .container > .row, .vc_row-o-columns-middle > .container-fluid > .row {
align-items: flex-end; }
.vc_row.vc_row-o-columns-top > .container > .row::after, .vc_row.vc_row-o-columns-top > .container-fluid > .row::after, .vc_row.vc_row-o-columns-bottom > .container > .row::after, .vc_row.vc_row-o-columns-bottom > .container-fluid > .row::after, .vc_row.vc_row-o-columns-middle > .container > .row::after, .vc_row.vc_row-o-columns-middle > .container-fluid > .row::after {
content: '';
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden;
display: block; }
.vc_row-o-equal-height > .container > .row > .vc_column_container, .vc_row-o-equal-height > .container-fluid > .row > .vc_column_container {
align-items: stretch; }
.vc_row-o-content-top > .container > .row > .vc_column_container > .vc_column-inner, .vc_row-o-content-top > .container-fluid > .row > .vc_column_container > .vc_column-inner {
justify-content: flex-start; }
.vc_row-o-content-top:not(.vc_row-o-equal-height) > .container > row > .vc_column_container, .vc_row-o-content-top:not(.vc_row-o-equal-height) > .container-fluid > row > .vc_column_container {
align-items: flex-start; }
.vc_row-o-content-bottom > .container > .row > .vc_column_container > .vc_column-inner, .vc_row-o-content-bottom > .container-fluid > .row > .vc_column_container > .vc_column-inner {
justify-content: flex-end; }
.vc_row-o-content-bottom:not(.vc_row-o-equal-height) > .container > row > .vc_column_container, .vc_row-o-content-bottom:not(.vc_row-o-equal-height) > .container-fluid > row > .vc_column_container {
align-items: flex-end; }
.vc_row-o-content-middle > .container > .row > .vc_column_container > .vc_column-inner, .vc_row-o-content-middle > .container-fluid > .row > .vc_column_container > .vc_column-inner {
justify-content: center; }
.vc_row-o-content-middle:not(.vc_row-o-equal-height) > .container > .vc_column_container, .vc_row-o-content-middle:not(.vc_row-o-equal-height) > .container-fluid > .vc_column_container {
align-items: center; }
.wpb_column[data-stretch].vc_column_container > .vc_column-inner {
background-size: cover;
height: 100%; }
@media (max-width: 1023px) {
div[data-stretch="right"] .vc_column-inner {
position: relative; } }
@media (max-width: 769px) {
.vc_col-sm-6:nth-of-type(2n+1) {
clear: both; } }
.bump_round {
width: 139px;
height: 139px;
position: absolute;
top: -23px;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 50%;
background-color: #fff;
text-align: center;
z-index: -1; }
.bump_bottom {
bottom: -23px;
top: auto; }
.vc_section.vc_row-o-full-height {
min-height: 100vh !important; }
canvas.vc_row_canvas_anim {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%; }
svg.vc_row_canvas_anim {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 170px;
transition: opacity .3s ease;
opacity: 0; }
svg.vc_row_canvas_anim.loaded {
opacity: 1; }
.stm_gradient_animation {
-webkit-animation: Gradient 15s ease infinite;
animation: Gradient 15s ease infinite;
background-size: 400% 400% !important; }
.stm_container_has_video {
overflow: hidden; }
.stm_container_has_video .stm_video_iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 1px;
padding-bottom: 56.25%; z-index: 10; }
@media (min-width: 1500px) {
.stm_container_has_video .stm_video_iframe {
-webkit-transform: translateY(-25%);
transform: translateY(-25%); } }
.stm_container_has_video .stm_video_iframe iframe {
display: block;
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 100%; }
.stm_container_has_video .vc_video-bg-container {
z-index: 30; }
.stm_container_has_video .stm_row-opacity {
z-index: 20; }
@media (max-width: 1100px) {
.stm_container_has_video .stm_video_iframe {
display: none; } }
.stm_featured_row > .vc_row > .wpb_column {
box-shadow: 0 2px 7px rgba(0, 0, 0, 0); }
.stm_featured_row > .vc_row > .wpb_column:hover {
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13); }
.stm_featured_row .stm_featured_box {
position: relative;
-webkit-transform: scale(1.1);
transform: scale(1.1);
z-index: 10; }
.stm_featured_row .stm_featured_box .wpb_wrapper {
-webkit-transform: scale(0.95);
transform: scale(0.95); }
@media (max-width: 550px) {
.stm_featured_row {
margin-left: 0 !important;
margin-right: 0 !important; }
.stm_featured_row .stm_featured_box {
-webkit-transform: scale(1);
transform: scale(1); }
.stm_featured_row .stm_featured_box .wpb_wrapper {
-webkit-transform: scale(1);
transform: scale(1); } }
.stm_row__divider_enabled {
position: relative; }
.stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_bottom .stm_row__divider, .stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_top .stm_row__divider, .stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_both .stm_row__divider {
position: absolute;
left: 0;
right: 0; }
.stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_bottom .stm_row__divider:after, .stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_top .stm_row__divider:after, .stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_both .stm_row__divider:after {
content: '';
bottom: -5px;
display: block;
background: linear-gradient(45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667%);
background-repeat: repeat-x;
background-size: 16px 32px;
height: 8px;
-webkit-filter: drop-shadow(#ffffff 0px 1px 0px); }
.stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_top .stm_row__divider, .stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_both .stm_row__divider:nth-child(1) {
bottom: auto;
top: -8px; }
.stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_bottom .stm_row__divider, .stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_both .stm_row__divider:nth-child(2) {
top: auto;
bottom: -8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.overlap_mobile {
z-index: 15 !important; }
[class*=vc_container] .stm_kenburns {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: -1; }
[class*=vc_container] .stm_kenburns .stm_kenburns__image {
width: 110%;
height: 110%;
margin-left: -5%;
margin-top: -5%;
-webkit-animation: 60s linear stm_kenburns infinite;
animation: 60s linear stm_kenburns infinite;
background-repeat: no-repeat;
background-size: cover; }
@media (max-width: 1023px) {
.overlap_mobile .vc_row-o-equal-height .vc_column-inner > .wpb_wrapper {
height: auto !important; } }
@-webkit-keyframes stm_kenburns {
0% {
-webkit-transform: scale(1) translateX(0) translateY(0);
transform: scale(1) translateX(0) translateY(0); }
50% {
-webkit-transform: scale(1.2) translateX(-10%) translateY(5%);
transform: scale(1.2) translateX(-10%) translateY(5%); }
100% {
-webkit-transform: scale(1) translateX(0) translateY(0);
transform: scale(1) translateX(0) translateY(0); } }
@keyframes stm_kenburns {
0% {
-webkit-transform: scale(1) translateX(0) translateY(0);
transform: scale(1) translateX(0) translateY(0); }
50% {
-webkit-transform: scale(1.2) translateX(-10%) translateY(5%);
transform: scale(1.2) translateX(-10%) translateY(5%); }
100% {
-webkit-transform: scale(1) translateX(0) translateY(0);
transform: scale(1) translateX(0) translateY(0); } }.stm_infobox_style_2 {
position: relative;
min-height: 635px;
margin: 0 -15px;
overflow: hidden; }
.stm_infobox_style_2:before, .stm_infobox_style_2:after {
content: '';
position: absolute;
left: 0;
right: 0;
height: 30px;
background: #fff;
transition: 0.8s cubic-bezier(0.06, 0.43, 0.22, 1);
z-index: 200; }
.stm_infobox_style_2:before {
top: 0; }
.stm_infobox_style_2:after {
bottom: 0; }
.stm_infobox_style_2 .stm_infobox_bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
background-size: cover;
background-repeat: no-repeat;
transition: 0.8s cubic-bezier(0.06, 0.43, 0.22, 1);
z-index: 70; }
.stm_infobox_style_2 .inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden; }
.stm_infobox_style_2 .inner:before {
content: '';
position: absolute;
top: -30px;
bottom: -30px;
left: 0;
right: 0;
display: block;
background: rgba(15, 22, 42, 0.5);
transition: 0.8s cubic-bezier(0.06, 0.43, 0.22, 1);
z-index: 90; }
.stm_infobox_style_2 .stm_infobox_back, .stm_infobox_style_2 .stm_infobox_front {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 15px 30px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
text-align: center;
z-index: 100;
color: #fff;
transition: 0.8s cubic-bezier(0.06, 0.43, 0.22, 1); }
.stm_infobox_style_2 .stm_infobox_back > *, .stm_infobox_style_2 .stm_infobox_front > * {
position: relative;
width: 100%;
z-index: 150; }
.stm_infobox_style_2 .stm_infobox_back i, .stm_infobox_style_2 .stm_infobox_front i {
margin-bottom: 40px;
color: #fff; }
.stm_infobox_style_2 .stm_infobox_back h2, .stm_infobox_style_2 .stm_infobox_front h2 {
padding: 0 45px;
color: #fff; }
.stm_infobox_style_2 .stm_infobox_back h4, .stm_infobox_style_2 .stm_infobox_front h4 {
padding: 0 25%;
color: #fff;
text-transform: uppercase; }
.stm_infobox_style_2 .stm_infobox_back p, .stm_infobox_style_2 .stm_infobox_front p {
padding: 0 30px; }
.stm_infobox_style_2 .stm_infobox_front {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0); }
.stm_infobox_style_2 .stm_infobox_back {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(30px);
transform: translateY(30px);
transition-duration: 0s; }
.stm_infobox_style_2:hover:after, .stm_infobox_style_2:hover:before {
height: 0; }
.stm_infobox_style_2:hover .inner:before {
top: 0;
bottom: 0;
background: rgba(15, 22, 42, 0.5); }
.stm_infobox_style_2:hover .stm_infobox_front {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
transition: 0s; }
.stm_infobox_style_2:hover .stm_infobox_back {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
transition-duration: 0.8s; }
@media (max-width: 1440px) {
.stm_infobox_style_2 .stm_infobox_back p,
.stm_infobox_style_2 .stm_infobox_back h2,
.stm_infobox_style_2 .stm_infobox_back h4,
.stm_infobox_style_2 .stm_infobox_front p,
.stm_infobox_style_2 .stm_infobox_front h2,
.stm_infobox_style_2 .stm_infobox_front h4 {
padding: 0; } }
@media (max-width: 769px) {
.stm_infobox_style_2 {
min-height: 430px; }
.stm_infobox_style_2:before, .stm_infobox_style_2:after {
display: none; } }