@font-face {
    font-family: 'gothamroundedmedium';
    src: url('https://www.belvedereapartments.co.nz/assets/fonts/gotham-rounded-medium/Gotham-Rounded-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'gothamroundedbook';
    src: url('https://www.belvedereapartments.co.nz/assets/fonts/gotham-rounded-book/Gotham-Rounded-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'verlaglight';
    src: url('https://www.belvedereapartments.co.nz/assets/fonts/verlag-light/Verlag-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'verlagbook';
    src: url('https://www.belvedereapartments.co.nz/assets/fonts/verlag-book/Verlag-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'verlagbold';
    src: url('https://www.belvedereapartments.co.nz/assets/fonts/verlag-bold/Verlag-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.k-block-container-type-multi {
  background:transparent;
}


a.block-img {
  overflow: hidden;
}
a.block-img img {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
}
    
a.block-img:hover img {
  transform: scale(1.1);
}


/* Containers */
.container {max-width: 1200px;}
.container-tiny {max-width: 800px;}
.container-small {max-width: 900px;}
.container-medium {max-width: 1400px;}
.container-large {max-width: 1600px;}
.container-fluid {width: 100%;}

.container-pad {margin: 0!important;}
.container-pad [class*=" col-"],.container-pad [class^=col-] {padding: 15px 0px 15px;}

/* Headings */
.heading {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;}

.heading .small {font-size:26px;}
.heading .medium {font-size:36px;}
.heading .large {font-size:46px;}

h1 span,[data-level="h1"] span,
h2 span,[data-level="h2"] span,
h3 span,[data-level="h3"] span,
h4 span,[data-level="h4"] span,
h5 span,[data-level="h5"] span {display:block;}  

/* Text */
.text.small p{font-size:18px;}
.text.medium p{font-size:22px;}
.text.large p{font-size:26px;}

/* Menu */
ul.main-menu {display:flex;list-style:none;padding:0;margin:0;height:100%;}
ul.main-menu li {display:block;height:100%}
ul.main-menu a{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding:15px 20px;font-weight: 600;background-color:transparent;color:#555;}
ul.main-menu a:hover{color:#2b78a4;}
ul.main-menu a.active{background-color:#F7F8Fa;}
ul.main-menu a.active{color:#555;}

/* Sub Menu */
ul.sub-menu{list-style:none;padding:0;margin:0;background:#fff;position:absolute;display:block}
ul.sub-menu{display:none}
ul.sub-menu.open{display:block}

/* ICON LIST */
.iconlist {}
.iconlist .icon {margin-right:15px;display:flex;}
.iconlist .heading {display: inline-flex;align-items: center;}
.iconlist.two-cols {display:flex;flex-wrap: wrap;}
.iconlist.two-cols .heading {width: 50%;}

/* ADDRESS */
.address p {display: flex;align-items: center;margin: 0;padding: 0 0 10px 0;}
.address .address-logo {max-width: 145px;display: inline-block;vertical-align: middle;margin-right: 40px;}
.address .address-logo img {max-width: 145px;}
.address .address-text {display: inline-block;vertical-align: middle;}
.address .address-text img {margin-right:8px;}

/* TEXT LIST */
.text.list ul {margin: 0;padding: 0 20px;display: flex;flex-wrap: wrap;}
.text.list li {padding-bottom: 5px;width: 50%;}

/* BOOKING WIDGET */
.booking-widget {background-color: #f1f1f1;}
.booking-widget .room-detail {text-align: center;padding: 20px 30px;}
.booking-widget .room-detail .price {margin-bottom: 0;margin-top: 10px;color: #898989;font-size: 18px;line-height: 1;font-family: 'Montserrat';}
.booking-widget .room-detail .amount {font-weight: bold;font-size: 40px;color: #232323;}
.booking-widget .logo {width: 90px;margin: 0px auto;}
.booking-widget .booking-form {border-top: 1px solid #e4e4e4;padding: 0 30px 33px 30px;}
.booking-widget .booking-form label {display: block;font-size: 12px;font-family: 'Montserrat';font-weight: bold;text-transform: uppercase;margin-top: 25px;margin-bottom: 10px;}
.booking-widget .booking-form input,
.booking-widget .booking-form select {border-width: 0;background-color: #fff;line-height: 30px;height: 30px;color: #898989;font-weight: 500;padding: 8px 10px;width: 100%;}
.booking-widget .booking-form button {width: 100%;margin-top: 30px;}

.booking-widget [data-toggle="datepicker"] {
    background-image: url(https://dev.hq.net.nz/belvedere/assets/img/calendar-dark.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 15px;
}

ul.main-menu a {
background: #ffffff;
color: #1a1a1a;
border: none;
font-weight:500;
}

ul.main-menu a:hover {
background: #E1BD85;
color: #ffffff;
border: none;
}

.nav .active:not(.button),
.nav .active:not(.button):hover{
background: #E1BD85;
color: #ffffff;
border: none;
}


/* Typography */
h1.heading,.heading[data-level="h1"]{
font-family:'montserrat',sans-serif;font-size:50px;font-weight:300;line-height:1.2;margin:.35em 0 .3em;padding:0;}
h2.heading,.heading[data-level="h2"]{
font-family:'montserrat',sans-serif;font-size:32px;font-weight:600;line-height:1.2;margin:.35em 0 .7em;padding:0;}
h3.heading,.heading[data-level="h3"]{
font-family:'montserrat',sans-serif;font-size:24px;font-weight:500;line-height:1.2;margin:.35em 0 .7em;padding:0;}
h4.heading,.heading[data-level="h4"]{
font-family:'montserrat',sans-serif;font-size:18px;font-weight:300;line-height:1.2;margin:.35em 0 .4em;padding:0;}
p.text,.text p{
font-family:'open sans',sans-serif;font-size:14px;font-weight:400;line-height:1.5;margin:0;padding:0 0 20px 0;}
ul.main-menu a{
font-family:'open sans',sans-serif;font-size:13px;font-weight:500;line-height:1.6;}
.footer-text-1 a:hover{
color:#ffffff;}
.footer-text-2 a:hover{
color:#E1BD85;}
.icon-text a:hover{
color:#E1BD85;}
#check-availability{
margin:-80px 0 0 0;}
.card-style-2.card:hover  .card-text .heading{
color:#E1BD85;}

/* Header Styles */
.header-small{
font-family:'montserrat',sans-serif;font-size:20px;font-weight:500;line-height:1.3;margin:20px 0 0;padding:0;}
.header-h1-300{
font-family:'montserrat',sans-serif;font-size:50px;font-weight:300;line-height:1.2;margin:.35em 0 .3em;padding:0;}
.header-h2-300{
font-family:'montserrat',sans-serif;font-size:36px;font-weight:300;line-height:1.2;margin:.35em 0 .3em;padding:0;}
.header-icon{
font-family:'montserrat',sans-serif;font-size:25px;font-weight:300;line-height:1.5;margin:0;padding:0;color:#ffffff;}
.header-icon-2{
font-family:'open sans',sans-serif;font-size:16px;font-weight:400;line-height:1.6;margin:0 0 30px 0;padding:0;}
.header-icon-3{
font-family:'montserrat',sans-serif;font-size:28px;font-weight:300;line-height:1;margin:0;padding:0;color:#ffffff;}
.header-icon-4{
font-family:'montserrat',sans-serif;font-size:18px;font-weight:500;line-height:1.5;margin:0 0 25px 0;padding:0;}
.footer-text-1{
font-family:'open sans',sans-serif;font-size:14px;font-weight:400;line-height:2.3;color:#ACACAC;}
.footer-text-2{
font-family:'open sans',sans-serif;font-size:14px;font-weight:400;line-height:2.3;color:#ACACAC;}
.icon-text{
font-family:'open sans',sans-serif;font-size:18px;font-weight:400;line-height:1.5;margin:0;}

/* Utility */
.header-underline-center{
}
.header-underline-center:after{content:' ';display:block;
width:100px;height:1px;margin:10px auto;background:#E1BD85;}
.header-underline-left{
}
.header-underline-left:after{content:' ';display:block;
width:100px;height:1px;margin:10px 0;background:#E1BD85;}
.input-style-1{
margin:0 10px 0 20px ;padding:5px 10px;border:2px solid #fff;display:inline-block;vertical-align:middle;width:360px;height:40px;border-radius:0;background:#FFFFFF00;color:#ffffff;}
.input-style-2{
margin:10px 10px 10px 0;padding:5px 10px;border:2px solid #fff;display:inline-block;vertical-align:middle;width:150px;height:40px;border-radius:0;background:#FFFFFF00;color:#ffffff;}
.input-style-3{
margin:0;padding:5px 10px;border:2px solid #fff;display:inline-block;vertical-align:middle;width:100%;height:40px;border-radius:0;background:#ffffff;color:#101010;}
.accom-buttons{
margin:0 0 40px;padding:10px 0;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;justify-content:space-between;display:flex;}
.white-text{
color:#ffffff;}

/* Icons */
.icon.icon-style-1{
border:2px solid #e1bd85;border-radius:50px;margin:0 15px 0 0;padding:8px;}
.icon.icon-style-1 img {
}
.icon.icon-style-2{
border:2px solid #ffffff;border-radius:50px;margin:0 15px 0 0;padding:8px;}
.icon.icon-style-2 img {
}
.icon.icon-style-3{
padding:4px 0;}
.icon.icon-style-3 img {
}
.icon.icon-style-4{
border:2px solid #e1bd85;border-radius:100px;margin:0 15px 0 0;padding:10px;}
.icon.icon-style-4 img {
width:35px;height:35px;}
.icon.icon-style-5{
border:2px solid #e1bd85;border-radius:50px;margin:0 15px 0 0;padding:10px;}
.icon.icon-style-5 img {
}
.icon.icon-style-6{
border:2px solid #e1bd85;margin:0 10px 0 0;padding:10px;}
.icon.icon-style-6 img {
}

/* Overlays */
.overlay::before {content: '';position: absolute;top: 0;width: 100%;height: 100%;}
.light::before{background:#FFFFFF99;}
.dark::before{background:#00000066;}
.blue::before{background:#0B477980;}
.dark-blue::before{background:rgb(9 65 116 / 80%);}

/* Alignment */
.align-top {display: grid;width: 100%;align-content: flex-start;}
.align-center {display: grid;width: 100%;align-content: center;}
.align-bottom {display: grid;width: 100%;align-content: flex-end;}

/* Post Date */
.post-date {margin-bottom: 20px;}

/* Borders */
.border-rad-tiny {border-radius:5px;}
.border-rad-small {border-radius:10px;}
.border-rad-medium {border-radius:20px;}
.border-rad-large {border-radius:50px;}
.border-rad-round {border-radius:500px;}
.border-rad-custom {border-radius:80px 20px 80px 20px;}

/* Background Cover */
.bg-cover {background-size: cover;background-position: center;}

/* Features */
.feature {display:flex;width:100%;margin-bottom:30px;background-color:#fff;}
.feature .feature-img img {display: block;width:100%;height:100%;object-fit:cover;}
.feature .feature-text{padding: 30px;display: flex;align-items: center;width: 100%;}

/* Buttons */
.button {display: inline-block;padding: 16px 25px;color: #222;background-color: #e6e6e6;border-radius: 4px;font-weight: 500;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;line-height:1;vertical-align:middle;}
.button.small {font-size: 18px;}
.button.medium {font-size: 22px;padding: 14px 25px;}
.button.large {font-size: 26px;padding: 16px 25px;}
.button+.button {margin-left: 1rem;}

.btn-style-1,
.card .button.btn-style-1{
width:auto;;
padding:14px 30px 11px 30px;border:2px solid #ffffff;background:#FFFFFF00;color:#ffffff;border-radius:0;font-family:'montserrat',sans-serif;font-size:14px;font-weight:300;}

.btn-style-1 .chevron,
.card .button.btn-style-1 .chevron {
margin-left: 5px;
}

.btn-style-1:hover,
.btn-style-1:active,
.card .button.btn-style-1:hover,
.card .button.btn-style-1:active {
border:2px solid #e1bd85;background:#E1BD85;color:#ffffff;opacity:1;
}

.btn-style-1:hover .chevron,
.btn-style-1:active .chevron,
.card .button.btn-style-1:hover .chevron,
.card .button.btn-style-1:active .chevron {
}
.btn-style-2,
.card .button.btn-style-2{
width:auto;;
padding:12px 15px;border:2px solid #1a1a1a;background:#FFFFFF00;color:#1a1a1a;border-radius:0;font-family:'montserrat',sans-serif;font-size:12px;font-weight:300;}

.btn-style-2 .chevron,
.card .button.btn-style-2 .chevron {
margin-left: 5px;
}

.btn-style-2:hover,
.btn-style-2:active,
.card .button.btn-style-2:hover,
.card .button.btn-style-2:active {
border:2px solid #e1bd85;background:#E1BD85;color:#ffffff;opacity:1;
}

.btn-style-2:hover .chevron,
.btn-style-2:active .chevron,
.card .button.btn-style-2:hover .chevron,
.card .button.btn-style-2:active .chevron {
}
.btn-style-3,
.card .button.btn-style-3{
width:auto;;
padding:12px 15px;border:2px solid #e1bd85;background:#E1BD85;color:#ffffff;border-radius:0;font-family:'montserrat',sans-serif;font-size:12px;font-weight:300;}

.btn-style-3 .chevron,
.card .button.btn-style-3 .chevron {
margin-left: 5px;
}

.btn-style-3:hover,
.btn-style-3:active,
.card .button.btn-style-3:hover,
.card .button.btn-style-3:active {
border:2px solid #e1bd85;background:#ffffff;color:#E1BD85;opacity:1;
}

.btn-style-3:hover .chevron,
.btn-style-3:active .chevron,
.card .button.btn-style-3:hover .chevron,
.card .button.btn-style-3:active .chevron {
}
.btn-style-4,
.card .button.btn-style-4{
width:auto;;
padding:10px 25px;border:2px solid #e1bd85;background:#E1BD85;color:#ffffff;border-radius:0;font-family:'montserrat',sans-serif;font-size:16px;font-weight:300;}

.btn-style-4 .chevron,
.card .button.btn-style-4 .chevron {
margin-left: 5px;
}

.btn-style-4:hover,
.btn-style-4:active,
.card .button.btn-style-4:hover,
.card .button.btn-style-4:active {
border:2px solid #ffffff;background:#ffffff;color:#E1BD85;opacity:1;
}

.btn-style-4:hover .chevron,
.btn-style-4:active .chevron,
.card .button.btn-style-4:hover .chevron,
.card .button.btn-style-4:active .chevron {
}
.btn-card-style-1,
.card .button.btn-card-style-1{
width:auto;;
padding:0px;border:none;background:#FFFFFF00;color:#101010;border-radius:0;font-family:'montserrat',sans-serif;font-size:12px;font-weight:500;position:relative;margin:0;text-align:left;}

.btn-card-style-1 .chevron,
.card .button.btn-card-style-1 .chevron {
height:10px;width:10px; fill:#101010;margin-left: 5px;
}

.btn-card-style-1:hover,
.btn-card-style-1:active,
.card .button.btn-card-style-1:hover,
.card .button.btn-card-style-1:active {
border:none;background:#FFFFFF00;color:#E1BD85;opacity:1;
}

.btn-card-style-1:hover .chevron,
.btn-card-style-1:active .chevron,
.card .button.btn-card-style-1:hover .chevron,
.card .button.btn-card-style-1:active .chevron {
fill:#E1BD85;}


.button .chevron, .card .button .chevron {
    transition: fill .3s ease; 
    -webkit-transition: fill .3s ease;
    -moz-transition: fill .3s ease;
    -ms-transition: fill .3s ease;
    -o-transition: fill .3s ease;
    height: 13px;
    width: 13px;
    margin-left: 6px;
}

/* Cards */
.card {position: relative;margin:0 0 40px;flex:0 0 100%;overflow: hidden;background:#fff;}
.card .button {width:calc(100% - 20px);margin:0 10px 10px;text-align:center;position:absolute;bottom:0;left:0;right:0;padding:16px;border-radius:5px;}
.card .card-text {text-align:center;padding:25px 15px 10px;width: 100%;}
.card .card-text.has-button {padding:25px 15px 70px;}
.card .card-text > p {padding:0 0 20px;margin:0;}
.card .card-img {overflow:hidden;}
.card .card-img img {-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.card .card-img-full {display:flex;position:relative;}
.card .card-img-full img {display:block;margin:0px auto;}
.card .card-img-cover {display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:75% 0 0 0;}
.card .card-img-cover img {display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;object-fit:cover;}
.card .card-img-cover.img-aspect-169 {padding:56.25% 0 0 0;}
.card .card-img-cover.img-aspect-43 {padding:75% 0 0 0;}
.card .card-img-cover.img-aspect-32 {padding:66.66% 0 0 0;}
.card .card-img-cover.img-aspect-11 {padding:100% 0 0 0;}

.card-style-1.card {background-color:#ffffff;}
.card-style-1.card .card-text {position:absolute;bottom:20px;}
.card-style-1.card .card-text {padding:15px 20px;}
.card-style-1.card .card-text {background-color:#000000B3;}
.card-style-1.card .card-text {text-align:left;}
.card-style-1.card .card-text .heading {font-family:'hind',sans-serif;}
.card-style-1.card .card-text .heading {font-size:20px;}
.card-style-1.card .card-text .heading {font-weight:normal;}
.card-style-1.card .card-text .heading {margin:0;}
.card-style-1.card .card-text .heading {color:#ffffff;}
.card-style-1.card .card-text .text {margin:0;}
.card-style-1.card:hover .card-img img {transform: scale(1.1);}
.card-style-1.card .card-img img {width: 100%;height: 100%;object-fit: cover;}

.card-style-2.card {background-color:#ffffff;}
.card-style-2.card .card-text {position:relative;bottom:0px;}
.card-style-2.card .card-text {padding:15px 0px;}
.card-style-2.card .card-text.has-button {padding:15px 0px 0px;}
.card-style-2.card .card-text {text-align:left;}
.card-style-2.card .card-text .heading {font-family:'montserrat',sans-serif;}
.card-style-2.card .card-text .heading {font-size:20px;}
.card-style-2.card .card-text .heading {font-weight:600;}
.card-style-2.card .card-text .heading {color:#101010;}
.card-style-2.card .card-text .text {margin:0;}
.card-style-2.card:hover .card-img img {transform: scale(1.1);}
.card-style-2.card .card-img img {width: 100%;height: 100%;object-fit: cover;}


.card-row [class*=" col-"], .card-row [class^=col-]{display: flex;}


.nopad p {padding:0}
.nomar p {margin:0}


/* GALLERY*/
.gallery {width:100%;overflow:hidden}
.gallery img {display:block;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;width:100%;height:auto;}
.gallery a {overflow:hidden;}
.gallery a:hover img {transform: scale(1.1);}
.gallery .img-aspect .gallery-popup {padding: 75% 0 0 0;display: block;width: 100%;height: auto;position: relative;overflow: hidden;}
.gallery .img-aspect-169 .gallery-popup {padding:56.25% 0 0 0;}
.gallery .img-aspect-43 .gallery-popup {padding:75% 0 0 0;}
.gallery .img-aspect-32 .gallery-popup {padding:66.66% 0 0 0;}
.gallery .img-aspect-11 .gallery-popup {padding:100% 0 0 0;}
.gallery .img-aspect .gallery-popup img {display: block;width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;object-fit: cover;}
.gallery .gap-small {padding:5px;}
.gallery .gap-medium {padding:10px;}
.gallery .gap-large {padding:15px;}

/* MASONRY */
.gallery .masonry .gap-small {margin: 0 0 10px 10px;}
.gallery .masonry .gap-medium {margin: 0 0 20px 20px;}
.gallery .masonry .gap-large {margin: 0 0 30px 30px;}
.gallery .masonry {margin-left: -10px;display: flex;width: 100%;flex-flow: row wrap;}
.gallery .masonry > div {flex: auto;height: 250px;min-width: 150px;overflow: hidden;margin: 0 0 20px 20px;position: relative;}
.gallery .masonry div:nth-child(7n+1) {width: 250px;}
.gallery .masonry div:nth-child(7n+2) {width: 325px;}
.gallery .masonry div:nth-child(7n+3) {width: 180px;}
.gallery .masonry div:nth-child(7n+4) {width: 380px;}
.gallery .masonry div:nth-child(7n+5) {width: 300px;}
.gallery .masonry div:nth-child(7n+6) {width: 285px;}
.gallery .masonry div:nth-child(7n+7) {width: 195px;}
.gallery .masonry div img{object-fit: cover;width: 100%;height: 100%;}

/* COLUMNS */
.column {display:flex;flex-wrap: wrap;}
.column > div {overflow: hidden;}
.one-cols > div{width:100%;}
.two-cols > div{width:50%;}
.three-cols > div{width:33.333%;}
.four-cols > div{width:25%;}
.five-cols > div{width:20%;}
.six-cols > div{width:16.666%;}

/* FAQ */
.faq {margin: 0 0 10px 0;}
.faq-question {background-color:#e9e9e9;color:#444;cursor:pointer;padding:18px;width:100%;text-align:left;border:none;outline:none;position:relative;}
.faq-question.active {background-color:#2b78a4;color:#fff;}
.faq-answer {background-color:#f7f8fa;overflow:hidden;max-height:0;transition:all 1s;}
.faq-answer.active {max-height:330px;}
.faq-question.active:after {content:"\2212";color:#fff;}
.faq-question:after{content:"\002B";color:#777;font-size:18px;top:16px;position:absolute;right:21px;}

/* Padding */
.pt-0{padding-top:0}
.pt-10{padding-top:10px}
.pt-20{padding-top:20px}
.pt-30{padding-top:30px}
.pt-40{padding-top:40px}
.pt-50{padding-top:50px}
.pt-60{padding-top:60px}
.pt-70{padding-top:70px}
.pt-80{padding-top:80px}
.pt-90{padding-top:90px}
.pt-100{padding-top:100px}
.pt-120{padding-top:120px}
.pt-150{padding-top:150px}
.pt-200{padding-top:200px}
.pt-250{padding-top:250px}
.pb-0{padding-bottom:0}
.pb-10{padding-bottom:10px}
.pb-20{padding-bottom:20px}
.pb-30{padding-bottom:30px}
.pb-40{padding-bottom:40px}
.pb-50{padding-bottom:50px}
.pb-60{padding-bottom:60px}
.pb-70{padding-bottom:70px}
.pb-80{padding-bottom:80px}
.pb-90{padding-bottom:90px}
.pb-100{padding-bottom:100px}
.pb-120{padding-bottom:120px}
.pb-150{padding-bottom:150px}
.pb-200{padding-bottom:200px}
.pb-250{padding-bottom:250px}
.p-10 {padding:10px;}
.p-20 {padding:20px;}
.p-30 {padding:30px;}
.p-40 {padding:40px;}
.p-50 {padding:50px;}

/* Margins */
.mt-0{margin-top:0}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mt-50{margin-top:50px}
.mt-60{margin-top:60px}
.mt-70{margin-top:70px}
.mt-80{margin-top:80px}
.mt-90{margin-top:90px}
.mt-100{margin-top:100px}
.mt-120{margin-top:120px}
.mt-150{margin-top:150px}
.mt-200{margin-top:200px}
.mt-250{margin-top:250px}
.mb-0{margin-bottom:0}
.mb-10{margin-bottom:10px}
.mb-20{margin-bottom:20px}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mb-50{margin-bottom:50px}
.mb-60{margin-bottom:60px}
.mb-70{margin-bottom:70px}
.mb-80{margin-bottom:80px}
.mb-90{margin-bottom:90px}
.mb-100{margin-bottom:100px}
.mb-120{margin-bottom:120px}
.mb-150{margin-bottom:150px}
.mb-200{margin-bottom:200px}
.mb-250{margin-bottom:250px}



.text-pt-0 p{padding-top:0px}
.text-pt-5 p{padding-top:5px}
.text-pt-10 p{padding-top:10px}
.text-pt-15 p{padding-top:15px}
.text-pt-20 p{padding-top:20px}
.text-pt-25 p{padding-top:25px}
.text-pt-30 p{padding-top:30px}
.text-pt-35 p{padding-top:35px}
.text-pt-40 p{padding-top:40px}


.text-pb-0 p{padding-bottom:0px}
.text-pb-5 p{padding-bottom:5px}
.text-pb-10 p{padding-bottom:10px}
.text-pb-15 p{padding-bottom:15px}
.text-pb-20 p{padding-bottom:20px}
.text-pb-25 p{padding-bottom:25px}
.text-pb-30 p{padding-bottom:30px}
.text-pb-35 p{padding-bottom:35px}
.text-pb-40 p{padding-bottom:40px}


[data-toggle="datepicker"] {
  background-image: url('https://dev.hq.net.nz/belvedere/assets/img/calendar.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 15px;
}

.input-style-1::placeholder,
.input-style-2::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}
.input-style-1:-ms-input-placeholder,
.input-style-2:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}
.input-style-1::-ms-input-placeholder,
.input-style-2::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

select.input-style-2 option { color: #1a1a1a; }


/* Video */
.video {width: 100%;border-radius:10px;}
.video-wrapper{display:table;width:auto;position:relative;}
.playpause {
    background-image:url(https://www.belvedereapartments.co.nz/assets/img/media-play.svg);
    background-size:contain;background-position: center;
    background-repeat:no-repeat;width:20%;height:20%;position:absolute;left:0%;right:0%;top:0%;bottom:0%;margin:auto;
}


/* Alignment */
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}

/* Utility */
.is-fullheight {height:100vh}

/* Animations */
.wow,.wow a {opacity:0}


/* Sahdows */
.box-shadow-light {box-shadow: rgb(0 0 0 / 5%) 0px 25px 20px -20px;}
.box-shadow-dark {box-shadow:0 5px 10px rgba(154,160,185,0.05),0 15px 40px rgba(166,173,201,0.2);}

/* Hamburger */
.hamburger {position: absolute;top: 8px;right: 10px;outline: none;-webkit-tap-highlight-color: transparent;padding: 15px 15px;display:none;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; }
.hamburger:hover {opacity: 0.7; }
.hamburger.is-active:hover {opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {background-color: #000; }
.hamburger-box {width: 40px;height: 24px;display: inline-block;position: relative; }
.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px;background-color: #000;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }
.hamburger--spring .hamburger-inner {top: 2px;transition: background-color 0s 0.13s linear; }
.hamburger--spring .hamburger-inner::before {top: 10px;transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring .hamburger-inner::after {top: 20px;transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring.is-active .hamburger-inner {transition-delay: 0.22s;background-color: transparent !important; }
.hamburger--spring.is-active .hamburger-inner::before {top: 0;transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--spring.is-active .hamburger-inner::after {top: 0;transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);transform: translate3d(0, 10px, 0) rotate(-45deg); }

/* Back to top */
.back-to-top {display:none;outline: none;text-align: center;position: fixed;bottom: 7px;right: 7px;width: 40px;height: 40px;border-radius: 50%;z-index: 2;cursor: pointer;text-decoration: none;transition: all 0.3s;background-color: rgba(0,0,0,.3);}
.back-to-top svg{margin:0px;}
.back-to-top:hover{opacity: 0.7;background-color:rgba(0,0,0,.6);}

#hero {height:100vh;display:grid;width:100%;align-content:center;}
@media (max-width: 1200px) {
#check-availability {margin:0;}
#check-availability .iconlist{justify-content:center;margin:10px 0 20px;}
#check-availability form {display:flex;flex-wrap:wrap;gap:15px;}
#check-availability input,
#check-availability select {width: calc(50% - 8px);margin:0;}
#check-availability button {width: 100%;margin-bottom:25px;}
#our-best .iconlist.two-cols .heading {width:100%;}
#news-signup {text-align:center;}
#news-signup .iconlist {justify-content:center;margin: 10px 0;}
#news-signup form {margin:10px 0;}
#news-signup input{max-width:360px;margin:0 10px 10px 0}
#news-signup button{margin-bottom:10px}
#footer .address {padding-bottom:40px;padding-top:15px;text-align:center;}
#facilities .three-cols > div {width:50%;}}

@media (max-width: 899px) {
#home-gallery .six-cols > div {width: 33.33%;}}

@media (max-width: 599px) {
h1.heading, .heading[data-level="h1"],
.heading .large {font-size:42px;}  
#accom-gallery .six-cols > div {width:33.33%;}
#home-gallery .six-cols > div {width:50%;}
#facilities .three-cols > div {width:100%;} 
#news-signup input{margin:0 0 10px 0;width: 100%;}
#news-signup button{width:100%;max-width: 360px;} 
#footer .heading,#footer .text{text-align: center;}
#footer h4 {margin:30px 0 5px 0;}
#footer .block-img img {margin:10px auto 20px;}
#footer .address {padding-bottom:0px;}
#footer .address-logo,#footer .address-text {padding-bottom:10px;}}

@media (max-width: 460px) {
.heading .large {font-size: 38px;}}

@media (max-width: 1200px) {
  .hamburger {display: inline-block;}
  ul.main-menu {display: block;height: auto;}
  ul.sub-menu {position: relative;}
}

.button .k-writer {
  display: inline-block;
  width: auto;
}

.k-block-pad .k-grid {
    grid-row-gap: 0;
}