/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 28 2025 | 06:34:52 */
h2.big {
	font-size: 70px !important;
	line-height: 70px !important;
}
.slide-h .slick-slide {
	height: unset !important;
}
.menu-btn {
	position: relative;
	width: 99%;
	margin-top: -30px !important;
}
.menu-btn a {
	width: 100%
}
.no-space {
	gap: 0px;
	margin: 0;
}
.selectnav {
	width: 32px;
}
.soc-box {
	position: relative;
	background-color: #448729;
	padding: 25px 45px;
	border-radius: 3px;
	margin-bottom: 30px;
}
.soc-box::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 15px solid #448729;
    border-top-color: #448729;
    border-right-color: #448729;
    border-right-style: solid;
    border-right-width: 15px;
    border-bottom-color: #448729;
    border-bottom-style: solid;
    border-bottom-width: 15px;
    border-left-color:#448729;
    border-left-style: solid;
    border-left-width: 15px;
  border-bottom: 0px solid transparent !important;
  border-right: 20px solid transparent !important;
  border-left: 20px solid transparent !important;
  left: 50%;
  bottom: -15px;
	margin-left: -20px;}
#home-vdo-player {
	padding: 0 ;
	position: relative;
}
#home-vdo-player .home-text-wrapper {
	position: relative;
	height: 100vh;
	overflow: hidden;
	padding: 0 !important;
}
#home-vdo-player .home-text-wrapper:before {
	content:'';
	display: block;
	position: absolute;
	top:0;
	left:0;
width: 100%;
	height: 100%;
background: url(https://www.kireethara.com/wp-content/themes/jarvis_wp/jarvis_wp/images/pattern.png);
	background-repeat: repeat;
	z-index: 1;
}
#home-vdo-player a.scroll-down {
	z-index: 2;
}
#home-vdo-player .home-logo {
	position: absolute;
	z-index: 2;
	top: 50%;
	transform: translatey(-50%);
	margin: 0;
}
.home-vdo {
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
}
.home-vdo video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
#home-facilities .container, #facilities .container, #home-room .container, #rooms .container {width: 1240px; max-width:100%; margin: 0 auto;}
#home-facilities .container .columns, #facilities .container .columns, #home-room .container .columns, #rooms .container .columns {width:100%; margin: 0 auto;}
#back-to-top { display: none !important;}
#home-google-map {padding: 0 !important;}
#home-google-map .container, #home-google-map .columns, .section.contact .container {width: 100%; margin:0;}
.section.contact .container .sixteen.columns {float: unset !important;}
.contact-container {width: 960px; max-width:100%; margin: 0 auto;}
#home-google-map .page-map {position: relative; overflow: hidden; width: 100%; height: 400px;}
#home-google-map .page-map iframe {position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;}

.page-map {position: relative; overflow: hidden; width: 100%; height: 400px;}
.page-map iframe {position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;}

.f-box {
	border: 1px solid #ebebeb;
	padding: 10px;
	transition: all 0.35s;
}
.f-box:hover {
	border: 1px solid #448729;
	background: #448729;
}
.f-box:hover p, .f-box:hover h2, .f-box:hover h3, .f-box:hover h4, .f-box:hover h5, .f-box:hover h6 {
	color: #fff !important;
}
.ngg-slideshow.slick-slider {
	margin: 0 0 30px !important;
}
.ngg-slideshow .slick-next {
	width: 30px;
	height: 50px;
	background-color: #448729;
	margin-right: -10px;
}
.ngg-slideshow .slick-next::before {
	display: none;
}
.ngg-slideshow .slick-next::after {
	content: "\f0da";
	display: var(--fa-display,inline-block);
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
	color: #fff;
	font-size: 20px;
}
.ngg-slideshow .slick-prev {
	width: 30px;
	height: 50px;
	background-color: #448729;
	margin-right: -10px;
}
.ngg-slideshow .slick-prev::before {
	display: none;
}
.ngg-slideshow .slick-prev::after {
	content: "\f0d9";
	display: var(--fa-display,inline-block);
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
	color: #fff;
	font-size: 20px;
}
.bd-right { border-right: 1px solid #ebebeb;}
.check-icon i { color: #448729; font-size:21px; margin-right:10px;}

	nav .container {
		width: 100% !important;
	}
	.logo.large {
		padding-left: 30px;
	}
	
.book-btn {
	display: none !important;
}
/*.book-btn {
		position:absolute !important;
		top: 0px;
		right: 0px;
		margin: 0;
		font-family: 'BebasNeueRegular', sans-serif;
		font-size: 18px;
		cursor: pointer !important;
		height: 80px;
		width: 150px;
		background-color: #ffd630;
		color: #000;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.book-btn:hover {
		color: #fff !important;
		background-color: #734f36;
	}*/


div#en-facilities {padding-top: 100px;}
#en-photo-gallery {padding-top: 100px !important;}

/*--OLD--*/
.main-menu a i {display:none}
.section{padding:100px 0 30px}
.en-facilities .img-container {display:none}
#en-reservation .contact-details h1 {font-size:32px !important}
#en-parallax-two a { color: #fff !important }
#en-parallax-two .parallax-content {
	padding-bottom: 100px;
}
#port-infinite{ display:none }
.section#en-photo-gallery{padding-top:5px;}
.wpml-mobile{ display:none }
div.wpcf7 div.wpcf7-response-output{display:block ;float:left}
/*
section#en-parallax-testimonials .parallax-content { padding-top: 30px; padding-bottom: 100px}
*/
@media only screen and (min-width: 960px) {
ul.main-menu {
		display:flex;
		position: relative;
		padding-right: 0px;
		margin-right: -10px;
	}
ul.main-menu li {
	margin: 0;
}
ul.main-menu li a {
	line-height: 80px;
	display: block;
	cursor: pointer;
	padding: 0 15px;
}

ul.main-menu li:nth-last-child(2) a {
	line-height: 80px;
	display: block;
	cursor: pointer;
	padding: 0 30px;
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 18px;
	background-color: #ffd630;
		color: #000;
}
ul.main-menu li:nth-last-child(2) a:hover {
		color: #fff !important;
		background-color: #734f36;
}
}
@media only screen and (max-width: 767px) {
#filters{margin-top:0px;}
	   .container .columns, .container .column {
	   margin-bottom:10px;
	  }
	ul.main-menu li:nth-last-child(2) a {
		height: 66px !important;
		width: 85px !important;
		padding:0 !important;
	}
	/*.selectnav {
		right: 120px !important;
	}*/
}
@media only screen and (max-width: 959px) {
	.navigation .twelve {
		margin: 0 !important;
		width: 0 !important;
	}
	ul.main-menu {
		display:flex;
		position: relative;
		padding-right: 0px;
		margin: 0 !importan;
				height: auto !important;
	}
ul.main-menu li {
	margin: 0;
}
	ul.main-menu li:not(:last-child){
		display: none !important;
	}
	ul.main-menu li:nth-last-child(2) a {
		position:absolute !important;
		top: 0px;
		right: 0px;
		margin: 0;
		font-family: 'BebasNeueRegular', sans-serif;
		font-size: 18px;
		cursor: pointer !important;
		height: 80px;
		width: 120px;
		background-color: #ffd630;
		color: #000;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	ul.main-menu li:nth-last-child(2) a:hover {
		color: #fff !important;
		background-color: #734f36;
	}
	.selectnav {
		position: relative;
		right: 50px;
		margin-top: 20px;
	}
	.selectnav option:last-child {
		display:none;
	}
}

	.room-item {
		position: relative;
		overflow: hidden;
		margin: 0 ;
		border: 1px solid #ebebeb;
		background: #fff;
	}
	.room-item figure {
		display:block;
		width: 100%;
	}
	.room-item figure > a { 
		display: block;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		order:1;
	}
	.room-item figure > a img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
}
	.room-item figcaption {
		display:block !important;
		width:100%;
		margin: 0;
		padding: 5px;
		background-color:#fff;
		font-size: 18px;
		font-weight: 400;
		font-family: 'BebasNeueRegular', sans-serif;
	}
	.room-item:before {
		content: 'VIEW DETAIL';
		display: block;
		position: absolute;
		padding: 5px 10px;
		background-color:#448729;
		color:#fff;
		font-weight: 600;
		left: 50%;
		transform: translatex(-50%);
		top: -35px;
		opacity: 0;
		z-index: 1;
		transition: all 0.35s;
		pointer-events: none;
	}
	.room-item:hover:before {
		top: calc(50% - 30px);
		opacity: 1;
	}
	.room-item:hover figure > a img {
		opacity: 0.3;
	}
	.room-item:hover figcaption {
		background-color:#448729;
		color:#fff;
	}