@charset "utf-8";
/* CSS Document v20211112 */

/*font family*/
@font-face {
	font-family: 'CormorantInfant-Bold';
    src: url('fonts/CormorantInfant-Bold.otf');
    src: url('fonts/CormorantInfant-Bold.eot?#iefix') format('embedded-opentype'),/*IE6-8*/
    	 url('fonts/CormorantInfant-Bold.woff2') format('woff2'),/*Super modern browser*/
         url('fonts/CormorantInfant-Bold.woff') format('woff'),/*pretty modern browser*/
         url('fonts/CormorantInfant-Bold.ttf') format('truetype'),/*Safari, android, ios*/
         url('fonts/CormorantInfant-Bold.otf') format('opentype'),
		 url('fonts/Cormorant-Infant-Bold.svg#svgFontName') format('svg');/*legacy ios*/
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'CormorantInfant-Italic';
    src: url('fonts/CormorantInfant-Italic.otf');
    src: url('fonts/CormorantInfant-Italic.ttf') format('truetype'),/*Safari, Android, ios*/
         url('fonts/CormorantInfant-Italic.otf') format('opentype'),
		 url('fonts/Cormorant-Infant-Italic.eot?#iefix') format('embedded-opentype'),/*IE6-IE8*/
		 url('fonts/CormorantInfant-Italic.woff2') format('woff2'), /* Super Modern Browsers */
       	 url('fonts/CormorantInfant-Italic.woff') format('woff'), /* Pretty Modern Browsers */
		 url('fonts/CormorantInfant-Italic.svg#svgFontName') format('svg');/*legacy ios*/
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'CormorantInfant';
    src: url('fonts/CormorantInfant-Regular.otf');
    src: url('fonts/CormorantInfant-Regular.otf') format('opentype'),
		 url('fonts/CormorantInfant-Regular.ttf') format('truetype'),/*Safari, android, ios*/
		 url('fonts/Cormorant-Infant-Regular.eot?#iefix') format('embedded-opentype'),/*IE6-8*/
		 url('fonts/CormorantInfant-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       	 url('fonts/CormorantInfant-Regular.woff') format('woff'), /* Pretty Modern Browsers */
		 url('fonts/CormorantInfant-Regular.svg#svgFontName') format('svg');/*legacy ios*/
    font-weight: normal;
    font-style: normal;
}


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

.hide{
	display: none;
}

.show{
	display: block;
}

/*header&footer*/
#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;
}
/*menu*/
.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;
}
/*navbar toggle*/
.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);
}

/*header*/
.logo {
	padding-top: 25px;
	padding-bottom: 20px;
}
/*set the width for article line*/
.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{
	font-family: 'CormorantInfant-Italic';
}
h1{
	font-size:3.75em ;
	color: #FFFFFF;
	font-weight: 100;
	margin: 0;
	line-height: 1em;
}
h2{
	font-size:1.875em ;
	color: #FFFFFF;
}
h3{
	color: #000000;
}
#section0, #section2, #section3{
	color: #FFFFFF;
}
#section1, #section4{
	color: #54565A;
}

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

.content{
	padding: 0 100px;
}
/*section0*/
.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;
	behavior: url(-ms-transform.htc);
	-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;
	behavior: url(-ms-transform.htc);
	-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;
	behavior: url(-ms-transform.htc);
	-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;
}

/*animated scroll arrow animation*/
@-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;
	}
}

/*.fp-section{
	background-size: cover;
	background-attachment: fixed;
}*/

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

}
/*section1*/
#section1 h1{
	color: #54565A;
	margin-bottom: 30px;
}
/*section2*/
#section2 .uk-container{
	margin: 0;
}

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

#section2 .imagesection2{
	display: flex;
}
/*section3*/
#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*/
#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%;
}
/*#section4 .map img{
	max-width: 100%;
}*/
.map{
	background-image: url("../../images/map.png");
	background-size: cover;
	background-position: center;
}
.watermark {
	z-index: 999;
	position: relative;
	margin-left: 20px;
	bottom: 2px;
}

/*
.watermark img{
	margin-right: 320px;
}
*/
/*animation #section4*/
#ppl{
	margin-left: -120px;
	height: 90vh;
}
#section4 #ppl{
	left: -100%;
    transition: all 600ms ease;
	-webkit-transition: all 600ms ease;/*safari*/
}
#section4 .uk-position-bottom-left{
	bottom: -30%;
}


/*section5*/
#section5 #backgroundimage{
   	width: 100%!important;
    height: 100% ;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url("../../images/stores/storebgdefault.jpg");
	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("../../images/stores/storebg1.jpg");
	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("../../images/stores/storebg2.jpg");
	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("../../images/stores/storebg3.jpg");
	opacity: 0;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;

}



#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;
/* 	overflow: hidden;*/
	position: relative;
	padding: 50px 60px 50px 100px;
}
.pabox.uk-card-body

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


.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: 45%;
	left: 50%; */
	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{
	font-family: 'CormorantInfant';
	font-size: 1.875em;
	margin: 30px 0 20px 0;
}

.modalinner p{
	margin: 0;
}

.socialmedia{
	margin-top: 30px;
}

.fb_sm, .insta_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;
}

/*animation #section0*/
#section0 .uk-position-bottom-left{
	bottom: -45%;
}
#ppl2{
	margin-left: -50px;
	max-height: 120vh;
	left: -120%;
    transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;/*safari*/

}

body.fp-viewing-home #section0 #ppl2{
    left: 0;
}
/*hide watermark*/
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;
}



/*stores inner*/

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

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

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

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

/* body.stores-inner .fp-tableCell {
    padding-top: 148.45px;
} */

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 {
	text-align:left;
	line-height: 1.2;
	/* padding-top: 6.5vh; */
	/* margin-top:10px; */
	transition:all .3s;
}

.title-block:hover .stores-back h3 {
	/* margin-top:0; */
}

.stores-back{
	text-align:left;
	/* height:100%; */
	padding: 20% 0px;
}

.title-block .stores-back > a> div{
	/* opacity:0;
	transition:all .5s;
	position:relative;
	left:10px; */
}

/* .title-block:hover .stores-back > a > div{
	opacity:1;
	left:0;
} */

.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(../../images/stores/fnb/alibi/alibi-5.jpg);
	background-position: 0% 50%;
}
.mhb .content-block .image-block{
	background-image: url(../../images/stores/fnb/mhb/mhb2.jpg);
	background-position: 0% 50%;
}
.mkpz .content-block .image-block{
	background-image: url(../../images/stores/fnb/mkpz/mkpz-4.jpg);
	background-position: 0% 50%;
}
.trkl .content-block .image-block{
	background-image: url(../../images/stores/fnb/trkl/1.jpg);
	background-position: 0% 50%;
}
.pcps .content-block .image-block{
	background-image: url(../../images/stores/fnb/mgtv/main.jpg);
	background-position: 0% 50%;
}
.ay .content-block .image-block{
	background-image: url(../../images/stores/fnb/fenco/1.jpg);
	background-position: 0% 50%;
}
.eg .content-block .image-block{
	background-image: url(../../images/stores/fnb/eg/evolve-gastrobar-1.jpg);
	background-position: 0% 50%;
}
.wnt .content-block .image-block{
	background-image: url(../../images/stores/fnb/wnt/1/main.jpg);
	background-position: 0% 46%;
}
.kennyhills .content-block .image-block{
	background-image: url(../../images/stores/fnb/kh/1/main.jpg);
	background-position: 0% 50%;
}
.cork_n_cleaver .content-block .image-block{
	background-image: url(../../images/stores/fnb/cnc/cork_n_cleaver.jpg);
	background-position: 0% 50%;
}
/*sev*/
.cimb-bank .content-block .image-block{
	background-image: url(../../images/stores/services/cimb/cimb1.png);
	background-position: 0% 0%;
}
.qra .content-block .image-block{
	background-image: url(../../images/stores/services/qra/1/main.jpg);
	background-position: 0% 80%;
}

.omar-ali .content-block .image-block{
	background-image: url(../../images/stores/services/omarali/omaralicover.jpg);
	background-position: 0% 45%;
}
/*wnh*/
.sn .content-block .image-block{
	background-image: url(../../images/stores/hnw/sn/08.jpg);
	background-position: 0% 45%;
}

.pns .content-block .image-block{
	background-image: url(../../images/stores/hnw/pns/1/main.jpg);
	background-position: 0% 45%;
}

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

.bb .content-block .image-block{
	background-image: url(../../images/stores/hnw/bb/bb-9.jpg);
	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{
	text-align:left;
	margin-bottom:0;
	font-family: 'CormorantInfant-Italic';
	font-size: 1.45em;
}
.brand-title-block > a{
	text-align:left;
	float:right;
	/* padding-left:25px; */
	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, span.arrow-left{
	width: 18px;
	height: 18px;
	display:block;
}
.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;
}
/* .desktop-inner-slider{
	display: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;
}


/*kington loo walk*/
#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{
	color: #fff;
	text-align: justify;
}
.prf-img {background-image: url(../../images/klw/artist/Noyz.png);}
.prf-tum-img-holeder {height: 100px;border-radius: 100%;width: 100px;overflow: hidden;}
.prf-tum-img-holeder .prf-img {transform: scale(2)translate(0px, 10px);}

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

.prf .klw-btn {
    /* position: absolute; */
    /* bottom: 50px; */
}
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  */
#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;
    }
.uk-modal-page body .fp-viewing-kington-loo-walk{
    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%;
    /* overflow-x: hidden; */
    /* overflow-y: auto; */
    /* padding: 0; */
}

.section8-5 .uk-slider {
    /* height: 90vh; */
}
#section8-5 h1, #section8-5 h2, #section8-5 p{
	color: #fff;
	text-align: justify;
}
#section8-5 h1{
	font-size: 40px !important;
	font-weight: bolder;
}

#section8-5 .stores-inner-slider {
	padding: 21% 0px 0px 25px;
}
h2.info {
    margin: 0;
    padding-bottom: 50px;
}
.w1-a1 .image-block{
	background-image: url(../../images/klw/artist/w1-jared.jpg);
	background-position: 0% 20%;
}
.w1-a2 .image-block{
	background-image: url(../../images/new/esva1.jpeg);
	background-position: 0% 30%;
}
.w2-a1 .image-block{
	background-image: url(../../images/klw//artist/w2-andha_ras.png);
	background-position: 0% 27%;
}
.w2-a2 .image-block{
	background-image: url(../../images/new/manje1.jpg);
	background-position: 0% 20%;
}
.w3-a1 .image-block{
	background-image: url(../../images/new/nestwo1.jpeg);
	background-position: 0% 0%;
}
.w3-a2 .image-block{
	background-image: url(../../images/klw/artist/w3-lowkey.png);
	background-position: 50% 30%;
}

#section8-5 .brand-title-block > a{
	opacity:1!important;
	font-size: 14px;
	/* padding: 0px 10px; */
	border: 2px solid #fff;
	text-transform: uppercase;
	transform: translate(0px, -3px);
	padding: 5px 5px 4px 7px;
	/* background: white; */
	right: 0;
}
#section8-5 .prf-btn{
	margin-left: 10px;
}
#section8-5 .wlk-slild-btn {
    top: 62%;
    /* bottom: unset; */
    /* visibility: visible !important; */
    /* overflow: visible !important; */
}
.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 {
    /* max-height: 190px; */
    /* overflow-x: hidden; */
    /* overflow-y: auto; */
    /* margin-bottom: 150px; */
    text-align: justify;
}
.modalinner.content p {
    max-height: 100%;
    height: fit-content;
    /* overflow-x: hidden; */
    /* overflow-y: auto; */
    /* padding-bottom: 90px; */
    /* margin-bottom: 150px; */
    text-align: justify;
}
.modalinner.artist-prf .rational p{margin-bottom: 20px;}
/* .modalinner.artist-prf p::-webkit-scrollbar-track {
    background-color: #a36e4861;
}
.modalinner.artist-prf p::-webkit-scrollbar-thumb {
    display:block;
    border-radius: 10px;
    background-color: rgb(163 110 70) !important;
}
.modalinner.artist-prf p::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    background-color: rgba(64, 199, 6, 0) !important;
} */


.artist-prf .number-pagination{
display:none;
}
@media only screen and (max-width: 1220px){
	.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{
    /* max-height: 100vh; */
    /* overflow-x: hidden; */
    /* overflow-y: auto; */
    /* padding: 0; */
    /* margin-bottom: 130px; */
}

.modalinner.artist-prf p {
    max-height: 100vh;
    /* overflow-x: hidden; */
    /* overflow-y: auto; */
    /* padding: 0; */
    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;
		/* padding: 0px 10px; */
		border: none;
		text-transform: uppercase;
		transform: translate(-5px, 7px);
		padding: 5px 15px 6px 15px;
		/* background: white; */
		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{
		position:relative;
		top:10px;
		transition:all .5s;
	}
	.content-block:hover .brand-title-block h5{
		position:relative;
		top:0px;
	}
}


/*responsive width*/
/*laptop & desktop*/

@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 {
    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{
	margin: 0;
	padding: 0;
	/* margin-left: 50px; */
}
#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 {
		font-size: 2.7em !important;
	}
	#section1 .uk-container, #section3 .uk-container{
		padding-top: 80px;
	}
	/*section0*/
	.arrow-down{
		height: 20px !important;
	}

	#scroll-down{
		height: 160px !important;
	}
	/*section1*/
	#section1 img{
		max-width: 65%!important;
	}

	/*section2*/
	#section2 .content h1{
		margin-top: 100px !important;
	}
	/*section3*/
	#section3 img{
		max-width: 50%;
		width: 50%;
	}
	/*section4*/
	#section4 .title{
		font-size: 2.5em !important;
	}
	#section4 .uk-position-bottom-left {
		bottom: -5%;
	}
	.userform{
		margin-top: 170px;
	}
	#section4 .content {
		padding: 0 50px;
	}
/*
	.watermark img {
		margin-right: 250px !important;
	}
*/
	#ppl{
		margin-left: -50px !important;
		height: 75vh !important;
	}
	#section4 #form{
		margin-top: 0;
		height: 460px;
	}

	/*section5*/
	#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{
		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{
		font-size: 1.875em;
		margin: 20px 0 10px 0;
	}


	.uk-height-large {
		height: 570px !important;
	}
	.section8-5 .uk-height-large {
		/* height: 570px !important; */
		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){
	/*section0*/
	#ppl2{
		margin-left: -100px;
	}
	/*section4*/
	.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;
}

#section7 .sliderCount {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

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


	h1 {
		font-size: 2.8em !important;
	}
	/*section0*/
	#section0 .uk-position-bottom-left{
		bottom: -25% !important;
	}
	#ppl2{
		max-height: 80vh !important;
		margin-left: -110px !important;
	}
	/*section2*/
	#section2 .content{
		margin-bottom: 100px;
		margin-top: 100px;
	}
	/*section3*/
	#section3 .uk-container{
		margin:100px 50px 200px;
	}

	.content {
		padding: 0 80px;
	}
	/*section4*/
	#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;
	}
	/*footer*/
/*
	.watermark img{
		margin-right: 20px !important;
	}
*/

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

	/*section6*/
	#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 {
		font-size: 1.5em;
	}
}

/*tablet*/
@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 {
		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: 570px !important; */
		height: 90vh !important;
		/* overflow: hidden scroll; */
		background: #000;
	}
	.section8-5 .rational-box {
		/* width: calc(100% - 40px); */
		/* height: calc(100% - 40px); */
		/* margin-top: 20px; */
		padding: 40px;
	}
	.storecontainer {
		margin: 50px !important;
	}
}
@media only screen and (max-width: 800px){
.menu .uk-navbar-nav li{
	margin: 0 18px;
}

	/*section0*/
	#section0 .uk-position-bottom-left{
		bottom: -30% !important;
	}
	#ppl2{
		max-height: 65vh !important;
		margin-left: -150px !important;
	}
	/*section1*/
	#section1 .uk-container{
		margin-left: 50px;
		margin-right: 50px;
	}
	#section1 img{
		max-width: 100% !important;
	}
	.content {
		padding: 0 50px;
	}
	#section2 .content h1 {
		margin-top: 0px !important;
	}
	/*section3*/
	#section3 .uk-container{
		margin:200px 50px 200px;
	}
	/*section4*/
	#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;
	}


}

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

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


	/*header*/
	#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 {
		font-size: 2.5em !important;
	}
	/*section0*/
	#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*/
	#section4 .title{
		font-size: 2.5em !important;
	}
	.marginLeft {
		margin-left: 0px;
	}
	.userform {
		margin-top: 80px;
	}

	/*footer*/
	#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;
	/* visibility: visible !important; */
	/* overflow: visible !important; */
}

	.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 {

		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 {
		font-size: 2.4em;
	}
	.stores-inner-slider > ul > li {
		min-width: 380px;
	}
.prf-tum-img-holeder {
    /* display: none; */
}
}

@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 {
		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 {
		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 {
		font-size: 1.8em;
	}
	.stores-inner-slider > ul > li {
		min-width: 320px;
	}
	.mobile-title {
		margin-top: 50px;
	}
	button.icon.klw-btn{
		top: -11px;
	}

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



}

@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 {
		font-size: 2.2em !important;
	}
	.uk-navbar-toggle{
		margin-top: -80px;
	}
	/*section0*/
	#section0 .Title-container{
		top: 40%;
	}
	#ppl2 {
		margin-left: -100px !important;
	}
	#section3 .uk-container{
		padding-top: 100px;
	}
	/*section4*/
	#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, .fp-enabled body {
	/* overflow: hidden !important; */
	/* height: 100% !important; */
	-webkit-overflow-scrolling: touch;
	overflow: scroll;
	scroll-behavior: smooth;
	}


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

	#section1 .uk-container, #section3 .uk-container {
    padding-top: 20px;
}
	/*section4*/
	#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 {
		font-size: 1.7em !important;
	}
	/*section0*/
	#section0 .Title-container{
		margin-top: -20px !important;
	}
	#ppl2 {
		margin-left: -130px !important;
	}

	/*section1*/
	#section1 .uk-container{
		margin-left: 20px!important;
		margin-right: 20px!important;
	}
	/*section2*/
	.content {
		padding: 0 20px !important;
	}
	/*section3*/
	#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 {
		font-size: 1.4em;
	}

}

@media only screen and (max-width: 320px){
	/*section0*/
	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;
	}

}


/*=============================*/
/*section 6 GALLERY */


#section6 #dfbackgroundimage{
   	width: 100%!important;
    height: 100% ;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url("../../images/gallery/gallerybgdefault.jpg");
	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("../../images/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("../../images/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("../../images/stores/storebg3.jpg");
	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("../../images/stores/storebg3.jpg");
	opacity: 0;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;

}


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

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

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

/* box holder */
#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;
	}
}





/* box */

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


.box h4,h5,h6{
	color:#ffffff;
}
.box h4 {
	font-family: 'CormorantInfant';
	font-size: 2em;
}
.box h5{
	font-family: 'CormorantInfant';
	font-size: 1.5em;
}
.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;
}

/* inner box */
#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(../../images/wall-mural-100p.jpg);
}

.fadfbg h3,.fadfbg h4,.fadfbg h5,.fadfbg h6,.fadfbg a>div,.fadfbg  hr,.fadfbg  .linetest {
 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;}



/* fp popup */
.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;
}

/*pan-zoom css*/

.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;
}

/* all floor plan */
.cover.res-t1 {background-image: url(../../images/gallery/res-t1.svg);}
.cover.res-t3 {background-image: url(../../images/gallery/res-t3.svg);}
.cover.bis-t1 {background-image: url(../../images/gallery/bis-t1.svg);}
.cover.bis-t3 {background-image: url(../../images/gallery/bis-t3.svg);}

/* hander slider */
	#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;
	}



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



/* all btn */
.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;
    /* position: absolute; */
    width: fit-content;
    /* top: 25%; */
    /* left: 50%; */
    /* transform: translate(-50%,-50%); */
    }
}
@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{
-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;/*#A36E47;*/
    letter-spacing: 3px;
    font-family: 'CormorantInfant-bold';
    font-size: 2em;
    /*! min-width: 57px; */
    /*! min-height: 20px; */
    text-align: right;
    top: 96%;
    right: -5%;
    z-index: 999;
    flex: unset !important;
    box-sizing: unset !important;
    width: 100% !important;
}
/* photo-album */
div#photo-album .uk-modal-dialog {
    width: 1700px;
    padding: 30px 80px;
    padding-top: 50px;
    padding-bottom: 0;
    transform: translatey(-20px);
}


/* @ big size */
@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 {
		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 {
    margin: 0;
    padding-bottom: 55px;
    width: fit-content;
    display: none;
}



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

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

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

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

}

/* @ pad size */
@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){
/*	.container {
		border: 2px solid #A36E47;
		width: 530px;
		height: 720px;
		background: white;
		margin: auto;
	}
*/	.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;
    /* padding: 0; */
}

.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{text-align: center !important;margin: 0;font-size: 50px !important;}
	#section8-5 h1{text-align: center !important;margin: 0;font-size: 50px !important;}
	#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 {
		margin: 0;
		padding-bottom: 58px;
		width: fit-content;
		display: block !important;
	}





}


/* @ phone siez */
@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(../../images/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;
}
/*.map-btn.zoom-in,.map-btn.zoom-out{
    transform: translate(-29px,0px);
}
.map-btn.zoom-in{
    transform: translate(-29px,-21px);
}
*/.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 {
    /* margin-left: 20px; */
}
.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';
}

}



/*map end*/

/*pa*/

#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,#section7 .sliderCount {
    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;
	}
#section7 .sliderCount {
    font-family: 'CormorantInfant-Bold';
    font-size: 30px;
    padding-bottom: 50px;
 }
}
@media screen and (max-width: 640px) {
	.center-box {
	    padding-top: 0vh;
	}

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

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

	#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;
}

}

/*blog*/

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

.blog-img {
    position: relative;
}
#section7 .sliderCount{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

article 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{
	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 {
    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{
	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 {
    /* padding-right: 30px; */
    /* padding-left: 30px; */
    /* margin-right: 40px; */
}
[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 {
    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;
}

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

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{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;
}

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



#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%;/* transform: translate(0%, 250px); */}
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;

}

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

@media only screen and (max-width: 1024px){
#section7 .sliderCount {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-bottom: 20px;
}
}
@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);
}

#section7 .sliderCount{font-size: 8vw;}

.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{/* right: 48%; */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 {
    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);
    /* margin-top: 100px; */
}


}

@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;
}



/* keiwai */
@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;
}


}