/*
Theme Name: Azura
Theme URI: 
Update URI: ninepoint-azura-theme
Author: Kali
Author URI: https://ninepoint.cc
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


@font-face {
  font-family: "circe";
  src: url("https://azura.sketchup.co.za/wp-content/themes/azura/fonts/circe-200.woff2") format("woff2"),
       url("https://azura.sketchup.co.za/wp-content/themes/azura/fonts/circe-200.woff") format("woff");
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "circe";
  src: url("https://azura.sketchup.co.za/wp-content/themes/azura/fonts/circe-300.woff2") format("woff2"),
       url("https://azura.sketchup.co.za/wp-content/themes/azura/fonts/circe-300.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "circe";
  src: url("https://azura.sketchup.co.za/wp-content/themes/azura/fonts/circe-400.woff2") format("woff2"),
       url("https://azura.sketchup.co.za/wp-content/themes/azura/fonts/circe-400.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "circe";
  src: url("https://azura.sketchup.co.za/wp-content/themes/azura/fonts/circe-700.woff2") format("woff2"),
       url("https://azura.sketchup.co.za/wp-content/themes/azura/fonts/circe-700.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

.tk-circe { font-family: "circe",sans-serif; }
.tk-circe-rounded { font-family: "circe-rounded",sans-serif; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* ----------------------------- 
Theme Basics 
----------------------------- */

/* =Structure */
html {
	height: 100%;
	scroll-behavior: smooth;
}
body {
	background: #fff;
	height: 100%;
}
#page {
	background: #fff;
	min-height: 100%;
	max-width: 2000px;
	margin: 0 auto;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* =Global */
body, input, textarea {
	color: #555555;
	font-size: 21px; 
	font-family: 'circe', sans-serif;
	font-weight: 200;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 5px;
}

/* Media */
.entry-content img,
.comment-content img,
.widget img {
	max-width:100%;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; 
}
img.size-full,
img.size-large {
	max-width: 100%;
	width: auto; 
	height: auto;
}
embed,
iframe,
object {
	max-width: 100%;
}

/* Text elements */
ul, ol {
	margin: 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd, samp, var {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: smaller;
}

/* Fonts */
@font-face {
	font-family: 'Quentin';
	src: url('fonts/Quentin.woff2') format('woff2'), url('fonts/Quentin.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	 font-display: swap;
}

/* Links */
a {
	color: #168CCC;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}

/* =Menu */
.mainmenu {
	display: block;
	padding-bottom: 50px;
}
.mainmenu li {
	display: block;
	padding: 0 0 32px 0;
	font-family: 'circe', sans-serif !important;
}
.mainmenu a:link, .mainmenu a:visited {
	position: relative;
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	letter-spacing: 0.07em;
	color: #168CCC;
	text-decoration: none;
	text-transform: uppercase;
}
.mainmenu .sub-menu a:hover::after {
	opacity: 1;
}
.mainmenu ul {
}
.mainmenu ul li {
	padding: 0 0 5px 0;
}
.mainmenu ul li a:link, .mainmenu ul li a:visited {
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
}
.mainmenu ul li a::after {
	content: '';
	position: absolute;
	left: -4px;
	width: calc(100% + 8px);
	bottom: -15px;
	height: 10px;
	background-image: url('images/line-blue.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s linear;
	opacity: 0;
}
.topmenu {
	list-style: none;
	margin: 0 0 5px;
}
.topmenu li {
	display: inline-block;
	vertical-align: top;
	padding: 0 28px 0 0;
	font-family: 'circe', sans-serif !important
}
.topmenu li a:link, .topmenu li a:visited, a.blklink {
	display: inline-block;
	color: #FFF !important;
	font-size: 15px;
	line-height: 15px;
	font-weight: 300;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #168ccc;
	padding: 8px 22px 6px;
	transition: 0.3s linear;
}
.topmenu li a:hover, a.blklink:hover {
	background-color: #00bdce;
}


/* 404 */
.result-404 { padding: 18vw 4% 15vw; text-align: center; }
.result-404 .entry-title { font-size: 32px; line-height: 36px; padding-bottom: 30px }

/* ----------------------------- 
Theme Custom 
----------------------------- */
#page {
	position: relative;
}
#page::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-image: linear-gradient(rgb(244, 243, 235), rgba(244, 243, 235, 0.5), transparent);
	height: 130px;
	z-index: 10;
}
p {
	line-height: 29px;
	margin-bottom: 30px;
}
.ibvtop {
	display: inline-block;
	vertical-align: top;
}
.ibvmid {
	display: inline-block;
	vertical-align: middle;
}
.ibvbtm {
	display: inline-block;
	vertical-align: bottom;
}
.stdlink a {
	color: inherit;
	text-decoration: none;
}
.contentblur {
	filter: blur(3px);-webkit-filter: blur(3px);
}
.stdh {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 28px 2.7% 20px;
	text-align: right;
	z-index: 4000;
	transition: 0.3s linear;
}
.stdh.stdhf {
	background-color: #FFF;
}
.home .stdh .hlogo {opacity: 0;}
.home .stdhf .hlogo {opacity: 1;}
.hlogo {
	position: absolute;
	top: 26px;
	left: calc(50% - 72px);
	width: 144px;
	transition: 0.3s linear;
	opacity: 1;
}
.stdh.stdhf .hlogo {
	top: 26px;
	left: calc(50% - 62px);
	width: 124px;
}
.hlogo a {
	display: block;
}
.hlogo img {
	width: 100%;
}
.htopr {
}
.hmtog {
	cursor: pointer;
}
.hmtog div {
	position: relative;
	width: 24px;
	height: 2px;
	background-color: #168CCC;
	margin-bottom: 7px;
	transition: 0.2s linear;
	transform-origin: center center;
}
.hmtog:hover div {
	transform: scaleY(1.5);
}
.hmenu {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 31%;
	max-width: 480px;
	min-width: 340px;
	background-color: #D0E6E6;
	overflow-y: auto;
	z-index: 5000;
}
.hmenuw {
	padding: 190px 10.8% 30px 55px;
	text-align: right;
}
.hmclose {
	position: absolute;
	top: 40px;
	right: 10.8%;
	height: 22px;
	width: 22px;
	cursor: pointer;
}
.hmclose:hover::before {
	transform: rotate(-45deg) translateZ(1px) scaleY(1.5);
}
.hmclose:hover::after {
	transform: rotate(45deg) translateZ(1px) scaleY(1.5);
}
.hmclose::before, .hmclose::after {
	content: '';
	position: absolute;
	left: -2px;
	top: 10px;
	display: inline-block;
	vertical-align: top;
	height: 2px;
	width: 28px;
	background-color: #168CCC;
	transition: 0.2s linear;
	transform-origin: center center;
}
.hmclose::before {
	transform: rotate(-45deg) translateZ(1px);
}
.hmclose::after {
	transform: rotate(45deg) translateZ(1px);
}
.hmwidget {
	border-top: 1px solid #8D8D8D;
	padding: 25px 0 0;
}
.hmwidget p {
	margin-bottom: 20px;
}
.hsocial a {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 8px 8px;
}
.hsocial span, .fsocial span {
	position: relative;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
}
.hsocial span::after, .fsocial span::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	opacity: 0;
	transition: 0.2s linear;
}
.hsocial a:hover span::after, .fsocial a:hover span::after {
	opacity: 1;
}
.social-facebook span {
	background-image: url('images/icon-facebook.svg');
}
.social-facebook span::after {
	background-image: url('images/icon-facebook-on.svg');
}
.social-instagram span {
	background-image: url('images/icon-instagram.svg');
}
.social-instagram span::after {
	background-image: url('images/icon-instagram-on.svg');
}
.social-linkedin span {
	background-image: url('images/icon-linkedin.svg');
}
.social-linkedin span::after {
	background-image: url('images/icon-linkedin-on.svg');
}
.social-whatsapp span {
	background-image: url('images/icon-whatsapp.svg');
}
.social-whatsapp span::after {
	background-image: url('images/icon-whatsapp-on.svg');
}
.social-youtube span {
	background-image: url('images/icon-youtube.svg');
}
.social-youtube span::after {
	background-image: url('images/icon-youtube-on.svg');
}
.social-twitter span {
	background-image: url('images/icon-twitter.svg');
}
.social-twitter span::after {
	background-image: url('images/icon-twitter-on.svg');
}
.stdouter {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	box-sizing: border-box;
	padding: 0 4%;
}
.stdouter::after {
	content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.himg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	background-size: cover;
	background-position: 50% 50%;
}
.htxt h1, .htxt h3 {
	font-family: 'Quentin';
	font-size: 64px;
	line-height: 74px;
}

.htxt h2 {
	color: #8D8D8D;
	text-transform: uppercase;
	font-size: 34px;
	line-height: 44px;
	letter-spacing: 0.06em;
}
.htxt h4 {
	font-size: 24px;
	line-height: 34px;
}
.htxt h5 a {
	position: relative;
	color: #168CCC;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.04em;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
}
.htxt h5 a::after {
	content: '';
	position: absolute;
	left: -4px;
	width: calc(100% + 8px);
	bottom: -15px;
	height: 10px;
	background-image: url('images/line-blue.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s linear;
	opacity: 0;
}
.htxt h5 a:hover::after {
	opacity: 1;
}
.htxt ul {
	margin: 0 0 10px 0;
	list-style: none;
}
.htxt li {
	line-height: 26px;
}
.htxt ul li {
	position: relative;
	padding: 0 0 2px 10px
}
.htxt ul li::before {
	content: '.';
	position: absolute;
	top: -11px;
	left: 0;
	font-size: 40px;
}
.hintro .htxt h2, .accomintro .htxt h3, .villaintro .htxt h3 {
	transition: 0.7s ease-in;
	opacity: 0;
}
.anifin-e {
	opacity: 1 !important;
}
.hintro .htxt p, .hig2over .htxt h3, .hig2over .htxt h2, .hig3over .htxt h3, .hig3over .htxt h2, .hig4over .htxt h3, .hig4over .htxt h2, 
.hig5over .htxt h3, .hig5over .htxt h2, .villaintro .htxt p {
	transition: 0.7s ease-out;
	opacity: 0;
}
.hintro .htxt h3, .accomintro .htxt h4, .villaintro .htxt h4 {
	transition: 0.7s ease-out;
	opacity: 0;
	top: 15vh;
}
.anisup {
	transition: 0.7s ease-out;
}
.anifup-e {
	opacity: 1 !important;
	top: 0 !important;
}


/* home */
#homepg {
}
.hbanner {
	position: relative;
	/* height: 105vh; */
	padding-top: 56%;
	box-sizing: border-box;
	line-height: 0;
}
.hbanner::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -40px;
	z-index: 5;
	width: 100%;
	background-image: url('https://azura.sketchup.co.za/wp-content/uploads/2026/03/background-swash.webp'); 
	transform: scaleY(-1);
	background-size: cover;
	height: 10vw;
}
.hbanner-media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	background-size: cover;
	background-position: 50% 50%;
	line-height: 0;
}
.hbanner-media video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hbannerlogo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 10;
	text-align: center;
}
.hbannerlogo::after {
	content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.hbannerlogo img {
	width: calc(100% - 0.5em);
	max-width: 550px;
	display: inline-block;
	vertical-align: middle;
}
.hintro {
	padding: 130px 4% 170px;
	text-align: center;
}
.hintro .htxt {
	max-width: 1030px;
	margin: 0 auto 30px;
}
.hintro .htxt p {
	position: relative;
	max-width: 700px;
	margin: 0 auto 40px;
	top: 10vh;
}
.hintro .htxt h2 {
	position: relative;
	margin-bottom: 30px;
}
.hintro .htxt h3 {
	position: relative;
	color: #168CCC;
}
.higover {
	text-align: center;
	will-change: transform; 
	transform-style: preserve-3d;
}
.higover .htxt {
	padding: 0 4%;
}
.higover .htxt h2 {
	font-size: 76px;
	line-height: 86px;
}
.higover .htxt h3 {
	font-size: 112px;
	line-height: 122px;
	margin-bottom: 10px;
}
.himggrp2 {
	position: relative;
}
.hig2over {
	position: absolute;
	top: 11vh;
	left: 0;
	width: 100%;
	z-index: 10;
}
.higover-ae {
	top: 0vw !important;
	opacity: 1 !important;
}
.hig2over .htxt h2, .hig2over .htxt h3 {
	position: relative;
	color: #FFC1AA;
}
.hig2over .htxt h2 {
	top: 15vh;
}
.hig2over .htxt h3 {
	top: 10vh;
}
.hig2i1 {
	width: 25.6%;
	padding-top: 37.4%;
	position: absolute;
	top: 10vw;
	left: 0;
	z-index: 6;
	opacity: 0;
}
.hig2i1-ae {
	top: 0vw;
	opacity: 1;
}
.hig2i2 {
	width: 48%;
	padding-top: 34%;
	position: absolute;
	top: 38vw;
	left: 5.6%;
	z-index: 8;
	opacity: 0;
}
.hig2i2-ae {
	top: 28vw;
	opacity: 1;
}
.hig2i3 {
	position: relative;
	padding-top: 50%;
}
.hcontent {
	text-align: center;
}
.hcontent .htxt {
	margin: 0 auto 30px;
}
.hcontent .htxt h2 {
	margin-bottom: 30px;
}
.hcontent1 {
	padding: 14% 4% 45px;
}
.hcontent1 .htxt {
	max-width: 690px;
}
.himggrp3 {
	position: relative;
}
.hig3over {
	position: absolute;
	top: 21vw;
	left: 0;
	width: 100%;
	z-index: 10;
}
.hig3over .htxt h2, .hig3over .htxt h3 {
	position: relative;
	color: #00BDCE;
}
.hig3over .htxt h2 {
	top: 15vh;
}
.hig3over .htxt h3 {
	top: 10vh;
}
.hig3over .htxt h3 {
	margin-bottom: -18px;
}
.hig3i1 {
	position: relative;
	padding-top: 56.25%;
}
.hig3i1::before {
	content: '';
	position: absolute;
	left: 0;
	top: -2vw;
	z-index: 5;
	width: 100%;
	background-image: url('https://azura.sketchup.co.za/wp-content/uploads/2026/03/background-swash.webp'); 
	background-size: cover;
	height: 10vw;
}
.hig3i2 {
	width: 28.4%;
	padding-top: 42.65%;
	position: absolute;
	top: 33.5vw;
	left: 55.9%;
	z-index: 6;
	opacity: 0;
}
.hig3i2-ae {
	top: 23.5vw;
	opacity: 1;
}
.hig3i3 {
	width: 33.5%;
	padding-top: 48.45%;
	position: absolute;
	top: 10vw;
	left: 66.5%;
	z-index: 8;
	opacity: 0;
}
.hig3i3-ae {
	top: 0vw;
	opacity: 1;
}
.hcontent2 {
	padding: 13% 4% 40px;
}
.hcontent2 .htxt {
	max-width: 710px;
}
.haccomm {
	padding: 0 calc(7.3% - 7px) 255px;
	text-align: center;
}
.haccomm-item {
	position: relative;
	width: calc(33.333% - 14px);
	margin: 0 7px 14px;
	opacity: 0;
	transition: 0.7s ease-out;
}
.haccomm-itemae {
	opacity: 1;
}
.haccomm-item a {
	display: block;
}
.haccommi-bg {
	position: relative;
	padding-top: 123.8%;
	background-size: cover;
	background-position: 50% 50%;
}
.haccommi-bg::after {
	content: '';
	position: absolute;
	z-index: 4;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60%;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9)) transparent no-repeat 0 0;
	opacity: 0.4;
	transition: 0.3s linear;
}
.haccomm-item:hover .haccommi-bg::after {
	opacity: 0.8;
}
.haccommi-txt {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 0 20px 30px;
	color: #FFF;
}
.haccommi-title {
	font-family: 'Quentin';
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 5px;
}
.haccommi-h {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	letter-spacing: 0.08em;
}
.himggrp4 {
	position: relative;
}
.hig4over {
	position: absolute;
	top: 18.5vw;
	left: 0;
	width: 100%;
	z-index: 10;
}
.hig4over .htxt h2, .hig4over .htxt h3 {
	position: relative;
	color: #FF8378;
}
.hig4over .htxt h2 {
	top: 15vh;
}
.hig4over .htxt h3 {
	top: 10vh;
}
.hig4over .htxt h3 {
	margin-bottom: -5px;
}
.hig4i1 {
	position: relative;
	padding-top: 56.25%;
}
.hig4i1::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0vw;
	z-index: 5;
	width: 100%;
	background-image: url('https://azura.sketchup.co.za/wp-content/uploads/2026/03/background-swash.webp'); 
	background-size: cover;
	height: 10vw;
}
.hig4i2 {
	width: 33.5%;
	padding-top: 50.4%;
	position: absolute;
	top: 14.1vw;
	left: 7%;
	z-index: 6;
	opacity: 0;
}
.hig4i2-ae {
	top: 4.1vw;
	opacity: 1;
}
.hig4i3 {
	width: 24.2%;
	padding-top: 36.05%;
	position: absolute;
	top: 38.6vw;
	left: 67.5%;
	z-index: 9;
	opacity: 0;
}
.hig4i3-ae {
	top: 28.6vw;
	opacity: 1;
}
.hig4i4 {
	width: 23.6%;
	padding-top: 35.55%;
	position: absolute;
	top: 5vw;
	left: 76.4%;
	z-index: 8;
	opacity: 0;
}
.hig4i4-ae {
	top: -5vw;
	opacity: 1;
}
.hcontent3 {
	padding: 175px 4% 85px;
}
.hcontent3 .htxt {
	max-width: 700px;
}
.hexpers-slider {
	padding: 50px 0 25px 7.3%;
	overflow: hidden;
}
.hexpers-items {
	width: 124%;
	box-sizing: border-box;
}
.hexpers-items .slick-prev {
	position: absolute;
	top: -40px;
	left: 68%;
	z-index: 2000;
	cursor: pointer;
	color: #ffe178;
	width: 74px;
	height: 23px;
	background-image: url('images/icon-arrow-yellow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transform: scaleX(-1);
}
.hexpers-items .slick-next {
	position: absolute;
	top: -40px;
	left: calc(68% + 30px + 74px);
	z-index: 2000;
	cursor: pointer;
	color: #ffe178;
	width: 74px;
	height: 23px;
	background-image: url('images/icon-arrow-yellow.svg');
	background-size: contain;
	background-repeat: no-repeat;
}
.hexpers-items .slick-prev.slick-disabled, .hexpers-items .slick-next.slick-disabled {
	cursor: auto;
	opacity: 0.4;
}
.hexpers-item {
	position: relative;
	padding-right: 14px;
	box-sizing: border-box;
}
.hexpersi-bg {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 150.9%;
}
.hexpersi-bg::after {
	content: '';
	position: absolute;
	z-index: 4;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60%;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9)) transparent no-repeat 0 0;
	opacity: 0.4;
	transition: 0.3s linear;
}
.hexpers-item:hover .hexpersi-bg::after {
	opacity: 0.8;
}
.hexpers-item:hover .hexpersitxt-desc {
	opacity: 1;
	line-height: 26px;
}
.hexpers-item a {
	display: block;
}
.hexpersi-txt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 20;
	box-sizing: border-box;
	padding: 0 20px 35px;
	color: #FFF;
	text-align: center;
}
.hexpersitxt-title {
	font-family: 'Quentin';
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 12px;
}
.hexpersitxt-desc {
	font-size: 16px;
	line-height: 0px;
	max-width: 300px;
	margin: 0 auto;
	opacity: 0;
	transition: 0.2s linear;
}
.himggrp5 {
	position: relative;
	padding-bottom: 17%;
}
.hig5over {
	position: absolute;
	top: 23.5vw;
	left: 0;
	width: 100%;
	z-index: 10;
}
.hig5over .htxt h2, .hig5over .htxt h3 {
	position: relative;
	color: #ffe178;
}
.hig5over .htxt h2 {
	top: 15vh;
}
.hig5over .htxt h3 {
	top: 10vh;
}
.hig5over .htxt h3 {
	margin-bottom: -5px;
}
.hig5i1 {
	position: relative;
	padding-top: 56.25%;
}
.hig5i1::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0vw;
	z-index: 5;
	width: 100%;
	background-image: url('https://azura.sketchup.co.za/wp-content/uploads/2026/03/background-swash.webp'); 
	background-size: cover;
	height: 10vw;
}
.hig5i2 {
	width: 33.5%;
	padding-top: 50.4%;
	position: absolute;
	top: 33vw;
	left: 0%;
	z-index: 6;
	opacity: 0;
}
.hig5i2-ae {
	top: 23vw;
	opacity: 1;
}
.hig5i3 {
	width: 24.2%;
	padding-top: 36.2%;
	position: absolute;
	top: 55.6vw;
	left: 29.8%;
	z-index: 9;
	opacity: 0;
}
.hig5i3-ae {
	top: 45.6vw;
	opacity: 1;
}
.hig5i4 {
	width: 23.5%;
	padding-top: 35.26%;
	position: absolute;
	top: 21.5vw;
	left: 76.5%;
	z-index: 8;
	opacity: 0;
}
.hig5i4-ae {
	top: 11.5vw;
	opacity: 1;
}
.hcontent4 {
	padding: 200px 4% 55px;
}
.hcontent4 .htxt {
	max-width: 690px;
}
#hsidescroll {
	position: relative;
}
.slidenavgrp {
	position: absolute;
	right: 2%;
	bottom: 95px;
	z-index: 1000;
}
.sfscroll-prev {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	color: #ffe178;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: center;
	width: 74px;
	height: 50px;
	margin-right: 20px;
}
.sfscroll-prev::after {
	content: '';
	display: block;
	width: 100%;
	height: 24px;
	background-image: url('images/icon-arrow-yellow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
	transform: scaleX(-1);
}
.sfscroll-next {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	color: #ffe178;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: center;
	width: 74px;
	height: 50px;
}
.sfscroll-next::after {
	content: '';
	display: block;
	width: 100%;
	height: 24px;
	background-image: url('images/icon-arrow-yellow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.sfscroll-next.slnavinactive, .sfscroll-prev.slnavinactive {
	cursor: auto;
	opacity: 0.4;
}
.sliderwrap {
	/*height: 152vh;*/
	height: 100vh;
}
.slidercontain {
	overflow-x: hidden;
	position: relative;
	/*height: 152vh;
	padding-top: 8.5vh;
	top: -8.5vh;*/
	height: 100vh;
	padding-top: 5.59vh;
	top: -5.59vh;
}
.hssel {
	position: relative;
	/*width: 316vw;
	height: 152vh;*/
	width: 242.12vw;
	height: 100vh;
	background-color: #ff8378;
	overflow-y: hidden;
}
.hss-img1 {
	position: relative;
	width: 100vw;
	background-size: cover;
	background-position: 50% 50%;
	/*padding-top: 68.1%;*/
	/*height: 152vh;*/
	height: 100vh;
	z-index: 10;
}
.hss-img1 .villabadge {
	right: auto;
	left: 11.2vw;
	bottom: 5vw;
}
.hss-overimg {
	position: absolute;
	left: 0;
	width: 100%;
	/*bottom: 15vh;*/
	bottom: 9.87vh;
	text-align: center;
	z-index: 20;
}
.hss-overimg img {
	max-width: 550px;
	min-width: 36vw;
}
.hss-img2 {
	position: absolute;
	left: 100vw;
	z-index: 28;
	/*top: 2.2vh;
	width: 29.5vw;
	padding-top: 44vw;*/
	top: 1.44vh;
	width: 19.41vw;
	padding-top: 28.95vw;
}
.hss-img3 {
	position: absolute;
	z-index: 26;
	/*top: 15vh;
	left: 123.4vw;
	width: 28.3vw;
	padding-top: 42.5vw;*/
	top: 9.87vh;
	left: 115.39vw;
	width: 18.62vw;
	padding-top: 27.96vw;
}
.hss-img4 {
	position: absolute;
	z-index: 30;
	/*top: 68.6vh;
	left: 132vw;
	width: 56.1vw;
	padding-top: 37.43vw;*/
	top: 45.13vh;
	left: 121.05vw;
	width: 36.91vw;
	padding-top: 24.63vw;
}
.hss-img5 {
	position: absolute;
	z-index: 32;
	/*top: 15vh;
	left: 181.5vw;
	width: 28.9vw;
	padding-top: 43.4vw;*/
	top: 9.87vh;
	left: 153.62vw;
	width: 19.01vw;
	padding-top: 28.55vw;
}
.hss-img6 {
	position: absolute;
	z-index: 28;
	/*top: -8.5vh;
	left: 241.8vw;
	width: 56.1vw;
	padding-top: 37.5vw;*/
	top: -5.59vh;
	left: 193.30vw;
	width: 36.91vw;
	padding-top: 24.67vw;
}
.hss-img7 {
	position: absolute;
	z-index: 30;
	/*top: 47vh;
	left: 277.5vw;
	width: 28.9vw;
	padding-top: 43.4vw;*/
	top: 30.92vh;
	left: 216.79vw;
	width: 19.01vw;
	padding-top: 28.55vw;
}
.hss-txt {
	position: absolute;
	z-index: 40;
	text-align: center;
	color: #FFF;
	/*top: 90vh;
	left: 210.4vw;
	width: 67vw;*/
	top: 48vh;
	left: 172.64vw;
	width: 44.08vw;
}
.hss-txt .htxt {
	max-width: 550px;
	margin: 0 auto;
}
.hss-txt .htxt h2 {
	color: #FFF;
}
.hss-txt .htxt h5 a {
	color: #FFF;
}
.hss-txt .htxt h5 a::after {
	background-image: url('images/line-white.svg');
}
.hbook {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 52.5%;
	text-align: center;
}
.hbook::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	z-index: 5;
	width: 100%;
	background-image: url('https://azura.sketchup.co.za/wp-content/uploads/2026/03/background-swash.webp'); 
	transform: scale(-1);
	background-size: cover;
	height: 10vw;
}
.hbook .htxt {
	width: calc(100% - 0.5em);
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	max-width: 830px;
	margin: 0 auto;
	color: #FFF;
}
.hbook .htxt h2 {
	color: #FFF;
	margin-bottom: 15px;
}
.hbook .htxt h5 a {
	color: #FFF;
}
.hbook .htxt h5 a::after {
	background-image: url('images/line-white.svg');
}


/* standard */
.stdpg {
	padding: 130px 4% 80px;
}
.stdpgw {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}
.stdpg .entry-title {
	margin-bottom: 60px;
}


/* accommodation */
#accompg {
}
#accompg .hbanner {
	text-align: center;
}
.accombannertxt {
	width: calc(100% - 0.5em);
	box-sizing: border-box;
	padding: 0 4%;
	display: inline-block;
	vertical-align: middle;
	font-family: 'Quentin';
	font-size: 112px;
	line-height: 122px;
	color: #FF8378;
	text-align: center;
}
.accombannertxt img {
	max-width: 550px;
	margin: 15vw auto 0;
}
.accomintro {
	color: #168CCC;
	padding: 60px 4% 50px;
	text-align: center;
}
.accomintro .htxt {
	max-width: 680px;
	margin: 0 auto 30px;
}
.accomintro .htxt h3 {
	margin-bottom: 70px;
}
.accomintro .htxt h4 {
	position: relative;
}
.accomcontent1 {
	padding: 0 4% 60px;
}
.accomcontent1 .htxt {
	max-width: 810px;
}
#accompg .haccomm {
	padding: 0 calc(7.3% - 7px) 175px;
}
.accomcontent2 {
	padding: 0 4% 40px;
}
.accomcontent2 .htxt {
	max-width: 920px;
}
.accom-slider {
	padding: 50px 0 200px 7.3%;
	overflow: hidden;
}
.accom-slitems {
	width: 100%;
	box-sizing: border-box;
}
.accom-slitems .slick-prev {
	position: absolute;
	top: -40px;
	left: 84%;
	z-index: 2000;
	cursor: pointer;
	color: #ffe178;
	width: 74px;
	height: 23px;
	background-image: url('images/icon-arrow-yellow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transform: scaleX(-1);
}
.accom-slitems .slick-next {
	position: absolute;
	top: -40px;
	left: calc(84% + 30px + 74px);
	z-index: 2000;
	cursor: pointer;
	color: #ffe178;
	width: 74px;
	height: 23px;
	background-image: url('images/icon-arrow-yellow.svg');
	background-size: contain;
	background-repeat: no-repeat;
}
.accom-slitems .slick-prev.slick-disabled, .accom-slitems.slick-next.slick-disabled {
	cursor: auto;
	opacity: 0.4;
}
.accom-slitem {
	position: relative;
	padding-right: 14px;
	box-sizing: border-box;
}
.accom-slitem img {
	height: 37vw;
	object-fit: cover;
}
.accomsli-bgp {
	width: 25.3vw;
}
.accomsli-bgl {
	width: 55.45vw;
}
.accomsli-title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 20;
	box-sizing: border-box;
	padding: 0 15px 15px;
	color: #FFF;
	font-family: 'Quentin';
	font-size: 32px;
	line-height: 42px;
}
.accomfeat::before {
	content: '';
	position: absolute;
	left: 0;
	top: -2vw;
	z-index: 5;
	width: 100%;
	background-image: url('https://azura.sketchup.co.za/wp-content/uploads/2026/03/background-swash.webp'); 
	background-size: cover;
	height: 10vw;
}
.accomfeat {
	position: relative;
	background-color: #ffe178;
}
.accomftover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	padding: 0 4%;
}
.accomftover::after {
	content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.accomftover .htxt {
	width: calc(100% - 0.5em);
	display: inline-block;
	vertical-align: middle;
	color: #168CCC;
	max-width: 440px;
	margin: 0 auto 30px;
}
.accomftover .htxt h2 {
	color: #168CCC;
}
.accomftimg1 {
	width: 29.7%;
	position: relative;
	margin: 2vw 0 0 2.8%;
	padding-top: 43.05%;
}
.accomftimg2 {
	width: 29%;
	position: relative;
	margin: 12.5vw 0 0 37.2%;
	padding-top: 44.05%;
}
.accomftimgtitle {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 10px 20px;
	color: #FFF;
	font-family: 'Quentin';
	font-size: 32px;
	line-height: 38px;
}
.accomftimg2 .accomftimgtitle {
	top: 0;
	bottom: auto;
	color: #168CCC;
}


/* villa */
#villapg {
}
.villath-coral {
	background-color: #ff8378;
}
.villath-coral .hbanner::after {
	background-image: url('images/background-swash-coral.png');
}
#villapg .accombannertxt {
	color: #FFF;
}
.villabadge {
	position: absolute;
	bottom: 9vw;
	left: 11.2vw;
}
.villabadge img {
	width: 160px;
	margin: 0;
}
.villaintro {
	padding: 60px 4% 50px;
	text-align: center;
}
.villaintro .htxt {
	max-width: 900px;
	margin: 0 auto;
}
.villaintro .htxt h3 {
	color: #168CCC;
	margin-bottom: 40px;
}
.villath-coral .villaintro, .villath-coral .villaintro .htxt h2, .villath-coral .villaintro .htxt h3, .villath-coral .villaintro .htxt h4 {
	color: #FFF;
}
.villaintro .htxt h3, .villaintro .htxt h2, .villaintro .htxt h1 {
	color: #168CCC;
}
.villaintro .htxt h4 {
	position: relative;
	color: #168CCC;
	max-width: 700px;
	margin: 0 auto 40px;
}
.villaintro .htxt p {
	position: relative;
	top: 10vh;
}
.villaimggrp {
	position: relative;
	padding-top: 83%;
}
.vigi1 {
	width: 31.9%;
	padding-top: 42.9%;
	position: absolute;
	top: 54.5vw;
	left: 0;
	z-index: 8;
	opacity: 0;
}
.vigi1-ae {
	top: 34.5vw;
	opacity: 1;
}
.vigi2 {
	width: 26.4%;
	padding-top: 36.95%;
	position: absolute;
	top: 20vw;
	left: 20.8%;
	z-index: 6;
	opacity: 0;
}
.vigi2-ae {
	top: 0vw;
	opacity: 1;
}
.vigi3 {
	width: 61.5%;
	padding-top: 41%;
	position: absolute;
	top: 36.5vw;
	left: 38.5%;
	z-index: 8;
	opacity: 0;
}
.vigi3-ae {
	top: 16.5vw;
	opacity: 1;
}
.villacontent1 {
	padding: 0 4% 120px;
}
.villath-coral .villacontent1 .htxt, .villath-coral .villacontent2 .htxt, .villath-coral .villacontent1 .htxt h2, .villath-coral .villacontent2 .htxt h2 {
	color: #FFF;
}
.villacontent1 .htxt {
	max-width: 720px;
}
.villacontent1 .htxt h2 {
	margin-bottom: 25px;
}
.villacontent1 .htxt h3 {
	margin-bottom: 40px;
}
.villacontentban {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 56%;
}
.villacontentban::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -40px;
	z-index: 5;
	width: 100%;
	background-image: url('https://azura.sketchup.co.za/wp-content/uploads/2026/03/background-swash.webp');
	transform: scaleY(-1);
	background-size: cover;
	height: 10vw;
}
.villath-coral .villacontentban::after {
	background-image: url('images/background-swash-coral.png');
}
.villacontent2 {
	padding: 60px 4% 50px;
}
.villacontent2 .htxt {
	max-width: 700px;
}
.villacontent2 .htxt h3 {
	margin-bottom: 40px;
}
.villaitems {
	padding: 0 2% 70px;
	text-align: center;
}
.villa-item {
	padding: 0 1.3% 50px;
}
.villai-img {
	position: relative;
	min-width: 130px;
	height: 65px;
	margin: 0 0 20px;
}
.villai-img div {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.villai-img img {
	max-width: 136px;
	max-height: 65px;
}
.villai-title {
	max-width: 230px;
	color: #168CCC;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.04em;
	font-weight: 400;
}
.villacontent3 {
	padding: 100px 4% 1px;
	background-color: #ffc1aa;
}
.villacontent4 {
	padding: 0px 4% 60px;
	background-color: #ffc1aa;
}
.villath-coral .villacontent3, .villath-coral .villa-slider, .villath-coral .villacontent4 {
	background-color: #ff8378;
}
.villacontent3 .htxt, .villacontent4 .htxt {
	color: #168CCC;
	max-width: 700px;
}
.villath-coral .villacontent3 .htxt, .villath-coral .villacontent3 .htxt h2, 
.villath-coral .villacontent4 .htxt, .villath-coral .villacontent4 .htxt h2,
.villath-coral .villacontent3 .htxt h5 a {
	color: #FFF;
}
.villath-coral .villacontent3 .htxt h5 a::after, .villath-coral .villacontent4 .htxt h5 a::after {
	background-image: url('images/line-white.svg');
}
.villacontent3 .htxt h2, .villacontent4 .htxt h2 {
	color: #168CCC;
	margin-bottom: 25px;
}
.villacontent3 .htxt h3, .villacontent4 .htxt h3 {
	margin-bottom: 10px;
}
.villa-slider {
	background-color: #ffc1aa;
	padding: 50px 0 80px 7.3%;
	overflow: hidden;
}
.villa-slitems {
	width: 100%;
	box-sizing: border-box;
}
.villa-slitems .slick-prev {
	position: absolute;
	top: -40px;
	left: 84%;
	z-index: 2000;
	cursor: pointer;
	color: #ffe178;
	width: 74px;
	height: 23px;
	background-image: url('images/icon-arrow-blue.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transform: scaleX(-1);
}
.villa-slitems .slick-next {
	position: absolute;
	top: -40px;
	left: calc(84% + 30px + 74px);
	z-index: 2000;
	cursor: pointer;
	color: #ffe178;
	width: 74px;
	height: 23px;
	background-image: url('images/icon-arrow-blue.svg');
	background-size: contain;
	background-repeat: no-repeat;
}
.villath-coral .villa-slitems .slick-prev, .villath-coral .villa-slitems .slick-next {
	background-image: url('images/icon-arrow-white.svg');
}
.villa-slitems .slick-prev.slick-disabled, .villa-slitems.slick-next.slick-disabled {
	cursor: auto;
	opacity: 0.4;
}
.villa-slitem {
	position: relative;
	padding-right: 14px;
	box-sizing: border-box;
}
.villa-slitem img {
	height: 44vw;
	object-fit: cover;
}
.villasli-bgp {
	width: 33.8vw;
}
.villasli-bgl {
	width: 81.95vw;
}


/* experiences */
#expspg {
	padding: 160px 0 40px;
}
.expsintro {
	padding: 0 4% 70px;
	text-align: center;
}
.expsintro .htxt {
	max-width: 880px;
	margin: 0 auto 30px;
}
.expsintro .htxt h3 {
	color: #168CCC;
	margin-bottom: 50px;
}
.expsintro .htxt h3 strong, .expsintro .htxt h3 b {
	font-family: 'circe', sans-serif;
	text-transform: uppercase;
	font-size: 66px;
	line-height: 78px;
	letter-spacing: 0.06em;
	font-weight: 200;
}
.expsintro .htxt p {
	max-width: 790px;
	margin: 0 auto 30px;
}
.expsitems {
}
.expsrow {
	padding-bottom: 30px;
}
.expsr-banner {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 38.5%;
	margin-bottom: 60px;
}
.expsr-banner::before {
	content: '';
	position: absolute;
	left: 0;
	top: -2vw;
	z-index: 5;
	width: 100%;
	background-image: url('https://azura.sketchup.co.za/wp-content/uploads/2026/03/background-swash.webp');
	background-size: cover;
	height: 10vw;
}
.expsr-banner .stdouter {
	box-sizing: border-box;
	padding: 0 4%;
	text-align: center;
}
.expsr-bantxt {
	width: calc(100% - 0.5em);
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 76px;
	line-height: 88px;
	letter-spacing: 0.06em;
}
.expsr-bantxt h3 {
	display: inline-block;
	vertical-align: bottom;
	font-family: 'Quentin';
	font-size: 84px;
	line-height: 88px;
	letter-spacing: 0;
	text-transform: none;
}
.expsr-items {
	padding: 0 calc(7.4% - 7px);
}
.expsr-item {
	width: 33.333%;
	padding: 0 7px 40px;
	box-sizing: border-box;
}
.expsri-img {
	position: relative;
	padding-top: 83.4%;
	background-size: cover;
	background-position: 50% 50%;
	margin-bottom: 20px;
}
.expsri-img a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
}
.expsri-txt {
	background-color: #FFF;
}
.expsri-title {
	color: #168CCC;
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 10px;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.expsri-intro {
	font-size: 18px;
	line-height: 26px;
	max-width: 380px;
}
.expsr-lboxitms {
}
.expsr-lboxitm {
	display: none;
}
.expsr-lboxitmw {
	position: relative;
	max-width: 770px;
}
.expsrli-slsh {
	position: relative;
	width: 100%;
}
.expsrli-slide {
	display: none;
	width: 100%;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 50.8%;
}
.expsrli-slide.first {display: block}
.expsrli-pager {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 2000;
	margin-top: 45%;
}
.expsrli-pager span {
	cursor: pointer;
	display: inline-block;
	vertical-align: bottom;
	background-color: #FFF;
	width: 36px;
	height: 1px;
	margin: 0 5px 5px;
}
.expsrli-pager span.cycle-pager-active {
	height: 2px;
}
.expsrli-nav {
	text-align: right;
	padding: 10px 24px 8px 0;
}
.expsrli-navl {
	cursor: pointer;
	width: 57px;
	height: 18px;
	background-image: url('images/icon-arrow-blue.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transform: scaleX(-1);
	margin-right: 20px;
}
.expsrli-navr {
	cursor: pointer;
	width: 57px;
	height: 18px;
	background-image: url('images/icon-arrow-blue.svg');
	background-size: contain;
	background-repeat: no-repeat;
}
.expsrli-txt {
	padding: 0 42px 2px;
}
.expsrli-title {
	color: #168CCC;
	font-size: 16px;
	line-height: 26px;
	padding-bottom: 15px;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.expsrli-ftxt p {
	font-size: 17px;
	line-height: 25px;
}


/* giving back */
#gvbckpg {
}
.gvbckbantxt {
	width: calc(100% - 0.5em);
	box-sizing: border-box;
	padding: 0 4%;
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
}
.gvbckbantxt.htxt h2 {
	color: #FFF;
	font-size: 64px;
	line-height: 74px;
}
.gvbckbantxt.htxt h3 {
	margin-bottom: 10px;
}
#gvbckpg .villaintro .htxt h4 {
	color: #9da27a;
}
#gvbckpg .villacontent1 .htxt, #gvbckpg .villacontent2 .htxt p {
	max-width: 955px;
}
#gvbckpg .villacontent1 .htxt h2, #gvbckpg .villacontent2 .htxt h2 {
	color: #9da27a;
	font-size: 58px;
	line-height: 68px;
	margin-bottom: 40px;
}
#gvbckpg .villacontent1 .htxt h3, #gvbckpg .villacontent2 .htxt h3 {
	color: #9da27a;
	font-size: 56px;
	line-height: 66px;
	margin-bottom: 5px;
}
#gvbckpg .villacontent2 .htxt {
	max-width: 1050px;
}
#gvbckpg .villacontent1 {
	padding: 0 4% 70px;
}
#gvbckpg .villacontent2 {
	padding: 19vw 4% 0;
	margin: 0 auto 75px;
}
.gvbckfeat {
	position: relative;
	background-color: #9da27a;
	padding-top: 64%;
}
.gvbckfeat2 {
	margin-bottom: 17vw;
}
.gvbckfeat1::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0vw;
	z-index: 5;
	width: 100%;
	background-image: url('https://azura.sketchup.co.za/wp-content/uploads/2026/03/background-swash.webp');
	background-size: cover;
	height: 10vw;
}
.gvbckfeat2::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0vw;
	z-index: 5;
	width: 100%;
	background-image: url('https://azura.sketchup.co.za/wp-content/uploads/2026/03/background-swash.webp');
	background-size: cover;
	transform: scaleX(-1);
	height: 10vw;
}
.gb1over {
	position: absolute;
	top: 12vw;
	left: 53%;
	z-index: 8;
}
.gb1over .htxt {
	color: #FFF;
	max-width: 560px;
	text-align: left;
}
.gb1over .htxt h3, .gb2over .htxt h3 {
	font-size: 56px;
	line-height: 66px;
	margin-bottom: 25px;
}
.gb1over .htxt h2, .gb2over .htxt h2 {
	color: #FFF;
	font-size: 58px;
	line-height: 68px;
	margin-bottom: 40px;
}
.gb1i1 {
	position: absolute;
	top: 20vw;
	z-index: 6;
	left: 5%;
	width: 28.6%;
	padding-top: 37.7%;
	opacity: 0;
}
.gb1i1-ae {
	top: 0vw;
	opacity: 1;
}
.gb1i2 {
	position: absolute;
	top: 46.2vw;
	left: 25.5%;
	z-index: 7;
	width: 24.2%;
	padding-top: 31.6%;
	opacity: 0;
}
.gb1i2-ae {
	top: 26.2vw;
	opacity: 1;
}
.gb2over {
	position: absolute;
	top: 10vw;
	left: 9.5%;
	z-index: 8;
}
.gb2over .htxt {
	color: #FFF;
	max-width: 520px;
}
.gb2i1 {
	position: absolute;
	top: 26vw;
	z-index: 6;
	left: 47.1%;
	width: 36.3%;
	padding-top: 24.4%;
	opacity: 0;
}
.gb2i1-ae {
	top: 6vw;
	opacity: 1;
}
.gb2i2 {
	position: absolute;
	top: 43vw;
	z-index: 7;
	left: 68.5%;
	width: 24.3%;
	padding-top: 31.5%;
	opacity: 0;
}
.gb2i2-ae {
	top: 23vw;
	opacity: 1;
}
.gvbckimgs {
	padding: 0 4% 115px;
}
.gvbckimgsw {
	max-width: 1330px;
	margin: 0 auto;
}
.gvbckimg {
	width: calc(20% - 16px);
	margin: 0 8px 20px;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 30.8%;
}
.gvbck-slider {
	padding: 50px 0 170px 7.3%;
	overflow: hidden;
}
.gvbcksldr-items {
	width: 116%;
	box-sizing: border-box;
}
.gvbcksldr-items .slick-prev {
	position: absolute;
	top: -40px;
	left: 74%;
	z-index: 2000;
	cursor: pointer;
	color: #ffe178;
	width: 74px;
	height: 23px;
	background-image: url('images/icon-arrow-blue.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transform: scaleX(-1);
}
.gvbcksldr-items .slick-next {
	position: absolute;
	top: -40px;
	left: calc(74% + 30px + 74px);
	z-index: 2000;
	cursor: pointer;
	color: #ffe178;
	width: 74px;
	height: 23px;
	background-image: url('images/icon-arrow-blue.svg');
	background-size: contain;
	background-repeat: no-repeat;
}
.gvbcksldr-items .slick-prev.slick-disabled, .gvbcksldr-items .slick-next.slick-disabled {
	cursor: auto;
	opacity: 0.4;
}
.gvbcksldr-item {
	position: relative;
	padding-right: 12px;
	box-sizing: border-box;
}
.gvbcksldri-bg {
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 73%;
	margin-bottom: 30px;
}
.gvbcksldri-txt {
	padding: 0 30px 0 0;
}
.gvbcksldritxt-title {
	color: #9da27a;
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	margin-bottom: 20px;
}
.gvbcksldritxt-desc {
}


/* dining */
#dinepg {
}
.dinefeat1::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0vw;
	z-index: 5;
	width: 100%;
	background-image: url('https://azura.sketchup.co.za/wp-content/uploads/2026/03/background-swash.webp');
	background-size: cover;
	height: 10vw;
}
.dinefeat {
	position: relative;
}	
.dinefeat1 {
	background-color: #ffe178;
	padding-top: 49.5%;
	margin-bottom: 17vw;
}
.dnft1over {
	position: absolute;
	top: 16.3vw;
	left: 54%;
	z-index: 8;
}
.dnft1over .htxt {
	color: #168ccc;
	max-width: 560px;
}
.dnft1over .htxt h3 {
	font-size: 56px;
	line-height: 66px;
	margin-bottom: 25px;
}
.dnft1over .htxt h2 {
	color: #168ccc;
	font-size: 58px;
	line-height: 68px;
}
.dnft1i1 {
	position: absolute;
	top: 22.3vw;
	z-index: 5;
	left: 0;
	width: 24.3%;
	padding-top: 35.2%;
	opacity: 0;
}
.dnft1i1-ae {
	top: 2.3vw;
	opacity: 1;
}
.dnft1i2 {
	position: absolute;
	top: 28vw;
	left: 25.6%;
	z-index: 7;
	width: 17.4%;
	padding-top: 25.25%;
	opacity: 0;
}
.dnft1i2-ae {
	top: 8vw;
	opacity: 1;
}
.dnft1i3 {
	position: absolute;
	top: 46.1vw;
	left: 22.2%;
	z-index: 6;
	width: 24.2%;
	padding-top: 35.5%;
	opacity: 0;
}
.dnft1i3-ae {
	top: 26.1vw;
	opacity: 1;
}
.dinecontent1 {
	padding: 0 4% 15px;
}
.dinecontent1 .htxt {
	max-width: 800px;
	margin: 0 auto 30px;
}
.dinecontent1 .htxt h3 {
	color: #168ccc;
	font-size: 56px;
	line-height: 66px;
	margin-bottom: 15px;
}
.dinecontent1 .htxt h2 {
	color: #168ccc;
	font-size: 58px;
	line-height: 68px;
}
.dineimggrp {
	position: relative;
	padding-top: 46%;
}
.digi1 {
	width: 52.1%;
	padding-top: 37.52%;
	position: absolute;
	top: 27.9vw;
	left: 0;
	z-index: 5;
	opacity: 0;
}
.digi1-ae {
	top: 7.9vw;
	opacity: 1;
}
.digi2 {
	width: 28.6%;
	padding-top: 37.05%;
	position: absolute;
	top: 20vw;
	left: 48.5%;
	z-index: 6;
	opacity: 0;
}
.digi2-ae {
	top: 0vw;
	opacity: 1;
}
.digi3 {
	width: 27.4%;
	padding-top: 35.75%;
	position: absolute;
	top: 35.2vw;
	left: 72.6%;
	z-index: 7;
	opacity: 0;
}
.digi3-ae {
	top: 15.2vw;
	opacity: 1;
}
.dinefeat2::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0vw;
	z-index: 5;
	width: 100%;
	background-image: url('https://azura.sketchup.co.za/wp-content/uploads/2026/03/background-swash.webp');
	background-size: cover;
	transform: scaleX(-1);
	height: 10vw;
}
.dinefeat2 {
	background-color: #168ccc;
	padding-top: 72%;
}
.dnft2over {
	position: absolute;
	top: 20vw;
	left: 1%;
	z-index: 8;
}
.dnft2over .htxt {
	color: #FFF;
	max-width: 690px;
}
.dnft2over .htxt h3 {
	font-size: 56px;
	line-height: 66px;
	margin-bottom: 5px;
}
.dnft2over .htxt h2 {
	color: #FFF;
	font-size: 58px;
	line-height: 68px;
	margin-bottom: 25px;
}
.dnft2i1 {
	position: absolute;
	top: 32.7vw;
	z-index: 5;
	left: 46%;
	width: 43.3%;
	padding-top: 29%;
	opacity: 0;
}
.dnft2i1-ae {
	top: 12.7vw;
	opacity: 1;
}
.dnft2i2 {
	position: absolute;
	top: 57vw;
	z-index: 5;
	left: 56%;
	width: 43.3%;
	padding-top: 29%;
	opacity: 0;
}
.dnft2i2-ae {
	top: 37vw;
	opacity: 1;
}
.dnft2i3 {
	position: absolute;
	top: 80vw;
	z-index: 5;
	left: 46%;
	width: 16%;
	padding-top: 19%;
	opacity: 0;
}
.dnft2i3-ae {
	top: 50vw;
	opacity: 1;
}


/* location */
#locpg {
	padding-top: 130px;
}
#locpg .villaintro .htxt {
	margin: 0 auto 30px;
}
#locpg .villaintro .htxt h1 {
	color: #168ccc;
	margin-bottom: 30px;
}
#locpg .villaintro .htxt h2 {
	color: #168ccc;
	font-weight: 400;
	margin-bottom: 30px;
}
.locimggrp {
	position: relative;
	padding-top: 54%;
}
.ligi1 {
	width: 23.9%;
	padding-top: 35.35%;
	position: absolute;
	top: 24.2vw;
	left: 0;
	z-index: 5;
	opacity: 0;
}
.ligi1-ae {
	top: 4.2vw;
	opacity: 1;
}
.ligi2 {
	width: 23.1%;
	padding-top: 34.5%;
	position: absolute;
	top: 32.7vw;
	left: 20.3%;
	z-index: 6;
	opacity: 0;
}
.ligi2-ae {
	top: 12.7vw;
	opacity: 1;
}
.ligi3 {
	width: 54.5%;
	padding-top: 36.2%;
	position: absolute;
	top: 20vw;
	left: 41.9%;
	z-index: 7;
	opacity: 0;
}
.ligi3-ae {
	top: 0vw;
	opacity: 1;
}
.locfeat1::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0vw;
	z-index: 5;
	width: 100%;
	background-image: url('https://azura.sketchup.co.za/wp-content/uploads/2026/03/background-swash.webp');
	background-size: cover;
	height: 10vw;
}
.locfeat1 {
	position: relative;
	background-color: #168ccc;
	padding-top: 66%;
}
.lcft1over {
	position: absolute;
	top: 17vw;
	left: 7.5%;
	z-index: 8;
	text-align: left;
}
.lcft1over .htxt {
	color: #FFF;
	max-width: 700px;
}
.lcft1over .htxt h2 {
	color: #FFF;
	font-weight: 400;
	font-size: 36px;
	line-height: 46px;
	margin-bottom: 35px;
}
.lcft1i1 {
	position: absolute;
	top: 0vw;
	z-index: 3;
	left: 51.1%;
	width: 46.7%;
	padding-top: 48.2%;
}
.locfaqs {
	padding: 80px 4%;
}
.locfaqsw {
	max-width: 1315px;
	margin: 0 auto;
}
.locfaq {
	border-top: 1px solid #168ccc;
	padding: 22px 0 10px;
	margin-bottom: 20px;
}
.locfaqh {
	position: relative;
	color: #168ccc;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
}
.locfaqh::after {
	content: '';
	position: absolute;
	top: 0px;
	right: 1px;
	width: 20px;
	height: 30px;
	background-image: url('images/icon-arrowh-blue.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s linear;
}
.locfaq.locfaqopen .locfaqh::after {
	transform: rotate(90deg) translateZ(1px);
}
.locfaqc {
	display: none;
	padding: 25px 0 0;
}
.locfaqc-f {
	max-width: 86%;
}
.locfaqc-l {
	width: 62.3%;
	box-sizing: border-box;
	padding: 0 20% 0 0;
}
.locfaqc-r {
	width: 31%;
}
.locfaqc-r img {
	max-width: 100%;
}


/* availability */
#availpg {
}
.availenq {
	font-family: 'circe', sans-serif;
	padding: 70px 7% 70px;
}
.availenq-info {
	font-family: 'circe', sans-serif;
	width: 42%;
	box-sizing: border-box;
	padding: 0 9.5% 30px 0;
}
.availenq-info.htxt h2 {
	font-family: 'circe', sans-serif;
	color: #168ccc;
	font-weight: 400;
	font-size: 32px;
	line-height: 42px;
	margin-bottom: 50px;
}
.availenq-info.htxt h4 {
	font-family: 'circe', sans-serif;
	color: #168ccc;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.06em;
	margin-bottom: 2px;
}
.availenq-r {
	font-family: 'circe', sans-serif;
	width: 58%;
}
.availenq-intro {
	font-family: 'circe', sans-serif;
	max-width: 680px;
}
.availenq-intro.htxt h4 {
	font-family: 'circe', sans-serif;
	color: #168ccc;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 50px;
}
.availenq-form {
	font-family: 'circe', sans-serif;
}
.availenq-form sup {
	color: red;
}
.availenq-form p {
	margin: 0;
}
.availenq-form .cffield, .availenq-form .cffieldr {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 8px);
	margin: 0 4px 15px 0;
}
.availenq-form .cffieldf {
	width: calc(100% - 4px);
	margin: 0 4px 15px 0;
}
.availenq-form .cffield label, .availenq-form .cffieldf label, .availenq-form .cffieldr label {
	display: block;
	padding-bottom: 4px;
}
.availenq-form .cffield input, .availenq-form .cffieldf textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #d1d1d1;
	box-shadow: none;
}
.cftxt {
	padding: 35px 0 30px;
	font-weight: 700;
}
.availenq-form .cffieldr .wpcf7-list-item {
	margin: 0 15px 0 0;
}
.availenq-form .cfsubmit {
	margin: 40px 0 0;
	text-align: center;
}
.availenq-form .cfsubmit input {
	border: 0px;
	box-shadow: none;
	color: #168ccc;
	font-size: 16px;
	line-height: 16px;
	font-weight: 300;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #badbdb;
	padding: 10px 23px 8px;
	transition: 0.3s linear;
	cursor: pointer;
}
.availenq-form .cfsubmit input:hover {
	color: #FFF;
	background-color: #00bdce;
}
.availsection {
	font-family: 'circe', sans-serif;
	background-color: #dceded;
	position: relative;
	padding: 85px 4% 15vw;
}
.availsection::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0vw;
	z-index: 5;
	width: 100%;
	background-image: url('https://azura.sketchup.co.za/wp-content/uploads/2026/03/background-swash.webp');
	transform: scale(-1);
	background-size: cover;
	height: 10vw;
}
.availenqsct-intro {
	max-width: 675px;
	margin: 0 auto 50px;
	text-align: center;
}
.availenqsct-intro.htxt h2 {
	font-family: 'circe', sans-serif;
	color: #168ccc;
	font-weight: 400;
	margin-bottom: 30px;
}
.availenq-widget {
	max-width: 980px;
	margin: 0 auto;
}
.availenq-widget #azura {
	max-width: 100%;
	overflow: hidden;
}



/* gallery */
#gallerypg {
	padding-bottom: 80px;
}
.galleryh {
	padding: 160px 4% 60px;
	text-align: center;
}
.gallery-title {
	color: #168CCC;
	margin-bottom: 60px;
}
.gallery-nav {
	max-width: 1100px;
	margin: 0 auto;
}
.galnav {
	padding: 0 10px 30px;
}
.galnav a {
	display: block;
	position: relative;
	color: #168CCC;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.04em;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0 20px;
}
.galnav.galnavc a {
	font-weight: 700;
}
.galnav.galnavc a::after {
	content: '';
	position: absolute;
	left: -4px;
	width: calc(100% + 8px);
	bottom: -15px;
	height: 10px;
	background-image: url('images/line-blue.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s linear;
}
.gallery-content {
	padding: 0 40px;
}


/* footer */
#footer {
	font-family: 'circe', sans-serif;
	padding: 70px 8% 40px;
}
.ftrtop {
	padding-bottom: 60px;
}
.ftrtop .widget-title {
	font-family: 'circe', sans-serif;
	color: #168CCC;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 12px;
}
.ftrtop p {
	margin-bottom: 20px;
}
.ftrcol1 {
	width: 33%;
}
.ftrlogo {
	width: 200px;
	margin-bottom: 60px;
	margin-left: 30px;
}
.ftrlogo a {
	display: block;
}
.ftrlogo img {
	width: 100%;
}
.ftrcol1-widget {
	width: 260px;
	text-align: center;
}
.ftrcol1-widget p {
	margin-bottom: 10px;
}
.fsocial {
	width: 260px;
	text-align: center;
}
.fsocial a {
	display: inline-block;
	vertical-align: top;
	margin: 0 4px 8px;
}
.ftrcol2 {
	width: 34%;
	padding: 0 40px 0 0;
	box-sizing: border-box;
}
.ftrcol3 {
	width: 21.5%;
}
.ftrcol4 {
	width: 11.5%;
	text-align: right;
}
.ftrcol4 img {
	max-width: 100%;
	margin-bottom: 20px;
}
.ftrsiteby {
	text-align: center;
}
.ftrsiteby img {
	width: 200px;
}
.nssu {
	padding-bottom: 40px;
}
.nssu input[type=email] {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #d1d1d1;
	box-shadow: none;
	margin-bottom: 10px;
}
.nssu input[type=submit] {
	display: inline-block;
	border: 0px;
	box-shadow: none;
	color: #168ccc;
	font-size: 16px;
	line-height: 16px;
	font-weight: 300;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #badbdb;
	padding: 10px 23px 8px;
	transition: 0.3s linear;
	cursor: pointer;
}
.nssu input[type=submit]:hover {
	color: #FFF;
	background-color: #00bdce;
}
.grecaptcha-badge {display: none;}


/* Overides */

.az-main-head{
	color: #8D8D8D;
	text-transform: uppercase;
	font-size: 34px !important;
	line-height: 44px !important;
	font-weight:200 !important;
	letter-spacing: 0.06em !important;
	font-family: 'circe', sans-serif !important;
    position: relative !important;
    margin-bottom: 30px !important;
}

.az-main-head-blue{
     color: #168CCC;
    margin-bottom: 50px;
}

.az-fancy-head{
	color: #168CCC;
	font-family: 'Quentin';
    font-size: 58px !important;
    line-height: 74px !important;
	text-transform: none !important;
}

h1.anifin-e{
	    margin-bottom: 70px;
}

.white{
	color:#fff !important;
}