@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,600,700,900);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Lora:400,700);


div.clear 
{
    clear:both;
}
*
{
	margin:0 auto;
	padding:0 auto;
	
}
*{ box-sizing: border-box;}
body
{
	width:100%;
	height:auto;
	font-family: 'PT Sans', sans-serif;
}
@font-face{font-family:Lato-Regular; src:url(..fonts/Lato-Regular.ttf)}
ul{ padding:0; margin:0; list-style-type:none;}


p
{   color:#737373;
	font-family: font-family: 'Raleway', sans-serif;
	font-size:14px;
	font-weight:400;
	margin:10px 0;
	text-align: center;
}
a:hover{transition: all ease-in-out 0.5s;}
h1
{
	color:#454545;
	font-family: 'PT Sans', sans-serif;
	font-size:40px;
	font-weight:400;
	margin:40px auto;
	text-align:center;
}
h2,h3
{
	color:#000;
	font-family: 'PT Sans', sans-serif;
	
}
.wrapper
{
	width:100%;
	height:auto;
	border:0;
	margin:0 auto;
	min-height:500px;
}
.container
{
	width:1200px;
	overflow:hidden;
	height:auto;
	border:0;
	margin:0 auto;
	max-width:100%;
}
.red
{
	color:#c80000;
}
.header_wrapper
{
	width:100%;
	background:#fff;
	border-top:4px solid #008000;
}
.header_topbar
{
	width:100%;
	background:#f5f5f5;
	height:auto;
	margin:0 auto; overflow:hidden;
}
.header_topbar_container
{ 	
	width:600px;
	overflow:hidden;
	height:auto;
	border:0;
	float:right;
	max-width:100%;
}
.header
{
	width:100%;
	height:auto;
	margin:0 auto;
	overflow: hidden;
	max-width:1200px;
}
.logo
{
	width:auto;
	float:left;
	height:auto;
    z-index: 9999;
	position: absolute;
	top: 4px;
}
.logo img
{
	width: 96%;
}
.top
{
	float:right;
	padding:10px 0;
}
.header_bottom
{
	width:100%;
	background:#fff;
	height:81px;
	margin:0 auto; 
	overflow:hidden;
}
.menuarea
{
	width:100%;
	overflow:hidden;
	height:auto;
	border:0;
	float:right;
	max-width:100%;
	margin:10px 0;
}
.brown_bg
{
position:relative;
	width:100%;
	margin:0;
	padding:0;
}


/****************************************************************************common******************************************************************/

.header_right
{
	float:right;
	padding:0;
}
.pic_holder
{
	float:left;
	width:auto;
	padding:0;
	margin:0;
	height:39px;
}
.header_right h1
{
	color:#747474;
	font-family: 'PT Sans', sans-serif;
	font-size:18px;
	font-weight:400;
	margin:0;
	line-height:39px;
	float:left;
	padding:0 10px;
}
.green_button_holder
{
	float:left;
	margin:0 0 0 10px;
	padding:0;
}
.green_button
{
	background:#40a211;
	color:#fff;
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
	border:none;
	padding:8px;
	cursor:pointer;
}
.green_button:hover
{
	background:#747474;
	color:#fff;
}
.bannar_holder
{
	width:100%;
	margin:0 auto;
	padding:0;
	position:relative;
}
.bannar_holder img
{ 
	width:100%;
}


.line{ position:absolute; bottom: -90px;}
.owl-controls{position: absolute;
left: 54%;
margin-left: -98px;
bottom: 8%;}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 196px;
    height: 10px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 10px;
    background: #869791;
}

.avcd{position: absolute;
left: 49%;
margin-left: 4px;}




.mailbar
{
    width: 100%;
    height: auto;
    padding: 79px 10px 40px;
    margin: -40px 0 0 0;
    overflow: hidden;
    margin-top: 8px;
    background-color: #f2f2f2;
}

.mailbox
{
	width:auto;
	height:auto;
	margin: 2% 0px 0px;
	padding: 0px 10px;
}
.mailbox h4
{
	color:#5e5e5e;
	font-family: 'PT Sans', sans-serif;
	float:left;
	margin:2% 10px;
	line-height:35px;
	font-size:24px;
	font-weight:400;
	
}
.mailme
{
	width: 47%;
	float:left;
	background:#fff;
	box-shadow:0px 0px  5px #bbb;
	padding:10px;
	margin:20px 0;
	color:#BBBBBB;
	font-size:16px;
	font-style:italic;
	border:none;
}
.sub_btn
{
	width:23%;
	float:left;
	background:#27950a;
	padding:0;
	margin:20px 0;
	color:#fff;
	font-size:24px;
	border:4px solid #b8d7b8;
	font-family: 'PT Sans', sans-serif;
	font-weight:700;
	cursor:pointer;
}
.sub_btn:hover
{
	background:#025002;
	color:#fff;
}
.box_holder
{
	overflow:hidden;
	
	width:100%;
	
}
.box_holder h1
{
	color:#000;
	font-family: 'PT Sans', sans-serif;
	font-size:40px;
	font-weight:400;
	margin:40px auto;
	text-align:center;
	
}
.box_holder .container{ padding-bottom:40px;}

.accommodation{}
.accommodation ul{}
.accommodation ul li{ width:255px; float:left; margin-right:60px; margin-bottom: 30px;height: 310px;}
.accommodation ul li:nth-child(4n){ margin-right:0px;}
.accommodation h1{color: #000;
font-family: 'PT Sans', sans-serif;
font-size: 22px;
font-weight: 400;
margin: 3px auto;
text-align: center;}
	

.accommodation p{color: #737373;
font-family: font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: 400;
margin: 10px 0;
text-align: center;
line-height: 24px;
text-align: justify;}

.border{border-bottom: thick dotted #D5D1D1;}

.box_pic
{

	
}
.image_position{ position:absolute; width:100%;}	
.box_pic img
{
	width:100%;
	height: 180px;
	max-height: 180px;
}
.box h1
{
	color:#178b17;
	font-family: 'PT Sans', sans-serif;
	font-size:18px;
	font-weight:400;
	margin: 30px 0 10px 0;
	text-align: left;
	text-transform: uppercase;
	
}
.box p
{
	color:#737373;
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	margin:10px 0;
	text-align:left;
}
.box a
{
	color: #96cb96;
text-decoration: none;
font-weight: 700;
margin-top: 10px;
display: inline-block;
text-align: right;

}
.box a:hover
{
	text-decoration:underline;
}
.box2
{
	float:right;
	margin:0;
	width:50%;
	height:auto;
	padding:2px 5px;
	overflow:hidden;
	margin-top:30px;
	position:relative;
	z-index:999999;
}
.box2 h1
{
	color:#000;
	font-family: 'PT Sans', sans-serif;
	font-size:40px;
	font-weight:400;
	margin:10px 0;
	text-align:left;
}
.box2 p
{
	color:#737373;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	font-weight:400;
	margin:10px 0;
	text-align:left;
}

.last{ margin-right:0px;}


.slider_holder
{
	margin:0 auto;
	text-align:center;
	max-width:1200px;
	/*border-bottom: 2px dotted #ddd;*/
}
.border_no
{
	border-bottom:0;
}
.box3
{
	float:left;
	margin-right:10%;
	width:45%;
	height:auto;
	padding:2px 5px;
	overflow:hidden;
	margin-bottom: 50px;
}

.box3:last-child{ margin-right:0;}


.box3 h1
{
	color:#000;
	font-family: 'PT Sans', sans-serif;
	font-size:40px;
	font-weight:400;
	margin:10px 0;
	text-align:left;
}
.box3 p
{
	color:#737373;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	font-weight:400;
	margin:10px 0;
	text-align:left;
	line-height:22px;
}
.box3 a
{
	text-transform:uppercase;
	color:#96cb96;
	text-decoration:none;
	font-weight:700;
}
.box3 a:hover
{
	text-decoration:underline;
}
.button_holder
{
	margin:0 2%;
	padding:0;
	overflow:hidden;
	
}
.gallery_holder
{
	margin:0 auto;
	text-align:center;
	max-width:1200px;
	padding-bottom: 80px;
	border-bottom: 2px dotted #ddd;
}

/************************************************************footer***************************************************/

.footer
{
		background:#fff;
		padding:20px;
		margin:0 auto;
		overflow:hidden;
}
.footer_box
{
		float:left;
		margin:0 28px;
		padding:0;
		width:23%;
		text-align:left;
		font-size:14px;
		font-family: 'PT Sans', sans-serif;
		color:#504e4e;
		
}
.footer_box h2
{
		font-size:16px;
		color:#008000;
		text-align:left;
		font-weight:400;
		text-transform:uppercase;
}
.footer_box ul
{
		margin:0 auto;
		padding:0;
		float:left;
	}
.footer_box ul li
{
		list-style:none;
		text-align:left;
		color:#504e4e;
		margin:0;
		padding: 14px;
		font-family: 'Lato', sans-serif;
		font-size:14px;
}
.footer_box ul li a
{
		text-decoration:none;
		color:#504e4e;
}
.footer_box ul li a:active
{
		color:#008000;
}
.footer_box ul li a:hover
{
		color:#008000;
}
.footer_box input[type="text"]
{
		border:1px solid #c3c3c3;
		width:90%;
		height:auto;
		padding:10px;
		margin:10px 0;
}
.footer_box_social 
{
    width: auto;
    height: auto;
    border: 0px none;
    margin: 13px 0px 0px;
}
.footer_box_social_icon 
{
    width: auto;
    height: auto;
    float: left;
    border: 0px none;
    margin: 0px 6px;
}
.sub_btn2 
{
		text-align:center;
		float:left;
		margin:2% auto;
		padding:6px 16px;
		background:#008000;
		font-family: 'Lato', sans-serif;
		font-size:20px;
		color:#fff;
		text-decoration:none;
		cursor:pointer;
		text-transform:uppercase;
		border:none;
		width: 50%;
}
.sub_btn2:hover
{
		background:#D4D0D0;
		color:#008000;
} 
.footer_bottom
{
	background:#276127;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.footer_bottom p
{
	font-size:14px;
	padding:10px 0;
	color:#fff;
	margin:0;
	text-align:center;
	font-family: 'PT Sans', sans-serif;
	
}
.menuarea ul{width: 72%;
float: right;}

/********accommodation************/

.border_bottom{ border-bottom:4px solid #008000;}
.last_boxes{ width:70%; margin:0 auto;}
.background .container{ padding-bottom: 50px;}
.border_radious{}
.dotted{ border-top: thick dotted #D5D1D1; margin-top: 10px; padding-top:30px;}
.padding{ padding-top:40px;}


/********reservation************/
.reservation{}
.text{ width:50%; float: left; margin-right:90px;}
.text h1{text-transform:capitalize; text-align:left; margin:20px 0;}
.text p{ color:#737373; text-align:left;font-size: 18px; text-align:justify}
.image{ width:40%; float: left;margin-top: 40px;}
.image img{ max-width:100%;}
.image.image_second{ margin-right:90px; width: 36%; }
.abc{ float:left; width:50%;margin-bottom: 20px;}

.text_aline{ text-align:left; text-transform:capitalize; font-size:24px;}
.room{ font-size:24px;text-transform:capitalize; color: #000; }
.room_predrence{ width: 50%; float:left;}
.room_predrence p{ text-align:left; font-family: 'PT Sans', sans-serif;font-size: 18px;}
.details{ width:100%; border:1px solid #000;float: left;margin: 30px 0px;}
.details p{ padding-left:10px; text-transform:capitalize;}
.row{ width:100%; float:left;}
.descrip{ font-weight:bold; font-size:18px; color:#008000;}
.first{width:20%; float:left;}
.second{ width:50%;float:left; border-right:1px solid #000;}
.third{ width:20%;float:left;border-right:1px solid #000;}
.fourth{ width:10%;float:left;}
.height{height:72px;}
.room_type{ width:30%; float:left;}
.type{width: 68%; float:right; margin-top: 20px;}
.lebel.marginn{margin-right: 28px;}
.lebel.margin{margin-right: 55px;}
.lebel.positionn{ margin-right:0; }


.gallery_holder h1{ text-transform:capitalize;}

.gallery_holder{ }
.gallery_holder ul{ width:100%;}
.gallery_holder ul li a{}
.gallery_holder ul li a img{ width:100%;height: 265px;max-height: 265px;}
.gallery_holder ul li:nth-child(6n){ margin-right:0px;}
.view_more_image{float: right;background-color: #008000;color: #fff;border: none;margin-right: 12px;border-radius: 20px;padding: 5px;}
.all ul {
}
.all{margin-top: 60px;}
.all ul li {
	width: 24%;
	float: left;
	line-height:0;
	margin: 5px;
	height: 265px;
	max-height: 265px;

}
.all ul li a {
	
}
.all ul li img{ width:100%;}

.image-box {
	position:relative;
	width:100%;
	float:left;
	overflow:hidden;
}

.hover-box {
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(27,168,1,0.5);
	width:100%;
	height:100%;
	z-index:99;
	transition:all 0.5s ease-in-out;
	transform:scale(0,0);
	outline: 3px solid #fff;
	outline-offset: -20px;
	
}

.i_position{ position: absolute;
top: 43%;
margin-left: -12px;
color: #fff;}
.image-box img {
	transition:all 0.5s ease-in-out;
}
.image-box:hover img {
	transform:scale(1.3,1.3);

}

.image-box:hover .hover-box {
	transform:scale(1,1);
}









* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 

 
.pick {
    
  float: left;
  
   

  overflow: hidden;
 
}
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.morph img{ width:100%;} 
 
.morph:hover {
  border-radius: 50%;

}




.footer_box:nth-child(3n) ul li{padding: 5px 10px;}
.footer_box:nth-child(4n){ width:10%;}














.contact_us{ padding-bottom:30px;}
.contact{ width:50%; float:left;}
.contact h1{text-transform:capitalize; text-align:left;}
.textfield{ width:80%;margin: 0px 0px 8px 0px;height: 40px; border:2px solid #ddd;padding-left: 10px;font-size: 15px; margin-right: 100px;}
.textarea {
	height: 110px;
	resize: none;
	width: 480px;
	float: left;
	margin-right: 10px;
}
.map{width:50%; float:left;}
.map h1{ text-transform:capitalize; text-align:left;}
.button {
	text-align: left;
	display: inline-block;
	float: left;
	width: 26%;
	margin-top:12px;
}
.reserve{ float:right;}
.submit {
	background-color: #fff;
	color: #008000;
	padding: 7px 12px;
	font-size: 24px;
	border: 2px solid #008000;
	width: 83%;
	font-family: PT sans;
}

.submit:hover{ background-color:#008000; color:#fff; border:2px solid tranparent; transition: all ease-in-out 0.4s;}


.bottom{ 
padding-bottom:50px;
border-bottom: 2px dotted #ddd;
}
.view_more{ text-transform:capitalize; color:#008000; text-decoration:none; font-size:18px; padding:15px 0; }
.ragistration{ text-align:justify; width: 100%; }
.ragistration_form{ float:left; width: 50%; margin-top:100px;}
.lebel{ float: left;
margin-top: 17px;
color: #3F3F3F;
font-family: lato;
margin-right: 40px;}

.input{ width: 100%;
float: left;
margin: 10px 0;
padding: 7px 0;
margin-top: 5px;
padding-left: 20px;
background: #EAEAEA;
border: none;
color:  #009AE1;
box-shadow: 1px 3px 5px #A7A7A7;
height: 40px;
font-style: italic;}
.right{float: left;width: 50%;}
.ragistration_from{ float:left; width:100%; margin-top:50px;}
.select{width: 30%;
float:left;
margin-top: 7px;
border: none;
padding: 5px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
background: #EAEAEA;
color: #009AE1;
box-shadow: 1px 3px 5px #A7A7A7;
height: 33px;}
.pad{ padding-bottom:40px;}
.dates_required{float: left;width: 100%; margin-top: 20px;}
.dates_required h5{ text-transform:capitalize; font-size:18px; color:#008000; text-align:left; margin-bottom: 30px;}
.date{ text-align:left; margin: 0;}
#datepicker{ margin-top:10px;}
.sqare{ padding:40px 0;}
.sqare a{ padding:0 5px; color:#008000}
.width{ width:25%; border-r}
.dates{ width: 100%;float: left;}





.container_two{ width:1000px; margin:0 auto;}
.ragistration_form_two{width: 100%; float: left; margin-top: 50px;}
.ragistration_form_two h5{text-transform: capitalize;
font-size: 30px;
color: #008000;
text-align: left;
margin-bottom: 30px;
font-weight: normal;}

.ragistration_form_two ul{ width:100%;float: left;}
.ragistration_form_two ul li{ width:49%; margin-right:1%; float:left;}
.ragistration_form_two ul li:nth-child(2n){ margin-right:0;}
.from{ width:100%; float:left;}
.position{margin-top: 34px;}
.ragistration_form_two ul li.position{ width:50%; text-align: center;}
.dates_required_a{width: 100%;
float: left;
margin-top: 40px;}


.ragistration_form_two ul li.center{ width: 50%;
margin: 0 auto;
float: none;}













.bold{ font-weight:bold;}
.local_attaraction{ width:100%; float:left; margin:40px 0;}
.local{ margin:0; margin:20px 0;color: #454545;}
.left_part{ width:30%; float:left; margin-right:5%;    margin-top: 11px;}
.left_part img{ width:100%;}
.right_part{ width:60%; float:left;}
.right_part h1{text-align:left; margin:0; margin-bottom:20px; font-size:30px; color:#008000}
.right_part p{ line-height:32px; text-align:left; font-size:18px;}
.oppsite_left{ float:left; margin-right:5%;}
.oppsite_right{ float:left; margin-right:0;    margin-top: 11px;}




.rates h1{ margin:20px 0}
.ratess{ font-size:18px; font-weight:500;line-height: 32px; padding-bottom: 28px;}
.avalibility{ text-align:center;padding-bottom: 30px;}
.check{border: 2px solid #008000;padding: 10px 26px;font-size: 18px;color:#008000; background-color:#fff; cursor: pointer;}
.check:hover{background-color:#008000; border:2px solid transparent; color:#fff; transition:all ease-in-out 0.4s;}
.simple_text{ width:70%;}
.simple_text a{ text-align:center;display: block; text-decoration: none;}
.p_one{ font-size: 18px; line-height:32px; padding-bottom: 20px; }
.italic{ font-style: italic;color: #009ae1;font-size: 24px; text-decoration:none; text-align:center;}
.discount{color: #009ae1;font-size: 24px; text-decoration:none; display:block;}
.color{color: #009ae1; }





.upper{}
.upper h1{ text-transform:capitalize;color:#454545;}
.upper h3{text-transform:capitalize; color:#454545; text-align:center;}
/*.middle{ width:80%; text-align:center;}
.middle p{ line-height:32px; }
.middle ul{ width:100%; float:left; padding: 40px 0;}
.middle ul h2{text-transform:capitalize; color:#454545; text-align:center; margin-bottom:60px;}
.middle ul li{ width:33.333%; float:left; margin-right:0; line-height:0;}
.middle ul li:nth-child(3n){ margin-right:0;}
.boxes img{ max-width:100%;}
.abcd{ width:80%; text-align:center;}
.abcd h3{font-size: 24px;
font-weight: normal;
padding: 20px 0;}
.abcd p{line-height: 22px;}*/
.upper h1::after{ content: "";
width: 218px;
height: 2px;
position: absolute;
margin-top: 66px;
left: 42%;
border-bottom: 2px dotted #746f6f;
}


.ldjdj{ width:85%; float:none; margin:0 auto;}

.breakfast{ width:100%; float:left;} 
.breakfast h1{ color: #454545;font-family: 'PT Sans', sans-serif;font-size: 40px;font-weight: 400;margin: 40px auto;text-align: center;}
.com{line-height: 32px;
text-align: left;
font-size: 18px; width:100%; float:none; text-align:center;}

.slider{ margin:100px 0;}

.blog a{ text-decoration:none; color:#}

.blog_btn{ background: #367862;
border-radius:10px;
color: #fff;
padding: 10px 28px; }
.blog_btn a{ font-size: 24px;
font-family: 'Lato';
color: #fff;
cursor: pointer;}
.blog_btn a:hover{ border:2px solid#0C0; background:#fff; color:#0C0;}

.new_details {
	text-transform: uppercase;
	color: #96cb96;
	text-decoration: none;
	font-weight: 700;		
}

/******************************************* 16.03.16 ****************************/

.location{ width:100%; float:left;margin-top: 20px;}
.location h2{ display:inline-block; color: #7b7b7b; font-weight:normal;}
.location h3{  display:inline-block; margin-right:20px; margin-top:10px;}
.location h4{margin: 20px 0;font-weight: lighter;}
.location h5{font-family: 'Lato';
font-size: 34px;
color: #454545;
margin-bottom: 20px;
margin-top: 40px;}

.location p{ font-family: 'Raleway', sans-serif;
text-align: left;
font-size: 16px;
line-height: 27px;}

.map_area{ width:100%; float:left;margin-top: 47px;}
.breakfast .item img{ width:290px; height: 250px; max-height: 250px; margin:2px;}

/* CSS Media Query **/

@media only screen and (max-width: 767px) {


.logo img {
   
    max-width: 150px;
}


.menuarea {
   
    margin: 0;
    
}

.accommodation ul { text-align: center; float: none }

.accommodation ul li {
    width: 255px;
    float: none;
    margin-right: 0;
    margin-bottom: 30px;
    height: auto;
    display: inline-block;
    /* margin: 15px auto; */
    margin: 15px;
}

.box2 {
    float: none;
    margin: 0;
    width: 100%;
    
    padding: 2px 15px;
    overflow: hidden;
    margin-top: 0;
    
}

.image_position {
    position: relative;
    width: 100%;
}

.sub_btn {
   
       width: auto;
    padding: 0 15px;

}


.box_holder h1 {
    
    margin: 0px auto 20px;
    
}

#testimonials {
    
    margin-bottom: 0;
}

.all ul li {
    width: 48%;
    float: left;
    line-height: 0;
    margin: 1%;
    height: 205px;
    max-height: 205px;
}

.gallery_holder ul li a img {
    width: 100%;
    height: 205px;
    max-height: 205px;
}


.footer_box {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    color: #504e4e;
        margin-bottom: 30px;
}

.footer_box:nth-child(4n) {
    width: 100%;
}

.line {
    position: absolute;
    bottom: -15px;
}

.avcd {
    
    display: none;
}



.mailbox h4 {
    
    float: none;
    
    text-align: center;
}

.mailme {
    width: 60%;
}
.mailbox .sub_btn { width: 40% }

.right_part {
    width: 100%;
    float: left;
    padding: 0 15px;
}

.left_part {
    width: 100%;
    float: left;
    margin-right: 0;
    margin-top: 11px;
    padding: 0 15px;
}

.contact {
    width: 100%;
    float: none;
    padding: 0 15px;
}

.textarea {
    
    width: 100%;
    
}

.textfield {
    width: 80%;
    margin: 0px 0px 8px 0px;
    height: 40px;
    border: 2px solid #ddd;
    padding-left: 10px;
    font-size: 15px;
    margin-right: 0;
    display: block;
    margin-bottom: 15px;
    width: 100%;
}

.map {
    width: 100%;
    float: none;
    padding: 10px 15px;
    display: block;
    clear: both;
    /* margin-top: 30px; */
}

.submit {
  
    width: auto;
    
}

.button {
    
    width: auto;
   
}

.breakfast {
    width: 100%;
    float: left;
    padding: 0 15px;
 }

 .breakfast h1 {
    
    font-size: 36px;
    
}


.item img {
    width: 100%;
    height: auto;
    max-height: inherit;
    margin: 2px;
}


.upper h1::after {
    content: "";
    width: 80%;
    height: 2px;
    position: absolute;
    margin-top: 66px;
    left: 0;
    right: 0;
    border-bottom: 2px dotted #746f6f;
    margin: 0 auto;
    margin-top: 66px;
}

.middle ul li {
    width: 100%;
    float: left;
    margin-right: 0;
    line-height: 0;
}

.abcd {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}


.header_bottom {
    width: 100%;
    background: #fff;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

#cssmenu > ul > li:last-child a {
    padding: 20px 15px;
    padding-left: 15px;
    margin-top: 0;
}



.header_right h1 {
    color: #747474;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    line-height: 30px;
    float: left;
    padding: 0 10px;
}
.pic_holder {
    float: left;
    width: auto;
    padding: 0;
    margin: 0;
    height: 30px;
}
.pic_holder img { height: 30px }

.green_button {
    
    font-size: 12px;
    font-weight: 600;
   
}

#cssmenu #menu-button {
    
    padding: 17px 20px;
    
}

}




@media only screen and (max-width: 1024px) and (min-width: 768px) {


#cssmenu #menu-button {
    
    padding: 17px 20px;
    
}

.header_bottom {
    width: 100%;
    background: #fff;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

#cssmenu > ul > li:last-child a {
    padding: 20px 15px;
    padding-left: 15px;
    margin-top: 0;
}

.mailbox h4 {
    margin-bottom: 0;
    display: block;
    clear: both;
    width: 100%;
    text-align: center;
}

.mailbox .sub_btn, .mailme { float: none }

.avcd {
    position: absolute;
    left: 49%;
    margin-left: 4px;
    display: none;
}

.line {
    position: absolute;
    bottom: -35px;
}

.mailbar {
   
    background-size: cover;
}

.mailbox {
    
    text-align: center;
}

.accommodation ul li {
    width: 45%;
    float: left;
    margin-right: 0;
    margin-bottom: 30px;
    height: auto;
    margin: 15px 2.5%;
    max-width: 350px;
}

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

.box2 { margin-top: 0 }
.box2 h1 {
   
    margin: 0px 0;
    text-align: left;
}


.sub_btn {
    width: auto;
    
    padding: 0px 15px 3px;
    
}


.all ul li {
    width: 32%;
    float: left;
    line-height: 0;
    margin: 5px .66666666%;
    height: 265px;
    max-height: 265px;
}


.footer {
    
    padding: 20px 0;
    position: relative;

clear: both;
display: block;
    
}

.footer_box {
    float: left;
    margin: 0;
    padding: 0;
    width: 27%;
    
}

.footer_box:nth-child(4n) {
    width: 15%;
}
.slider {
    margin: 50px 0;
}
.logo img {
    
    max-width: 215px;
}

.submit {
    
    width: auto;
    
}
.local_attaraction {
    
    padding: 0 15px;
}

.right_part {
    width: 55%;
    
}

.left_part {
    width: 40%;

}

.right_part p {
    line-height: 1.5em;
    text-align: left;
    font-size: 16px;
}


.upper h1::after {
    content: "";
    width: 80%;
    height: 2px;
    position: absolute;
    margin-top: 66px;
    left: 0;
    right: 0;
    border-bottom: 2px dotted #746f6f;
    margin: 0 auto;
    margin-top: 66px;
}



.middle {
    width: 100%;
    text-align: center;
    padding: 0 15px;
}

.abcd h4 {
    font-size: 24px;
    font-weight: normal;
    padding: 20px 0 0;
    line-height: 1.2em;
}

.contact_us {
    padding-bottom: 30px;
    padding: 30px 15px;
}

.textarea {
    height: 110px;
    resize: none;
    width: 80%;
    float: left;
    margin-right: 10px;
}

.contact h1, .map h1 {

    font-size: 30px;
}

.breakfast h1 {
    
    font-size: 30px;
    
}


.breakfast .item img {
    width: 90%;
    
    margin: 0 5%;
}

}

.footer_box li {
    position: relative;
}

.footer_box li i {
    position: absolute !important;
    left: -3px;
}
.footer_box:nth-child(1) li {
    padding-left: 19px;
}
.left-wrap p {
    text-align: left !important;
}
div#ADA-compliance {
    padding-top: 36px;
}

.left-wrap h3 {
    font-size: 15px;
}

.home-wrapper h2:before, .home-wrapper h2:after{
  content: "";
  position: relative;
  display: inline-block;
  width: 50%;
  height: 1px;
  vertical-align: middle;
  background: #f0f0f0;
}
.home-wrapper h2:before{    
  left: -.5em;
  margin: 0 0 0 -50%;
}
.home-wrapper h2:after{    
  left: .5em;
  margin: 0 -50% 0 0;
}

.home-wrapper h2{
  color: #000;
    font-family: 'PT Sans', sans-serif;
    font-size: 35px;
    font-weight: 400;
    margin: 40px auto;
    text-align: center;
}
.wrapper.home-wrapper h3 {
    font-size: 22px;
    color: #000 !important;
}
.phone-wrapper {
    color: #747474;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    line-height: 39px;
    float: left;
    padding: 0 10px;
}
.footer_box h2 {
    font-size: 18px;
    font-weight: 700;
}
.wrapper.contact-wrapper h5 {
    color: #454545;
    font-family: 'PT Sans', sans-serif;
    font-size: 40px;
    font-weight: 400;
    margin: 40px auto;
    text-align: center;
}
.right_part h2 {
        font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    text-align: left;
    margin: 0;
    margin-bottom: 20px;
    font-size: 30px;
    color: #008000;
}
.mailbox span {
    color: #5e5e5e;
    font-family: 'PT Sans', sans-serif;
    float: left;
    margin: 2% 10px;
    line-height: 35px;
    font-size: 24px;
    font-weight: 400;
}
/* ADA AND LAYOUT FIX RELATED CSS  */
.header {
    max-width: 1350px;
}

.header_bottom {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

span.phone-wrapper {
    color: #525252;
}

.green_button {
    background-color: #256407;
}

a {
	color: #3B6237 !important;
}

.mailme {
	color: #595959 !important;
}

.box_text h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 21px !important;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
    padding: 0.1em 0;
    color: #444;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    margin-top: 15px;
}

h2.sub-head-text {
    font-family: 'PT Sans', sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #000;
}

.sec-heading {
    font-size: 40px;
    font-weight: 400;
    color: #454545;
}

.middle {
    width: 80%;
    text-align: center;
}

.middle p {
    line-height: 32px;
}

.middle .grid-wrapper {
    width: 100%;
    float: left;
    padding: 40px 0;
}

.middle .grid-wrapper h2 {
    text-transform: capitalize;
    color: #454545;
    text-align: center;
    margin-bottom: 60px;
}

.middle .grid-wrapper > div {
    width: 33.333%;
    float: left;
    margin-right: 0;
    line-height: 0;
}

.middle .grid-wrapper > div:nth-child(3n) {
    margin-right: 0;
}

.boxes img {
    max-width: 100%;
}

.abcd {
    width: 80%;
    text-align: center;
}

.abcd h3,
.abcd h2 {
    font-size: 24px;
    font-weight: normal;
    padding: 20px 0;
    margin-top: 30px;
    margin-bottom: 30px !important;
}

.abcd p {
    line-height: 22px;
}

@media screen and (min-width: 767px) {
    .grid-wrapper div .spacer {
        display: block;
        padding: 30px 0;
    }
}

@media screen and (max-width: 767px) {
    .middle .grid-wrapper > div {
        width: 100%;
    }
}

/*ADA FIX - 04 08 22 */

.wpcc-privacy {
    color: #fff !important;
}

.wpcc-btn {
	background-color: #fff !important;
}