@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

@font-face {
    font-family: 'billy_ohioregular';
    src: url('billy_ohio-webfont.woff2') format('woff2'),
         url('billy_ohio-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
*/


button::-moz-focus-inner {  border: 0;}
a:focus {     outline: none; }
button:focus {     outline: none; }
::-moz-focus-inner {border:0;}
:focus, :active {    outline: 0;    border: 0;}



select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background-image: url(../images/small-down-arrow.png);
   background-repeat: no-repeat;
   background-position: 97% center;
}

.text-decoration{ 
    text-decoration: line-through;
}
 

body {color: #333; margin: 0px; font-family: poppins; font-size: 15px; font-weight: 300; line-height: 30px; margin: 0px 0px 0px 0px; }

html {  scroll-behavior: smooth;}




a{transition: all 0.5s ease-in 0s; text-decoration:none!important; outline:none; color: #000;}

a:focus, a:active,  a, focus, select {border:0px; outline:none;}

.clear{clear:both;}

p{margin-top:0px; text-align:justify; margin-bottom:20px;}

img {border:0px;}

form{margin:0px;}

input {outline:none;}

* {box-sizing:border-box; }


h2 {font-size:36px; color:#de5f28; font-family: "EB Garamond", serif; font-weight:normal; letter-spacing:4px; text-transform:uppercase; line-height:130%; margin:20px 0px;}





header { display:table; width:100%; position:fixed; left:0px; top:0px; z-index:10; }

.logo {display:inline-block; float:left; width:84px; margin:10px 0px;}

.logo img {display:block; width:100%; }

.whatsapp {display:inline-block; float:right; width:181px; margin:33px 0px 0px 0px;}

.whatsapp img {display:block; width:100%; }

.burger-menu {display:inline-block; float:right; width:30px; margin:43px 0px 0px 20px;}

.header-gap {display:table; width:100%; height:105px;}


header.darker .logo {  width: 60px;  margin: 3px 0px;}

header.darker .whatsapp {margin:14px 0px 0px 0px;}

header.darker .burger-menu  {margin:23px 0px 0px 20px}

header.darker {background-color:#fff; box-shadow:0px 0px 5px 0px #ccc;}





#demo-1 {	position: relative;	overflow: hidden;	width: 100%;	min-height: 600px;	background-color: #999;}

.demo-inner-content {	position: relative; 	z-index: 2; 	margin: 100px auto;	padding: 40px; 	max-width: 880px;	color: #fff;	text-align: center;	font-size: 1.5em;}

.demo-inner-content h1 {	font-family: 'billy_ohioregular';	margin: 0;	font-size:190px;	line-height:100%;	font-weight:normal;	margin:auto;}

.demo-inner-content h5 {	font-weight:normal;	font-size:36px;	text-transform:uppercase;	letter-spacing:5px;	font-family: "EB Garamond", serif;}

.banner-location {display:block; text-align:center; width:520px; margin:auto; text-transform:uppercase; letter-spacing:2px;}

.banner-location img {  float: none;  margin-right: 10px;  margin-bottom: -7px;}






.sidenav {  height: 100%;  width: 0;  position: fixed;  z-index: 100;  top: 0;  right: 0;   background-color: #262626;  overflow-x: hidden;  transition: 0.5s; padding-top:50px;    box-sizing:border-box; }

.sidenav .closebtn {  position: absolute;  top: 12px;  right: 20px; }

.right-menu {margin:0px; padding:0px; border-top:1px solid #403f3f;}

.right-menu ul {margin:0px; padding:0px; }

.right-menu li {list-style:none; padding:0px; margin:0px; border-bottom:1px solid #403f3f;}

.right-menu li a {font-size:14px; font-weight:600; color:#de5f28; padding:4px 20px; display:block; }

.right-menu li a:hover {background-color: #181818;}

.right-menu ul li a {font-size:13px; font-weight:400; color:#fff; background-color:#4b4a4a; display:block; padding:4px 20px; border-bottom:1px solid #717171;}

.right-menu ul li a:hover {background-color: #313030;}




.introduction { text-align:center; display:table; width:100%; padding:40px 0px; background-color:#f6f6f6;}

.introduction p {text-align:center;}









.services { text-align:center; display:table; width:100%; padding:20px 0px 70px 0px; }

.service-box {width:100%; position:relative; }

.service-box a {display:block; position:absolute; width:100%; height:100%; background-image:url(../images/overlay.png); background-position:center bottom;}

.service-box a  {background-image:none;}

.service-box .image-caption { display:block; text-align:center; color:#fff; position:absolute; width:100%; bottom:0px; padding:40px 20px; font-family: "EB Garamond", serif; font-size:18px; text-transform:uppercase; font-size:24px; letter-spacing:3px;}

.service-box figure {margin:0px; padding:0px; overflow:hidden; display:block; width:100%; height:560px;  }

.service-box figure img {display:block; width:100%; transition: all 0.5s ease-in 0s;}

.service-box:hover figure img {display:block; width:120%; max-width:120%; margin:-10%;}







.call-to-action  { text-align:center; display:table; width:100%; padding:150px 0px 100px 0px; background-image:url(../images/call-to-action.jpg); background-position:center center; background-size:cover; height:600px;}

.call-to-action h2 {color:#fff; }

.call-to-action p {color:#fff; text-align:center; font-size:20px; }

.call-to-action  .readmore {display:block; width:200px; border:1px solid #fff; color:#fff; text-align:center; margin:50px auto; padding:10px; text-transform:uppercase; letter-spacing:2px; font-family: "EB Garamond", serif; font-size:18px;}

.readmore {display:block; width:200px; border:1px solid #de5f28; background-color:#de5f28; color:#fff; text-align:center; margin:50px 0; padding:10px; text-transform:uppercase; letter-spacing:2px; font-family: "EB Garamond", serif; font-size:18px;}






.feature-video {display:block; width:100%; height:600px; padding-top:220px; background-color:#ccc; background-image:url(../images/video-bg.jpg); background-position:center center; background-size:100% auto; text-align:center; color:#fff; clear:both; }

.play-button {display:block; width:130px; margin:auto; }

.play-button img {display:block; width:100%;}







.destinations {display:table; width:100%; background-color:#fff; padding:40px 0px;  }

.destinations p {text-align:center;}

.destination-box {width:100%; position:relative; margin-bottom:20px; }

.destination-box a {display:block; position:absolute; width:100%; height:100%; background-image:url(../images/overlay.png); background-size:100% 70%; background-position:center bottom; background-repeat:no-repeat;}

.destination-box .image-caption { display:block; text-align:center; color:#fff; position:absolute; width:100%; bottom:0px; padding:20px 20px;  }

.destination-box .image-caption  strong {display:block; font-weight:600; text-transform:uppercase; font-size:22px; letter-spacing:2px; border-bottom:1px solid #fff;  line-height: 40px;}

.destination-box .image-caption  em {display:block; font-weight:400; text-transform:uppercase; font-size:14px; letter-spacing:0px; line-height: 40px; font-style:normal;}


.destination-box  figure {margin:0px; padding:0px; overflow:hidden; display:block; width:100%; height:340px;  }

.destination-box  figure img {display:block; width:100%; transition: all 0.5s ease-in 0s;}

.destination-box:hover figure img {display:block; width:120%;  max-width:120%;margin:-10%;}






.testimonials {display:table; width:100%; background-color:#fff;  text-align:center; color:#fff; margin-bottom:50px;}


.partners {display:table; width:100%; margin-bottom:0px; }

.partners img {border:1px solid #ddd; display:block; width:100%; }




.orange-stripe {display:table; width:100%; background-color:#de5f28;  text-align:center; color:#fff; padding-bottom:20px;}

.orange-stripe h2 {color:#fff; margin-top:0px; margin-bottom:25px;}

.footer-logo {   width: 80px; display:block; margin:auto; margin-top: -41px;}







footer {display:table; width:100%; background-color:#054141; color:#fff; padding:40px 0px 0px 0px;}

#socialmedia {display:inline-block; float:right; width:auto;  margin-top:50px;}

#socialmedia a {display:inline-block; opacity:0.5;}

#socialmedia a img {display:block;}

#socialmedia a:hover { opacity:1.0;}

#copyright {display:inline-block; float:left; width:auto; font-size:12px; text-transform:uppercase; letter-spacing:1px; color:#8bafaf; margin-top:50px;}

footer h6 {font-size:16px; text-transform:uppercase; font-weight:300; letter-spacing:2px; margin:10px 0px;}

footer .col-1-of-4 a { display:block; color:#8bafaf; font-size:14px;}

footer .col-1-of-4 a:hover {padding-left:10px;}







.inside-banner {    background-position: center center;
    background-size: cover;}

.inside-banner h2 {margin:0px; text-align:center;  color:#fff; letter-spacing:5px; line-height:400px; }

.inside-content-area {display:table; width:100%;  }

.inside-banner-big {  width:100%;   background-size:cover; background-color:#eee;  background-position:center center;}

.inside-banner-big h2 {margin:0px; text-align:center;  color:#fff; letter-spacing:5px; line-height:120%; padding-top:35%; }



.g-services {display:table; width:100%; padding:60px 0px;}

.g-services p {padding-right:20px;}

.g-services h2 {text-align:left; margin-top:0px; letter-spacing:0px; text-transform:none;}

.g-services strong {font-weight:700;}

.g-services h3 {text-align:left; margin-top:0px; letter-spacing:0px; text-transform:none; font-size:18px; margin:0px;}

.g-services h4  {text-align:left; margin-top:0px; letter-spacing:0px; text-transform:none; font-size:16px; margin:0px; font-weight:500;}


.g-services2 {display:table; width:100%; padding:60px 0px; background-image:url(../images/parttern.jpg); background-repeat:repeat-x;}

.g-services2 h2 {text-align:left; margin-top:0px; letter-spacing:0px; text-transform:none; text-align:center;}

.g-services2 p {text-align:center;}

.g-services2 strong {font-weight:700;}

.g-services2 img {display:block; margin:40px auto;}

.float-right {float:right!important;}






.pricing {display:table; width:100%; height:690px; padding:60px 0px; background-image:url(../images/g-pic8.jpg); background-repeat:no-repeat; background-position:left top}

.pricing-photo {margin-top:40px;}

.pricing h2, .pricing p {color:#fff; text-align:left; padding-left:50px;}

.pricing span {display:block; border:1px solid #fff; padding:5px 10px; margin-bottom:10px; width:300px;}

.pricing strong {font-weight:500; color:#fff; padding-left:50px; font-size:18px; margin-bottom:20px; display:block;}





.booking-and-cancellation {display:table; width:100%; padding:20px 0px 60px 0px; background-image:url(../images/g-pipe.jpg); background-repeat:no-repeat; background-position:center 100px;}

#booking-left strong, #booking-left p, #booking-left {text-align:right; padding:0px 30px;}

#booking-right strong, #booking-right p, #booking-right {text-align:left; padding:0px 30px;}

.booking-and-cancellation strong {display:block; font-family: "EB Garamond", serif; font-weight:normal; font-size:24px; margin-bottom:20px; color:#054141; }

#booking-left p, #booking-right p {width:400px;}

#booking-left p {float:right;}


#contact-box1 h2 {text-align:left;}

#contact-box2 h2 {text-align:left;}

#contact-box1 h3 {font-weight:500; font-size:22px;}

#contact-box1 span {display:block; line-height:50px; margin-bottom:10px;}

#contact-box1 span img {float:left; margin-right:10px; width:50px; }

.textbox1 {display:block; width:100%; border:1px solid #ddd; background-color:#f9f9f9; padding:10px; border-radius:5px; font-size:14px; font-family:poppins; color:#666; margin-bottom:5px;}

.submit-button {display:block; width:200px; padding:12px; border:0px; background-color:#de5f28; color:#fff; font-family:poppins; font-size:14px; border-radius:5px; font-weight:600;}




.stay-features {margin:0px 0px 0px 20px; padding:0px;}

.stay-features li { margin:0px; padding-left:10px; list-style-image:url(../images/bullet.png);}


.text-left {text-align:left; text-transform:none; letter-spacing:0px;}

.justify {text-align:justify;}

.rps h4 {  font-size: 18px;  background-color: #de5f28; color:#fff; padding:30px;   font-weight: 600;  letter-spacing: 0px;  text-align: left;  line-height: 130%; margin:0px;}

.rps img {width:100%; display:block;  }


.expertise img {width:100%; display:block;  }

.expertise span {font-size: 14px;  background-color: #de5f28; color:#fff; padding:30px;     text-align: left;  line-height: 140%; margin:0px; display:block; height:150px; }

.expertise span strong {display:block; font-weight:700;}

.diff-box {padding:20px; border:5px solid #de5f28; margin-bottom:30px; height:460px;}

.diff-box strong {display:block; font-weight:700; font-size:18px;}

.diff-box img {display:block; width:100px;}




.form {display:table; width:100%; background-color:#de5f28; padding:30px 0px;}

.textbox {display:inline-block; width:20%; float:left; border:1px solid #de5f28; background-color:#fff; padding:10px; font-family:poppins; font-size:14px; outline:0px; height:45px;}

.submit-button {background-color:#065e55; border-radius:0px; transition: all 0.5s ease-in 0s;}

.submit-button:hover {background-color:#333;}

/* .textbox.date { background-image:url(../images/calendar-icon.png); background-position:94% center; background-repeat:no-repeat; background-size:20px auto;} */

.abhey {display:block; width:80%;}

.text-center {text-align:center!important;}

.team-box {display:table; width:100%; margin-bottom:30px;}

.team-box span {display:table; background-color:#de5f28; padding:20px; color:#fff; text-align:center;}

.team-box span p {text-align:center; min-height:160px;}

.team-box img {display:block; width:100%;}

.team-box strong {font-weight:700;}

.team-box a {display:block; color:#fff; font-weight:600; border:2px solid #fff; padding:5px; width:150px; margin:auto; margin-bottom:20px;}

.blod-and-italic {text-align:center; font-size:18px; font-weight:600; font-style:italic;}

.showcase {  display: inline-block;  width: 31.80%;  margin: .5%; height:300px; overflow:hidden;}

.showcase img {  display: block;  width: 140%;  margin: 0px -20%;}

#video-gallery iframe {display:block; width:100%; height:320px; margin-bottom:30px;}

.fullsize {width:100%; display:block;}






.listing {margin:0px 0px 20px 20px; padding:0px;}

.listing li {list-style-image:url(../images/bullet.png); padding-left:10px; padding-right:40px; text-align:justify; margin-bottom:10px;}

.pc-room img {width:100%; display:block; margin:0px;}

.pc-room span {display:block; background-color:#de5f28; padding:10px; text-align:center; color:#fff;}

.pc-room span strong {display:block; line-height:130%;}







span.input-main {  display: inline-block;  float: left; width: 20%;}




#privacy-policy h1 {font-size:30px; font-weight:bold; margin:20px 0px; font-family: poppins; text-align:left; color:#000;}
#privacy-policy h2 {font-size:24px; font-weight:bold; margin:20px 0px; font-family: poppins; text-align:left; color:#000; text-transform:none; letter-spacing:0px;}
#privacy-policy h3 {font-size:20px; font-weight:bold; margin:20px 0px; font-family: poppins; text-align:left; color:#000;}
#privacy-policy h4 {font-size:18px; font-weight:bold; margin:20px 0px; font-family: poppins; text-align:left; color:#000;}
#privacy-policy h5 {font-size:16px; font-weight:bold; margin:20px 0px; font-family: poppins; text-align:left; color:#000;}
#privacy-policy h6 {font-size:14px; font-weight:bold; margin:20px 0px; font-family: poppins; text-align:left; color:#000;}

#privacy-policy strong {font-weight:700; display:block;}




.enquiry-button {display:block; padding:10px 20px; color:#fff; background-color:#de5f28; margin-left: 50px; text-align:center; font-weight:600; width:300px; }

.old-price {  display: inline-block !important;  width: 75px !important;  border: 0px !important; position:relative;}

.old-price img {  position: absolute;  left: 5px;  top: 13px;}




.center-sub-heading {font-weight:700; text-align:center; font-size:20px; display:block;}


.ug .readmore {margin:10px 0px; width:100%;}


.ug-box, .ug-box img {display:block; width:100%;}

.ug-box .readmore {width:100%; margin:10px 0px;}


.banner-booknow-button {text-align:center; width:100%; margin-bottom:100px;}

.banner-booknow-button a {display:block; width:200px; text-align:center; border:2px solid #fff; color:#fff; font-weight:bold; margin:auto; margin-top:-150px; padding:8px; text-transform:uppercase; letter-spacing:1px;}

.banner-booknow-button a:hover {background-color:#fff; color:#000;}


.icon-with-title {display:table; width:100%; margin-bottom:20px;}

.icon-with-title span {display:inline-block; float:left; width:33.33%;}

.icon-with-title span img {display:inline-block; float:left; margin-right:20px; width:80px;}

.icon-with-title span span  {display:inline-block; float:left; line-height:80px; color:#de5f28; font-weight:bold; font-size:14px;  }










.fullsize-video-holder {width:100%; min-height:960px; display:block; }

#sitemap h3 {text-align:center; border:1px solid #000; padding:5px 0px; background-color: #054141; color:#fff; border-bottom:3px solid #de5f28;}

.sitemap-listing  {clear:both; display:table; width:100%;}

.sitemap-listing li {float:left; width:33.33%;}











/* Grid */


.grid-1280 {display:table; width:1280px; margin:auto;  }

.row {width: 100%; display: table; }

.col-1-of-12 {width: 8.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-11 {width: 9.09%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-10 {width: 10%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-9 {width: 11.11%; float: left; padding-left: 15px; padding-right: 15px; }

.col-8-of-9 {width: 88.89%; float: left; padding-left: 15px; padding-right: 15px; }

.col-7-of-9 {width: 77.78%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-9 {width: 66.67%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-9 {width: 55.56%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-9 {width: 44.45%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-9 {width: 33.34%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-9 {width: 22.23%; float: left; padding-left: 15px; padding-right: 15px; }


.col-1-of-8 {width: 12.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-7-of-8 {width: 87.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-8 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-8 {width: 62.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-8 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-8 {width: 37.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-8 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-7 {width: 14.28%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-7 {width: 85.68%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-7 {width: 71.4%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-7 {width: 57.12%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-7 {width: 42.84%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-7 {width: 28.56%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-6 {width: 16.66%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-6 {width: 83.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-6 {width: 66.64%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-6 {width: 49.98%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-6 {width: 33.32%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-5 {width: 20%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-5 {width: 80%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-5 {width: 60%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-5 {width: 40%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-4 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-4 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-3 {width: 33.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-3 {width: 66.66%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-2 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-1 {width: 100%;  padding-left: 15px; padding-right: 15px; }


.content {display: block; padding: 10px 0px; background-color: #eee; text-align: center; font-size: 10px; color: #000; border: 1px solid #ccc;}


/* Grid */




















/* Scroll Top */

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0px;
	right:0px;	
	z-index:99;
}
.scroll {
	    position: absolute;
    right: 20px;
    bottom: 19px;
    padding: 0;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer; 
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s; 
    border-radius: 50px;
    border: 2px solid #de5f28;
}

 .scroll a {
    padding: 12px 0px 0px 0px;
    display: block;
    color: #fff;
    height: 30px;
    width: 30px;
}

.scroll a span {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #de5f28;
  display: block;
  margin:auto;
  animation: buttonarrow 0.6s infinite alternate ease-in-out;
}


@keyframes buttonarrow {
	0% {
		transform: translateY(0);
		opacity: 1.0
	}
	100% {
		transform: translateY(-0.5em);
		opacity: 1.0
	}
}

/* Scroll Top */









/* responsive menu */



.responsive-menu-icon {
    display: block;
    cursor: pointer;
    background-color:#000;
    width: 66px;
    height: 66px;
    position: fixed;
    right: 0;
    top: 0px;
    padding: 22px;
    box-sizing: border-box;
    z-index: 10000;
    z-index: 1000;
}

.bar1, .bar2, .bar3 {
    width: 23px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-4px, -5px);
}



/* responsive menu */