/* @import url("font-awesome.css"); */
@import url("ionicons.css");
@import url("flexslider.css");
@import url("owl.carousel.css");
@import url("shortcodes.css");
@import url("revolution-slider.css");
@import url("jquery.fancybox.css");
@import url("magnific-popup.css");
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');


@font-face {
	font-family: 'Goellamants';
	src: url('web/Goellamants.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Qochy';
	src: url('web/Qochy.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Timberfall';
	src: url('web/Timberfall.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LouisGeorgeCafe-Regular';
	src: url('web/Louis George Cafe.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LouisGeorgeCafe-Bold';
	src: url('web/Louis George Cafe Bold.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'VinaSans-Regular';
	src: url('web/VinaSans-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Figtree-Regular';
	src: url('web/Figtree-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Figtree-Medium';
	src: url('web/Figtree-Medium.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Figtree-Bold';
	src: url('web/Figtree-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}

/**
  *	Reset
  * Repeatable Patterns
  * Header
  * Page title
  * Breadcrumbs
  * Blog
  * Blog Single
  * Pagination
  * Sidebar
  * GoTop Button
  * Footer
  * Footer widget
  * Bottom
  * Parallax
  * Revolution Slider
  * Preload
  * Switcher
  * Boxed
  * Site-off-canvas  
*/

/* Reset
-------------------------------------------------------------- */
	* {
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-tap-highlight-color: transparent;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	html {
		overflow-y: scroll;
		-webkit-text-size-adjust: 100%;
		   -ms-text-size-adjust: 100%;
	}

	body {
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
		   -ms-text-size-adjust: 100%;
		   overflow: hidden;
	}

	a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,
	dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video  { 
		font-family: inherit; 
		font-size: 100%; 
		font-weight: inherit; 
		font-style: inherit; 
		vertical-align: baseline; 
		margin: 0; 
		padding: 0; 
		border: 0; 
		outline: 0;
		background: transparent;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
		display: block;
	}
	                          
	ol, ul {
		list-style: none;
	}

	blockquote, q { 
		-webkit-hyphens: none;
		  -moz-hyphens: none;
		   -ms-hyphens: none;
		       hyphens: none;
		        quotes: none;
	}

	figure {
		margin: 0;
	}

	:focus {
		outline: 0;
	}

	table { 
		border-collapse: collapse; 
		border-spacing: 0;
	}

	img {
		border: 0;
		-ms-interpolation-mode: bicubic;
		vertical-align: middle;
		border-radius: 15px;
	}

	legend {
		white-space: normal;
	}

	button,
	input,
	select,
	textarea {
		font-size: 100%;
		margin: 0;
		max-width: 100%;
		vertical-align: baseline;
		-webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		       box-sizing: border-box;
	}

	button,
	input {
		line-height: normal;
	}

	input,
	textarea {
		background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
	}

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		line-height: 1;
		cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
		-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
		border: none;
	}

	input[type="checkbox"],
	input[type="radio"] {
		padding: 0; /* Addresses excess padding in IE8/9 */
	}

	input[type="search"] {
		-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	}

	input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
		-webkit-appearance: none;
	}

	button::-moz-focus-inner,
	input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
		border: 0;
		padding: 0;
	}

	*,
	*:before,
	*:after {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}	

/* Repeatable Patterns
-------------------------------------------------------------- */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

body {
	font: 13px/25px "Figtree-Regular";
	font-weight: 400;
	background-color: rgba(255, 229, 78, 1);		
	color: #000000;
}

a,img {		
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
	color: white;
	text-decoration: none;
	outline: 0;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

ul, ol {
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;		
}

.img-right {
	margin: 0 0 0 50px !important;
	float: right;
}

b, strong {
	font-weight: 900;
}

.entry-page p {
	margin-bottom: 25px;
}

h1 {
	font: 36px/42px "VinaSans-Regular"
}

h2 {
	font: 24px/32px "VinaSans-Regular"
}

h3 {
	font: 18px/30px "VinaSans-Regular"
}

h4 {
	font: 16px/30px "VinaSans-Regular"
}

h5 {
	font: 14px/30px "VinaSans-Regular"
}

h6 {
	font: 13px/19px "VinaSans-Regular"
}

h1,h2,h3,h5,h6 {
	font-weight: 200;
}

h1, h2, h3, h4, h5, h6 { color: #ffffff; }

button {
	border: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {	
	border: 2px solid var(--param1);	
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    padding: 14.5px 30px;
    background-color: rgba(37, 200, 204, 1);
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    letter-spacing: 0.6px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {	
	background-color: #ffffff;
    border: 1px solid #e0e0e0;
    height: 44px;
    padding-left: 15px;
    font-size: 12px;
    outline: none;
    margin-bottom: 30px;
    width: 100%;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border: 1px solid var(--button1);
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

textarea {
	width: 100%;
	height: 150px;
	padding: 15px 24px;
}

input[type="checkbox"] {
	display: inline;
}

textarea:-moz-placeholder,
textarea::-moz-placeholder,
input:-moz-placeholder,
input::-moz-placeholder {		
	color: #6a6a6a;
	opacity: 1;
}

input:-ms-input-placeholder {
	color: #6a6a6a;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
	color: #6a6a6a;
	opacity: 1;
}

/* bootstrap resetting elements */
.btn {
	background-image: none;
}

textarea, 
input[type="text"],
input[type="submit"],
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input,
.dropdown-menu,
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
	-webkit-appearance: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	     -o-box-shadow: none;
	        box-shadow: none;
	color: #000;
}

.box {
	padding: 0 3.5%;
	background-image: url('https://bakerzin.id/assets/images/bg/BG-1.jpg');
	background-size: 100%;
}

.container {
	max-width: 100%;
}

.btn-menu {
   display: none; 
}

.header {
	position: relative;
	background-color: var(--headercolor);
	transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1);
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200000;
	animation: slideInDown;
	--animate-delay: 0;
	--animate-duration: 500ms;
}

.stickyMobile {
    position: fixed;
    z-index: 2;
    width: 100%;
    top: 92px;
	animation: slideInDown;
	--animate-delay: 0;
	--animate-duration: 500ms;
}

.sticky + .content {
	padding-top: 110px;
}

@media only screen and (max-width: 767px) {
	.sticky + .mainnav + .content {
		padding-top: 92px;
		padding-bottom: 20px;
	}
}

/* Mobile navigation
---------------------------------------- */
.logo-mobi {
	display: none;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
	max-width: 60px;
}

#mainnav-mobi {
	display: none;
	margin: 0 auto;
	width: 100%;
	background-color: var(--NAV_BG);
	z-index: 100000;
	position: fixed;
	top: 92px;
	left: 0;
	overflow: hidden;
}

#mainnav-mobi ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	flex-direction: column;
	width: 100%;
}

#mainnav-mobi ul li {
	margin: 0;
	position: relative;
	text-align: left;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	cursor: pointer;
	display: block;
	width: 100%;
}

/* Hide logo/image in mobile menu */
#mainnav-mobi ul li.logo,
#mainnav-mobi > ul > li.logo {
	display: none !important;
}

#mainnav-mobi ul>li>a {
	text-decoration: none;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	color: #fff;
	display: block;
	width: 100%;
}

#mainnav-mobi ul.sub-menu {
   	top: 100%;
   	left: 0;
   	z-index: 2000;
   	position: relative;
   	background-color: #1d2738;
}

#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
    border-top: 1px solid rgba(150, 150, 150, 0.15);
    background-color: var(--NAV_ACTIVE);
}

#mainnav-mobi > ul > li > ul > li > ul > li a {
   	padding-left: 45px !important;
}

#mainnav-mobi ul.sub-menu>li>a {
	display: block;
	text-decoration: none;
	padding: 0 30px;
	border-top-color: rgba(255, 255, 255, .1);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#mainnav-mobi > ul > li > ul > li:first-child a {
	border-top: none;
}

#mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a {
	color: #fff;
}


.btn-menu {
	display: none;
	float: right;
	position: relative;
	background: transparent;
	cursor: pointer;
	margin: 38px 0px 38px 20px;
	width: 26px;
	height: 16px;
    -webkit-transition: all ease .238s;
       -moz-transition: all ease .238s;
            transition: all ease .238s;
}

.btn-menu:before,
.btn-menu:after, 
.btn-menu span {
	background-color: var(--NAV_BG);
    -webkit-transition: all ease .238s;
       -moz-transition: all ease .238s;
            transition: all ease .238s;
}

.btn-menu:before,
.btn-menu:after {
	content: "";
	position: absolute;
	top: 0;
	height: 2px;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
}

.btn-menu span {
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	top: 50%;
	overflow: hidden;
	text-indent: 200%;
}

.btn-menu:before {
	-webkit-transform: translate3d(0, -7px, 0);
	        transform: translate3d(0, -7px, 0);
}

.btn-menu:after {
	-webkit-transform: translate3d(0, 7px, 0);
            transform: translate3d(0, 7px, 0);
}

.btn-menu.active span {
	opacity: 0;
}

.btn-menu.active:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
}

.btn-menu.active:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
}

.btn-submenu {
   position: absolute;
   right: 20px;
   top: 0;
   font: 20px/50px 'FontAwesome';
   text-align: center;
   cursor: pointer;
   width: 70px;
   height: 44px;
}

.btn-submenu:before {
   content: "\f107";
   color: #fff;
}

.btn-submenu.active:before {
   content: "\f106";
}

.btn-menu {
   display: none; 
}

.flat-vertical {
	display: inline-block;
	position: absolute;
	top: 47.8%;
	transform: translate(-50%,50%) rotate(-90deg);
	-ms-transform: translate(-50%,50%) rotate(-90deg);
	-webkit-transform: translate(-50%,50%) rotate(-90deg);
	z-index: 10000;
}

.flat-vertical.social-links a {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	display: inline-block;
}

.box .flat-vertical.social-links {
	left: -2%;
}

.flat-vertical.social-links span:after {
	content: '';
	height: 1px;
	width: 40px;
	background: #b5b5b5;
    left: 5px;
    top: 36%;
	position: absolute;
}

.flat-vertical.social-links span {
    padding-left: 65px;
    position: relative;
    letter-spacing: 1px;
}

.wide.flat-vertical.social-links,
.wide.flat-vertical.reservation {
	display: none;
}

.box .flat-vertical.reservation {
	right: -2.1%;
	transform: translate(50%,50%) rotate(90deg);
	-ms-transform: translate(50%,50%) rotate(90deg);
	-webkit-transform: translate(50%,50%) rotate(90deg);
    top: 47.1%;
    letter-spacing: 1.2px;
}

.flat-sliders-container {
	position: relative;
	z-index: 1;
	width: 100%;
	/* Memastikan container tidak collapse */
	display: block;
}

.flat-vertical.social-links a,
.flat-vertical.social-links span,
.flat-vertical.reservation {
	font-size: 12px;
	font-weight: 700;
	color: var(--title1);
}

/*Header
-------------------------------------------------------------*/
/* navigation */
#mainnav {
	text-align: center;
}

#mainnav ul {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#mainnav ul li {
	position: relative;
}

#mainnav > ul > li {
   display: inline-block;
   white-space: nowrap;
   flex-shrink: 0;
}

#mainnav > ul > li > a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Figtree-Bold';
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	color: var(--NAV_TEXT);
	text-decoration: none;
	line-height: 100px;
	padding: 10px 20px 0;
	outline: none;
	letter-spacing: 0.78px;
	white-space: nowrap;
	/* Prevents menu items from wrapping to next line */
	flex-shrink: 0;
	min-width: fit-content;
}

#mainnav > ul > li:last-child > a {
	padding-right: 29px;
}

#mainnav > ul > li.logo > a {
    padding: 10px 26px 0 29px;
	max-width: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#mainnav > ul > li.logo {
	max-width: 140px;
	flex-shrink: 0;
}

#mainnav > ul > li.logo img {
	margin-top: -20px;
	max-width: 100%;
	height: auto;
	width: auto;
	max-height: 80px;
	object-fit: contain;
}

/* submenu */
#mainnav ul.submenu {
	text-align: left;
	position: absolute;
	left: 27px;
	top: 150%;
	width: 275px;
	background-color: var(--NAV_BG);
	z-index: 9999;
	z-indexms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  filter: alpha(opacity=0);
	opacity: 0;  
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
}

/* Right sub-menu */
#mainnav ul.right-sub-menu {
	/*left: auto;*/
	right: 0;
}

#mainnav ul li:hover > ul.submenu {
	top: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	   filter: alpha(opacity=100);
	  opacity: 1;
	visibility: visible;
}

#mainnav ul li ul li {
	margin-left: 0;
}

#mainnav ul.submenu li ul {
	position: absolute;
	left: 300px;
	top: 0 !important;
}

#mainnav ul.submenu > li.sub-parent:after {
	content: "\f105";
	font-family: "FontAwesome";
	font-size: 14px;
	position: absolute;
	right: 25px;
	top: 11px;
	color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;

}

#mainnav ul.submenu li:first-child {
	border-top: none;
}

#mainnav ul.submenu > li > a {
	display: block;    
	letter-spacing: 1px;
	font-size: 13px;
	color: var(--NAV_TEXT);
	text-transform: none;
	text-decoration: none;
	padding: 7px 0 7px 26px;
	line-height: 40px;
-webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
}

#mainnav ul.submenu > li > a:hover {
	background-color: var(--NAV_ACTIVE);
	color: var(--NAV_TEXT);
}

#mainnav ul.submenu > li > a {
	font-family: 'Figtree-Bold';
	font-weight: 400;
	font-size: 18px;
	white-space: nowrap;
	/* Prevents submenu items from wrapping */
}

#mainnav ul.submenu > li.sub-parent:hover::after {
	right: 18px;
}

#mainnav > ul > li > a:hover {
	color: var(--NAV_ACTIVE);
	position: relative;
}

#mainnav-mobi > ul > li > ul > li:first-child a {
    border-top: none;
}

#mainnav-mobi ul.submenu > li {
	padding: 0 30px;
}

/* Home
-------------------------------------------------------------- */
.flat-row.index-1 {
	padding-top: 3px;
	padding-bottom: 0;
}

.flat-row.index-1 .title-section.style2 {
	margin-bottom: 42px;
}

.flat-row.index-1  .title-section.style2 .title:before {
    width: 28px;
    left: -16px;
}

.flat-row.index-1 .title-section.style2 .top-section {
	padding-left: 1px;
}

.flat-row.index-1 {
	background: url("../images/imagebox/1.jpg") no-repeat;
	background-position: right;
}

.index-2 .reservation-page-form .title:before {
    margin-top: -2px;
    left: -17px;
}

.flat-row.index-3 {
	padding-bottom: 78px;
}

/* Page title
-------------------------------------------------------------- */
.page-title {
	padding: 83px 0 80px 0;	
}

.page-title .page-title-heading {
	text-align: center;
}

.page-title .page-title-heading h1.title {
	font-weight: 500;
	color: #ffffff;
}

.page-title .breadcrumbs ul li {
	display: inline-block;
    color: #ffffff;
    padding: 0 9px;
}

.page-title .breadcrumbs ul li a {
	color: #333333;
	position: relative;
}

.page-title .breadcrumbs ul li a:hover {
	color: rgb(255, 229, 78);
}

.page-title .breadcrumbs ul li:last-child a {
	color: #fff;
}

.page-title .breadcrumbs ul li a:before {
	position: absolute;
    content: "\f105";
    font-family: 'FontAwesome';
    top: -3px;
    left: -15px;
    font-size: 15px;
    color: #959595;
}

.page-title .breadcrumbs ul li:first-child a:before {
 	content: '';
}

/* Blog
-------------------------------------------------------------- */
.post:first-child .header-post {
	margin-bottom: 32px;
}

.post .header-post {
    margin-bottom: 37px;
}

.post .header-post h2.title-post {
	color: var(--param1);
	font-weight: 200;
	line-height: 34px;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.post .header-post p.time-post a {
	margin-left: 26px;
	color: #b5b5b5;
}

.post .header-post p.time-post a:hover {
	color: rgba(37, 200, 204, 1);
}

.post .header-post p.time-post {
	position: relative;
	color: var(--strip);
}

.post .header-post p.time-post:after {
	position: absolute;
	content: "\f1ea";
	top: 0px;
    left: 110px;
    font-family: 'FontAwesome';
    font-size: 15px;
}

.post .feature-post {
	margin-bottom: 28px;
	max-width: 480px;
	margin: auto;
}

.post .content-post {
	max-width: 800px;
	margin: auto;
	text-align: center;
}

.post .content-post h3 {
	color: var(--textcolor);
}

.main-content .post .content-post .readmore {
	margin-bottom: 19px;
}

.main-content {
    margin-bottom: 101px;
	padding-top: 50px;
}

.main-content.blog-single {
	margin-bottom: 0;
	padding-bottom: 100px;
}

.main-content article.post {
	margin-bottom: 43px;

}

.main-content .content-post {
    letter-spacing: 0.35px;
}

.main-content.blog-single article.post {
	line-height: 23px;
}

.main-content.blog-single .post .content-post {
    letter-spacing: -0.04px;
    margin-bottom: 62px;
}

.main-content.blog-single .post .content-post h5.custom-title-1 {
    letter-spacing: -0.58px;
    margin-bottom: 12px;
}

.main-content.blog-single .post .content-post p.custom-p-1 {
	margin-bottom: 15px;
}

.main-content .content-wrap .older-post a{
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	float: right;
	position: relative;
	margin-right: 12px;
}

.main-content .content-wrap .older-post a:before {
	position: absolute;
	content: "\f061";
	top: 0;
	right: -16px;
	font-family: 'FontAwesome';		
}


.main-content .post .content-post .readmore a {
	font-size: 12px;
	color: rgba(37, 200, 204, 1);
	text-transform: uppercase;
    letter-spacing: 0.62px;
}

.main-content .post .content-post p {
	margin-bottom: 24px;
}

.post .content-post .meta-post {
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
    position: relative;
}

.post .content-post .meta-post .social-links {
/*	position: absolute;
	top: 0;
    left: 35%;*/
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    max-width: 230px;
    text-align: center;
/*    padding-right: 30px;
    padding-left: 30px;*/
}

.post .content-post .meta-post .social-links a {
	padding-right: 11px;
	padding-left: 11px;
}

.post .content-post .meta-post .social-links a i {
	font-size: 15px;
    padding-top: 14px;
    padding-bottom: 11px;
}

.post .content-post .meta-post .by-author,
.post .content-post .meta-post .social-links {
	float: left;
	width: 35.065%;
}

.post .content-post .meta-post .by-author {
	/*margin-left: 35px;*/
    letter-spacing: 0.3px;
    padding-left: 35px;
    padding-top: 9px;
}

.post .content-post .meta-post .leave-comment {
	margin-right: 41px;
	letter-spacing: 0.3px;
}

.post .content-post .meta-post .leave-comment {
	float: right;
	padding-top: 8px;
}

/* Blog Single
-------------------------------------------------------------- */
.main-content.blog-single .post .feature-post {
	margin-bottom: 36px;
}

.main-content.blog-single .post .content-post h5 {
	font-weight: 600;
	margin-bottom: 13px;
    letter-spacing: -0.43px;
}

.main-content.blog-single .post .content-post p {
	margin-bottom: 22px;
}

.main-content.blog-single .post .content-post ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
}

.main-content.blog-single .post .content-post ul li::before {
    content: "•";
	margin-right: 10px;
}

.main-content.blog-single .post .direction {
	border-top: 1px solid #e5e5e5;
	padding-top: 44px;
	padding-bottom: 50px;
}

.main-content.blog-single .post .direction ul {
	float: left;
	max-width: 950px;
}

.main-content.blog-single .post .direction ul li {
	display: inline-block;
	margin-right: 5px;
}

.main-content.blog-single .post .direction ul li:first-child,
.main-content.blog-single .post .direction .social-links span {
	font-weight: 600;
	color: var(--title1);
	font-size: 14px;
	text-transform: uppercase;
	margin-right: 12px;
}

.main-content.blog-single .post .direction .social-links a {
    padding: 0 8.1px;
	display: flex;
    flex-direction: row;
    align-items: center;
	color: rgb(37, 200, 204);
}

.main-content.blog-single .post .direction .social-links span {
	margin-right: 7px;
}

.main-content.blog-single .post .direction ul li a {
	background-color: var(--param1);
	color: white;
	padding: 10px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 400;
	transition: all 0.3s ease-in-out;
	border: 2px solid var(--param1);
}

.main-content.blog-single .post .direction ul li a:hover {
	color: var(--param1);
	background-color: var(--param2);
}

.main-content.blog-single .post .direction .social-links {
	float: right;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.main-content.blog-single .post .direction .social-links a i {
	color: #b5b5b5;
	font-size: 14px;
}

.main-content.blog-single .post .direction .social-links a.last {
	margin-right: 0;
	padding-right: 0;
}

@media only screen and (max-width: 767px) {
	.main-content.blog-single .post .direction {
		display: flex;
		flex-direction: column;
	}

	.main-content.blog-single .post .direction ul li {
		margin-bottom: 20px;
	}

	.main-content.blog-single .post .direction .social-links {
		float: left;
	}
  }

/* Comment */

.blog-single .comment-list-wrap {
	margin-bottom: 66px;
}

.blog-single .comment-post .comment-title {
	text-transform: uppercase;	
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
    color: #333;
    letter-spacing: 0.3px;
}

.blog-single .comment-post .comment {
    border-bottom: 1px solid #e5e5e5;
     padding: 34px 0 42px;
}

.blog-single .comment-post li:first-child .comment {
	padding-top: 29px;
}

.blog-single .comment-post .comment.style1 {
    border-bottom: none;
}

.blog-single .comment-post .comment-avatar {
    float: left;
}

.blog-single .comment-post .comment-avatar > img {
    margin-right: 18px;
    margin-bottom: 90px;
    margin-top: 5px;
}

.blog-single .comment-post .comment-detail .comment-author {
	font-family: 'LouisGeorgeCafe-Regular';
	font-size: 14px;
	line-height: 23px;
	color: #333;
	text-transform: uppercase;
}

.blog-single .comment-post .comment-detail .comment-author a {
	color: #333;
    letter-spacing: 0.4px;
}

.blog-single .comment-post .comment-detail .comment-author a:hover {
	color: #edb820;
}

.blog-single .comment-post .comment-detail .comment-date a {	
	font-size: 12px;
	line-height: 23px;	
	color: #999999;
	margin-left: 11px;
}

.blog-single .comment-post .comment-detail .comment-body {
	padding-top: 15px;
	padding-bottom: 30px;
    font-size: 14px;
    letter-spacing: 0.1px;
}

.blog-single .comment-post .comment-detail a.comment-reply {
    padding: 9px 18px;
	background-color: #333333;
	font-size: 12px;
	line-height: 23px;
	font-family: 'LouisGeorgeCafe-Regular';
	color: #fff;
	font-weight: 400;	
	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
        -ms-border-radius: 3px;
         -o-border-radius: 3px;
            border-radius: 3px;
}

.blog-single .comment-post .comment-detail a.comment-reply:hover {
    background-color: rgba(37, 200, 204, 1);
    border-color: rgba(37, 200, 204, 1);
}

.blog-single .comment-post .comment-title.style1 {
	padding-bottom: 34px;
}

/* Comment form contact */
.contact .comment-form .name-container,
.flat-contact-form .input-wrap.name {
	width: 32%;
	float: left;
	margin-right: 2%;	
}

.flat-contact-form .wrap-type-input {
	overflow: hidden;
}

.flat-contact-form .input-wrap,
.flat-contact-form .textarea-wrap {
	position: relative;
}

.flat-contact-form .input-wrap::before,
.flat-contact-form .textarea-wrap::before {
    content: "\f007";
    font-family: "FontAwesome";
    font-size: 14px;
    line-height: 23px;
    position: absolute;
    top: 13px;
    left: 15px;
    color: #bcbcbc;
}

.flat-contact-form .input-wrap.email::before {
	content: "\f0e0";
}

.flat-contact-form .input-wrap.Subject::before  {
	content: "\f084";
}

.flat-contact-form .textarea-wrap::before {
	content: "\f075";
}

.contact .comment-form .email-container,
.flat-contact-form .input-wrap.email {
	float: left;
	width: 32%;
}

.contact .comment-form .subject-container,
.flat-contact-form .input-wrap.Subject {
	float: right;
	width: 32%;
}

.flat-contact-form .flat-button {
	background-color: #e0b539;
	font-family: 'Qochy';
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    padding: 17px 23px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}

/* Comment form */
.comment-post {
	background-color: #f9f9f9;
    padding: 63px 70px;
}

.comment-form .name-container {
	width: 48.27%;
	float: left;
	margin-right: 3.44%;	
}

.comment-form .email-container {
	float: right;
	width: 48.27%;
}

.comment-form .message {
	width: 100%;
}

.comment-form fieldset label {
	font-size: 14px;
	font-family: 'Qochy';
	line-height: 38px;
	color: #666666;
}

.comment-form .name-container,
.comment-form .email-container,
.comment-form .subject-container,
.comment-form .message {
	position: relative;
}

.comment-form .name-container::before {
	content: "\f007";
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: 23px;
	position: absolute;
	top: 13px;
	left: 15px;
	color: #bcbcbc;
}

.comment-form .email-container::before {
	content: "\f0e0";
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: 23px;
	position: absolute;
	top: 13px;
	left: 15px;
	color: #bcbcbc;
}

.comment-form .subject-container::before {
	content: "\f084";
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: 23px;
	position: absolute;
	top: 13px;
	left: 15px;
	color: #bcbcbc;
}

.comment-form .message::before {
	content: "\f075";
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: 23px;
	position: absolute;
	top: 15px;
	left: 15px;
	color: #bcbcbc;
}

.comment-form .submit {
	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
        -ms-border-radius: 3px;
         -o-border-radius: 3px;
            border-radius: 3px;
            color: #fff;
            padding: 16px 23px;
            background: #222;
            border-color: #222;
            font-size: 14px;
			font-family: 'Qochy';
}

.comment-form .submit:hover {
	background-color: rgba(37, 200, 204, 1);
	border-color: rgba(37, 200, 204, 1);
}

.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"] {
    padding-left: 36px;
    height: 50px;
    font-size: 14px;
    margin-bottom: 22px;
}

.comment-form textarea {
	height: 180px;
}

/* Google Map
--------------------------------------------------------------- */  
#flat-map {
    width: 100%;
    height: 500px;
}

/* Widget
-------------------------------------------------------------- */
.sidebars {
	padding-left: 71px;
	margin-top: -4px;
}

.widget {
    margin-bottom: 12px;
}

.widget .widget-title {
	font-size: 16px;
	line-height: 30px;
	font-weight: 600;
    margin-bottom: 12px;
    margin-top: 0;
    padding: 0 15px 0 0;
    text-transform: uppercase;
    position: relative;
	color: var(--color1);
	font-family: "Qochy";
}

.widget .widget-right {
	padding: 0 0 5px 0;
	text-align: right;
}

.widget.widget_text ul li a {
	color: var(--color1);
}

/* Widget search */
.widget.widget_search .widget-title {
	margin-bottom: 23px;
}

.widget.widget_search .search-form {
    position: relative;
}

.widget.widget_search .search-form .search-field {
	width: 100%;
	height: 50px;
    font-size: 14px;
    padding-left: 18px;
    color: #b5b5b5;
}

.widget.widget_search .search-form .search-submit {
    background-image: url(../images/search.svg);
    background-color: transparent;
    background-size: 14px 13px;
    background-position: center right;
    background-repeat: no-repeat;
    width: 24px;
    height: 21px;
    padding: 5px 0 5px 10px;
    text-indent: -9999px;
    padding: 0;
    position: absolute;
    right: 18px;
    top: 14px;
    border: none;
}

/* Widget categories */
.widget.widget_categories {
	margin-bottom: 40px;
}

.widget.widget_categories .widget-title {
	margin-bottom: 22px;
}

.widget.widget_categories ul li {
    list-style: none;
    border-bottom: 1px solid #333333;
    padding: 16px 0 9px 15px;
   	position: relative;
}

.widget.widget_categories ul li:first-child {
	padding-top: 0;
	padding-bottom: 9px;
}

.widget.widget_categories ul li:after {
	position: absolute;
    font-family: 'FontAwesome';
    /*content: "\f0da";*/
    top: 16px;
    left: 0;
}

.widget.widget_categories ul li:first-child:after {
	top: 0;
	left: 0;
}

.widget.widget_categories ul li a {
	font-family: ' LouisGeorgeCafe-Bold';
	font-size: 13px;
	font-weight: 400;
	color: var(--title1);
    letter-spacing: -0.05px;
}

.widget.widget_categories ul li a:hover {
	color: var(--title2);
}

/* Widget Recent Post */
.widget.widget_recent_entries {
	margin-bottom: 7px;
}

.widget.widget_recent_entries .widget-title {
	margin-bottom: 25px;
}

.widget.widget_recent_entries ul li {
	overflow: hidden;
	margin-bottom: 35px;
}

.widget.widget_recent_entries ul li .thumb {
	float: left;
	margin-right: 20px;
	position: relative;
	margin-top: 5px;
}

.widget.widget_recent_entries ul li .thumb:after {
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -webkit-transition: all ease .238s;
    -moz-transition: all ease .238s;
    transition: all ease .238s;
}

.widget.widget_recent_entries ul li:hover .thumb:after {
	background-color: rgba(37, 200, 204, 1);
}

.widget.widget_recent_entries ul li .text h4  {
	font-weight: 600;
	line-height: 20px;
	font-size: 14px;
    margin-bottom: 11px;
}

.widget.widget_recent_entries ul li .text p {
	color: #b5b5b5;
}

/* Widget Latest Tweets */
.widget.widget_latest_tweets {
	margin-bottom: 36px;
}

.widget.widget_latest_tweets ul li {
    margin-bottom: 25px;
    letter-spacing: -0.05px;
}

.widget.widget_latest_tweets ul li p {
	margin-bottom: 2px;
}

.widget.widget_latest_tweets ul li p:nth-of-type(3) {
	color: #b5b5b5;
	margin-top: 8px;
	margin-bottom: 0;
}

.widget.widget_latest_tweets ul li p a {
	color: rgba(37, 200, 204, 1);
}

/* widget tag-list*/
.tag-list a {
    letter-spacing: -0.1px;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 2px;
}

/* Footer
-------------------------------------------------------------- */
.footer {
   padding-top: 43px ;
}

.footer.footer-contact {
	padding-top: 0; 
	width:100%;
	position: static;
	z-index: -1;
}

@media only screen and (max-width: 767px) {
	.footer.footer-contact {
		position: static; 
		z-index: -1;
	}
}

@media only screen and (min-width: 1899px) {
	.footer.footer-contact {
		padding-top: 0; 
		position: static; 
		bottom: 0; 
		width:100%;
		z-index: -1;
	}	
}

.footer .footer-widgets .widget .widget-title {
	margin-bottom: 23px;
	font-size: 16px;
	line-height: 21px;
	font-weight: 600;
}

.footer .footer-widgets .widget .textwidget p {
	margin-bottom: 20px;
}

.footer .footer-widgets .widget .footer-info li {
	position: relative;
    padding: 0 0 7px 25px;
    line-height: 21px;
    margin-bottom: 6px;
}

.footer .footer-widgets .widget .footer-info li:before {
	content: "\f041";
    font-family: "FontAwesome";
    color: #565656;
    position: absolute;
    left: 1px;
    top: -1px;
    font-size: 14px;
}

.footer .footer-widgets .widget .footer-info li.email:before {
	content: "\f0e0";

}

.footer .footer-widgets .widget .footer-info li.phone:before {
	content: "\f095";
}
.widget.widget_recent_posts ul {
	margin-top: 29px;
}

.widget.widget_recent_posts ul li {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 19px;
	padding-top: 15px;
}

.widget.widget_recent_posts ul li:first-child {
	padding-top: 0;
}

.widget.widget_recent_posts ul li:last-child {
	/*padding-top: 15px;*/
	border-bottom: none;
}

.widget.widget_recent_posts ul li .thumb {
	float: left; 
	margin-right: 20px;
}

.widget.widget_recent_posts ul li .content {
	overflow: hidden;
}

.widget.widget_recent_posts ul li .content h5.title {
	font-size: 13px;
	line-height: 19px;
	color: #565656;
	font-weight: 600;
	margin-bottom: 7px;
}

.widget.widget_recent_posts ul li .content h5.title:hover {
	color: rgba(37, 200, 204, 1);
}

.widget.widget_recent_posts ul li .content h6 {
	font-weight: 600;
	margin-bottom: 6px;
}

.widget.widget_recent_posts ul li .content .meta {
	font-size: 12px;
	color: #999999;
}

.widget.widget-link ul.links {
	float: left;	
	margin-top: 3px;
}

.widget.widget-link ul.links li {
	margin-bottom: 10px;
	padding-left: 10px;
	position: relative;
	color: #565656;
}

.widget.widget-link ul.links li:before {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	top: -2px;
	left: 0;
	color: #666666;
	font-size: 15px;
}


.widget.widget-link .social-links{
	float: left;
	margin-right: 18px;
	margin-top: 3px;
}

.widget.widget-link .social-links a i {
	margin-right: 10px;
}

.widget.widget-link .social-links a {
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 400;
	color: #565656;
}

.widget.widget_instagram ul {
	margin: 0 -7px;
	padding-top: 6px;
}

.widget.widget_instagram ul li {    
    float: left;
    padding: 0 7px;
    margin-bottom: 15px;
}

.widget.widget_instagram ul li img {
	width: 80px;
	height: 80px;
}

.footer-content {
	margin-top: 30px;
}

.footer-content .copyright {
	/*border-top: 1px solid #e5e5e5;**/
	/**padding-top: 32px;**/
	padding-bottom: 32px;
}

.footer-content .copyright-content {
    max-width: calc(100% - 100px);
	float: right;
}

.footer-content .copyright a {
	color: var(--color1);
	font-weight: 500;
}

.footer-content .copyright p i {
	color: var(--color1);
}

.footer-content .right p {
	color: var(--color1);
	text-align: right;
}

.footer-content .copyright p i {
	padding: 0 5px;
}

@media screen and (max-width: 767px) {
	.footer-content .copyright p {
		display: inline-flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.footer-content .copyright p i {
		display: none;
	}

	.footer-content .copyright p a i {
		display: block;
	}

	.footer-content .copyright a {
		flex-direction: row;
		display: flex;
		align-items: center;
	}
}

/* Hover Images */
.flat-hover-images {
	position: relative;
}

.flat-hover-images:after {
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -webkit-transition: all ease .238s;
    -moz-transition: all ease .238s;
    transition: all ease .238s;
	border-radius: 15px;
}

.flat-hover-images:hover:after {
    background-color: white;
	cursor: pointer;
	opacity: 0.6;
	filter: alpha(opacity=60);
	border-radius: 15px;
}

/* Go Top
-------------------------------------------------------------- */
.go-top-v1 {    
    font-size: 13px;
    line-height: 25px;
    color: rgba(37, 200, 204, 1);
    position: absolute;
    top: 32px;
    cursor: pointer;
    right: 15px;
}

.go-top-v1:hover {
	color: #222;
}

.go-top-v1 i {
    color: rgba(37, 200, 204, 1);
}

/* Flat Testimonial 
-------------------------------------------------------------- */
.flat-testimonial .flat-carousel {
	padding: 0 70px;
}

.flat-testimonial .flat-carousel .owl-item {
	padding: 0 40px;
}
/* Parallax
-------------------------------------------------------------- */
.parallax {
	width: 100%;
	background-attachment: fixed;
	background-position: 50% 0;
	background-size: cover;
	display: none;
}

.parallax1 { background-image: url(../images/parallax/1.png); }

.parallax2 { background-image: url(../images/parallax/bg-parallax2.jpg); }

.parallax3 { background-image: url(../images/parallax/bg-parallax3.jpg); }

.bg-contact { 
	background-image: url(../images/parallax/bg-parallax5.jpg);
    background-repeat: no-repeat;
    background-position: center center;    
}

.bg-playvideo { background-image: url(../images/parallax/bg-parallax2.jpg); } 
.bg-playvideo { background-size: cover; }

.parallax4 { background-image: url(../images/parallax/bg-parallax4.jpg); }
.parallax5 { background-image: url(../images/parallax/bg-parallax5.jpg); }
.parallax7 { background-image: url(../images/parallax/bg-parallax7.jpg); }
.parallax8 { background-image: url(../images/parallax/bg-parallax8.jpg); }


/* Preload
-------------------------------------------------------------- */
.loading-overlay {
    background: var(--color1);
    color: #424242;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
}

.loader, .loader:after {    
    width: 30px;
    height: 30px;
}

.loader {
    margin: 20% auto;
    border-radius: 50%;
    font-size: 6px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(194, 193, 193, 0.5);
    border-right: 1.1em solid rgba(199, 197, 197, 0.5);
    border-bottom: 1.1em solid rgba(203, 203, 203, 0.5);
    border-left: 1em solid var(--color1);
    -webkit-animation: fa-spin 2s infinite linear;
           animation: fa-spin 2s infinite linear;     
}

.error404 .page-wrap {
	padding: 0 0 100px;
}

/* Revolution Slider
--------------------------------------------  */
.tp-banner-container{
    max-height: 753px !important;
	/* height: 100%; */
    width: 100% !important;
    position: relative;
    overflow: hidden !important;
    padding: 0;
    background-color: #fff;
}

#slider-counter a {
	font-size: 12px;
	color: #000000;
	font-family: 'Timberfall';
	font-weight: 400;
}

#slider-counter a.active {
	color: #ffffff;
	position: relative;
	
}


#slider-counter a.active:before {
	content: "";
	position: absolute;
	width: 49px;
	height: 2px;
	background-color: #ffffff;
	top: 50px;
	right: -7px;
	 transform: rotate(-90deg) !important;
		-moz-transform: rotate(-90deg);
		 -ms-transform: rotate(-90deg);
		  -o-transform: rotate(-90deg);
	 -webkit-transform: rotate(-90deg);
		    transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
	     -o-transform-origin: 0% 50%;
	    -ms-transform-origin: 0% 50%;
	   -moz-transform-origin: 0% 50%;
}

/* reservation page
----------------------------------------------------- */
.flat-row.section1 {
	padding-top: 97px;
}

/* menu single
----------------------------------------------------- */
.woocommerce-page .entry-summary {
	float: right;
	max-width: 532px;
}

.woocommerce-page .product_title {
	margin-top: -5px;
	margin-bottom: 7px;
}

.woocommerce-page .favorite li i {
	margin-right: 2px;
}

.woocommerce-page .entry-summary .price {
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: 700;
	color: rgba(37, 200, 204, 1);
}

.woocommerce-page .entry-summary .iconlist {
	margin-bottom: 40px;
}

.woocommerce-page .description {
	margin-bottom: 33px;
}

.woocommerce-page .cart input[type=number] {
	max-width: 373px;
	margin-bottom: 13px;
}

.woocommerce-page .cart button {
	min-width: 180px;
	margin-right: 8px;
    padding: 14.5px 22px 14.5px 30px;
}

.quantity input[type="number"] {
	color: #565656;
	font-size: 13px;
	padding-left: 20px;
}
/* Menu single 
------------------------------------------------------- */
.flat-row.flat-wooc {
	padding-bottom: 103px;
}

.flat-row.menu-single2 {
	padding-top: 86px;
	padding-bottom: 120px;
}
/* Menu 
------------------------------------------------------- */
.flat-row.menu-2 {
    padding-top: 50px;
    padding-bottom: 99px;
    border-bottom: 1px solid #ebebeb;
}

.flat-row.menu-2  .top-section {
	padding-right: 9px;
}

.flat-row.menu-2  ul.menu-tab {
	margin-top: 0;
}

.flat-row.menu-2  ul.menu-tab li:first-child  a {
	padding-left: 14px;
}

.flat-row.menu-2 .flat-tabs .title-section .title:before {
	left: -24px;
	margin-top: -6px;
}

.flat-row.menu-3 .reservation-page-form {
	margin-top: -3px;
}

.content-inner.preview.divider-responsive {
	display: flex;
	flex-wrap: wrap; 
	justify-content: flex-start;
}

@media screen and (max-width: 768px) {
	.content-inner.preview.divider-responsive {
		justify-content: center;
	}
}

.menu-btn-cont {
    display: flex;
    justify-content: center;
}

.menu-btn-cont .cont-btn-download {
    margin-right: 50px;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.menu-btn-cont .cont-btn-delivery {
	display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 50px;
}

.menu-btn-cont .cont-btn-delivery a {
	display: flex;
	padding-right: 10px;
}

.cont-btn-delivery .cont-icon-delivery {
	display: flex !important; 
	justify-content: right;
}

.cont-btn-delivery .cont-icon-delivery a img {
	width: 70px;
    object-fit: contain;
    cursor: pointer;
    vertical-align: middle;
}

.cont-btn-download h3 {
	margin-bottom: 20px;
}

.cont-btn-delivery h3 {
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.menu-btn-cont {
		flex-direction: column;
		align-items: center;
	}

	.menu-btn-cont .cont-btn-download {
		margin-right: 0;
		margin-bottom: 40px;
	}

	.cont-btn-download h3 {
		margin-bottom: 15px;
	}

	.menu-btn-cont .cont-btn-delivery {
		margin-left: 0;
	}

	.cont-btn-delivery h3 {
		margin-bottom: 15px;
	}
}

/* About 
------------------------------------------------------- */
p.entry-content {
	margin-bottom: 33px;
}

.flat-row.about-1 {
	padding-top: 100px;
}

.flat-row.about-2 {
    padding-top: 70px;
}

.flat-row.about-1 .entry-content,
.flat-row.about-2 .entry-content {
	max-width: 457px;
}

.flat-row.team .title-section {
	margin-bottom: 47px;
}

.flat-row.team .social-links a {
	padding: 0 9px;
}

.flat-row.about-3 {
	padding-bottom: 89px;
}

.flat-row.about-3 .title-section,
.flat-row.flat-event .title-section {
	margin-bottom: 32px;
}

.flat-row.flat-event .title-section p:not(.date-event) {
    letter-spacing: 0.3px;
    word-spacing: -1.45px;
}

.profile-section {
    background: var(--boxcolor);
    padding: 40px;
    border-radius: 15px;
    border: 1px solid #ededed;
    position: absolute;
    left: 50%;
    bottom: 15%;
    max-width: 600px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.profile-section-2 {
    background: var(--boxcolor);
    padding: 40px;
    border-radius: 15px;
    border: 1px solid #ededed;
    position: absolute;
    right: 50%;
    bottom: 18%;
    max-width: 600px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.profile-img-right {
	float: right;
}

@media screen and (max-width: 768px) {
	.profile-section {
		position: relative;
		left: auto;
		margin: 15px;
		max-width: inherit;
	}
	.profile-section-2 {
		position: relative;
		right: auto;
		margin: 15px;
		max-width: inherit;
	}
	.profile-img-right {
		float: none;
	}
}

/* shop
------------------------------------------------------- */
.page-numbers {
	padding: 0 15px;
}

.flat-row.shop-1 {
	padding-top: 116px;
	/*border-bottom: 1px solid #e5e5e5;*/
	padding-bottom: 79px;
}

.flat-row.shop-1 .title-section {
	margin-left: 16px;
	margin-bottom: 51px;
}

.flat-row.shop-1 .title-section .title:before {
	margin-top: -4px;
}

.flat-shop-ordering select {
    width: 151px;
    height: 45px;
    font-size: 13px;
    position: absolute;
    right: 26px;
    top: -13px;
    padding-left: 20px;
	color: #333;
}

/* pagination*/
.navigation {
	text-align: center;
	padding-right: 2.2px;
    padding-right: 0;
    margin-top: 3px;
}

.pagination {
    margin: 0;
}

.pagination a,.pagination span, .pagination i {
	font-size: 12px;
}

.pager .pagination i {
	margin-right: -2px;
    padding-left: 3px;
}

.pager .pagination {
	width: 100%;
    letter-spacing: 0.3px;
}

.pagination .paging-next {
	float: right;
}

.pagination a:hover {
	color: rgba(37, 200, 204, 1);
}

.flat-row.shop-2 {
	padding-top: 99px;
}

.flat-row.shop-2 .reservation-page-form {
	margin-top: -3px;
}

/* Gallery
------------------------------------------------------- */
.flat-row.gallery-1 {
	padding-bottom: 34px;
}

/* Contact
------------------------------------------------------- */

#Contact-Us {
	display:flex; 
	align-items: center;
}

.flat-row.contact-1 {
	padding-bottom: 65px;
}

.flat-row.contact-2 {
	padding-top: 0;
	padding-bottom: 110px;
}

.flat-row.contact-2 .reservation-page-form {
	padding-top: 29px;
}

.flat-row.contact-2 .title-section {
	margin-bottom: 46px;
}

@media screen and (max-width: 768px) {
	#Contact-Us {
		display:block !important; 
	}

	.widget-apps {
	  	float: left;
	}

	.widget-apps .widget-title {
		text-align: left;
	}
	
	.footer-content .right p {
		text-align: left;
	}
  }

/* Widgets
------------------------------------------------------- */

ul li .fa-brands:hover {
	transform: scale(1.1);
	color: #333
}

.widget a:hover {
	transform: scale(1.2);
}

/* Outlets
------------------------------------------------------- */

.active-outlets {
	padding-left: 30px;
    /* padding-right: 30px; */
    background-color: var(--button1);
	transition: all 0.3s ease-in-out;
}

.toggle-outlet {
	border-bottom: 1px rgb(255, 255, 255, 0.4) solid;
}

.outlet-list {
	height: 240px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}

.outlet-city {
	border-bottom: 1px var(--footerclr) solid; 
	margin: 10px 0; 
	color: var(--footerclr);
}

.outlet-list .outlet-gmaps {
	background-color: var(--button1); 
	border: 2px solid var(--button1);
	width: 40px; 
	height: 40px; 
	padding: inherit; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	font-size: 23px; 
	border-radius: 6px;
	transition: all 0.3s ease-in-out;
}

.outlet-list .outlet-gmaps:hover {
	color: var(--button1);
	background-color: var(--button2); 
}

.col-outlets-table .outlet-list .box-wrap {
	height: 100%;
}

.col-outlets-table .outlet-list a {
	margin-right: 25px;
}


.outlet-list .box-wrap .box-content h6,
.outlet-list .box-wrap .box-content p {
	color: var(--textoutlet);
}

.active-outlets .outlet-gmaps {
	color: white;
	background-color: var(--button2); 
	border: 2px solid var(--button2);
}

.active-outlets .outlet-gmaps:hover {
	background-color: var(--button1); 
	border: 2px solid var(--button2);
	color: var(--button2);
}

.col-outlets {
	padding-bottom: 20px;
	max-height: 490px; 
	overflow: auto;
}

.col-outlets-map h2 {
	color:var(--title1);
	padding-bottom: 5px; 
	padding-right: 10px; 
	float:right;
}

@media only screen and (max-width: 767px) {
	.outlet-city {
		text-align: center;
	}

	.col-outlets-map h2 {
		text-align: center;
		float: none;
	}
}

#google-map-embed {
	padding: 10px;
}

#google-map-embed iframe {
	width: 100%;
	border-radius: 15px;
}

#all-outlets .col-outlets-table {
	width: 100%;
	display: table;
	clear: both;
}

@media screen and (max-width: 767px) {
	.col-outlets {
		max-height: 490px; 
		overflow: auto;
		padding-bottom: 20px;
	}

	.col-outlets-map {
		margin-top: 30px;
	}
}

#all-outlets {
	background-color: var(--boxcolor1);
	padding: 15px;
	border-radius: 15px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}


/* Promo
------------------------------------------------------- */

.portfolio-img.flat-hover-images a img {
	border-radius: 15px;
   }
   
   .projects-portfolio .recent-post {
	   background-color: white;
	   padding: 10px;
	   border-radius: 15px;
	   margin: 5px;
	   width: calc(25% - 10px);
	   height: auto;
   }
   
   @media screen and (max-width: 767px) {
	   .projects-portfolio .recent-post {
		   width: calc(50% - 10px)	;
		   height: auto;
		   min-height: 300px;
	   }
   }
   
   .portofolio-title.flat-hover-title {
	   text-align:center;
	   color: var(--title1);
	   font-weight: 600;
   }
   
.portofolio-subtitle {
	font-weight: 400;
	color: #333;
	text-align: center;
}

.recent-post-title {
	text-align: center;
	padding-bottom: 20px;
}
.recent-post-title h1 {
	color: var(--param1);
}


.form-btn-promo {
	display: flex;
	justify-content: center;
}

.form-btn-promo .promo_btn {
	background-color: var(--param1);
	border-radius: 2px;
	margin-top: 6px;
	padding: 15px 29.5px 14px 29.5px;
	min-width: 160px;
	position: relative;
	z-index: 1;
	color: white;
}

.form-btn-promo .promo_btn:hover {
	color: var(--param1);
}

.form-btn-promo .promo_btn::before{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--param2);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.form-btn-promo .promo_btn:hover:before{
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.tags-section {
	display: flex;
    align-items: baseline;
    justify-content: center;
}

.tags-section h4 {
	color: var(--title1);
	font-weight: 600;
}

.tags-section .tags {
    padding: 5px 10px;
    background: var(--button1);
    margin: 5px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 6px;
	color: white;
}

/* Specialty
------------------------------------------------------- */

.center-title {
	text-align: center;
    margin-bottom: 36px;
	width: 100%;
}

.center-description {
	text-align: center;
	width: 100%;
	padding-bottom: 15px;
}

.specialty-row {
	background-color: var(--boxcolor);
	padding: 30px;
	border-radius: 15px;
	border: 1px solid #eee;
	margin: -5px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.specialty-card {
    background-color: var(--boxdetailcolor);
	padding-top: 10px;
    border-radius: 15px;
    border: 1px solid #eee;
    margin: 0px 10px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
		object-position: center;
	-o-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	-webkit-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
}

@media screen and (max-width: 768px) {
	.specialty-card{
		width: calc(50% - 10px);
		margin: 10px 5px;
	}

	.kf-services-items-2.row {
		display: flex;
		flex-wrap: wrap;
	}

	#Contact_Section .kf-services-items-2.row {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
	}
}

@media screen and (min-width: 800px) {
	.kf-services-items-2.row {
		justify-content: center;
		display: flex;
	}
}

/**
* Section Services
**/
.kf-services-items {
	margin-top: -30px;
  }
  
  .kf-services-item {
	margin-top: 30px;
	position: relative;
  }
  
  .kf-services-item a {
	display: block;
  }
  
  .kf-services-item .image {
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 270px;
  }
  
  .kf-services-item .image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
	-o-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	-webkit-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
  }
  
  .kf-services-item .image:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #090c0f;
	opacity: 0.85;
	-o-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	-webkit-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	z-index: 2;
	pointer-events: none;
  }
  
  .kf-services-item .image:after {
	content: '';
	position: absolute;
	left: 24px;
	top: 24px;
	right: 24px;
	bottom: 24px;
	border: 1px solid #b99272;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity: 0.25;
	-o-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	-webkit-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	z-index: 3;
	pointer-events: none;
  }
  
  .kf-services-item .desc {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	text-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	z-index: 4;
  }
  
  .kf-services-item .desc .icon {
	display: block;
	font-size: 60px;
	line-height: 1;
	color: #fff;
  }
  
  .kf-services-item .desc .name {
	margin: 0;
	display: block;
  }
  
  .kf-services-item:hover .image .img {
	-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
			transform: scale(1.05);
  }
  
  .kf-services-item:hover .image:before {
	opacity: 0.75;
  }
  
  .kf-services-item:hover .image:after {
	opacity: 1;
  }

  
/**
* Section Services-2
**/
.kf-services-items-2 {
	padding: 20px 0 0 0;
}

.kf-services-item-2 {
	margin-bottom: 40px;
	position: relative;
	text-align: center;
}

.kf-services-item-2 .image {
	margin: 0 auto 20px auto;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	display: block;
	width: 130px;
	height: 130px;
	line-height: 130px;
	background: rgba(37, 200, 204, 1);
	border-radius: 130px;
	-webkit-border-radius: 130px;
	-o-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	-webkit-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
}

.kf-services-item-2 .image img {
	max-width: 70px;
	max-height: 70px;
	-o-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	-webkit-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
}

.kf-services-item-2 .desc .name {
	margin: 0 0 10px 0;
	color: var(--param1);
	font-weight: 200;
	font-size: 22px;
}

.kf-services-item-2:hover .image {
	background: #FFF;
}

.kf-services-item-2:hover .image img {
	-webkit-filter: brightness(0) invert();
			filter: brightness(0) hue-rotate(180deg);
}

@media only screen and (max-width: 767px) {
	.section.kf-about-2 .kf-services-items-2 {
		margin-top: 30px;
	}
	.kf-services-item-2 .image {
		width: 100px;
		height: 100px;
		line-height: 100px;
		border-radius: 100px;
		-webkit-border-radius: 100px;
	}
}

  
/* Hide the images by default */
.mySlides {
	width: 100%;
	display: none;
}

/* Next & previous buttons */
.prev, .next {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-shadow: 0 3px 6px rgba(0,0,0,0.23);
	text-align: center;
	cursor: pointer;
	position: absolute;
	background: #fff;
	top: 50%;
	margin-top: -22px;
	padding: 16px;
	color: rgb(0, 0, 0);
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	user-select: none;
}

@media only screen and (max-width: 600px) {
	.prev, .next {
		top: 25%;
	}
	}

/* Position the "prev button" to the left */
.prev {
	left: 0;
}

/* Position the "next button" to the right */
.next {
	right: 0;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
	background-color: rgba(255, 229, 78, 0.8);
}

/**
* Menu Section
**/

.menu-fd li a img {
	max-width: 100px;
	max-height: 100px;
	aspect-ratio: 1/1;
}

/**
* Contact
**/

.contact-body{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	}

.contact-info{
	display: flex;
	width: 100%;
	max-width: 1200px;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
}

.contact-info .contact-card{
	background: rgba(37, 200, 204, 1);
	padding: 0 20px;
	margin: 0 10px;
	width: calc(33% - 20px);
	height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	cursor: pointer;
	border-radius: 15px;
}

.contact-card-icon{
	font-size: 28px;
	background: black;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px !important;
	border-radius: 50%;
	transition: 0.3s linear;
}

.contacts-card i.contact-card-icon {
	color: white;
}

.contact-card:hover .contact-card-icon{
	background: none;
	color: rgba(255, 229, 78, 1);
	transform: scale(1.6);
}

.contact-card p{
	margin-top: 24px;
	font-weight: 600;
	letter-spacing: 2px;
	max-height: 0;
	opacity: 0;
	transition: 0.3s linear;
	font-size: 24px;
}

.contact-card:hover p{
	max-height: 40px;
	opacity: 1;
}

@media screen and (max-width:800px) {
	.contact-info{
		flex-direction: column;
	}
	.contact-card{
		width: 100%;
		max-width: 300px;
		margin: 10px 0;
	}
}

.contacts-card {
	background-color: var(--boxcolor);
	border-radius: 15px;
	border: 1px solid #eee;
	margin: 10px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
		object-position: center;
	-o-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
	-webkit-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
}

.contacts-card .desc .subname p{
	color: var(--title1);
}

.form-btn-contact .contact_btn {
	background-color: var(--param1);
	border-radius: 2px;
	margin-top: 6px;
	padding: 15px 29.5px 14px 29.5px;
	min-width: 160px;
	position: relative;
	z-index: 1;
	color: white;
}

.form-btn-contact .contact_btn:hover {
	color: var(--param1);
}

.form-btn-contact .contact_btn::before{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--param2);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

	.form-btn-contact .contact_btn:hover:before{
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/*
App Download
*/

.AppDownload{
	display: flex; 
	align-items: center;
}

.AppDownload .title-section .text-section{
	text-align: left; 
	font-size: 36px;
	line-height: calc(1.5 * 32px);
	font-family: 'Playfair Display', serif;
}

.AppDownload .title-section .boga-app-section{
	text-align: left; 
	font-weight: 500;
}

.Bg-AppDownload {
	width: 100%;
	height: 80%;
	top: 10%;
	right: 0;
	position: absolute;
}

@media only screen and (max-width: 961px) {
	.AppDownload .title-section .text-section{
		text-align: left; 
		font-size: 24px; 
		line-height: calc(1.5 * 24px);
	}
	}

@media only screen and (max-width: 767px) {
	.AppDownload{
		flex-direction: column-reverse;
	}

	.Bg-AppDownload {
		height: 100%; 
		top: 0;
	}
	}

/*
	Parallax
*/

.kf-parallax-icon {
	position: absolute;
}
  
.kf-parallax-icon .p-icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

/*Profile-odd*/
.kf-parallax-icon.pl-1 {
	left: 0;
	top: 25%;
	width: 205px;
	height: 205px;
}

.kf-parallax-icon.pl-2 {
	left: auto;
	right: 0;
	top: 5%;
	width: 205px;
	height: 205px;
}

.kf-parallax-icon.pl-3 {
	left: auto;
	right: 0;
	top: 90%;
	width: 205px;
	height: 205px;
}

/*Profile-even*/
.kf-parallax-icon.pr-1 {
	left: 0;
	top: 5%;
	width: 205px;
	height: 205px;
}

.kf-parallax-icon.pr-2 {
	left: 0;
	top: 90%;
	width: 205px;
	height: 205px;
}

.kf-parallax-icon.pr-3 {
	left: auto;
	right: 0;
	top: 70%;
	width: 205px;
	height: 205px;
}

/*Specialty*/
.kf-parallax-icon.sp-1 {
	left: 0;
	top: 5%;
	width: 205px;
	height: 205px;
}

.kf-parallax-icon.sp-2 {
	left: 0;
	top: 90%;
	width: 205px;
	height: 205px;
}

.kf-parallax-icon.sp-3 {
	left: auto;
	right: 0;
	top: 70%;
	width: 205px;
	height: 205px;
}

/*Contact*/
.kf-parallax-icon.cp-1 {
	left: 0;
	top: 0;
	width: 205px;
	height: 205px;
}

.kf-parallax-icon.cp-2 {
	left: auto;
	right: 0;
	top: 70%;
	width: 205px;
	height: 205px;
}

/* Swiper Hero Slider Styles - Replacing Revolution Slider */
.hero-swiper {
	width: 100% !important;
	position: relative;
	overflow: hidden !important;
	padding: 0;
	background-color: #fff;
}

/* Swiper wrapper height */
.hero-swiper .swiper-wrapper {
	height: 100%;
	display: flex;
	margin: 0;
	padding: 0;
}

.hero-swiper .swiper-slide {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	/* Memastikan slide tidak collapse */
	flex-shrink: 0;
	margin: 0;
	padding: 0;
}

.hero-swiper .slide-content {
	position: relative;
	width: 100%;
	height: auto;
	/* Memastikan content mengisi penuh slide */
	display: block;
	/* Prevent content dari shrinking */
	box-sizing: border-box;
	/* Memastikan container dapat menampung gambar dengan benar */
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.hero-swiper .slide-content img {
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center center;
	display: block;
	border-radius: 0px;
	max-width: 100%;
	/* Memastikan gambar fit tanpa terpotong */
}

.hero-swiper .slide-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 140px;
	background: rgba(0, 0, 0, 0.2);
}

.hero-swiper .slide-text {
	position: relative;
	z-index: 10;
}

.hero-swiper .title-slide {
	font-family: "Poppins", sans-serif;
	font-size: 210px;
	color: rgb(255, 255, 255);
	transition: none;
	line-height: 66px;
	border-width: 0px;
	margin: 30px 0px 0px;
	padding: 0px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 27px;
}

.hero-swiper .description-slider {
	font-family: "Poppins", sans-serif;
	font-size: 80px;
	color: rgb(255, 255, 255);
	transition: none;
	line-height: 66px;
	border-width: 0px;
	margin: 30px 0px 0px;
	padding: 0px;
	letter-spacing: 16px;
	font-weight: 300;
	text-transform: uppercase;
}

.hero-swiper .desc-slide {
	font-family: "Poppins", sans-serif;
	font-size: 13px;
	color: rgb(255, 255, 255);
	transition: none;
	line-height: 18px;
	border-width: 0px;
	padding-left: 40px;
	font-weight: 400;
	transform: rotate(90deg);
	transform-origin: 0% 50%;
	border-left: 20px solid rgb(255, 255, 255);
	position: absolute;
	left: 40px;
	top: 250px;
}

.hero-swiper .desc-slide span {
	font-family: "Poppins", sans-serif;
	font-size: 21px;
	color: rgb(255, 255, 255);
	transition: none;
	line-height: 20px;
	border-width: 0px;
	padding: 0px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	letter-spacing: 3px;
}

/* Swiper Navigation Buttons */
.hero-swiper .swiper-button-next,
.hero-swiper .swiper-button-prev {
	color: #fff;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.hero-swiper .swiper-button-next:hover,
.hero-swiper .swiper-button-prev:hover {
	background: rgba(255, 255, 255, 0.3);
}

.hero-swiper .swiper-button-next:after,
.hero-swiper .swiper-button-prev:after {
	font-size: 20px;
	font-weight: bold;
}

.hero-swiper .swiper-pagination {
	bottom: 20px;
}

.hero-swiper .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: rgba(255, 255, 255, 0.5);
	opacity: 1;
}

.hero-swiper .swiper-pagination-bullet-active {
	background: #fff;
}

/* Responsive adjustments with auto height */
/* Desktop Large (1920px+) */
@media (min-width: 1920px) {
	.hero-swiper .swiper-button-next,
	.hero-swiper .swiper-button-prev {
		display: flex !important;
	}
}

/* Desktop Medium (1400px - 1919px) */
@media (min-width: 1400px) and (max-width: 1919px) {
	.hero-swiper .swiper-button-next,
	.hero-swiper .swiper-button-prev {
		display: flex !important;
	}
}

/* Desktop Small / Tablet Large (992px - 1399px) */
@media (min-width: 992px) and (max-width: 1399px) {
	.hero-swiper .slide-overlay {
		padding-left: 80px;
	}
	
	.hero-swiper .title-slide {
		font-size: 120px;
		letter-spacing: 15px;
	}
	
	.hero-swiper .description-slider {
		font-size: 50px;
		letter-spacing: 10px;
	}
	
	.hero-swiper .swiper-button-next,
	.hero-swiper .swiper-button-prev {
		display: flex !important;
	}
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
	.hero-swiper .slide-overlay {
		padding-left: 40px;
	}
	
	.hero-swiper .title-slide {
		font-size: 80px;
		letter-spacing: 10px;
		line-height: 1.2;
	}
	
	.hero-swiper .description-slider {
		font-size: 40px;
		letter-spacing: 8px;
		line-height: 1.2;
	}
	
	.hero-swiper .desc-slide {
		font-size: 11px;
		left: 20px;
		top: 150px;
		padding-left: 30px;
	}
	
	.hero-swiper .swiper-button-next,
	.hero-swiper .swiper-button-prev {
		display: flex !important;
	}
}

/* Mobile Large (481px - 767px) */
@media (min-width: 481px) and (max-width: 767px) {
	.hero-swiper .slide-overlay {
		padding-left: 20px;
		padding-right: 20px;
		justify-content: center;
		text-align: center;
	}
	
	.hero-swiper .slide-text {
		width: 100%;
		text-align: center;
	}
	
	.hero-swiper .title-slide {
		font-size: 50px;
		letter-spacing: 5px;
		line-height: 1.2;
		margin: 0;
	}
	
	.hero-swiper .description-slider {
		font-size: 30px;
		letter-spacing: 5px;
		line-height: 1.2;
		margin: 10px 0 0;
	}
	
	.hero-swiper .desc-slide {
		font-size: 10px;
		left: 10px;
		top: 100px;
		padding-left: 20px;
		display: none; /* Sembunyikan di mobile jika terlalu kecil */
	}
	
	.hero-swiper .swiper-button-next,
	.hero-swiper .swiper-button-prev {
		width: 40px;
		height: 40px;
	}
	
	.hero-swiper .swiper-button-next:after,
	.hero-swiper .swiper-button-prev:after {
		font-size: 16px;
	}
}

/* Mobile Small (max-width: 480px) - iPhone dan Android kecil */
@media (max-width: 480px), (max-width: 767px) and (orientation: portrait) {
	.hero-swiper .slide-overlay {
		padding-left: 15px;
		padding-right: 15px;
		justify-content: center;
		text-align: center;
	}
	
	.hero-swiper .slide-text {
		width: 100%;
		text-align: center;
	}
	
	.hero-swiper .title-slide {
		font-size: 35px;
		letter-spacing: 3px;
		line-height: 1.2;
		margin: 0;
	}
	
	.hero-swiper .description-slider {
		font-size: 22px;
		letter-spacing: 3px;
		line-height: 1.2;
		margin: 10px 0 0;
	}
	
	.hero-swiper .desc-slide {
		display: none; /* Sembunyikan di mobile kecil */
	}
	
	.hero-swiper .swiper-button-next,
	.hero-swiper .swiper-button-prev {
		width: 35px;
		height: 35px;
	}
	
	.hero-swiper .swiper-button-next:after,
	.hero-swiper .swiper-button-prev:after {
		font-size: 14px;
	}
}