* {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}
body {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6{
	font-family:sans-serif, Verdana, Geneva ;
	font-weight:normal;
}
*, *::before, *::after{box-sizing:border-box;}

#top_bg{
	background:url(../img/bg_top.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:0px;
}
.pad_top{
	padding:60px 0px 30px 0px;
}
.pad_top1{
	padding:20px 0px;
}
.head_1{
	background:#fff;
	padding:50px 0 0;
	border-top:5px solid /*#F0BC4E*/#333;
}
.head_1 h1{
	font-size:55px;
	color:#3A3A3A;
}
.gopal{
	color:#B97D2D;
}
.gopal_1{
	color:#BAADA0;
	font-weight:800;
	font-size:16px;
}
.mar_bot{
	padding-bottom:30px;
}
#font_h3{
	font-size:1.5em;
}
.font_head{
	font-size:1.2em;
	font-weight:600;
}
.font_head1{
	font-size:1.2em;
	font-weight:600;
}
#service{
	padding:0px;
	background-color:transparent;
	margin-top:0px;
	margin-bottom:-177px;
}
#service h3{
	color:#ebebeb;
	font-size:28px;
}
.col_bg{
	background:#B97D2D;
	padding:30px 0;
	border-radius:0;
}
.20_bot{
	margin-bottom:23px;
}
#gopal{
	padding:190px 0px 60px 0px;
}
#place{
	padding:0px;
}
#gopal h1{
	font-size:40px;
	color:#6B5F53;
	line-height:60px;
	font-weight:normal;
}
#gopal h1:hover{
	font-size:40px;
	color:#B97D2D;
	line-height:60px;
}
#gopal h4{
	font-size:20px;
	color:#252525;
	line-height:40px;
	letter-spacing:1.5px;
}
#gopal h4:hover{
	font-size:20px;
	color:#B97D2D;
	line-height:40px;
}
#gopal h5{
	font-size:15px;
	color:#252525;
	line-height:20px;
	padding-bottom:20px;
}
#gopal .btn-primary{
	background:#B97D2D;
	border-radius:0;
	border:1px solid #B97D2D;
	font-weight:400;
	text-decoration:none;
	color:#fff;
}
#gopal .btn-primary:hover{
	background:#fff;
	border-radius:0;
	border:1px solid #B97D2D;
	color:#333;
	font-weight:400;
}
#book_bt{
    background:#B97D2D; 
    border:1px solid #333; 
	color:#fff; 
	border-radius:0px;
}
#book_bt:hover{
	color:#333;
	background:#fff;
	border:1px solid #B97D2D;
}
.panel:hover {
    box-shadow: 0 0 8px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.8);
}
.hovereffect{
	width:360px;
	height:187px;
	overflow:hidden;
}
.hovereffect img{
	width:360px;
	height:187px;
	transition:transform 300ms;
}
/*.overlay{
	top:0;
	opacity:0;
	position:absolute;
	visibility:visible;
	background:rgba(0,0,0,0.6);
}*/
.hovereffect:hover/* .overlay*/{
	width:360px;
	height:187px;
	visibility:visible;
	opacity:1;
	transition:1s all ease-in-out;
}
.hovereffect:hover img{
	transform:scale(1.05,1.05);
}

#booking{
	background:url(../img/booking.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	padding-top:0px;
}
.book_bg{
	background:rgba(0,0,0,0.9);
	height:100%;
	margin-left:15%;
	margin-top:8%;
	margin-bottom:8%;
	cursor:pointer;
}
.book_bg:hover{
	background:#333;
	cursor:pointer;
}
.50_pad{
	padding:50px 0;
}
#booking h1{
	font-size:120px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}
#booking h3{
	font-size:60px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}
.online a{
	color:#B97D2D;
	text-transform:capitalize;
	text-decoration:none;
	border:none;
}
.20pad{
	padding:20px 0;
}
#rooms{
	padding:40px 0;
}
.heading{
	color:#333333;
	text-transform:capitalize;
	padding-bottom:30px;
}
#rooms h1{
	font-size:40px;
}

.wrapper{
	width:250px;
	height:250px;
	position:relative;
	transition:0.4s all ease-in-out;
	border:1px solid #333;
	margin-bottom:30px;
}
.img{background-image:url(../img/a.jpg);}
.img1{background-image:url(../img/b.jpg);}
.img2{background-image:url(../img/c.jpg);}
.img3{background-image:url(../img/d.jpg);}
.content{
	position:absolute;
	width:250px;
	height:250px;
	opacity:0;
}
.wrapper:hover{
	box-shadow:inset 0 0 0 130px rgba(0,0,0,0.4),
	           inset 0 0 0 5px rgba(255,255,255,0.8),
			   0 0 0 rgba(0,0,0,0.1);
}

footer {
    border-top: 1px solid #FFFFFF;
    padding: 20px 0;
    background: #B97D2D;
}

.social a:hover {
    color: #6B5F53;
}

.social a {
    font-size: 32px;
    margin: 0 10px;
    color: #FFFFFF;
}
.copyright{
	padding:20px 0;
	background:#333;
	color:#fff;
}

#timings{
	margin-top:-80px;
}
#bor_black{
	border:1px solid #333;
}

/*--gallery--*/
.gallery {
  padding: 0 0;
}
.gallery-grids-left{
	float:left;
	width: 33.33%;
}
.gallery-grids-left img {
  display: block;
  width: 100%;
}
img.img-responsive {
  display: inline-block;
}
img.zoom-img {
	webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: .5s;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: .5s;
}
img.zoom-img:hover {
	-webkit-transform: scale(1.08);
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.05);
	-moz-transition-timing-function: ease-in-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
.glry-img{
overflow:hidden;
}
/*--gallery--*/
.gallery1 {
  padding: 1em 0 2em 0;
}
.gallery1 h3 {
	font-size: 1.8em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
	line-height:2.0em;
}
.gallery-grids1 .thumbnail {
  border: none;
  padding: 0;
  margin-bottom: 2.5em;
  overflow:hidden;
  border:1px solid #ddd;
  padding:4px;
}

img.zoom-img {
     transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
}
img.zoom-img:hover {
     transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-duration: 750ms;
	-moz-transition-timing-function: ease-in-out;
	-moz-transition-duration: 750ms;
	-ms-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	-ms-transition-duration: 750ms;
	-o-transition-duration: 750ms;
	overflow: hidden;
}
.fancybox-skin {
  background-color: rgba(53, 98, 114, 0.61) !important;
}
.fancybox-nav {
  width: 10% !important;
}
/*--design end here--*/

.features {
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 3em;
	padding-left: 0;
}
.featur-grids .thumbnail {
  padding: 1.5em;
  background-color: #F4F2F2;
  border: none;
}
.feature-thmbnl .caption{
  padding: 0 !important;
}
.feature-thmbnl h4 {
  font-size: 1.3em;
  margin-bottom: 0.3em;
  font-weight: 400;
}
.feature-thmbnl img {
	border: 2px solid #333;
	box-shadow: 1px 1px 1px rgb(192, 188, 188);
	-webkit-box-shadow: 1px 1px 1px rgb(192, 188, 188);
	-moz-box-shadow: 1px 1px 1px rgb(192, 188, 188);
	-o-box-shadow: 1px 1px 1px rgb(192, 188, 188);
	-ms-box-shadow: 1px 1px 1px rgb(192, 188, 188);
	margin-top:15px;
}
.feature-thmbnl h5{
  font-size: 1.3em;
  color: rgb(95, 158, 160);
  margin: 1em 0 0.3em;
}
.feature-thmbnl h5 a{
  color: rgb(95, 158, 160);
}
.feature-thmbnl h5 a:hover{
  color: rgba(242, 114, 66, 0.96);
}
.feature-thmbnl p {
  font-size: 14px;
  margin: 0.8em 0 1em;
  color: #000;
  font-weight: 300;
  text-align:justify;
}
.features h3 {
  font-size: 1.6em;
  font-weight: 500;
  color: #645d5d;
  margin-bottom: 1em;
 
}



/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
*, *::before, *::after{transition:all .3s ease-in-out;}
#mainav form *{transition:none;!important}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin:0; padding:0; list-style:none;}

#mainav, #breadcrumb, .sidebar nav{line-height:normal;}
#mainav .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:'Open Sans', sans-serif; font-size:14px; line-height:10px; text-decoration:none;}

/* Top Navigation */
#mainav{}
#mainav ul.clear{margin-top:3px;}
#mainav ul{text-transform:uppercase;}

#mainav li{display:inline-block; position:relative; margin:0 40px; padding:0;}

#mainav li a{display:block; padding:30px 0;}


#mainav form{display:none; margin:0; padding:0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:80%; padding:5px; border:none; margin-left:70px;}
#mainav form select option{margin:5px; padding:0; border:none;}

/* Breadcrumb */
/*#breadcrumb{padding:15px 0;}
#breadcrumb ul{margin:0; padding:0; list-style:none; text-transform:uppercase;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:3px; right:0; content:"\f101";}*/


/* Sidebar Navigation */
/*.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}*/



/* Forms
--------------------------------------------------------------------------------------------------------------- */
form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
label, input, textarea, select, button{display:block; resize:none; outline:none; color:inherit; font-size:inherit; font-family:inherit; vertical-align:middle;}
label{margin-bottom:5px;}
:required, :invalid{outline:none; box-shadow:none;}

/* Navigation */
#mainav li a{color:inherit;font-weight:bold;}
#mainav .active > a{color:#B97D2D; background-color:inherit; font-size:14px; font-weight:bold;}
#mainav a:hover{color:#B97D2D; background-color:inherit; font-size:14px; font-weight:bold; text-decoration:none;}
#mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border:none;font-weight:bold;}
#mainav form select{color:#FFFFFF; background-color:#B97D2D;}

#breadcrumb a{color:inherit; background-color:inherit;}

.container .sidebar nav a{color:inherit; border-color:none;}
.container .sidebar nav a:hover{color:#B97D2D;font-weight:bold;}

.pagination a, .pagination strong{border:none;}
.pagination .current *{color:#FFFFFF; background-color:#B97D2D;}

#backtotop{color:#FFFFFF; background-color:#B97D2D;}

@media screen and (min-width:978px){
	.hoc{max-width:978px;}
}


/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:900px){
	/*.hoc{max-width:90%;}

	#topbar{}

	#header{padding:30px 0;}
	#header #logo{margin:0;}*/

	#mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block; margin-top:8px;}

	/*#breadcrumb{}

	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#footer{}*/
}
@media(max-width:640px){
	#booking h1{
	font-size:60px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}
#k2{margin-left:-2px;}
}
@media(max-width:480px){
#mainav form select{width:80%; padding:5px; border:none; margin-left:45px;}
.k2{margin-left:30px;}
#k2{margin-left:-2px;}

/*.col_bg{
	background:#B97D2D;
	padding:30px 0;
	border-radius:0;
	width:64.5%;
	margin-left:80px;
}
.head_1 h1{
	font-size:65px;
	color:#6B5F53;
}
.wrapper{
	width:285px;
	height:250px;
	position:relative;
	transition:0.4s all ease-in-out;
	border:1px solid #333;
	margin-bottom:30px;
	margin-left:80px;
}
.content{
	position:absolute;
	width:285px;
	height:250px;
	opacity:0;
	margin-left:80px;
}
*/
.20pad{
	padding:20px 0;
}
#service.col_bg{
	background:#B97D2D;
	padding:30px 0;
	border-radius:0;
	width:100%;
}
#service .panel_heading{
	width:50%;
}
#booking h1{
	font-size:30px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}
#booking h3{
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:10px;
}
}



@media(max-width:320px){
#mainav form select{width:80%; padding:5px; border:none; margin-left:30px;}
.head_1 h1{
	font-size:40px;
	color:#6B5F53;
}
#gopal h1{
	font-size:22px;
	color:#6B5F53;
	line-height:40px;
	font-weight:normal;
}
#gopal h1:hover{
	font-size:22px;
	color:#B97D2D;
	line-height:40px;
}
/*.carousel .item {
  height: 200px;
}

.item img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 200px;
}*/
#gopal h4{
	font-size:15px;
	color:#252525;
	line-height:20px;
	letter-spacing:1.5px;
}
#gopal h4:hover{
	font-size:15px;
	color:#B97D2D;
	line-height:20px;
}
.book_bg{
	background:rgba(0,0,0,0.6);
	height:100%;
	margin-left:0%;
	margin-top:8%;
	margin-bottom:8%;
	cursor:pointer;
}
#booking h1{
	font-size:30px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}
#booking h3{
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:10px;
}
.online a{
	color:#B97D2D;
	text-transform:capitalize;
	text-decoration:none;
	border:none;
}

#rooms h1{
	font-size:30px;
}
.wrapper{
	width:285px;
	height:250px;
	position:relative;
	transition:0.4s all ease-in-out;
	border:1px solid #333;
	margin-bottom:30px;
}
}