/*kayangansabavilla managed by humus*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700%7cWork+Sans:400,600,700&display=swap');
#html-body, h1, h2, h3, h4, h5 {
	/* default font */
	font-family: "Work Sans",sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
:root {
	--transparent: transparent;
    --base-white: 0,0%;
    --base-secondary-white: var(--base-white),100%;
    --base-black: var(--base-white),0%;
    --orange: #f88644;
    --red: #f33f60;
    --hot-pink: #dc2e82;
    --base-raspberry: 310,74%,45%;
    --raspberry: hsl(var(--base-raspberry));
    --raspberry-15: hsla(var(--base-raspberry),0.15);
    --violet: #8610e0;
    --violet-light: #8337be;
    --violet-dark: #5a148f;
    --deep-blue: #4d3ae4;
    --deep-blue-light: #5f53c1;
    --deep-blue-dark: #3a2f93;
    --blue: #0f73ff;
    --blue-light: #3678d3;
    --blue-dark: #0e4ba0;
    --blue-strong: #0062ff;
    --base-light-blue: 201,100%,48%;
    --light-blue: hsl(var(--base-light-blue));
    --light-blue-light: #2d95cd;
    --light-blue-dark: #0a6a9e;
    --light-blue-strong: #00b2ff;
    --light-blue-turquoise: #10bcda;
    --light-blue-20: hsla(var(--base-light-blue),0.2);
    --light-blue-10: hsla(var(--base-light-blue),0.1);
    --turquoise: #1fdbc2;
    --turquoise-light: #41b9a9;
    --turquoise-dark: #1d8c7d;
    --green: #4ceb6e;
    --green-light: #5dc674;
    --green-dark: #36964b;
    --lime-green: #bad600;
    --lime-green-light: #a4b92d;
    --lime-green-dark: #798a0a;
    --lime-yellow: #dbeb00;
    --black-3: hsl(var(--base-black),0.03);
    --black-4: hsl(var(--base-black),0.04);
    --black-5: hsl(var(--base-black),0.05);
    --gold:#90723c;
    --grey-0: hsl(var(--base-secondary-white));
    --grey-5: hsl(var(--base-white),95%);
    --grey-7: hsl(var(--base-white),93%);
    --grey-10: hsl(var(--base-white),90%);
    --grey-15: hsl(var(--base-white),85%);
    --grey-20: hsl(var(--base-white),80%);
    --grey-25: hsl(var(--base-white),75%);
    --grey-30: hsl(var(--base-white),70%);
    --grey-35: hsl(var(--base-white),65%);
    --grey-40: hsl(var(--base-white),60%);
    --grey-50: hsl(var(--base-white),50%);
    --grey-60: hsl(var(--base-white),40%);


}
.bg-darkgrey {background-color:var(--grey-60)!important;}
.iv-bg-black-4 { background-color: var(--black-4)!important;}
.iv-bg-gold{ background-color:var(--gold)!important;}
.bg-grey {background-color:var(--grey-5)!important;}
.borderradius {border-radius: 1.5rem; }
.uk-dark{color: #505050!important;}
.margin10 {margin:10px!important;}
.uk-accordion-title {padding-top: 10px; padding-left: 10px;}
.uk-accordion-title::before { height: 1.8em!important; padding-top: 10px;}
.text-slide { margin-left :70px;}
.text-slide h1{ font-weight: 700; font-size: 75px;  margin-bottom: 22px; letter-spacing: -2px; white-space: wrap;  line-height: 90%; text-transform: uppercase;width:60%;}
.text-slide p{font-size: 17px;font-weight: 700;}
#masthead-logo img {
	/* image for masthead logo */ }
.logo2 {width: 45%; display: none;margin-left: 2em;margin-top: 2%;}
.logo1 { width: 70%; margin-left: 4em;}
#edit-page { position: absolute;top: 10px;right: 10px}
#offcanvas-toggle {
	/* the hamburger icon that toggles the mobile navigation */
	position: absolute;
	top: 40px;
	right: 15px; 
	z-index: 999;
}
#offcanvas-nav .uk-search-input {
	/* the search box that appears in offcanvas nav */
	width: 100%;
}

img.uk-comment-avatar {
	/* avatar that appears in comments */
	width: 60px;
	height: 60px; 
}

.elementor-shape {
    overflow: hidden;
    position: relative;
    eft: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
    }
.elementor-shape svg { width: calc(100% + 1.3px);height: 39px;}
.elementor-shape-bg-2{background: linear-gradient(135deg, rgb(255 255 255) 0%, #ffffff 100%);}
.elementor-shape-bg-1{background: linear-gradient(135deg, rgb(0 0 0) 0%, #472f0a 100%);}
.elementor-shape .elementor-shape-fill { fill: #ffffff; transform-origin: center; transform: rotateY(0deg);}
.elementor-shape .elementor-shape-fill2 { fill:var(--grey-5); transform-origin: center; transform: rotateY(0deg);}
.elementor-shape-top {top: 0px;}
.elementor-shape-top-2 {top: 0px;}

/****************************************************************
 * Bodycopy text and images
 *
 * These styles are good to have on any ProcessWire site
 *
 */

.align_left {
	/* for images placed in rich text editor */ 
	float: left;
	margin: 0 1em 0.5em 0; 
	position: relative;
	top: 0.5em;
	max-width: 50%; 
}
.uk-card-body p{font-size: 0.90em!important;}
.align_right {
	/* for images placed in rich text editor */ 
	float: right;
	margin: 0 0 0.5em 1em;
	max-width: 50%; 
}

.align_center {
	/* for images placed in rich text editor */ 
	display: block;
	margin: 1em auto; 
	position: relative;
	top: 0.5em;
}

figure {
	/* figure for image that has a caption */
	display: table;
	margin: 1em 0;
}

figure figcaption {
	/* display caption text below image contained to image width */
	display: table-caption;
	caption-side: bottom;
	font-size: 13px;
	line-height: 1.4em;
	margin-top: 5px;
	color: #777;
}
/*reset*/
.uk-active{
 background: #8a6e2f;
    background: -webkit-linear-gradient(to right,#021048,#1e38a3);
    background: linear-gradient(90deg,#8a6e2f,#d1b464);
    margin-bottom: 14px;
    background: #8a6e2f;
    background: -webkit-linear-gradient(to right,#021048,#1e38a3);
    background: linear-gradient(30deg,#8a6e2f,#d1b464 65%,#ac9045);
}
.mainGradient {
    background: rgb(14 14 14);
    background: linear-gradient(135deg, rgb(0 0 0) 0%, #795400 100%);
}
.bg-floatleft{ background-position-x: 92%;
    background-repeat: no-repeat;
    background-color: #0000;}
.uk-accordion-title {color: #fff!important;

    background: rgb(0 0 0 / 39%);
    border-radius: 9999px;
}
.uk-list-top li{ display: -webkit-inline-box; list-style: none; padding:2% 0% 2% 0; float: right;}
.uk-list-social li {display:inline-block; list-style: none; padding:2% 2% 2% 0; float: right; }
.uk-offcanvas-bar{ background-color:#fff!important; }
.uk-active .uk-navbar-nav>li>a {color: #fff;}
.uk-navbar-dropdown {width: 42%!important;}
li.uk-active{ background:none!important;} 
#masthead-navbar { margin-top:0;}
.uk-accordion-title::before{margin-right: 30px!important;}
.uk-button-secondary { background-color:#8ad151!important; }
.uk-navbar-container:not(.uk-navbar-transparent){background: none!important;}
.uk-navbar-nav li > a::before {
  content: '';
  position: absolute;
  width: 16%;
  height: 4px;
  border-radius: 4px;
  background-color:var(--gold);
  bottom: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}
.uk-button-radius{border-style:solid ;border-color: var(gold); border-radius: 9999px; border-width: 2px;}
.uk-navbar-nav li > a:hover::before {transform-origin: left;transform: scaleX(1);}
.uk-navbar-nav > li > a{color: #fff!important;}
.uk-button:hover {text-decoration: none;background-color: #000 !important;color: #fff !important;}
#button.show {opacity: 1;visibility: visible;}
.uk-background-primary, .uk-section-secondary{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: linear-gradient(90deg,#8a6e2f,#d1b464);
}
.uk-background-muted{background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #f8f8f8 0%,rgba(255,255,255,0) 100%)!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgb(0 0 0 / 8%) 0%,rgba(255,255,255,0) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 )!important;}
.uk-background-muted-left{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9f9f9+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(-45deg,  rgba(249,249,249,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.uk-modal.uk-open {background: #0000005c!important;}
.uk-button-default {color: #fff!important;border: 1px solid #ffffff!important;}
.uk-icon-button {color: #fff!important; background:var(--gold)!important; }
.uk-icon-padding {padding-top:3px;}
.uk-link a{color: #6f0a0d!important;}
.uk-light {color: rgba(255,255,255,.9)!important;z-index: 9;}
.uk-button-primary {
		background: rgb(30,87,153); /* Old browsers */
		background: -moz-linear-gradient(-45deg, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.uk-height-large::after {content: '';
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(0,0,0,0.3);display: block!important;}
.fileupload{padding: 20px;}
footer.uk-section {padding-bottom: none!important;}
.managed { padding: 18px 0px 10px 0;text-align: center;}
header {display: block; position: absolute; width: 100%; z-index: 997;height: auto;
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.15) 77%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.15) 77%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.15) 77%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.uk-card-default{color: #000!important;}
.uk-navbar-dropdown-nav > li > a{color: #000!important;}
/*review*/
.dFwLrb a { display: none!important;}
.WidgetTitle__Header-sc-ruy1gu-2{display:none!important;}
.jGyBmo a { display: flex !important;}
.buttoncolor a {color:#fff!important;}
.kampret { position:fixed;
  width:60px;
  height:60px;
  bottom:18px;
  right:47px;
  background-color:var(--gold);
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
  font-size: 35px!important;
    color: #fff!important;
}
*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #37517e;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid var(--gold);
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}


.bluelight {color: var(--blue-light);}
.grey60{color: var(--grey-60);} 
.gold{color:var(--gold)!important; }
.goldgradien{
      color:var(--gold); 
     background: linear-gradient(to right, #f6cf7c 0%, #68522a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
div#uk-slider-111-items .uk-active {
    background: #fff;
}

@media only screen and (min-width: 1200px) {
.fheading {font-size: 65px;line-height: 72px;z-index: 10;}
.uk-height-large{ height:100vh!important;}

}
@media only screen and (max-width: 959px) {
	/* custom adjustments for mobile layouts under 960px */
	  #masthead {height: 18vh!important;padding-top: 17px;padding-bottom: 20px;}
	.logo1{margin: 0 auto;}
  .logo2{ width: 130px!important;}
	 footer .uk-section {padding-bottom: none!important;}
	 #masthead-logo img {width: 100px;}
	.menumobile{color: #fff!important;}
  .uk-offcanvas-bar{background-color: #8a6e2f!important; text-align: left;}
	.uk-offcanvas{top:-29px!important;}
	.uk-height-large {height:44vh!important;}
	.uk-offcanvas-bar .uk-nav-default>li>a {color: #fff!important;}
	.fheading {font-size: 30px;}
  .text-slide { margin-left :50px;}
  .text-slide h1{ font-weight: 700; font-size: 75px;  margin-bottom: 22px; letter-spacing: -2px; white-space: wrap;  line-height: 90%; text-transform: uppercase;width:60%;}
  .text-slide p{font-size: 17px;font-weight: 700;}
}



@media only screen and (max-width: 767px) {
  #offcanvas-toggle{top: 18px;}
  .uk-margin-large-bottom { margin-bottom: 30px!important;}
	#masthead-logo img {
	/* image for masthead logo */
	width: 76px;}
	#masthead {height: 13vh!important;padding-top:10px;padding-bottom: 20px;}
	.logo1 {margin: 0 auto;}
  .logo2 {width: 53%; margin-left: 2%; margin-top: 0%; width: 130px!important;}
	.menumobile{color: #fff!important;}
	.uk-offcanvas-bar .uk-nav-default>li>a {color: #fff!important;}
	/* common PW mobile layout adjustments for widths under 768px */ 
	.uk-active img {padding-top: 0!important;}
	.align_left, .align_right, .align_center {
		/* display images in center rather than aligned */
		display: block;
		float: none; 
		margin: 1em auto;
		max-width: 100%; 
	}

	
	figure,
    figure figcaption {
		/* let figcaption display as wide as needed below image */
	    display: block;
	    text-align: center;
    }
    .uk-offcanvas{top:-29px!important;}
   footer .uk-section {padding-bottom: none!important;}
   .uk-offcanvas-bar{background-color: #8a6e2f!important; text-align: left;}
   .uk-height-large {height: 44vh!important;}
   .fheading {font-size: 40px;}

}