@charset "utf-8";

@font-face {
	font-family: 'CormorantInfant-Bold';
	src: url('../fonts/cormorantinfant-bold.woff2') format('woff2'),
	     url('../fonts/cormorantinfant-bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'CormorantInfant-Italic';
	src: url('../fonts/cormorantinfant-italic.woff2') format('woff2'),
	     url('../fonts/cormorantinfant-italic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

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

body{
	font-family: 'CormorantInfant';
	color: #000000;
	transition: background-color .5s;
}

.hide{
	display: none;
}

.show{
	display: block;
}

#header, #footer{
	position:fixed;
	display:block;
	width: 100%;
	z-index:9;
	text-align:center;
	padding: 0;
	background-color: #FFFFFF;
}
#header{
	top:0;
}
#footer{
	bottom:0;
	height: 50px;
}

.sm_menu{
	padding: 25px 5px;
}
.uk-float-left p{
	font-family: 'CormorantInfant-Italic';
	font-size: 12px;
	margin-left: 30px;
	margin-top: 5px;
}

.section{
	text-align:center;
}
.menu{
	position:relative;
	top:0;
	left:0;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
}

.menu li {
	margin: 0 10px 10px;
	color: #54565A;
}

.menu .active, .stores-active {
	border-bottom: 1px solid #A36E47 !important;
}

.menu .uk-navbar-nav {
	padding-bottom: 10px;
}

.menu .uk-navbar-nav li a{
	font-family: 'CormorantInfant';
	font-size: 1em;
	color: #000000;
	text-transform: none;
	min-height: inherit;
	padding: 0;
}
.menu .uk-navbar-nav li {
	margin: 0 25px;
}

.uk-navbar-container{
	background: none !important;
}
.uk-navbar-toggle{
	color: #A36E47 !important;
	padding: 0;
}
.uk-offcanvas-bar{
	background-color: #A36E47;
}
.uk-offcanvas-bar .uk-nav-default>li >a{
	color: #EAE8DF;
}
.uk-offcanvas-overlay{
	background: rgba(0,0,0,.6);
}

.logo {
	padding-top: 25px;
	padding-bottom: 20px;
}

.line, .line1, .line2{
	border-color: #A36E47;
	border-width: 1px;
}
.lineInner{
	border-bottom: 0.25px solid #EAE8DF;
	margin: 5px 0;
	max-width: 100%;
	width: 100%;
}
.line {
	margin: 0px 0 5px 0 ;
}
.line1 {
	margin: 5px 0 0 0 ;
	}
.line2 {
	margin: 0 0 5px 0 ;
}
.uk-button-default{
	border: none;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
}
h1, h2, h3,
.h1, .h2, .h3{
	font-family: 'CormorantInfant-Italic';
}
h1,
.h1{
	font-size:3.75em ;
	color: #FFFFFF;
	font-weight: 100;
	margin: 0;
	line-height: 1em;
}
h2,
.h2{
	font-size:1.875em ;
	color: #FFFFFF;
}
h3,
.h3{
	color: #000000;
}
#section0, #section2, #section3{
	color: #FFFFFF;
}
@media (min-width: 1200px){
	#fullpage > .section{min-height:100vh}
	#section2 .imagesection2{height:100vh}
}
#section1, #section4{
	color: #54565A;
}

.uk-container{
	max-width: 100%;
	padding: 0;
}

.content{
	padding: 0 100px;
}

.Title-container {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-sizing: content-box;
	width: 100%;
	max-width: 100%;
}

#scroll-down {
	position: absolute;
	top: 70%;
	height: 200px;
	width: 100%;
	max-width: 100%;
	display: block;
	padding-top: 79px;
	text-align: center;
}

.section button{
	color: #FFFFFF;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

.arrow-down {
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 38px;
	-webkit-animation: ca3_fade_move_down 2.5s ease-in-out infinite;
	-moz-animation: ca3_fade_move_down 2.5s ease-in-out infinite;
	animation: ca3_fade_move_down 2.5s ease-in-out infinite;

}

.arrow-down:after {
	content: '';
	display: block;
	padding: 0;
	width: 18px;
	height: 18px;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	margin-left: -5px;

}

.arrow-right:after {
	content: '';
	display: block;
	padding: 0;
	width: 18px;
	height: 18px;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: -5px;

}

.arrow-left:after {
	content: '';
	display: block;
	padding: 0;
	width: 18px;
	height: 18px;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	margin-left: -5px;

}

.scroll {
	font-family: 'CormorantInfant-Bold';
	letter-spacing: 1px;
	font-size: 1em;
}

@-webkit-keyframes ca3_fade_move_down {
  0% {
	  -webkit-transform:translate(0,-20px);
	  transform:translate(0,-20px);
	  opacity: 0;
	}
  50% {
	  opacity: 1;
	}
  100% {
	  -webkit-transform:translate(0,20px);
	  transform:translate(0,20px);
	  opacity: 0;
	}
}
@-moz-keyframes ca3_fade_move_down {
  0% {
	  -moz-transform:translate(0,-20px);
	  transform:translate(0,-20px);
	  opacity: 0;
	}
  50% {
	  opacity: 1;
	}
  100% {
	  -moz-transform:translate(0,20px);
	  transform:translate(0,20px);
	  opacity: 0;
	}
}
@keyframes ca3_fade_move_down {
  0% {
	  transform:translate(0,-20px);
	  opacity: 0;
	}
  50% {
	  opacity: 1;
	}
  100% {
	  transform:translate(0,20px);
	  opacity: 0;
	}
}

#section1 .uk-container, #section3 .uk-container, #section5 .uk-container, #section6 .uk-container, #section7 .uk-container{
	margin-left: 100px;
	margin-right: 100px;

}

#section1 h1,

#section1 .h1{
	color: #54565A;
	margin-bottom: 30px;
}

#section2 .uk-container{
	margin: 0;
}

#section2 .content h1,

#section2 .content .h1{
	margin-bottom: 20px;
}

#section2 .imagesection2{
	display: flex;
}

#section2 .imagesection2 img[data-uk-cover]{
	object-fit: cover;
}

#section3 img{
	width: 75%;
	max-width: 75%;
}

.uk-modal-dialog{
	max-height: 100% !important;
	overflow: auto;
}
.lineWhite{
	border-bottom: 0.25px solid #FFFFFF;
}
#section3 .uk-button-default{
	font-size: 1em;
	text-transform: none;
}

.uk-modal{
	background: none;
	overflow: hidden !important;
}

.bgblackmodal{
	background-color: rgba(0,0,0, 0.6);
	height: 100vh;
	width: 100vw;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden !important;
}

#section4 .title{
	font-size: 3em;
	font-family: 'CormorantInfant';
	line-height: 0.8;
	margin-bottom: 10px;
}

.userform{
	margin: 200px 0 20px;
}
.avoid-click{
	pointer-events: none;
}

.marginLeft {
	margin-left: 120px;
}

#section4 #form{
	width: 100%;
	height: 480px;
	margin-top: 30px;
	margin-bottom: 0;
	max-width: 100%;
}

.map{
	background: #e5e2d9;
}
.watermark {
	z-index: 999;
	position: relative;
	margin-left: 20px;
	bottom: 2px;
}

#ppl{
	margin-left: -120px;
	height: 90vh;
}
#section4 #ppl{
	left: -100%;
    transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
}
#section4 .uk-position-bottom-left{
	bottom: -30%;
}

#section5 #backgroundimage{
   	width: 100%!important;
    height: 100% ;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url("../img/stores/storebgdefault.webp");
	opacity:1;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;

}

#section5 #fnbbackgroundimage{
	width: 100%!important;
    height: 100% ;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url("../img/stores/storebg1.webp");
	opacity: 0;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;

}

#section5 #wellnessbackgroundimage{
	width: 100%!important;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url("../img/stores/storebg2.webp");
	opacity: 0;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;

}

#section5 #servicesbackgroundimage{
	width: 100%!important;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url("../img/stores/storebg3.webp");
	opacity: 0;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;

}

#section5 h3, .title-block h3,

#section5 .h3, .title-block .h3{
	font-size: 3.125em;

}

#section5 .fnbtitle{
	padding: 160px 0px;
}

#section5 #welltitle, #section5 #servtitle{
	padding: 195px 0px;
}

#section5 .uk-container{
	margin-top: 100px;
}

.uk-child-width-expand\@l>:not([class*=uk-width]) {
    padding: 0;
}

.uk-card-body{
	padding: 15px;
	opacity: 0.8;
	background-color: #eae8e0;
}

.box {
 	border: 1px solid #a36e47;
 	overflow: hidden;
	position: relative;

}
.pabox{
	border: 1px solid #a36e47;

	position: relative;
	padding: 50px 60px 50px 100px;
}
.pabox.uk-card-body

.box:hover{
	cursor: pointer;
}
.box:hover h3,
.box:hover .h3{
	-webkit-transform: translate(0%, -10%);
	-moz-transform: translate(0%, -10%);
	transform: translate(0%, -10%);
}

.box h3,

.box .h3{
 	padding-bottom: 0;
 	margin-bottom: 0;
	transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-webkit-transition: transform .3s ease;
}

.fnb-btn, .hnw-btn,.serv-btn{
	text-decoration: none;
}

.box:hover a{
	animation: uk-fade-bottom2 .3s ease;
	opacity: 1;
}
.wnbox a, .servbox a{
	opacity: 0;
	-webkit-transform: translate(-50%, 50%);
	-moz-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	position: absolute;

	top: 53%;
    left: 50%;
	-moz-transition: transform .3s ease;
	-webkit-transition: transform .3s ease;
	transition: .3s ease;
}

.fnbbox a{
	opacity: 0;
	-webkit-transform: translate(-50%, 50%);
	-moz-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	position: absolute;
	top: 53%;
	left: 50%;
	-moz-transition: transform .3s ease;
	-webkit-transition: transform .3s ease;
	transition: .3s ease;
}

a.button div{
	position: relative;
	color: #000000;
	text-decoration: none;
}
.uk-modal-dialog .uk-dotnav{
	margin: 0px 0px 30px 30px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.section8-5 .uk-modal-dialog .uk-dotnav{
	margin: 0px 0px 20px 0px;
	display: flex;
}
.uk-dotnav>*>* {
    width: 18px;
    height: 18px;
    background-color: #A36E47;
    border: 1px solid #A36E47;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.uk-dotnav>.uk-active>* {
    background-color: #FFFFFF;
	border-color: #A36E47;
}

.uk-dotnav>*>:hover{
	background-color: rgba(163, 110, 71, 0.6);
}

.modalinner:active {
	overflow: none;
}
.modalinner .uk-modal-close-default{
	padding: 0;
	top: 30px;
	right: 30px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.modalinner .uk-modal-dialog .uk-modal-title{
	font-family: 'CormorantInfant-Italic';
	font-size: 3.125em;
	line-height: 1;
	margin-bottom: 10px;
}

.modalinner .uk-modal-dialog h4,

.modalinner .uk-modal-dialog .h4{
	font-family: 'CormorantInfant';
	font-size: 1.875em;
	margin: 30px 0 20px 0;
}

.modalinner p{
	margin: 0;
}

.socialmedia{
	margin-top: 30px;
}

.fb_sm, .insta_sm, .tiktok_sm{
	margin-right: 20px;
}
.storecontainer{
	margin: 30px 80px;
}

.uk-height-large{
	height: 700px;
}
.khblogo{
	margin: 50px;
}
.omaralilogo,.cnclogo {
	margin: 50px;
	border-radius: 100px;
}
.omaralilogo{
border:1px solid #000;
}

.number-pagination{
	bottom: 30px;
	right: 30px;
}

.number-pagination span{
	color: #A36E47;
	letter-spacing: 4px;
	font-size: 18px;
}
.number-pagination span:after{
	content: "/1";
	font-size: 18px;
	color: #000000;
}

.khimage,.cncimage{
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

body.fp-viewing-contactus #section4 #ppl{
    left: -25px;
}

#section0 .uk-position-bottom-left{
	bottom: -45%;
}
#ppl2{
	margin-left: -50px;
	max-height: 120vh;
	left: 0;
	transform: translateX(-120vw);
	transition: transform 600ms ease;

}

body.fp-viewing-home #section0 #ppl2{
    transform: translateX(0);
}

body.fp-viewing-home .watermark img, body.fp-viewing-aboutus .watermark img, body.fp-viewing-stores .watermark img, body.fp-viewing-community .watermark img{
    opacity: 0;
}

.hamburger, .hamburger:hover {
 position: absolute;
font-size: 25px;
color: #A36E47;
right: 20px;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
}
.hamburger:hover {
	text-decoration: none;
}
.nav-offcanvas {
  width: 300px;
  background: #A36E47;
  height: 100%;
  position: fixed;
  overflow-x: auto;
  z-index: 2000;
  padding: 30px 0;
  top: 0;
  text-align: left;
  left: -300px;
  transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.nav-offcanvas .close {
  position: absolute;
  color: #FFFFFF;
  font-size: 15px;
  right: 30px;
  top: 0px;
  outline: 0;
  opacity: 1;
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  transition: .3s ease;
}
#offCanvasClose svg{
	margin-top: 20px;
}
.nav-offcanvas-menu {
	padding-left: 30px;
	padding-right: 30px;
}
.nav-offcanvas-menu ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav-offcanvas-menu ul li a {
  font-family: 'CormorantInfant';
  color: #FFFFFF;
  font-size: 1.3em;
  letter-spacing: 1px;
  font-weight: 300;
  padding: 5px 0;
  display: block;
  text-decoration: none;
  position: relative;
  z-index: 1;
  transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.05s;
}
.nav-offcanvas-menu ul li a:hover {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.nav-offcanvas.open {
  left: 0;
}

.offcanvas-overlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1999;
  transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  visibility: hidden;
  opacity: 0;
}
.offcanvas-overlay.on {
  opacity: 1;
  visibility: visible;
}

.cstitle{
	margin: 50px!important;
}

body.stores-inner .fp-section{
	background-color:#eae8de !important;
}
body.stores-inner .fp-section #backgroundimage {
	position: absolute;
	inset: 0;
	opacity:.15;
	width: 100%!important;
    height: 100%;
    background-size: cover;
}

body.stores-inner.food-page  .fp-section #backgroundimage {
    background-image: url(../img/stores/storebg1.webp);
    background-position: 50% 50%;
}

body.stores-inner.service-page  .fp-section #backgroundimage {
    background-image: url(../img/stores/storebgdefault.webp);
    background-position: 50% 50%;
}

body.stores-inner #section5 .uk-container{
	margin:0;
}

body.stores-inner .title-block{
	height:100%;
}

body.stores-inner .title-block .uk-card-body{
	height:100%;
	background-color:transparent;
	border: 1px solid #a36e47;
    overflow: hidden;
	position: relative;
	padding: 35px;
	display: flex;
    justify-content: left;
    align-items: center;
}

.stores-inner-slider {
	padding: 100px 100px 0 100px;
}

.stores-inner-slider > ul > li{
	height:40vh;
	width: 35%;
	min-width: 500px;
	cursor: pointer;
}

.stores-inner-slider > ul > li.inner-firstli{
	max-width: 340px;
	min-width: 340px;
}
.stores-inner-nav{
	top:calc(50% + 50px);
}
.title-block h3 ,
.title-block .h3 {
	text-align:left;
	line-height: 1.2;

	transition:all .3s;
}

.title-block:hover .stores-back h3 ,

.title-block:hover .stores-back .h3 {

}

.stores-back{
	text-align:left;

	padding: 20% 0px;
}

.title-block .stores-back > a> div{

}

.khimage,.cncimage,.ayimage, .egimage,.wntimage,.slider-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content-block, .content-block .uk-card.uk-card-body{
	height: 100%;
}
.content-block .image-block{
    background-size: cover;
    height: calc(100% - 35px);
}
.alibi .content-block .image-block{
	background-image: url(../img/stores/fnb/alibi/alibi-5-card.webp);
	background-position: 0% 50%;
}
.mhb .content-block .image-block{
	background-image: none;
	background-position: 0% 50%;
}
.mkpz .content-block .image-block{
	background-image: none;
	background-position: 0% 50%;
}
.trkl .content-block .image-block{
	background-image: url(../img/stores/fnb/trkl/1-card.webp);
	background-position: 0% 50%;
}
.pcps .content-block .image-block{
	background-image: url(../img/stores/fnb/mgtv/main-card.webp);
	background-position: 0% 50%;
}
.ay .content-block .image-block{
	background-image: none;
	background-position: 0% 50%;
}
.eg .content-block .image-block{
	background-image: url(../img/stores/fnb/eg/evolve-gastrobar-1-card.webp);
	background-position: 0% 50%;
}
.wnt .content-block .image-block{
	background-image: none;
	background-position: 0% 46%;
}
.kennyhills .content-block .image-block{
	background-image: none;
	background-position: 0% 50%;
}
.cork_n_cleaver .content-block .image-block{
	background-image: url(../img/stores/fnb/cnc/cork-n-cleaver-card.webp);
	background-position: 0% 50%;
}

.cimb-bank .content-block .image-block{
	background-image: none;
	background-position: 0% 0%;
}
.qra .content-block .image-block{
	background-image: none;
	background-position: 0% 80%;
}

.limon .content-block .image-block{
	background-image: url(../img/stores/services/limon/3-card.webp);
	background-position: 0% 80%;
}

.omar-ali .content-block .image-block{
	background-image: none;
	background-position: 0% 45%;
}

.sn .content-block .image-block{
	background-image: url(../img/stores/hnw/kord/kord-1-card.webp);
	background-position: 0% 45%;
}

.pns .content-block .image-block{
	background-image: none;
	background-position: 0% 45%;
}

.ks .content-block .image-block{
	background-image: url(../img/stores/hnw/ks/ks-5-card.webp);
	background-position: 0% 45%;
}

.bb .content-block .image-block{
	background-image: none;
	background-position: 0% 45%;
}
.content-block .uk-card-body {
    padding: 15px;
    opacity: 0.8;
    background-color:transparent;
}

.box-white {
    border: 1px solid #ffffff;
    overflow: hidden;
	position: relative;
	height:100%;
}

.content-block{
	position:relative;
}
.brand-title-block{
	text-align: left;
	position:absolute;
	left:0;
	bottom:0;
	background-color:black;
	padding:18px;
	width:calc(100% - 70px);
}
.brand-title-block h5,
.brand-title-block .h5{
	text-align:left;
	margin-bottom:0;
	font-family: 'CormorantInfant-Italic';
	font-size: 1.45em;
}
.brand-title-block > a{
	text-align:left;
	float:right;

	transition:all .5s;
	opacity:0;
	position:relative;
	right: 10px;
	top:5px;
}

.brand-title-block a div{
	color:white;
	transition:all .5s;
}
.brand-title-block > *{
	display:inline-block;
}

#section5 .content-block:hover .brand-title-block a{
	opacity:1;
	right:0;
}

#section8-5 a.rs-btn:hover,#section8-5 a.prf-btn:hover{
	opacity:1;
	right:0;
	background-color: #fff;
	transform: translate(0px, -7px);
	box-shadow: 2px 2px 0px #d7865c;
}

#section8-5 a.rs-btn:hover div,#section8-5 a.prf-btn:hover div{
    color: #000;
    font-family: 'CormorantInfant-Bold';
}

.stores-inner-nav{
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,.55);
	border-radius: 50%;
	z-index: 2;
}
.stores-inner-nav .arrow-left,
.stores-inner-nav .arrow-right{
	width: 18px;
	height: 18px;
	display: block;
	padding: 0;
}
.stores-inner-nav:focus-visible{
	outline: 2px solid #fff;
	outline-offset: 2px;
}
.arrow-left{
	padding-left: 8px;
}

.modalinner .uk-slider-items{
	height:100%;
}

.section8-5 .modalinner .uk-slider-items{

}

.modalinner .uk-slider-items .khimage {
    width: 100%;
    height: 100%;
}
.modalinner .uk-slider-items .cncimage {
    width: 100%;
    height: 100%;
}

.stores-inner .uk-link:hover, .stores-inner a:hover {
    text-decoration: none;
}

.mobile-inner-slider{
	display:none;
}

.mobile-title{
	margin-top: 80px;
	margin-bottom:50px;
}
.mobile-slider-items{
	display:none;
}

.mobile-title .title-block .uk-card-body{
	max-height:260px;
}

#section8 .content{padding: 50px 50px 0px 100px;}
#section8 .main-artist-prf-holder{padding: 50px 50px 0 50px;}
#section8 .inner-box{
	height: calc(100% - 30px);
	width: calc(100% - 30px);
	border: 1px solid white;
}
#section8 h1, #section8 h2, #section8 p,
#section8 .h1, #section8 .h2{
	color: #fff;
	text-align: justify;
}

.section8 button{
	color: #FFFFFF;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

.prf .klw-btn {

}
button.icon.klw-btn {
    font-family: 'CormorantInfant-Bold';
    margin-top: 20px;
    padding: 5px 15px 3px 15px;
    border: 2px solid #fff !important;
    color: #fff !important;
    transition: 0.5s;
    font-size: 14px;
    width: 100%;
    text-align: center;
}
button.icon.klw-btn:hover{
    margin-top: 20px;
    padding: 5px 15px 3px 15px;
    border: 2px solid #ffffff !important;
    color: #de641c !important;
    background-color: #ffffff;
}
button.klw-btn {
    font-family: 'CormorantInfant-Bold';
    margin-top: 20px;
    padding: 5px 15px 5px 15px;
    border: 2px solid #fff !important;
    color: #fff !important;
    transition: 0.5s;
    font-size: 14px;
}
button.klw-btn:hover{
    margin-top: 20px;
    padding: 5px 15px 5px 15px;
    border: 2px solid #ffffff !important;
    color: #de641c !important;
    background-color: #ffffff;
}
span.uk-icon {
	transition: 0.3s;
	transform: translate(1px,-1px);
	margin: 0;
	padding: 0;
}

button.klw-btn:hover span.uk-icon {
	transition: 0.3s;
	transform: translate(6px,-1px);
}

#section8-5 .content{padding: 100px 0px 0px 100px;}
.artist-prf .storecontainer{
	margin: 30px 30px 50px !important;
	height: calc(100% - 60px);
}
.content .storecontainer{
		margin: 30px 30px 50px !important;
		height: 80vh;
}
.uk-modal-page body.fp-responsive {
    overflow: hidden !important;
    height: 100% !important;
    }
.section8-5 .uk-modal{
	background: none;
	overflow: hidden !important;
	padding-top: 20px;
}
.section8-5 .rational-holder {
    background: rgb(0 0 0 / 64%);
    background: #000000a3;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 20px;
    text-shadow: 1px 1px 1px #000000;
}

.section8-5 .rational-box {
    width: calc(80%);
    width: 100%;
    height: 100%;
    padding: 50px;
}

.section8-5 .rational {
    width: 100%;

}

.section8-5 .uk-slider {

}
#section8-5 h1, #section8-5 h2, #section8-5 p,
#section8-5 .h1, #section8-5 .h2{
	color: #fff;
	text-align: justify;
}
#section8-5 h1,
#section8-5 .h1{
	font-size: 40px !important;
	font-weight: bolder;
}

#section8-5 .stores-inner-slider {
	padding: 21% 0px 0px 25px;
}
h2.info ,
.h2.info {
    margin: 0;
    padding-bottom: 50px;
}

#section8-5 .brand-title-block > a{
	opacity:1!important;
	font-size: 14px;

	border: 2px solid #fff;
	text-transform: uppercase;
	transform: translate(0px, -3px);
	padding: 5px 5px 4px 7px;

	right: 0;
}
#section8-5 .prf-btn{
	margin-left: 10px;
}
#section8-5 .wlk-slild-btn {
    top: 62%;

}
.artist-prf a.insta_sm {
    display: inline-block;
    text-decoration: none;
    display: none;
}
.artist-prf .vote-info{
    display: inline-block;
    margin: 5px;
    font-size: 20px;
    position: relative;
    top: 3px;
    color: #000;
    font-family: 'CormorantInfant-Bold';
    display: none;
}
.modalinner.artist-prf p {

    text-align: justify;
}
.modalinner.content p {
    max-height: 100%;
    height: fit-content;

    text-align: justify;
}
.modalinner.artist-prf .rational p{margin-bottom: 20px;}

.artist-prf .number-pagination{
display:none;
}
@media only screen and (max-width: 1220px){
	.title-block h3 ,
	.title-block .h3 {
		font-size: 2.8em;
	}
	.stores-inner-slider > ul > li.inner-firstli {
		max-width: 300px;
		min-width: 300px;
	}
	body.stores-inner .title-block .uk-card-body {
		padding: 25px;
	}
	.stores-inner-slider {
		padding: 100px 65px 0 65px;
	}

}

@media only screen and (max-width: 959px){
	.stores-inner-slider > ul > li {
		height: 35vh;
		min-width: 420px;
	}
	.stores-inner-slider > ul > li.inner-firstli {
		max-width: 300px;
		min-width: 300px;
	}
div#manje.content .uk-modal-dialog{min-height: 90vh;}
.modalinner.artist-prf{

}

.modalinner.artist-prf p {
    max-height: 100vh;

    margin-bottom: 0;
}
.modalinner.content p {
    max-height: 39vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    margin-bottom: 101px;
}
.modalinner.artist-prf p::-webkit-scrollbar-track{
	display:none;
}
}

@media only screen and (max-width: 760px){

	#section8-5 .brand-title-block > a{
		opacity:1!important;
		font-size: 18px;

		border: none;
		text-transform: uppercase;
		transform: translate(-5px, 7px);
		padding: 5px 15px 6px 15px;

		float: left;
		color: black;
		margin-top: 20px;
		border: 2px solid #fff;
		margin-right: 20px;
	}
	#section8-5 .brand-title-block {
		padding: 22px;
		padding-right: 0px;
		width: calc(100% - 21px);
	}
	 #section8-5 p{
	 	text-align:center;
	 }

#section8 .main-artist-prf-holder {
    padding: 0px 50px 100px 50px !important;
    margin: 0;
}

	.brand-title-block > * {
		display: block;
	}
	.brand-title-block > a {
		float: left;
		top: 0px;
	}
	.brand-title-block {
		padding: 12px;
		padding-left:18px;
	}
	.brand-title-block h5,
	.brand-title-block .h5{
		position:relative;
		top:10px;
		transition:all .5s;
	}
	.content-block:hover .brand-title-block h5,
	.content-block:hover .brand-title-block .h5{
		position:relative;
		top:0px;
	}
}

@media only screen and (max-width: 1500px){
#section4 .title {
    font-size: 2.55em !important;
	}
}
@media only screen and (max-width: 1366px){
#section8-5 .stores-inner-slider {
	padding: 17vh 0px 0px 0px;
}
#section8-5 h1 ,
#section8-5 .h1 {
    font-size: 30px !important;
    font-weight: bolder;
    margin-bottom: 20px;
}
#section8 .content {
    padding: 90px 20px 0px 50px;
}
#section8-5 .content {
    padding: 100px 0px 0px 100px;
}
#section8 .main-artist-prf-holder {
    padding: 50px 0px 0 100px;
}
#section8 h2,
#section8 .h2{
	margin: 0;
	padding: 0;

}
#section8 p,#section8-5 p{
	line-height: 22px;
	margin-top: 10px;
}
div#blog-post-30032021 .blog-img {
    transform: scale(1.5);
    bottom: 24%;
    object-fit: contain;
}

	h1 ,

	.h1 {
		font-size: 2.7em !important;
	}
	#section1 .uk-container, #section3 .uk-container{
		padding-top: 80px;
	}

	.arrow-down{
		height: 20px !important;
	}

	#scroll-down{
		height: 160px !important;
	}

	#section1 img{
		max-width: 65%!important;
	}

	#section2 .content h1,

	#section2 .content .h1{
		margin-top: 100px !important;
	}

	#section3 img{
		max-width: 50%;
		width: 50%;
	}

	#section4 .title{
		font-size: 2.5em !important;
	}
	#section4 .uk-position-bottom-left {
		bottom: -5%;
	}
	.userform{
		margin-top: 170px;
	}
	#section4 .content {
		padding: 0 50px;
	}

	#ppl{
		margin-left: -50px !important;
		height: 75vh !important;
	}
	#section4 #form{
		margin-top: 0;
		height: 460px;
	}

	#section5 .uk-container,#section6 .uk-container{
		margin-top: 100px;
	}

	.modalinner .uk-modal-dialog .uk-modal-title{
		font-size: 2.7em;
		margin-bottom: 10px;
	}

	.modalinner .uk-modal-dialog h4,

	.modalinner .uk-modal-dialog .h4{
		font-size: 1.875em;
		margin: 20px 0 10px 0;
	}

	.uk-height-large {
		height: 570px !important;
	}

	#section5 .fnbtitle{
		padding: 120px 0px;
	}

	#section5 #welltitle, #section5 #servtitle{
		padding: 155px 0px;
	}

	.modalinner .uk-modal-dialog .uk-modal-title{
		font-size: 2.7em;
		margin-bottom: 10px;
	}

	.modalinner .uk-modal-dialog h4,

	.modalinner .uk-modal-dialog .h4{
		font-size: 1.875em;
		margin: 20px 0 10px 0;
	}

	.uk-height-large {
		height: 570px !important;
	}
	.section8-5 .uk-height-large {

		height: 90vh !important;
	}

	.uk-modal-container .uk-modal-dialog.floorplan-bg{
		overflow: hidden !important;
	}

}

.section8-5.modalinner .uk-slider-items {
    min-height: 90vh;
    min-width: fit-content;
}
.content .uk-modal-dialog {
    min-height: 90vh;
}
@media only screen and (max-height: 637px){
	.section8-5.uk-modal {
    padding: 0;
    padding-top: 20px;
}

}
@media only screen and (min-height: 637px){

	#section4 #form{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.section8-5.uk-modal {
    padding: 0;
    padding-top: 20px;
}

}

@media only screen and (min-height: 748px){
	#section4 #form{
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 1280px){

	#ppl2{
		margin-left: -100px;
	}

	.userform {
		margin-top: 160px;
	}

	#section4 .uk-position-bottom-left{
		bottom: -30% !important;
	}
	#section4 .title{
		font-size: 2.2em !important;
	}

	#ppl{
		height: 80vh!important;
		margin-left: -100px !important;
	}

}

@media only screen and (max-width: 1024px){

.menu .uk-navbar-nav,#header .sm_menu{
display:none;}

.footerInner {
    padding: 40px 30px 30px;
    font-size: 0.8em;
    color: #eee;
}

.hamburger,.footerInner .sm_menu{display: block !important;}

	h1 ,

	.h1 {
		font-size: 2.8em !important;
	}

	#section0 .uk-position-bottom-left{
		bottom: -25% !important;
	}
	#ppl2{
		max-height: 80vh !important;
		margin-left: -110px !important;
	}

	#section2 .content{
		margin-bottom: 100px;
		margin-top: 100px;
	}

	#section3 .uk-container{
		margin:100px 50px 200px;
	}

	.content {
		padding: 0 80px;
	}

	#section4 .userform{
		z-index: 7;
	}
	#section4 .map{
		z-index: 8;
	}
	#section4 .title{
		font-size: 2.1em !important;
	}
	#section4 #form{
		height: 550px;

	}
	#section4 .uk-position-bottom-left{
		bottom: -5% !important;
	}

	#ppl {
		margin-left: -40px !important;
		height: 70vh !important;
	}

	#section5 .h3 {
		font-size: 2.3em;
	}
	#section5 .fnbtitle {
		padding: 110px 0px;
	}
	#section5 #welltitle, #section5 #servtitle {
		padding: 135px 0px;
	}

	#section6 h3 ,

	#section6 .h3 {
		font-size: 2.3em;
	}

	.modalinner .uk-modal-dialog .uk-modal-title {
		font-size: 2.2em;
	}
	.storecontainer {
		margin: 30px 50px;
	}
	.artist-prf .storecontainer{
		margin: 30px 30px 50px !important;
		height: calc(100% - 60px);
	}
	.content .storecontainer{
		margin: 30px 30px 50px !important;
		height: 100%;
	}
	.modalinner .uk-modal-dialog h4 ,
	.modalinner .uk-modal-dialog .h4 {
		font-size: 1.5em;
	}
}

@media only screen and (max-width: 959px) {
	#section0 .uk-position-bottom-left {
		bottom: -30% !important;
	}
	#ppl2 {
		max-height: 73vh !important;
		margin-left: -100px !important;
	}
	 #section1 .uk-container{
		margin-top: 100px;
		margin-bottom: 100px;
	}
	#section2 .content h1 ,
	#section2 .content .h1 {
		margin-top: 50px !important;
	}

	#section5 .uk-container {
		margin-top: 200px;
		margin-bottom: 200px;
	}

	#section5 .fnbtitle {
		padding: 90px 0px;
	}
	#section5 #welltitle, #section5 #servtitle {
		padding: 115px 0px;
	}

	#section6 .uk-container {
		margin-top: 170px;
		margin-bottom: 200px;
	}

	#ppl {
		margin-left: -80px !important;
		height: 66vh !important;
	}
	#section4 .uk-position-bottom-left {
		bottom: 40% !important;
	}

	.modalinner .uk-modal-close-default {
		padding: 5px;
		top: 0px;
		right: 0px;
		background-color: #ffffff;
	}

	#photo-album .modalinner .uk-modal-close-default {
		padding: 5px;
		top: 0px;
		right: 0px;
		background-color:transparent!important;
	}
 	.uk-modal-close-default svg{
		width: 25px;
		height: 25px;
	}

	 .uk-height-large {
		height: 350px !important;
	}
	 .section8-5 .uk-height-large {

		height: 90vh !important;

		background: #000;
	}
	.section8-5 .rational-box {

		padding: 40px;
	}
	.storecontainer {
		margin: 50px !important;
	}
}
@media only screen and (max-width: 800px){
.menu .uk-navbar-nav li{
	margin: 0 18px;
}

	#section0 .uk-position-bottom-left{
		bottom: -30% !important;
	}
	#ppl2{
		max-height: 65vh !important;
		margin-left: -150px !important;
	}

	#section1 .uk-container{
		margin-left: 50px;
		margin-right: 50px;
	}
	#section1 img{
		max-width: 100% !important;
	}
	.content {
		padding: 0 50px;
	}
	#section2 .content h1 ,
	#section2 .content .h1 {
		margin-top: 0px !important;
	}

	#section3 .uk-container{
		margin:200px 50px 200px;
	}

	#section4 .uk-position-bottom-left{
		bottom: 50% !important;
		height: 50vh !important;
		left: 0 !important;
	}
	#ppl {
		margin-left: -90px !important;
	}
	.watermark{
		margin-left: 50px !important;
	}

	 #section5 .uk-container,#section6 .uk-container{
		margin:200px 100px 200px;
	}

	#section6 .uk-container{
		margin:200px 100px 200px;
	}

	.khimage,.cncimage{
    	height: 60vh;
	}

}

@media only screen and (max-width: 639px){

	#section6 .uk-container {
		margin-left: auto !important;
		margin-right: auto !important;
		margin: 20px !important;
	}

	#header .logo{
		max-width: 25% !important;
	}
	.logo{
		float: left;
		margin-left: 20px;
    	padding-top: 10px !important;
    	padding-bottom: 10px!important;
	}
	.uk-navbar-center{
		margin-right: 20px!important;
	}
	.uk-offcanvas-close {
		top: -10px;
	}
	.logoInner{
		padding: 5px 0;
		margin-bottom: 10px;
	}
	.footerInner{
		padding: 40px 30px 30px;
		font-size: 0.8em;
		color: #eee;
	}
	.footerInner p{
		margin-bottom: 10px;
	}
	.innerstyle{
		font-size: 10px !important;
		margin-bottom: 10px;
	}
	#innerwatermark{
		margin-left:-20px;
	}

	h1 ,

	.h1 {
		font-size: 2.5em !important;
	}

	#section0 .uk-position-bottom-left{
		bottom: -25% !important;
	}
	#ppl2{
		max-height: 65vh !important;
	}
	#section1 img{
		margin-top: 120px!important;
	}
	#section3 .uk-container {
		margin: 50px;
	}

	#section4 .title{
		font-size: 2.5em !important;
	}
	.marginLeft {
		margin-left: 0px;
	}
	.userform {
		margin-top: 80px;
	}

	#footer, .watermark, #ppl{
		display: none !important;
	}

}
@media only screen and (max-width: 639px){

.section8-5 .rational-box {
    margin-top: 30px;
    padding: 10px;
}

#section8-5 .desktop-inner-slider{
display: block !important;

}

#section8-5 .stores-inner-slider{padding: 0px 0px 100px 25px !important;}

#section8-5 .wlk-slild-btn{
	top: 30%;
	bottom: unset;

}

	.desktop-inner-slider{
		display:none;
	}
	.mobile-inner-slider{
		display:block;
	}
	.stores-inner-slider {
		padding: 0px 65px 0 65px;
	}
	.stores-inner-nav {
		top: inherit;
		bottom: calc(50% - 230px);
	}
	.stores-inner .uk-modal-container .uk-modal-dialog{
	overflow-y:auto !important;
	}
}

@media only screen and ( max-width: 600px){

#section8-5 .brand-title-block > a{margin: 0;margin-top: 10px;}

#section8-5 .brand-title-block > a.prf-btn{
    margin-right: 16px;
}

#section8-5 .stores-inner-slider > ul > li {
    height: 45vh;
    min-width: 420px;
}
#section8-5 .brand-title-block{
		padding: 20px;
		padding-right: 0;
		width: calc(100% - 20px);
}

.btn-holder {
    position: absolute;
    bottom: 10%;
    right: -2%;
}

h2.info ,

.h2.info {

		margin: 0;
		padding-bottom: 25px;
		width: fit-content;
}

}

@media only screen and (max-width: 530px){
	.stores-inner-slider {
		padding: 0px 50px 0 50px;
	}
	.mobile-title .title-block .uk-card-body {
		max-height: 220px;
	}
	.title-block h3 ,
	.title-block .h3 {
		font-size: 2.4em;
	}
	.stores-inner-slider > ul > li {
		min-width: 380px;
	}
.prf-tum-img-holeder {

}
}

@media only screen and (max-width: 479px){
	.stores-inner-slider {
		padding: 0px 35px 0 35px;
	}
}

@media only screen and (max-width: 450px){

#section8-5 .stores-inner-slider > ul > li {
    height: 45vh;
    min-width: unset;
    min-width: 92%;
}

	.stores-inner-slider > ul > li {
		min-width: 340px;
		height:30vh;
	}
	.title-block h3 ,
	.title-block .h3 {
		font-size: 2em;
	}
	.mobile-title .title-block .uk-card-body {
		max-height: 180px;
	}
	.vc-us p {
		padding: 0;
		margin: 0;
		font-size: 20px;
	}

	ul.socialmedia {
		margin: 0;
		margin-top: 30px;
	}

	.copyright {
		line-height: 20px;
	}

}

@media only screen and (max-width: 416px){
	.stores-inner-nav {
		bottom: calc(20vh - 50px);
	}
	.title-block h3 ,
	.title-block .h3 {
		font-size: 1.8em;
	}
	.stores-inner-slider > ul > li {
		height: 40vh;
	}
	.mobile-title {
		margin-bottom:30px;
	}
}
@media only screen and (max-width: 400px){
	.mobile-title .title-block .uk-card-body {
		max-height: 150px;
	}
	.title-block h3 ,
	.title-block .h3 {
		font-size: 1.8em;
	}
	.stores-inner-slider > ul > li {
		min-width: 320px;
	}
	.mobile-title {
		margin-top: 50px;
	}
	button.icon.klw-btn{
		top: -11px;
	}


}

@media only screen and (max-width: 360px){
	.mobile-title .title-block .uk-card-body {
		max-height: 150px;
	}

	.stores-inner-slider > ul > li {
		min-width: 320px;
	}
	.mobile-title {
		margin-top: 50px;
		margin-bottom:30px;
	}
	.stores-inner-slider {
		padding: 0px 15px 0 15px;
	}

}

@media only screen and (max-width: 480px){
	h1 ,
	.h1 {
		font-size: 2.2em !important;
	}
	.uk-navbar-toggle{
		margin-top: -80px;
	}

	#section0 .Title-container{
		top: 40%;
	}
	#ppl2 {
		margin-left: -100px !important;
	}
	#section3 .uk-container{
		padding-top: 100px;
	}

	#section4 .title{
		font-size: 2em !important;
	}

	.number-pagination {
		bottom: -30px;
		right: -30px;
		display:none;
	}
	.khblogo{
		margin: 0px;
		width: 80px;
	}
	.cnclogo{
		margin: 0px;
		width: 80px;
		border-radius: 100px;
	}

}

@media only screen and (max-width: 420px){

html.fp-enabled.native-scroll, .fp-enabled body.fp-responsive {

	-webkit-overflow-scrolling: touch;
	overflow: scroll;
	scroll-behavior: smooth;
	}

	#ppl2 {
		margin-left: -130px !important;
	}

	#section1 .uk-container, #section3 .uk-container {
    padding-top: 20px;
}

	#section4 .title {
		font-size: 1.7em !important;
	}

	#section5 .uk-container {
		margin: 200px 70px 200px;
	}

	#section6 .uk-container {
		margin: 200px 70px 200px;
	}

	.uk-dotnav {
		margin: 5px 0px 0px 0px;
		transform: translateY(10px);
	}

}

@media only screen and (max-width: 800px){
	h1 ,
	.h1 {
		font-size: 1.7em !important;
	}

	#section0 .Title-container{
		margin-top: -20px !important;
	}
	#ppl2 {
		margin-left: -130px !important;
	}

	#section1 .uk-container{
		margin-left: 20px!important;
		margin-right: 20px!important;
	}

	.content {
		padding: 0 20px !important;
	}

	#section3 .uk-container {
		margin-left: 20px;
		margin-right: 20px;
	}

	.storecontainer{
		margin: 30px 30px 50px !important;
	}

	.number-pagination {
		bottom: -40px;
		right: -10px;
	}

	#section5 .uk-container {
		margin: 100px 50px 100px;
	}

	#section6 .uk-container {
		margin: 100px 50px 100px;
	}

	#section7 .uk-container {
		margin: 100px 50px 100px;
	}

	.modalinner .uk-modal-dialog .uk-modal-title {
    	font-size: 1.7em;
	}
	.modalinner .uk-modal-dialog h4 ,
	.modalinner .uk-modal-dialog .h4 {
		font-size: 1.4em;
	}

}

@media only screen and (max-width: 320px){

	h1 ,

	.h1 {
		font-size: 1.6em !important;
	}
	#scroll-down{
		top: 55% !important;
	}
	#section0 .uk-position-bottom-left{
		bottom: -20% !important;
	}
	#section0 #ppl2{
		margin-left: -100px !important;
	}

	#section5 .uk-container {
		margin: 100px 25px 100px;
	}

	#section6 .uk-container {
		margin: 100px 25px 100px;
	}

	.khimage,.cnciamge {
		height: 100vh;
	}

	.storecontainer {
		margin: 20px 20px 50px !important;
	}

}

#section6 #dfbackgroundimage{
   	width: 100%!important;
    height: 100% ;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url("../img/gallery/gallerybgdefault.webp");
	opacity:1;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;

}

#section6 #fabackgroundimage{
	width: 100%!important;
    height: 100% ;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url("../img/gallery/gallery1.jpg");
	opacity: 0;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;

}

#section6 #fpbackgroundimage{
	width: 100%!important;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url("../img/gallery/gallery2.jpg");
	opacity: 0;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;

}

#section6 #resbackgroundimage{
	width: 100%!important;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url("../img/stores/storebg3.webp");
	opacity: 0;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;

}

#section6 #bisbackgroundimage{
	width: 100%!important;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url("../img/stores/storebg3.webp");
	opacity: 0;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;

}

#section6 h3,#fptitle,#fatitle,

#section6 .h3{
    font-size: 2.6em;
    margin: 20px 0 5px 0;
}

#section6 .box:hover h3,

#section6 .box:hover .h3{transform: translate(0,0)!important;}

#section6 .uk-container{
	 margin-top: 100px;
}

#box-holder{
	margin:0 20em !important;
	transform: translateY(40px);
}

@media only screen and (min-width: 2000px){

	#box-holder{
		margin:0 10em !important;
	}

	#section6 .uk-container{
		margin:0 20em !important;
}

}

@media only screen and (max-width: 1600px){

	#box-holder{
		margin: 0 180px !important;
	}
}

@media only screen and (max-width: 1500px){

	#box-holder{
		margin:0 100px !important;
	}
}

@media only screen and (max-width: 1300px){

	#box-holder{
		margin:0 50px !important;
	}
}

#section6.box:hover h3,

#section6.box:hover .h3{
	transform: unset;
}

.box h4,h5,h6,

.box .h4,.h5,.h6{
	color:#ffffff;
}
.box h4 ,
.box .h4 {
	font-family: 'CormorantInfant';
	font-size: 2em;
}
.box h5,
.box .h5{
	font-family: 'CormorantInfant';
	font-size: 1.5em;
}
.box h6 ,
.box .h6 {
	font-family: 'CormorantInfant';
	font-size: 1.3em;
	line-height: 0;
	margin: 40px 0;
}

.fpbox div{
color: #ffffff !important;
}

.fpbox a{
	opacity: 0;
	position: absolute;
	min-width: 180px;
	top: 67%;
	left: 50%;
	-webkit-transform: translate(-50%, 50%);
	-moz-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	-moz-transition: transform .3s ease;
	-webkit-transition: transform .3s ease;
	transition: .3s ease;
}
.fabox a{
	opacity: 0;
	-webkit-transform: translate(-50%, 50%);
	-moz-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	position: absolute;
	top: 45%;
	left: 50%;
	-moz-transition: transform .3s ease;
	-webkit-transition: transform .3s ease;
	transition: .3s ease;
}

.fpbox:hover a {
    opacity: 0;
}

#fp-box-container,#fa-box-container,.opct-1,.cus-bck-clr-eae8e0{
opacity: 1 !important;
background-color: rgba(234, 232, 224, 0.8);
}

#fp-inner-box{
    padding-left: 40px;
}

.inner-border {
    margin: 15px;
    padding: 0;
}

.fadfbg {
    width: 100%!important;
    height: 235px;
    background-size: cover;
    background-position: 50% 50%;
    color: transparent !important;
    background-image: url(../img/wall-mural-100p.jpg);
}

.fadfbg h3,.fadfbg h4,.fadfbg h5,.fadfbg h6,.fadfbg a>div,.fadfbg  hr,.fadfbg  .linetest ,

.fadfbg .h3,.fadfbg .h4,.fadfbg .h5,.fadfbg .h6{
 color:transparent !important;
 background-color:transparent !important;
 border-color:transparent !important;
}

.floor-plan-inner-panel{
	background-color: #54565a;
	background-color: rgba(84,86,90,1.00);
	opacity: 1;
}
.floor-plan-inner-panel .uk-grid{
    padding-left: 15px;
}

#type {
    padding-left: 0;
	color: #ffffff;
}

#type:hover a {
    opacity: 1;
}

#type a>div {
    font-size: 1em;
	margin-top: 10px;
}

.type{
 	padding-bottom: 0;
 	margin-bottom: 0;
	transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-webkit-transition: transform .3s ease;
}

#type:hover .type{
	cursor: pointer;
}
#type:hover .type{
	-webkit-transform: translate(0%, -10%);
	-moz-transform: translate(0%, -10%);
	transform: translate(0%, -10%);
}

.v-line{
	max-width: 1px;
	height: auto;
	padding: 0.5px;
	background: #ffffff;
	margin: 0 20px;
}
#btn{text-decoration:none;}

.modal-fpbg{
	background-color: transparent !important;
}

.uk-first-column .btn {
	color: #000000;
	background-color: white;
	cursor: pointer;
	border-radius: 100px;
	border: 2px solid #A36E47;
	padding: 15px 20px;
	font-size: larger;
}

.modal-fpbg .btn {
    color: #000000;
    background-color: white;
    cursor: pointer;
    border-radius: 100px;
    border: 2px solid #A36E47;
    width: 50px;
    height: 50px;
    font-size: larger;
	padding: 0;
}

.container {
	border: 2px solid #A36E47;
	width: 700px;
	height: 650px;
	background: white;
	margin: auto;
}

.cover{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}


	#red {
		width: 300px;
		vertical-align: middle;
		margin: 0;
		display: inline-block;
	}
	#red .ui-slider-range { background: orange; }

	#red .ui-slider-handle { border-color: #ef2929; }

	.ui-slider {
		vertical-align: middle;
		margin: 0;
	}

	.ui-handle-helper-parent {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}

	.cap {
		width: 11px;
	}
	.ui-slider, .cap.left, .cap.right {
		float: left;
	}
	.ui-slider {
		width: 23px;
	}
	.ui-slider-handle {
		margin-left: -12px;
	}

.modal-fabg {
	background-color: transparent !important;
	top: 5%;
}

.btn-holder {
    position: absolute;
    bottom: 0;
    right: 13%;
    width: 45px;
    height: fit-content;
    transform: translateY(-3px);
}
@media only screen and (max-width: 1800px){
	#section8-5 p.uk-text-left{
    text-align: left!important;
    font-family: 'CormorantInfant-Bold';
    font-size: 20px;

    width: fit-content;

    }
}
@media only screen and (max-width: 1366px){

}

.cls-btn-holder {
    position: absolute;
    margin-left: 15px;
}
.cls-btn {
    background-color: transparent !important;
    border: none !important;
}
.btn.cls-btn svg {
    display: none;
}
.fb_sm, .tiktok_sm{
-moz-margin-end: 0;
}

svg#cls-x-btn {
    display: block !important;
    position: relative;
    left: 10px;
    top: -30px;
    color: #999999;
}

.modal-fpbg svg#cls-x-btn{
	display: block !important;
    position: relative;
    left: 10px;
    top: -50px;
    color: #999999;
}

svg#cls-x-btn:hover {
    color: #ffffff;
}

svg#cls-x-btn {
display: block !important;
position: relative;
left: -60px;
top: 0px;
color: #ffffff;
}

@-moz-document url-prefix() {
	svg#cls-x-btn {
	display: block !important;
	position: relative;
	left: -50px;
	top: 6px;
	color: #ffffff;
}
}
@media only screen and (max-width:1800px){

	svg#cls-x-btn {
		display: block !important;
		position: relative;
		left: -60px;
		top: 0px;
		color: #fffffff;
	}

.modal-fpbg svg#cls-x-btn {
    display: block !important;
    position: relative;
    left: 10px;
    top: -50px;
    color: #ffffff;
}

}

#section6 .uk-modal-close-default svg {
    width: 25px;
    height: 25px;
    transform: translate(10px,-30px);
}

#cls-fb-btn {
	background-color: transparent;
    padding: 50px;
}

p.slider-count {
    position: absolute;
    right: 0;
    bottom:0;
    color: #ffffff;
    letter-spacing: 3px;
    font-family: 'CormorantInfant-Bold';
    font-size: 2em;
    
    
    text-align: right;
    top: 96%;
    right: -5%;
    z-index: 999;
    flex: unset !important;
    box-sizing: unset !important;
    width: 100% !important;
}

div#photo-album .uk-modal-dialog {
    width: 1700px;
    padding: 30px 80px;
    padding-top: 50px;
    padding-bottom: 0;
    transform: translatey(-20px);
}

@media only screen and (max-width: 1366px){
	.btn-holder {
		right: 19%;
	}

	.container {
		border: 2px solid #A36E47;
		width: 560px;
		height: 560px;
		background: white;
		margin: auto;
		transform: translateY(-22px);
	}

	#photo-album .modalinner .uk-modal-close-default {
	background-color: transparent !important;
	}

}

@media only screen and (max-width: 1200px){

	#fp-inner-box{
		padding-left: 30px;
	}

	svg#cls-x-btn {
		display: block !important;
		position: relative;
		left: 270px;
		top: -730px;
		color: #999999;
	}

.modal-fabg svg#cls-x-btn {
    display: block !important;
    position: relative;
    left: -40px;
    top: 0;
    color: #ffffff;
}

}

@media only screen and (max-width: 1199px){

	#section8-5 .stores-inner-slider {
    padding: 0% 0px 0px 25px;
    }

	h2.info ,

	.h2.info {
		margin: 0;
		padding-bottom: 65px;
		width: fit-content;
		display: none;
	}

	#section8-5 p.uk-text-left{
    text-align: center !important;
    top: 0%;
    left: 50%;
    position: relative;
    }

ul.uk-slider-items.artist-slider.uk-grid {
    margin-bottom: 0px;
}
#section8-5 .wlk-slild-btn {
    top: 45%;
}
}

@media only screen and (max-width: 1024px){

#section8 .content{padding: 100px 0px 0px 100px;}
#section8 .prf-img{
	width: 100%;
	max-height: unset;
}

h2.info ,

.h2.info {
    margin: 0;
    padding-bottom: 55px;
    width: fit-content;
    display: none;
}

	.box h4 ,

	.box .h4 {
		font-family: 'CormorantInfant';
		font-size: 1.675em;
	}

	.box h5 ,

	.box .h5 {
		font-family: 'CormorantInfant';
		font-size: 1.6em;
	}

	.box h6 ,

	.box .h6 {
		font-family: 'CormorantInfant';
		font-size: 1.3em;
	}

	svg#cls-x-btn {
		display: block !important;
		position: relative;
		left: 0px;
		top: 10px;
		color: #999999;
	}

}

@media only screen and (max-width: 959px){

	.cls-btn .uk-modal-close-default {
		padding: 5px;
		top: 0px;
		right: 0px;
		background-color: #ffffff00;
	}

	.container {
		border: 2px solid #A36E47;
		width: 560px;
		height: 760px;
		background: white;
		margin: auto;
		}

	div#photo-album .uk-modal-dialog {
		width: 1700px;
		padding: 30px 0px;
		padding-top: 0;
		padding-bottom: 0;
	}

	div#photo-album svg#cls-x-btn {
		display: block !important;
		position: relative;
		left: -20px;
		top: 54px;
		color: #fff;
	}

}

@media only screen and (max-width:770px){
	.btn-holder {
    position: absolute;
    bottom: 10%;
    right: 2%;
}

#section8-5 p.uk-text-left {
    text-align: center !important;
    top: 20px;
    left: 50%;
    position: relative;
}
ul.uk-slider-items.artist-slider.uk-grid {
    margin-bottom: 100px;
}
}

@media only screen and (max-width: 768px){

.section8-5 .rational {
    width: 100%;
    text-align: justify;
    line-height: 22px;
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto;

}

.section8-5 .uk-modal-dialog .uk-dotnav{

}

	.section8-5 .rational-holder{
		font-size: 20px;
	}

	#box-holder{
		margin:20px !important;
	}
	#section8 .content{
		padding: 50px 25px 0px 25px !important;
	}
	#section8-5 .content{
		padding: 100px 0px 0px 50px !important;
	}
	#section8 .main-artist-prf-holder{padding: 0px 30px 0px 30px !important;margin: 0;}
#section8 .main-artist-prf-holder>.uk-first-column{
	padding: 0;
}
	#section8 h1,
	#section8 .h1{text-align: center !important;margin: 0;font-size: 50px !important;}
	#section8-5 h1,
	#section8-5 .h1{text-align: center !important;margin: 0;font-size: 50px !important;}
	#section8 h2,
	#section8 .h2{text-align: center !important;font-size: 40px;}
	.prf {margin: 0;padding: 0;}
	#section8 p{text-align: justify !important;}
	#section8-5 p{text-align: justify !important;}

	#section8 .prf-img {
    width: 100%;
    max-height: 297px;
}

	h2.info ,

	.h2.info {
		margin: 0;
		padding-bottom: 58px;
		width: fit-content;
		display: block !important;
	}

}

@media only screen and (max-width: 500px){

ul.uk-slider-items.artist-slider.uk-grid {
    margin-bottom: 30px;
}

	.modal-fpbg.uk-modal-dialog.uk-modal-body {
		padding: 0px;
		transform: translateY(50px);
	}

    .cls-btn .uk-modal-close-default {
        padding: 5px;
        top: 10px;
        right: 10px;
        background-color: transparent;
        position: fixed;
    }

 svg#cls-x-btn {
        display: block !important;
        position: relative;
        left: -10px;
        top: 30px;
        color: #999999;
    }

div#photo-album svg#cls-x-btn {
    display: block !important;
    position: relative;
    left: -10px;
    top: -25px;
    color: #ffffff;
}

#photo-album ul.uk-dotnav{
	visibility: hidden;
	}

div#photo-album .uk-modal-dialog {
    width: 1700px;
    padding: 30px 0px;
    padding-top: 100px;
    padding-bottom: 0;
 }

}
@media only screen and (max-width: 400px){

	div#box-holder {
		margin: 15px !important;
		transform: translateY(-40px)!important;
		margin-bottom: 50px !important;
	}

}

@media only screen and (max-width: 320px){

	.container {

		width: 276px;

	}

}

@media only screen and (max-height: 450px){

    div#photo-album .uk-modal-dialog {
        width: 1200px;
        padding: 0px 60px;
        padding-top: 0;
        padding-bottom: 0;
        transform: translateY(-30px);
    }

.prf-tum-img-holeder{
	display:none;
}

}

#photo-album ul.uk-dotnav {
    transform: inherit;
}

div#photo-album .uk-modal-dialog img {
    height: 80vh;
}
@media only screen and (max-width: 1600px){
    div#photo-album .uk-modal-dialog img {
        height: 65vh !important;
    }
	p.slider-count {
    top: 94%;
    right: -5%;
}
}
@media only screen and (max-width: 1300px){
    div#photo-album .uk-modal-dialog img {
        height: 45vh !important;
    }
	p.slider-count {
    top: 93%;
    right: -5%;
    font-size: 1.5em;
}
}
@media only screen and (max-width: 959px){

div#photo-album .uk-modal-dialog img {
        height: 39vh !important;
    }

p.slider-count {
    top: 99%;
    right: 3%;
    z-index: 9999;
    font-size: 1.3em;
}

.modal-fpbg svg#cls-x-btn {
	display: block !important;
	position: relative;
	left: -20px;
	top: -20px;
	color: #ffffff;
}

}

@media only screen and (max-width: 700px){
    div#photo-album .uk-modal-dialog img {
        height: 27vh !important;
    }
	p.slider-count {
    top: 99%;
    right: 12%;
    font-size: 1.3em;
}

}

@media only screen and (max-width: 500px){
    div#photo-album .uk-modal-dialog img {
        height: 26vh !important;
    }
	p.slider-count {
    right: 10%;
    font-size: 1.3em;
    top: 98%;
}

	.modal-fpbg svg#cls-x-btn {
    display: block !important;
    position: relative;
    left: 0;
    top: 0;
    color: #000000;
    z-index: 9999;
}

}

.uk-transition-slide-top{
    transform: translateY(0)!important;
    background: transparent;
}

.uk-lightbox{
	background-color: #54565a;
background-color: rgb(84, 86, 90);
}

.uk-modal-close-default svg {
    width: 25px;
    height: 25px;
}

.fa button.uk-modal-close-default.close.uk-close.uk-icon svg {
    width: 25px;
    height: 25px;
    color: #ffffff;
	margin-right: 20px;
	margin-top: 20px;

}

.inducator {
    position: absolute;
    color: #000;
    letter-spacing: 3px;
    font-family: 'CormorantInfant';
    font-size: 1.7em;
    line-height: 1.9em;
    min-width: 57px;
    min-height: 20px;
    text-align: center;
    top: 55%;
    bottom: 0;
    right: 7%;
    left: 7%;
    width: 86%;
    background-color: #eae8e0;
    border: 1px solid #a36e47;
    outline: 15px solid #eae8e0;
	height: 5vh;
	height: fit-content;
}
@-moz-document url-prefix() {

.inducator {
    font-size: 20px;
    line-height: 3em;
    bottom: 0;
    right: 10%;
    left: 10%;
    width: 80%;
    background-color: #eae8e0;
    border: 1px solid #a36e47;
    outline: 15px solid #eae8e0;
    height: 60px;
}

@media only screen and (max-width: 500px){
	.inducator {
	font-size: 15px;
	line-height: 4.5em;
	}

}
	@media only screen and (max-width: 330px){
	.inducator {
	font-size: 14px;
	line-height: 4em;
	}

	}
}
a.disabled {
  pointer-events: none !important;
  cursor: default !important;
}

@media only screen and (max-width: 450px){

	div#box-holder {
		margin: 15px !important;
		margin-bottom: 50px !important;
		padding-bottom: 20px !important;
	}

	#fa-box-container {
    margin-bottom: 50px !important;
	}

	.fadfbg {
    width: 100%!important;
    height: 220px !important;
    background-size: cover;
    background-position: 50% 50%;
    color: transparent !important;
    background-image: url(../img/wall-mural-100p.jpg);
}

}
.btn{
	opacity: 0!important;
}
.pr-btn,.nx-btn{
opacity: 1!important;
}
button.floor-plan-btn {
    margin-top: 20px;
    padding: 5px 14px 3px 14px;
    border: 2px solid #fff !important;
    color: #fff !important;
    transition: 0.5s;
}
button.floor-plan-btn:hover{
    margin-top: 20px;
    padding: 5px 14px 3px 14px;
    border: 2px solid #fff;
    color: #506858 !important;
    background-color: #fff;
}

.pabtn,.map-btn,.btn-text svg{
	background: #fff !important;
	background-color: #fff !important;
    width: 45px;
    height: 45px;
    border: 2px solid #A36E47 !important;
}
.pabtn svg,.map-btn svg{
stroke: #000;
}
.map-btn polyline,.btn-text svg polyline,.pabtn svg polyline {
    color: #fff;
    stroke-width: 2px;
}
.btn-text,.pabtn {
	font-size: 25px;
    color: #fff;
    background: transparent !important;
}
button.btn-text:hover{
    background: transparent !important;
}

.btn-text svg,.pabtn svg {
    border-radius: 100%;
    color: #000 !important;
}
.btn-text svg{
    padding: 10px;
}
.btn-text p,.pabtn p {
	color:#fff;
    text-transform: uppercase;
}

.pabtn.uk-slidenav-next {

}
.pabtn.uk-slidenav-next p {
    transform: translate(0px, 0px);
}
.pabtn.uk-slidenav-previous {
    margin-right: 20px;
}
.pabtn.uk-slidenav-previous p {
    transform: translate(-100px, 0px);
}

.pabtn{
	background: #fff !important;
	background-color: #fff !important;
    width: 45px;
    height: 45px;
    border: 2px solid #A36E47;
}

.btn-text.uk-slidenav-next {
    left: 81%;
}
.btn-text.uk-slidenav-next p {
    transform: translate(-19px, 0px);
}
.btn-text.uk-slidenav-previous {
    right: 89%;
}
.btn-text.uk-slidenav-previous p {
    transform: translate(248px, 0px);
}
button.fpbtn.uk-slidenav-next {
}

button.fpbtn.uk-slidenav-previous {
    right: 90%;
    margin: 0;
}
.label-tag{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0px 17px;
    font-size: 30px;
    z-index: 9;
    text-align: center;
    margin: 15px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1.1px;
    background-color: #54565a;
    background-color: rgba(84,86,90,1.00);
    display: inherit;
}

@media only screen and (max-width: 1200px){
	.label-tag{width: 48%;left: 0;}
}

@media only screen and (max-width: 800px){
	.artist-prf .storecontainer{
		margin: 30px 30px 50px !important;
		height: calc(100% - 60px);
	}
	.label-tag{width: 47%;}
}

@media only screen and (max-height: 768px){

.artist-prf .storecontainer{
	margin: 30px 30px 0px !important;
	height: calc(100% - 70px);
}
.content .storecontainer{
	margin: 30px 30px 0px !important;
	height: 80vh;
}

}

@media only screen and (max-width: 600px){
	.label-tag{width: 62%;}
}

@media only screen and (max-width: 500px){
	.label-tag{width: 80%;transform: scale(0.6);left: -60px;bottom: -10px;}
}
@media only screen and (max-width: 400px){
	.label-tag{width: 89%;transform: scale(0.6);left: -60px;bottom: -10px;}
}

.label-tag b{
	font-size: 20px;
	text-align: center;
	margin: 7px;
}
.label-tag span{
	font-size: 25px;
	font-weight: 100;
	margin: 4px;
}

span.blog-btn-text.uk-position-center-right {
    color: #fff;
    text-align: right;
    width: fit-content;
    padding-right: 65px;
    right: 16px;
    display: none;
}

span.blog-btn-text.uk-position-center-left {
    color: #fff;
    text-align: right;
    width: fit-content;
    padding-left: 65px;
    left: 78px;
    display: none;
}

#section7 span.blog-btn-text{
color:#000;
}
.cus-uk-position-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: table;
    max-width: 100%;
    box-sizing: border-box;
}
@media screen and (max-width: 800px){

.cus-uk-position-center {
    top: 50%;
    left: 50%;
    transform: translate(-60%,10vh);
    display: table;
    max-width: 100%;
    box-sizing: border-box;
    height: fit-content;
    width: 100%;
}

span.blog-btn-text.uk-position-center-right {
    right: -10%;
    transform: rotate(90deg) translateX(8px);
}

#section7 span.blog-btn-text.uk-position-center-right {
    padding-right: 45px;
    transform: translate(21px, -23px);
}

span.blog-btn-text.uk-position-center-left {
    left: 48px;
    transform: rotate(-90deg)translateX(-10px);
}

#section7 span.blog-btn-text.uk-position-center-left {
    padding-left: 41px;
    transform: translate(37px,-23px);
}

button.fpbtn.uk-slidenav-previous{left: 10%;}
button.fpbtn.uk-slidenav-next{right: 10%;}
}

@media screen and (max-width: 600px){
	.cus-uk-position-center {
		top: 0%;
		left: 50%;
		transform: translate(-59%,54vh);
		display: table;
		max-width: 100%;
		box-sizing: border-box;
		height: fit-content;
		width: 100%;
	}
	.blog-dotnav {
    transform: translate(-50%,15px);
    }

span.blog-btn-text.uk-position-center-right {
    right: -10px;
}

#section7 span.blog-btn-text.uk-position-center-right {
    padding-right: 20px;
    transform: translate(-28px, 32px);
    font-size: 25px;
    font-family: 'CormorantInfant-Bold';
}

span.blog-btn-text.uk-position-center-left {
    left: 78px;
}

#section7 span.blog-btn-text.uk-position-center-left {
    padding-left: 5px;
    transform: translate(23px,32px);
    font-size: 25px;
    font-family: 'CormorantInfant-Bold';
}

}

#section6 .uk-container-center {
    padding: 100px 70px 0px 70px;
}

#section6 .uk-slider {
    padding-bottom: 40px;
    margin-top: 0;
}
.pabox{
	border: 1px solid #a36e47;
	overflow: hidden;
	position: relative;
	padding: 0px 100px 0px;
}

.pabox p{
	font-size: 20px;
	margin-top: 0px !important;
	margin: 20px !important;
}
.pa-dotnav {
    bottom: -25%;
}
.slider-holder {
    height: 200px;
}
.img-holder.uk-inline-clip.uk-transition-toggle {
    height: 200px;
}
.img-holder img{
	transform: scale(2);
}
.img-inner-cover{
border: 2px solid #fff;
margin:20px;
margin-bottom: 20px !important;
}

.pa-dotnav span {
    font-family: 'CormorantInfant-Bold';
    font-size: 30px;
}

@media screen and (max-width: 1600px) {
.center-box {padding-top: 1vh;}
#section6 .uk-container,#section7 .uk-container{
    margin-left: 100px;
    margin-right: 100px;
}
}
@media screen and (max-width: 1366px) {
.center-box {
    padding-top: 0vh;
}
	.pa-dotnav span{
    font-family: 'CormorantInfant-Bold';
    font-size: 20px;
	}
}
@media screen and (max-width: 640px) {
	.center-box {
	    padding-top: 0vh;
	}

	.pabox {
	    padding: 0 45px;
	    overflow: visible;
	}

	.pa-dotnav span {
    font-family: 'CormorantInfant-Bold';
    font-size: 6vw;
    padding-bottom: 60px;
 }

	#section6 h3,

	#section6 .h3{
font-size: 2.2em;
    margin: 20px 0px 5px 30px;
    padding: 0;
	}
.pabox p {
    font-size: 20px;
    margin-top: 0px !important;
    margin: 20px 0!important;
}

}

div#blog-30032021 img {
    top: 0;
}

.blog-img {
    position: relative;
}
article p, .post-body p {
    line-height: 25px;
    font-size: 18px;
}

div#blog-post-12022021 .storecontainer {
    margin: 30px 30px;
}

#blog-post-12022021 .uk-grid-collapse.uk-grid {
    overflow: hidden !important;
}

.section-head{
	padding: 80px 0px 20px 0px;
}
.section-head h1,
.section-head .h1{
	color: #000;

}
button.blog-page-btn {
    margin-top: 20px;
    padding: 5px 14px 5px 14px;
    border: 2px solid #59595c !important;
    color: #59595c !important;
    transition: 0.5s;
    font-family: 'CormorantInfant-Bold';
    font-size: 20px;
}

button.blog-page-btn:hover{
    margin-top: 20px;
    padding: 5px 14px 3px 14px;
    border: 2px solid #fff;
    color: #ffffff !important;
    background-color: #59595c !important;
}
button.blog-page-btn.uk-active {
    margin-top: 20px;
    padding: 5px 14px 5px 14px;
    border: 2px solid #fff;
    color: #ffffff !important;
    background-color: #59595c !important;
}
#section7 ul.uk-slider-items {padding-left: 0px;}
[class*=uk-position-bottom-left-out], [class*=uk-position-bottom-right-out] {
    bottom: 0;
    transform: translateY(100%);
}

.uk-position-bottom-left-out{
    right: 102%;
}

.uk-position-bottom-right-out{
    left: 102%;
}
#section7 .uk-card-body {
    background-color: #59595c !important;
    transform: translate(20px, -20px);
    opacity: 1;
    max-width: 300px;
}

div#post-slider .uk-card-media-top {
	width: 300px;
	height: 200px;
}

#post-slider data.date {
    font-size: 12px;
    color: #fff;
}

#post-slider h2.title ,

#post-slider .h2.title {
    font-size: 25px;
    margin: unset;
}

hr.post-line {
    margin: 10px 0;
    border: 0;
    border-top: 1px solid #FFF;
}

a.post-link {
    text-decoration: none;
    color: #FFF;
    font-size: 18px;
}
.cus-uk-position-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: table;
    max-width: 100%;
    box-sizing: border-box;
}
a.post-link:hover {
    color: #fff;
}

.blog-dotnav {
    transform: translate(-50%,25px);
    overflow: visible;
}

.blog-slider-btn-holder .uk-slidenav-previous p {
    transform: translate(185px, 8px);
}
.blog-slider-btn-holder .uk-slidenav-next p {
    transform: translate(-20px, 10px);
}

span.blog-btn-text {
    font-size: 30px;
    font-variant: all-petite-caps;
    padding-bottom: 2px;
}

#slider-btn-text.btn-text.uk-slidenav-previous {right: 95%;}

#slider-btn-text.btn-text.uk-slidenav-next {left: 93%;}

@media screen and (max-width: 1366px) {

.section-head{
	padding: 80px 0px 20px 0px;
}
.section-head h1,
.section-head .h1{
	color: #000;

}
button.blog-page-btn {
    margin-top: 20px;
    padding: 5px 14px 3px 14px;
    border: 2px solid #59595c !important;
    color: #59595c !important;
    transition: 0.5s;
    font-family: 'CormorantInfant-Bold';
    font-size: 20px;
}

button.blog-page-btn:hover{
    margin-top: 20px;
    padding: 5px 14px 3px 14px;
    border: 2px solid #fff;
    color: #ffffff !important;
    background-color: #59595c !important;
}
button.blog-page-btn.uk-active {
    margin-top: 20px;
    padding: 5px 14px 3px 14px;
    border: 2px solid #fff;
    color: #ffffff !important;
    background-color: #59595c !important;
}
#section7 ul.uk-slider-items {

}
[class*=uk-position-bottom-left-out], [class*=uk-position-bottom-right-out] {
    bottom: 0;
    transform: translateY(100%);
}

.uk-position-bottom-left-out{
    right: 102%;
}

.uk-position-bottom-right-out{
    left: 102%;
}
#section7 .uk-card-body {
    background-color: #59595c !important;
    transform: translate(20px, -20px);
    opacity: 1;
    min-width: 200px;
}

div#post-slider .uk-card-media-top {
    width: 250px;
    height: 180px;
}

#post-slider data.date {
    font-size: 12px;
    color: #fff;
}

#post-slider h2.title ,

#post-slider .h2.title {
    font-size: 20px;
    margin: unset;
}

hr.post-line {
    margin: 10px 0;
    border: 0;
    border-top: 1px solid #FFF;
}

a.post-link {
    text-decoration: none;
    font-size: 18px;
    color: #FFF;
}

a.post-link:hover {
    color: #fff;
}

span.blog-btn-text {
    font-size: 30px;
    font-variant: all-petite-caps;
    padding-bottom: 2px;
}

}

@media screen and (max-width: 800px) {

#section7 ul.uk-slider-items {
    padding-right: 0px;
    padding-left: 0px;
}

h1.fp-title,

.h1.fp-title{font-size: 2.8em !important;}

#slider-btn-text.btn-text.uk-slidenav-previous {right: 85%;}

#slider-btn-text.btn-text.uk-slidenav-next {left: 80%;}

button#slider-btn-text{
	padding-top: 5px;
}
.uk-position-bottom-left-out{
    right: 102%;
}

.uk-position-bottom-right-out{
    left: 102%;
}

div#post-slider .uk-card-media-top {
    width: 60%;
    padding: 30px 0;
    transform: translateX(30px);
}

#section7 .uk-active img{
    transform: translate(-50%, -50%) scale(1.5);
    z-index: 999;
}
#section7 img{
    transform: translate(-50%, -50%) scale(1.5);
    z-index: 1;
}

#section7 .uk-container {
	margin: 100px 50px 100px;
}

#section7 .uk-card-body {
    background-color: #59595c !important;
    opacity: 1;
    min-width: unset;
    transform: translate(105px, -185px);
    margin: 0 33%;
    width: 50%;
}

}

@media screen and (max-width: 500px) {

#section7 .uk-container {
	margin: 100px 40px 22vh;
}

hr.post-line{
	width: calc(100% - 20px);
}
div#post-slider .uk-card-media-top {
    height: 170px;
    width: 300px;
    padding: 54px;
    margin: 0px 0px;
    transform: translateX(-11px);
}

#slider-btn-text.btn-text.uk-slidenav-previous {right: 85%;}

#slider-btn-text.btn-text.uk-slidenav-next {left: 80%;}
#section7 .uk-card-body {
    background-color: #59595c !important;
    opacity: 1;
    min-width: unset;
    transform: translate(-10px, -40px);
    margin: 0;
    width: 100%;
    height: auto;
    padding: 16px 19px;
}
}

@media screen and (max-width: 500px) {

span.blog-btn-text.uk-position-center-left {left: 48px; transform: rotate(00deg) translate(-6px,250px);}
button.fpbtn.uk-slidenav-next{left: 90%;}
span.blog-btn-text.uk-position-center-right {right: -10%;transform: rotate(00deg) translate(-9px,250px);}

span.blog-btn-text.uk-position-center-left {left: 48px; transform: rotate(00deg) translate(-6px,250px);}

span.blog-btn-text.uk-position-center-right {right: -10%;transform: rotate(00deg) translate(-9px,250px);}

}

.pabtn {
    border: unset !important;
    background: transparent !important;
}

.pabtn svg {
    stroke: #fff !important;
}

.pabox .pabtn svg polyline {
    color: #000;
}

button.uk-icon-button.blog-btn:hover{
background:transparent !important;
}
button.uk-icon-button.blog-btn svg polyline {
    color: #000;

}

@media only screen and (max-width: 1366px){
	.container {
    transform: translateY(-3%);
}
	.btn-holder {
		bottom: 4%;}
}

@media only screen and (max-width: 768px){
	.btn-holder {
    right: 2%;
}
}
@media screen and (max-width: 400px) {

	.blog-dotnav {
    transform: translate(-50%,-14px);
}

	.fp-dot.blog-dotnav {
    transform: translate(-50%,16px);
}

.container {
    width: 280px;
    height: 355px;
    margin: auto;
    transform: translate(0px,0px);
}
	.btn-holder {
		position: absolute;
		bottom: -15px;
		right: -20px;
		transform: scale(0.7);
	}

button.fpbtn.uk-slidenav-previous{transform: translate(-40%, 0px);}
span.blog-btn-text.uk-position-center-left {left: 48px; transform: rotate(00deg) translate(-6px,250px);}
button.fpbtn.uk-slidenav-next{left: 90%;transform: translate(0%, 0px);}
span.blog-btn-text.uk-position-center-right {right: -10%;transform: rotate(00deg) translate(-9px,250px);}

span.blog-btn-text.uk-position-center-left {left: 48px;transform: rotate(00deg) translate(-6px,180px);}

span.blog-btn-text.uk-position-center-right {right: -10%;transform: rotate(00deg) translate(-9px,180px);}

.pabox .uk-slidenav-previous{right: 48%;transform: translate(-40%, 0px);}

.pabox .uk-slidenav-next{left: 90%;transform: translate(0%, 0px);}

.pabox .uk-slidenav-previous{right: 77%;transform: translate(-33px, -40%);}

.pabox .uk-slidenav-next{left: 90%;transform: translate(24px, -40%);}

}
@media only screen and (max-width: 414px){

.container {
    border: 2px solid #A36E47;
	width: 70vw;
	height:70vh;
	}
	.btn-holder{
	right: 64%;
	bottom: -17%;
	transform: rotate(-90deg);
}

	.community-popup{
		height: calc(100vh - 22vh)!important;
	}

	.zoom-out{
		transform: rotate(90deg);
	}
	button.fpbtn.uk-slidenav-previous {
		left: -6%;
	}
}

@media only screen and (max-width: 375px){
#section8-5 .brand-title-block h5 ,
#section8-5 .brand-title-block .h5 {
    position: relative;
    top: 10px;
    transition: all .5s;
    text-align: center;
}
#section8-5 .stores-inner-slider > ul > li {
    height: 45vh;
    min-width: unset;
    width: 91%;
}
#section8-5 .brand-title-block > a {
    margin: 0;
    margin-top: 10px;
    width: calc(100% - 40px);
    text-align: center;
}
	.btn-holder {
		right: 66%;
		bottom: -15%;
		}

	.community-popup {
		height: calc(100vh - 18vh) !important;
	}

.prf-tum-img-holeder .prf-img{
display:none;
}

.section8-5 .rational-box {
    width: calc(100% - 40px);

}

}

@media only screen and (max-width: 320px){
	.btn-holder {
    right: 70%;
    bottom: -20%;
}
.community-popup {
    height: calc(100vh - 16vh) !important;
}
}

.floorplan-bg{
	background: none !important;
	overflow: hidden;
}

#bis-floor-plans .uk-modal-dialog .uk-dotnav, #res-floor-plans .uk-modal-dialog .uk-dotnav {
    margin: 0px 0px 0px 0px;
}

#bis-floor-plans.uk-modal, #res-floor-plans.uk-modal {
	padding: 0 0 !important;
}

.what-happening-content{
	overflow: hidden !important;
}

@media only screen and (max-width: 600px){

.kkwCustom img{
	width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

.kkwCustomText{
	height: 100% !important;
}

.kkwCustomText .socialmedia{
	position: relative !important;
	margin-bottom: 30px;
}

.kkwCustomText p{
	margin-bottom: 20px !important;
}

p.kkwCustomText2{
	margin-bottom: 20px !important;
}

}

#sn .socialmedia {
    display: flex;
    align-items: center;
    gap: 5px;
}

#sn .socialmedia .fb_sm,
#sn .socialmedia .insta_sm,
#sn .socialmedia .tiktok_sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    margin: 0;
    line-height: 0;
}

#sn .socialmedia .fb_sm img,
#sn .socialmedia .insta_sm img,
#sn .socialmedia .tiktok_sm img {
    display: block;
    width: 25px;
    height: 25px;
}

#sn .socialmedia .tiktok_sm img {
    transform: scale(1.17);
    transform-origin: center;
}

.is-hidden{display:none}
.is-clickable{cursor:pointer}
.is-faded{opacity:0 !important}
.bg-transparent{background-color:transparent !important}
.obj-left{object-position:left}
.obj-right{object-position:right}
.obj-center{object-position:center}
.post-body{overflow:hidden scroll;height:100%;max-height:370px}
.modal-title-lg{font-size:2.3em}
.modal-subtitle{font-size:30px !important;text-align:center}
.meta-tight{margin:0 !important;line-height:16px}
.pull-left-20{margin-left:-20px}
.text-strong{font-size:130%;font-weight:900}
.form-frame{background-color:#e5d07e}
.flat-frame{border:0;overflow:hidden}

[id^="blog-post-"].uk-modal{
	padding:60px 24px 24px !important;
	box-sizing:border-box;
}
[id^="blog-post-"] .what-happening-content{
	width:min(1280px,100%);
	height:min(780px,calc(100vh - 84px));
	height:min(780px,calc(100dvh - 84px));
	min-height:0;
	overflow:visible !important;
}
[id^="blog-post-"] .what-happening-content > .uk-grid{
	height:100%;
	min-height:0;
	margin:0;
}
[id^="blog-post-"] .what-happening-content > .uk-grid > div{
	height:100%;
	min-height:0;
	padding:0;
}
[id^="blog-post-"] .uk-height-large{
	height:100% !important;
	min-height:0;
	overflow:hidden;
}
[id^="blog-post-"] .uk-slider-items,
[id^="blog-post-"] .uk-slider-items > li{
	height:100%;
}
[id^="blog-post-"] .uk-slider-items .blog-img{
	width:100%;
	height:100%;
	object-fit:cover !important;
	object-position:center !important;
	transform:none !important;
	bottom:auto !important;
}
[id^="blog-post-"] .uk-slider-nav{
	z-index:1;
	margin:0 0 18px 18px;
}
[id^="blog-post-"] .uk-modal-close-default{
	top:-48px;
	right:0;
	width:38px;
	height:38px;
	padding:8px;
	background:#fff;
	color:#333;
	box-shadow:0 1px 6px rgba(0,0,0,.18);
}
[id^="blog-post-"] .storecontainer{
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:0;
	box-sizing:border-box;
	margin:0 !important;
	padding:30px 36px 32px;
}
[id^="blog-post-"] .storecontainer > .uk-article-meta:empty,
[id^="blog-post-"] .storecontainer > br,
[id^="blog-post-"] .storecontainer > .line + .line,
[id^="blog-post-"] .post-body > br{
	display:none;
}
[id^="blog-post-"] .uk-modal-dialog .uk-modal-title{
	flex:none;
	font-size:clamp(30px,2.9vw,42px);
	line-height:1.06;
	margin:0 0 14px;
}
[id^="blog-post-"] .storecontainer > .line{
	flex:none;
	margin:0 0 18px;
}
[id^="blog-post-"] .post-body{
	flex:1 1 auto;
	height:auto;
	max-height:none;
	min-height:0;
	overflow-x:hidden;
	overflow-y:auto;
	padding-right:10px;
	scrollbar-gutter:stable;
}
[id^="blog-post-"] .post-body p{
	margin:0 0 18px;
	line-height:1.45;
}
[id^="blog-post-"] .post-body > :last-child{
	margin-bottom:0;
}
[id^="blog-post-"] .post-body .meta-tight{
	margin:0 0 12px !important;
}
@media(max-width:959px){
	[id^="blog-post-"].uk-modal{padding:54px 16px 16px !important}
	[id^="blog-post-"] .what-happening-content{
		height:calc(100vh - 70px);
		height:calc(100dvh - 70px);
	}
	[id^="blog-post-"] .what-happening-content > .uk-grid{
		display:flex;
		flex-direction:column;
		flex-wrap:nowrap;
	}
	[id^="blog-post-"] .what-happening-content > .uk-grid > div:first-child{
		flex:0 0 34%;
		height:34%;
	}
	[id^="blog-post-"] .what-happening-content > .uk-grid > div:nth-child(2){
		flex:1 1 0;
		height:auto;
	}
	[id^="blog-post-"] .storecontainer{padding:22px 28px 26px}
	[id^="blog-post-"] .uk-modal-dialog .uk-modal-title{font-size:clamp(29px,4.5vw,38px)}
}
@media(max-width:600px){
	[id^="blog-post-"].uk-modal{padding:52px 12px 12px !important}
	[id^="blog-post-"] .what-happening-content{
		height:calc(100vh - 64px);
		height:calc(100dvh - 64px);
	}
	[id^="blog-post-"] .what-happening-content > .uk-grid > div:first-child{
		flex-basis:30%;
		height:30%;
	}
	[id^="blog-post-"] .storecontainer{padding:18px 20px 22px}
	[id^="blog-post-"] .uk-modal-dialog .uk-modal-title{font-size:clamp(26px,7vw,33px);margin-bottom:10px}
	[id^="blog-post-"] .storecontainer > .line{margin-bottom:12px}
	[id^="blog-post-"] .post-body p{font-size:17px;line-height:1.45;margin-bottom:16px}
}

.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.enquiry-form{background-color:#e5d07e;padding:28px 26px;max-width:460px}
.enquiry-form input,
.enquiry-form textarea{
	width:100%;
	box-sizing:border-box;
	margin-bottom:14px;
	padding:10px 12px;
	border:0;
	border-bottom:1px solid #54565a;
	background:transparent;
	font-family:'CormorantInfant',serif;
	font-size:1.05em;
	color:#54565a;
}
.enquiry-form textarea{resize:vertical;min-height:90px}
.enquiry-form input::placeholder,
.enquiry-form textarea::placeholder{color:#7a705a;opacity:1}
.enquiry-form input:focus,
.enquiry-form textarea:focus{outline:2px solid #54565a;outline-offset:2px}
.enquiry-form button[type="submit"]{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:160px;
	min-height:48px;
	margin-top:18px;
	padding:10px 26px;
	border:1px solid #414448;
	border-radius:0;
	background:#414448;
	color:#fff;
	font-family:'CormorantInfant',serif;
	font-size:21px;
	font-weight:600;
	line-height:1;
	cursor:pointer;
}
.enquiry-form button[type="submit"]:hover{background:#303236;border-color:#303236}
.enquiry-form button[type="submit"]:focus-visible{outline:2px solid #303236;outline-offset:3px}
.enquiry-form button[type="submit"]:disabled{opacity:.65;cursor:wait}
.enquiry-form .enquiry-status{margin:12px 0 0;min-height:1.2em;font-size:.95em}
.enquiry-form .enquiry-status.is-error{color:#9b2c2c}
.enquiry-form .enquiry-status.is-ok{color:#2f5d3a}

.enquiry-form .captcha-note{margin:10px 0 0;font-size:12px;line-height:1.5;color:#7a705a}
.enquiry-form .captcha-note a{color:#7a705a;text-decoration:underline}

@media only screen and (max-width:640px){
	.enquiry-form{padding:20px 18px;max-width:100%}
}

#ppl,
#ppl2,
.khimage,
.cncimage,
.cnciamge,
#section4 .uk-position-bottom-left{width:auto}
@media (max-width: 420px) {
  #section8-5 { overflow-x: clip; }
}

#footer .uk-float-left,
#footer .uk-float-right{display:flex;align-items:center;height:48px}
#footer .uk-float-left{position:absolute;left:0;top:0;max-width:calc(100% - 210px);height:50px}
#footer .uk-float-right{position:absolute;right:0;top:0;height:50px}
#footer .uk-float-left p{margin:0 0 0 30px;line-height:1.2}
#footer .uk-float-right .uk-button{display:inline-flex;align-items:center;justify-content:center;height:40px;margin:0 12px 0 0}
@media (min-width:640px) and (max-width:900px){
 #footer .uk-float-left p{font-size:11px}
}

#bis-floor-plans .uk-modal-dialog.floorplan-bg,
#res-floor-plans .uk-modal-dialog.floorplan-bg{width:min(1800px,98vw);max-width:98vw;min-height:min(975px,94vh);padding:22px 72px;box-sizing:border-box}
#bis-floor-plans .container,
#res-floor-plans .container{width:min(1050px,calc(100vw - 210px));height:min(975px,calc(100vh - 100px));max-height:calc(100vh - 100px);transform:none}
#bis-floor-plans .cover,
#res-floor-plans .cover{background-size:contain}
#bis-floor-plans .pabtn.fpbtn,
#res-floor-plans .pabtn.fpbtn{width:60px;height:60px;min-width:60px;min-height:60px;border:3px solid #a36e47!important;background:#424448!important;color:#fff!important;opacity:1!important;transform:translateY(-50%);top:50%;z-index:5}
#bis-floor-plans .pabtn.fpbtn svg,
#res-floor-plans .pabtn.fpbtn svg{width:28px;height:28px;stroke:#fff!important;stroke-width:3px}
#bis-floor-plans .pabtn.fpbtn.uk-slidenav-previous,
#res-floor-plans .pabtn.fpbtn.uk-slidenav-previous{left:8px;right:auto}
#bis-floor-plans .pabtn.fpbtn.uk-slidenav-next,
#res-floor-plans .pabtn.fpbtn.uk-slidenav-next{left:auto;right:8px}
#bis-floor-plans .btn-holder,
#res-floor-plans .btn-holder{right:calc(50% - min(525px, (100vw - 210px)/2) - 62px);bottom:32px;transform:none}
#bis-floor-plans .btn-holder .btn,
#res-floor-plans .btn-holder .btn{display:none}

#site-map{position:relative;height:100vh;min-height:480px;z-index:1}
#site-map .leaflet-tile-pane{filter:saturate(.82)}
#site-map .leaflet-control-attribution{font-size:11px;background:rgba(255,255,255,.9)}
#site-map .map-fallback{position:absolute;z-index:400;left:12px;bottom:28px;background:#fff;color:#333;padding:8px 12px;font:14px Arial,sans-serif;box-shadow:0 2px 8px #0003}
.stories-map-marker{position:relative;width:300px;min-height:210px;box-sizing:border-box;margin-top:22px;padding:22px 20px 18px;text-align:center;color:#fff;background:#414448;box-shadow:0 4px 18px #0005;font-family:'CormorantInfant',serif}
.stories-map-marker::before{content:"";position:absolute;left:calc(50% - 20px);top:-20px;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #414448}
#site-map .stories-map-marker img{display:block;width:120px;height:auto;margin:0 auto 16px}
.stories-map-marker .map-address{font-size:19px;line-height:1.3}
.stories-map-marker .map-leasing{margin-top:14px;font-size:15px;line-height:1.3}
.stories-map-marker a{color:#fff;text-decoration:underline}
@media (max-width:767px){
 #bis-floor-plans .uk-modal-dialog.floorplan-bg,#res-floor-plans .uk-modal-dialog.floorplan-bg{width:100vw;max-width:100vw;min-height:0;height:min(900px,96vh);padding:45px 42px 65px}
 #bis-floor-plans .container,#res-floor-plans .container{width:calc(100vw - 84px);height:calc(96vh - 140px);max-height:calc(96vh - 140px)}
 #bis-floor-plans .pabtn.fpbtn,#res-floor-plans .pabtn.fpbtn{width:42px;height:42px;min-width:42px;min-height:42px}
 #bis-floor-plans .pabtn.fpbtn.uk-slidenav-previous,#res-floor-plans .pabtn.fpbtn.uk-slidenav-previous{left:0}
 #bis-floor-plans .pabtn.fpbtn.uk-slidenav-next,#res-floor-plans .pabtn.fpbtn.uk-slidenav-next{right:0}
 #bis-floor-plans .btn-holder,#res-floor-plans .btn-holder{right:36px;bottom:10px;transform:rotate(-90deg)}
 .stories-map-marker{width:220px;min-height:180px;padding:18px 14px 12px}
 #site-map .stories-map-marker img{width:100px;margin-bottom:10px}
 .stories-map-marker .map-address{font-size:16px}
 .stories-map-marker .map-leasing{font-size:13px;margin-top:8px}
}

body.fp-responsive #fullpage > .section:not(#section0),
body.fp-responsive #fullpage > .section:not(#section0) > .fp-tableCell{height:auto!important}
body.fp-responsive #fullpage > .section{min-height:0}
body.fp-responsive #fullpage{width:100%;overflow-x:hidden}
#section5 #backgroundimage,
#section5 #fnbbackgroundimage,
#section5 #wellnessbackgroundimage,
#section5 #servicesbackgroundimage,
#section6 #dfbackgroundimage{position:absolute;inset:0;width:100%!important;height:auto!important;transform:none!important}
body.fp-responsive #section0,
body.fp-responsive #section0 > .fp-tableCell{height:clamp(600px,78svh,780px)!important;min-height:0}
body.fp-responsive #section1 .uk-container{margin:0 32px!important;padding:84px 0 68px!important}
body.fp-responsive #section1 img{display:block;width:min(100%,720px);max-width:100%!important;height:auto;margin:0 auto 28px!important}
body.fp-responsive #section1 .h1{margin-bottom:24px}
body.fp-responsive #section2 .imagesection2{height:clamp(280px,56vw,480px)!important;min-height:0!important}
body.fp-responsive #section2 .content{margin:0!important;padding:40px 48px!important}
body.fp-responsive #section2 .content h1{margin:0 0 12px!important}
body.fp-responsive #section2 .content p{margin:0}
body.fp-responsive #section5 .uk-container{margin:0 28px!important;padding:68px 0!important}
body.fp-responsive #section5 .fnbtitle{padding:68px 8px!important}
body.fp-responsive #section3 .uk-container{margin:0!important;padding:72px 32px!important}
body.fp-responsive #section3 img{width:min(75%,360px);max-width:360px}
body.fp-responsive #section6 .uk-container{margin:0!important;padding:64px 28px!important}
body.fp-responsive #section7 .uk-container{margin:0!important;padding:58px 32px 72px!important}
body.fp-responsive #section7 .section-head{padding:0 0 20px}
body.fp-responsive #section4 .content{padding:68px 40px 52px!important}
body.fp-responsive #section4 .userform{margin:0}
body.fp-responsive #section4 .marginLeft{height:auto!important;min-height:0!important;margin-left:0}
body.fp-responsive #site-map{height:clamp(480px,70svh,680px)!important;min-height:clamp(480px,70svh,680px)!important}

@media (max-width:959px){
 body.fp-responsive #post-slider .blog-slider{margin:0!important;padding:0!important}
 body.fp-responsive #post-slider .blog-slider>li{flex:0 0 100%!important;width:100%!important;box-sizing:border-box;padding:0!important;margin:0!important}
 body.fp-responsive #post-slider .uk-card{width:100%}
 body.fp-responsive #post-slider .uk-card-media-top{position:relative;width:100%!important;height:clamp(210px,65vw,460px)!important;aspect-ratio:auto;padding:0!important;margin:0!important;transform:none!important;overflow:hidden}
 body.fp-responsive #post-slider .uk-card-media-top>div{width:100%;height:100%}
 body.fp-responsive #post-slider .uk-card-media-top canvas{display:none}
 body.fp-responsive #post-slider .uk-card-media-top img,
 body.fp-responsive #section7 .uk-active img{position:absolute;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover;transform:none!important}
 body.fp-responsive #post-slider .uk-card-body{width:100%!important;max-width:none;min-width:0;box-sizing:border-box;margin:0!important;padding:18px 20px!important;transform:none!important}
 body.fp-responsive #post-slider h2.title{font-size:clamp(20px,3vw,26px);line-height:1.2}
 body.fp-responsive #section7 .cus-uk-position-center{position:absolute;top:clamp(105px,32.5vw,230px);left:0;width:100%;height:0;transform:none!important;pointer-events:none}
 body.fp-responsive #section7 .cus-uk-position-center button{position:absolute;top:0!important;transform:translateY(-50%)!important;pointer-events:auto}
 body.fp-responsive #section7 .cus-uk-position-center .uk-slidenav-previous{left:8px!important;right:auto!important}
 body.fp-responsive #section7 .cus-uk-position-center .uk-slidenav-next{right:8px!important;left:auto!important}
}

@media (min-width:640px) and (max-width:1199px){
 body.fp-responsive #section5 .uk-grid>*,
 body.fp-responsive #section3 .uk-grid>*{width:33.333%;box-sizing:border-box}
 body.fp-responsive #section3 .uk-grid{margin-left:-24px}
 body.fp-responsive #section3 .uk-grid>*{padding-left:24px}
 body.fp-responsive #section3 img{width:min(82%,240px)}
}

@media (max-width:639px){
 html{overflow-x:hidden}
 body.fp-responsive{max-width:100vw;overflow-x:hidden!important}
 #header > div.uk-position-relative{min-height:65px}
 #header .home-logo{position:absolute;top:0;left:50%;z-index:2;display:block;width:140px;transform:translateX(-50%)}
 #header .home-logo .logo{display:block;float:none;width:140px;max-width:100%!important;height:auto;margin:0;padding:8px 0!important}
 #header .hamburger{z-index:3}
 body.fp-responsive #section0,
 body.fp-responsive #section0 > .fp-tableCell{height:clamp(500px,70svh,620px)!important;min-height:0}
 body.fp-responsive #section0 #ppl2{max-height:min(43svh,360px)!important;bottom:-18%!important;margin-left:-55px!important}
 body.fp-responsive #section0 .Title-container{margin-top:0!important}
 body.fp-responsive #scroll-down{left:50%;width:50%;top:72%;height:auto;padding-top:0}
 body.fp-responsive #section1 .uk-container{margin:0 20px!important;padding:72px 0 56px!important}
 body.fp-responsive #section2 .imagesection2{height:clamp(250px,72vw,340px)!important}
 body.fp-responsive #section2 .content{padding:30px 22px 36px!important}
 body.fp-responsive #section5 .uk-container{margin:0 20px!important;padding:52px 0!important}
 body.fp-responsive #section5 .fnbtitle{padding:52px 8px!important}
 body.fp-responsive #section3 .uk-container{margin:0!important;padding:44px 20px!important}
 body.fp-responsive #section3 .uk-grid>*+*{margin-top:24px}
 body.fp-responsive #section3 img{width:min(60%,220px)}
 body.fp-responsive #section6 .uk-container{margin:0!important;padding:52px 20px!important}
 body.fp-responsive #section7 .uk-container{margin:0!important;padding:44px 20px 92px!important}
 body.fp-responsive #post-slider .uk-card-body{padding:20px!important}
 body.fp-responsive #post-slider h2.title{font-size:clamp(21px,5.6vw,25px);line-height:1.2}
 body.fp-responsive #section4 .content{padding:56px 20px 44px!important}
 body.fp-responsive #site-map{height:clamp(420px,55svh,520px)!important;min-height:clamp(420px,55svh,520px)!important}
}

@media (max-width:340px){
 body.fp-responsive #section4 .content{padding-left:12px!important;padding-right:12px!important}
 body.fp-responsive #enquiry-form{width:calc(100% + 24px);max-width:none;box-sizing:border-box;margin-left:-12px;padding-left:8px;padding-right:8px}
}

@media (max-width:1199px){
 body.fp-responsive #section5 .box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;padding:24px 12px;box-sizing:border-box}
 body.fp-responsive #section5 .fnbtitle{padding:0!important;margin:0}
 body.fp-responsive #section5 .box>a{position:static!important;display:inline-flex;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;transform:none!important;margin-top:26px;min-height:36px}
}

html.fp-enabled:not(.uk-modal-page) body.fp-responsive{overflow-y:auto}
html.fp-enabled.native-scroll:not(.uk-modal-page):not(.uk-lightbox-page){overflow-y:auto!important;overflow-x:hidden!important}
html.fp-enabled.native-scroll.uk-lightbox-page,
html.fp-enabled.native-scroll.uk-lightbox-page body.fp-responsive{overflow:hidden!important}
body.fp-responsive #section0{overflow:hidden}
@media (max-width:1199px), (pointer:coarse) and (max-width:1599px){
 #section5:not(.media-ready) #backgroundimage,
 #section5:not(.media-ready) #fnbbackgroundimage,
 #section5:not(.media-ready) #wellnessbackgroundimage,
 #section5:not(.media-ready) #servicesbackgroundimage,
 #section6:not(.media-ready) #dfbackgroundimage{background-image:none!important}
}
body.fp-responsive #section0 #ppl2{bottom:0!important;max-height:min(68svh,560px)!important}
body.fp-responsive #section4 #ppl{display:none!important}
@media (max-width:639px){body.fp-responsive #section0 #ppl2{max-height:min(34svh,280px)!important}}

@media (min-width:960px){
 body.fp-responsive #section4 .uk-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(24px,3vw,44px);margin:0!important;padding:clamp(32px,4vw,56px);box-sizing:border-box}
 body.fp-responsive #section4 .content,body.fp-responsive #section4 .userform{display:contents!important}
 body.fp-responsive #section4 .title{grid-column:1/-1;grid-row:1;margin:0 0 12px;line-height:1.1}
 body.fp-responsive #section4 .title+p{grid-column:1/-1;grid-row:2;max-width:70ch;margin:0 0 28px;line-height:1.5}
 body.fp-responsive #section4 .marginLeft{grid-column:1;grid-row:3;min-width:0;margin:0;height:auto!important;min-height:560px!important}
 body.fp-responsive #section4 .enquiry-form{box-sizing:border-box;width:100%;max-width:none;height:100%}
 body.fp-responsive #site-map{grid-column:2;grid-row:3;align-self:stretch;width:100%!important;height:auto!important;min-height:0!important;margin:0}
}

@media (min-width:960px) and (max-width:1199px){
 body.fp-responsive #section4 .uk-grid{column-gap:0;padding:clamp(36px,4vw,52px) 0 0}
 body.fp-responsive #section4 .title,
 body.fp-responsive #section4 .title+p{justify-self:center;max-width:calc(100% - 64px);text-align:center;color:#000}
 body.fp-responsive #section4 .title+p{width:min(70ch,calc(100% - 64px));margin-bottom:32px}
 body.fp-responsive #section4 .enquiry-form{padding:28px clamp(32px,5vw,64px)}
}

[id^="blog-post-"] .blog-modal-arrow{
 position:absolute;
 top:50%;
 z-index:2;
 display:flex;
 align-items:center;
 justify-content:center;
 width:44px;
 height:44px;
 padding:11px;
 box-sizing:border-box;
 border:0;
 background:transparent;
 color:#fff;
 transform:translateY(-50%);
 cursor:pointer;
}
[id^="blog-post-"] .blog-modal-arrow:hover,
[id^="blog-post-"] .blog-modal-arrow:focus-visible{color:#fff;opacity:.72}
[id^="blog-post-"] .blog-modal-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}
[id^="blog-post-"] .blog-modal-arrow svg{width:20px;height:20px;stroke-width:2.3;filter:drop-shadow(0 0 1px #000) drop-shadow(0 1px 2px rgba(0,0,0,.9))}
[id^="blog-post-"] .blog-modal-prev{left:12px}
[id^="blog-post-"] .blog-modal-next{right:12px}
@media (max-width:600px){
 [id^="blog-post-"] .blog-modal-arrow{width:44px;height:44px;padding:11px}
 [id^="blog-post-"] .blog-modal-prev{left:8px}
 [id^="blog-post-"] .blog-modal-next{right:8px}
}

@media (max-width:639px){
 body.stores-inner.food-page .fp-section #backgroundimage{background-image:url(../img/stores/storebg1-mobile.webp)}
 body.stores-inner.service-page .fp-section #backgroundimage{background-image:url(../img/stores/storebgdefault-mobile.webp)}
 .trkl .content-block .image-block{background-image:url(../img/stores/fnb/trkl/1-card-mobile.webp)}
 .sn .content-block .image-block{background-image:url(../img/stores/hnw/kord/kord-1-card-mobile.webp)}
 .limon .content-block .image-block{background-image:url(../img/stores/services/limon/3-card-mobile.webp)}
}

/* ============================================================
   FLOOR PLAN VIEWER - TABLET AND PHONE
   The plans are A4-shaped technical drawings. Inside the boxed dialog
   they were far too small to read, so on touch screens the viewer now
   fills the display edge to edge with no white surround, the close
   button sits inside it, and the zoom pair moves to whichever edge has
   room: along the bottom in portrait, across the top in landscape.
   Desktop keeps its existing framed layout.
   ============================================================ */
@media (max-width:1199px), (pointer:coarse){

 #bis-floor-plans.uk-modal,#res-floor-plans.uk-modal{padding:0!important}
 #bis-floor-plans.uk-modal.uk-open,#res-floor-plans.uk-modal.uk-open{display:block!important;padding:0!important;overflow:hidden!important}

 #bis-floor-plans .uk-modal-dialog.floorplan-bg,
 #res-floor-plans .uk-modal-dialog.floorplan-bg{position:relative;width:100vw!important;max-width:100vw!important;height:100vh!important;height:100dvh!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;overflow:hidden!important}

 /* The slide machinery has no intrinsic height, so every link in the
    chain needs one before the plan can fill the screen. */
 #bis-floor-plans .floorplan-bg>.uk-slider,#res-floor-plans .floorplan-bg>.uk-slider,
 /* The slider is lazily upgraded, so UIkit only adds .uk-slider once it
    initialises. Match the markup attribute too, or the wrapper has no
    height until then and the plan collapses to nothing. */
 #bis-floor-plans .floorplan-bg>[data-lazy-slider],#res-floor-plans .floorplan-bg>[data-lazy-slider],
 #bis-floor-plans .floorplan-bg .uk-position-relative,#res-floor-plans .floorplan-bg .uk-position-relative,
 #bis-floor-plans .floorplan-bg .uk-slider-container,#res-floor-plans .floorplan-bg .uk-slider-container,
 #bis-floor-plans .community-popup,#res-floor-plans .community-popup,
 #bis-floor-plans .community-popup>li,#res-floor-plans .community-popup>li,
 #bis-floor-plans .fp-holder,#res-floor-plans .fp-holder,
 #bis-floor-plans .fp-holder>.uk-grid,#res-floor-plans .fp-holder>.uk-grid,
 #bis-floor-plans .fp-holder .uk-width-expand,#res-floor-plans .fp-holder .uk-width-expand{height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important}
 #bis-floor-plans .community-popup>li,#res-floor-plans .community-popup>li{position:relative;width:100%!important}

 #bis-floor-plans .container,#res-floor-plans .container{position:absolute!important;inset:0!important;border:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;transform:none!important}
 #bis-floor-plans .cover,#res-floor-plans .cover{position:absolute;inset:0;width:100%!important;height:100%!important;background-size:contain!important;background-repeat:no-repeat;background-position:center center;transform-origin:center center;touch-action:none}

 /* Close, inside the viewer. */
 #bis-floor-plans .floorplan-bg>.uk-modal-close-default,
 #res-floor-plans .floorplan-bg>.uk-modal-close-default{position:absolute!important;top:calc(8px + env(safe-area-inset-top))!important;right:calc(8px + env(safe-area-inset-right))!important;left:auto!important;z-index:30;display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;padding:0!important;border-radius:50%;background:rgba(66,68,72,.92)!important;color:#fff!important;transform:none!important}
 #bis-floor-plans .floorplan-bg>.uk-modal-close-default svg,
 #res-floor-plans .floorplan-bg>.uk-modal-close-default svg{width:24px;height:24px;margin:0!important;color:#fff!important}

 /* Zoom pair. Only the icon-button set is shown; the older image-icon
    pair is the first two grid cells and stays hidden. */
 #bis-floor-plans .btn-holder,#res-floor-plans .btn-holder{position:absolute!important;z-index:30;display:flex!important;align-items:center;justify-content:center;width:auto!important;height:auto!important;inset:auto!important;transform:none!important}
 #bis-floor-plans .btn-holder .uk-grid-small,#res-floor-plans .btn-holder .uk-grid-small{display:flex;align-items:center;justify-content:center;gap:14px;width:auto;margin:0!important}
 #bis-floor-plans .btn-holder .uk-grid-small>div,#res-floor-plans .btn-holder .uk-grid-small>div{width:auto!important;padding:0!important;margin:0!important;flex:none}
 #bis-floor-plans .btn-holder .uk-grid-small>div:nth-child(-n+2),
 #res-floor-plans .btn-holder .uk-grid-small>div:nth-child(-n+2){display:none}
 #bis-floor-plans .btn-holder .uk-inline.uk-margin,#res-floor-plans .btn-holder .uk-inline.uk-margin{margin:0!important}
 #bis-floor-plans .map-btn,#res-floor-plans .map-btn{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border:2px solid #a36e47!important;border-radius:50%;background:rgba(255,255,255,.94)!important;color:#333!important;box-shadow:0 2px 8px rgba(0,0,0,.18);transform:none!important;cursor:pointer}
 #bis-floor-plans .map-btn svg,#res-floor-plans .map-btn svg{stroke:#333!important;color:#333!important}

 /* Slide arrows stay on the mid-line, clear of both control strips. */
 #bis-floor-plans .cus-uk-position-center,#res-floor-plans .cus-uk-position-center{position:absolute;top:0;left:0;width:100%;height:100%;display:block!important;transform:none!important;pointer-events:none}
 #bis-floor-plans .pabtn.fpbtn,#res-floor-plans .pabtn.fpbtn{position:absolute;top:50%!important;z-index:25;width:46px;height:46px;min-width:46px;min-height:46px;border-radius:50%;background:rgba(255,255,255,.88);transform:translateY(-50%)!important;pointer-events:auto}
 #bis-floor-plans .pabtn.fpbtn.uk-slidenav-previous,#res-floor-plans .pabtn.fpbtn.uk-slidenav-previous{left:6px!important;right:auto!important}
 #bis-floor-plans .pabtn.fpbtn.uk-slidenav-next,#res-floor-plans .pabtn.fpbtn.uk-slidenav-next{right:6px!important;left:auto!important}

 #bis-floor-plans .label-tag,#res-floor-plans .label-tag{position:absolute;z-index:28;right:auto!important;width:auto!important;max-width:calc(100% - 110px);margin:0!important;padding:5px 9px;font-size:15px;line-height:1.2;letter-spacing:0;transform:none!important}
 #bis-floor-plans .label-tag b,#bis-floor-plans .label-tag span,
 #res-floor-plans .label-tag b,#res-floor-plans .label-tag span{font-size:inherit;margin:0}

 #bis-floor-plans .fp-dot.uk-position-bottom-center,#res-floor-plans .fp-dot.uk-position-bottom-center{position:absolute!important;z-index:28;left:50%!important;width:auto!important;transform:translateX(-50%)!important}
 #bis-floor-plans .fp-dot .uk-dotnav,#res-floor-plans .fp-dot .uk-dotnav{display:flex;margin:0!important;transform:none!important}
}

/* Portrait: the zoom pair sits along the bottom, under the thumb. */
@media (max-width:1199px) and (orientation:portrait), (pointer:coarse) and (orientation:portrait){
 #bis-floor-plans .btn-holder,#res-floor-plans .btn-holder{left:50%!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important}
 #bis-floor-plans .fp-dot.uk-position-bottom-center,#res-floor-plans .fp-dot.uk-position-bottom-center{bottom:calc(80px + env(safe-area-inset-bottom))!important}
 #bis-floor-plans .label-tag,#res-floor-plans .label-tag{top:calc(10px + env(safe-area-inset-top))!important;bottom:auto!important;left:calc(10px + env(safe-area-inset-left))!important}
}

/* Landscape: vertical space is scarce, so the pair moves to the top
   centre, clear of the close button on the right. */
@media (max-width:1199px) and (orientation:landscape), (pointer:coarse) and (orientation:landscape){
 #bis-floor-plans .btn-holder,#res-floor-plans .btn-holder{left:50%!important;top:calc(10px + env(safe-area-inset-top))!important;bottom:auto!important;transform:translateX(-50%)!important}
 #bis-floor-plans .btn-holder .uk-grid-small,#res-floor-plans .btn-holder .uk-grid-small{gap:18px}
 #bis-floor-plans .fp-dot.uk-position-bottom-center,#res-floor-plans .fp-dot.uk-position-bottom-center{bottom:calc(8px + env(safe-area-inset-bottom))!important}
 #bis-floor-plans .label-tag,#res-floor-plans .label-tag{bottom:calc(8px + env(safe-area-inset-bottom))!important;top:auto!important;left:calc(10px + env(safe-area-inset-left))!important}
}

#section4{background-color:#e5d07e!important}
#section4 .userform{margin-top:180px}
#section4 .title{line-height:1.08;margin-bottom:12px}
#section4 .title+p{margin-top:0;margin-bottom:24px}
@media (max-width:1199px){
 body.fp-responsive #section4 .uk-grid{padding-top:24px}
 body.fp-responsive #section4 .content{padding-top:40px!important}
 body.fp-responsive #section4 .title+p{margin-bottom:22px}
}

#section7 .uk-card-body{box-sizing:border-box}
#post-slider #blog-23042021 .uk-card-body{padding-left:24px!important;padding-right:24px!important}
#post-slider .post-card-image-link{display:block;width:100%;height:100%}
#post-slider .post-card-image-link img{display:block}
#post-slider .post-card-title-link{color:inherit;text-decoration:none}
#post-slider .post-card-title-link:hover,#post-slider .post-card-title-link:focus-visible{text-decoration:underline;color:inherit}

.pabox .gallery-slide,.uk-lightbox .uk-slidenav{position:absolute!important;top:50%!important;z-index:15;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:44px!important;height:44px!important;min-width:44px;padding:0!important;border:0!important;border-radius:0;background:transparent!important;color:#fff!important;opacity:1;transform:translateY(-50%)!important;box-shadow:none;cursor:pointer}
.pabox .gallery-slide svg,.uk-lightbox .uk-slidenav svg{width:20px;height:20px;stroke:#fff!important;stroke-width:2.3;filter:drop-shadow(0 0 1px #000) drop-shadow(0 1px 2px rgba(0,0,0,.9))}
.pabox .gallery-slide svg *, .uk-lightbox .uk-slidenav svg *{stroke:#fff!important;stroke-width:2.3!important}
.pabox .gallery-slide.uk-slidenav-previous,.uk-lightbox .uk-slidenav-previous{left:12px!important;right:auto!important;margin:0!important}
.pabox .gallery-slide.uk-slidenav-next,.uk-lightbox .uk-slidenav-next{right:12px!important;left:auto!important;margin:0!important}
.pabox .gallery-slide:hover,.uk-lightbox .uk-slidenav:hover{opacity:.72}
.pabox .gallery-slide:focus-visible,.uk-lightbox .uk-slidenav:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:639px){.pabox .gallery-slide.uk-slidenav-previous,.uk-lightbox .uk-slidenav-previous{left:4px!important}.pabox .gallery-slide.uk-slidenav-next,.uk-lightbox .uk-slidenav-next{right:4px!important}}

body.stores-inner .store-gallery-arrow{position:absolute;top:50%;z-index:5;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:transparent;font-size:0;transform:translateY(-50%);cursor:pointer}
body.stores-inner .store-gallery-arrow::after{content:"";display:block;width:13px;height:13px;border-top:2px solid #fff;border-right:2px solid #fff;filter:drop-shadow(0 0 1px #000) drop-shadow(0 1px 2px rgba(0,0,0,.9))}
body.stores-inner .store-gallery-arrow.prev::after{transform:rotate(-135deg)}
body.stores-inner .store-gallery-arrow.next::after{transform:rotate(45deg)}
body.stores-inner .store-gallery-arrow.prev{left:10px}
body.stores-inner .store-gallery-arrow.next{right:10px}
body.stores-inner .store-gallery-arrow:hover{opacity:.72}
body.stores-inner .store-gallery-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:639px){body.stores-inner .store-gallery-arrow.prev{left:6px}body.stores-inner .store-gallery-arrow.next{right:6px}}

#col1.uk-open,#col2.uk-open,#col3.uk-open{display:flex!important;align-items:center;justify-content:center}
#col1 .uk-modal-dialog,#col2 .uk-modal-dialog,#col3 .uk-modal-dialog{flex:none;margin:auto!important;max-height:calc(100dvh - 32px);overflow-y:auto}

#section5 .box>a{min-height:44px;padding:9px 18px;font-size:1.2em;box-sizing:border-box}
body.fp-responsive #section5 .box>a{min-height:44px}

@media (min-width:960px) and (max-width:1599px){
 body.fp-responsive #section4{margin-bottom:50px}
 body.fp-responsive #section4 .uk-grid{grid-template-rows:auto auto minmax(560px,1fr);column-gap:0;padding:0}
 body.fp-responsive #section4 .title,
 body.fp-responsive #section4 .title+p{grid-column:1;justify-self:stretch;max-width:none;width:auto;box-sizing:border-box;text-align:left;padding-left:clamp(40px,5vw,72px);padding-right:clamp(40px,5vw,72px)}
 body.fp-responsive #section4 .title{grid-row:1;margin:0 0 8px;padding-top:40px}
 body.fp-responsive #section4 .title+p{grid-row:2;margin:0;padding-bottom:20px}
 body.fp-responsive #section4 .marginLeft{grid-column:1;grid-row:3;min-height:560px!important}
 body.fp-responsive #section4 .enquiry-form{padding:14px clamp(40px,5vw,72px)}
 body.fp-responsive #site-map{grid-column:2;grid-row:1 / 4;height:100%!important;min-height:0!important}
}

@media (min-width:960px) and (max-width:999px){
 body.fp-responsive #section4 .uk-grid{grid-template-rows:auto auto minmax(520px,1fr)}
 body.fp-responsive #section4 .marginLeft{min-height:520px!important}
 body.fp-responsive #section4 .title{font-size:2.1em!important}
}

@media (min-width:1000px) and (max-width:1049px){
 body.fp-responsive #section4 .uk-grid{grid-template-rows:auto auto minmax(558px,1fr)}
 body.fp-responsive #section4 .marginLeft{min-height:558px!important}
}

@media (min-width:1050px) and (max-width:1199px){
 body.fp-responsive #section4 .uk-grid{grid-template-rows:auto auto minmax(522px,1fr)}
 body.fp-responsive #section4 .marginLeft{min-height:522px!important}
}

@media (min-width:1200px) and (max-width:1599px){
 body.fp-responsive #section4 .uk-grid{grid-template-rows:auto auto minmax(520px,1fr);min-height:calc(100dvh - 199px)}
 body.fp-responsive #section4 .marginLeft{min-height:520px!important}
}

@media (min-width:1200px){
 body:not(.fp-responsive) #section4 .fp-tableCell{vertical-align:top}
 body:not(.fp-responsive) #section4 .uk-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(520px,1fr);height:auto;min-height:calc(100dvh - 50px);margin:0!important;padding:149px 0 0;box-sizing:border-box}
 body:not(.fp-responsive) #section4 .content,
 body:not(.fp-responsive) #section4 .userform{display:contents!important}
 body:not(.fp-responsive) #section4 .title,
 body:not(.fp-responsive) #section4 .title+p{grid-column:1;justify-self:stretch;width:auto;max-width:none;box-sizing:border-box;text-align:left;padding-left:clamp(40px,5vw,80px);padding-right:clamp(40px,5vw,80px)}
 body:not(.fp-responsive) #section4 .title{grid-row:1;margin:0 0 8px;padding-top:25px;font-size:clamp(34px,2.8vw,44px)!important}
 body:not(.fp-responsive) #section4 .title+p{grid-row:2;margin:0;padding-bottom:16px}
 body:not(.fp-responsive) #section4 .marginLeft{grid-column:1;grid-row:3;width:100%;height:100%!important;min-height:520px!important;margin:0!important}
 body:not(.fp-responsive) #section4 .enquiry-form{box-sizing:border-box;width:100%;max-width:none;height:100%;padding:20px clamp(40px,5vw,80px)}
 body:not(.fp-responsive) #site-map{grid-column:2;grid-row:1 / 4;align-self:stretch;width:100%!important;height:100%!important;min-height:0!important;margin:0}
 body:not(.fp-responsive) #section4 #ppl{display:none!important}
}
@media (min-width:1200px) and (max-height:800px){
 body:not(.fp-responsive) #section4 .uk-grid{padding-bottom:64px}
}
@media (min-width:640px) and (max-width:959px){
 body.fp-responsive #section4{margin-bottom:50px}
}

@media (min-width:640px){
 body.stores-inner .section .uk-container{position:relative}
 body.stores-inner .pinned-store-intro{position:absolute;top:100px;left:60px;width:380px;height:40vh;box-sizing:border-box;padding-left:40px;z-index:1}
 body.stores-inner .desktop-inner-slider{box-sizing:border-box;width:calc(100% - 480px);margin-left:480px;padding:100px 100px 0 0}
 body.stores-inner .desktop-inner-slider>.uk-slider-items>li{height:40vh}
 body.stores-inner .desktop-inner-slider .stores-inner-nav{top:calc(50% + 50px)}
}
@media (min-width:640px) and (max-width:1220px){
 body.stores-inner .pinned-store-intro{left:35px;width:330px;padding-left:30px}
 body.stores-inner .desktop-inner-slider{width:calc(100% - 395px);margin-left:395px;padding-right:65px}
 body.stores-inner .desktop-inner-slider>.uk-slider-items>li{height:35vh}
}
@media (max-width:767px){
 body.stores-inner .pinned-store-intro,body.stores-inner .desktop-inner-slider{display:none}
 body.stores-inner .mobile-inner-slider{display:block}
 body.stores-inner .mobile-inner-slider .stores-inner-nav{top:calc(100% - 17.5vh - 37px)!important;bottom:auto!important;transform:none!important}
 body.stores-inner .mobile-inner-slider .stores-inner-nav.uk-position-center-left{left:28px!important}
 body.stores-inner .mobile-inner-slider .stores-inner-nav.uk-position-center-right{right:max(0px,calc(100% - 492px))!important}
}
@media (min-width:640px) and (max-width:767px){body.stores-inner .mobile-inner-slider{padding:0 65px}}
@media (max-width:530px){
 body.stores-inner .mobile-inner-slider .stores-inner-nav.uk-position-center-left{left:13px!important}
 body.stores-inner .mobile-inner-slider .stores-inner-nav.uk-position-center-right{right:max(0px,calc(100% - 429px))!important}
}
@media (max-width:450px){
 body.stores-inner .mobile-inner-slider .stores-inner-nav.uk-position-center-left{left:0!important}
 body.stores-inner .mobile-inner-slider .stores-inner-nav.uk-position-center-right{right:max(0px,calc(100% - 362px))!important}
}
@media (max-width:450px){body.stores-inner .mobile-inner-slider .stores-inner-nav{top:calc(100% - 15vh - 37px)!important}}
@media (max-width:416px){body.stores-inner .mobile-inner-slider .stores-inner-nav{top:calc(100% - 20vh - 37px)!important}}

@media (min-width:960px) and (max-width:1599px){
 body.fp-responsive #section4 .uk-grid{position:relative}
 body.fp-responsive #site-map{position:absolute!important;grid-column:auto;grid-row:auto;left:50%;top:0;bottom:0;width:50%!important;height:auto!important;min-height:0!important}
}
@media (min-width:1200px){
 body:not(.fp-responsive) #section4 .uk-grid{position:relative;padding-top:0}
 body:not(.fp-responsive) #section4 .title{padding-top:174px}
 body:not(.fp-responsive) #site-map{position:absolute!important;grid-column:auto;grid-row:auto;left:50%;top:0;bottom:0;width:50%!important;height:auto!important;min-height:0!important}
}

#section7 .cus-uk-position-center{z-index:10;pointer-events:none}
#section7 .cus-uk-position-center .fp-r-btn{pointer-events:none}
#section7 .cus-uk-position-center button.blog-btn{box-sizing:border-box;width:44px;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer}
@media (min-width:960px){
 #section7 .cus-uk-position-center{position:absolute;top:100px;left:0;width:100%;max-width:none;height:0;transform:none!important}
 #section7 .cus-uk-position-center button.blog-btn{top:0!important;transform:translateY(-50%)!important}
 #section7 .cus-uk-position-center button.blog-btn.uk-slidenav-previous{left:0!important;right:auto!important}
 #section7 .cus-uk-position-center button.blog-btn.uk-slidenav-next{right:0!important;left:auto!important}
}