/*
*  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

@font-face {
    font-family: 'rajdhanimedium';
    src: url('../fonts/rajdhani-medium-webfont.woff2') format('woff2'),
         url('../fonts/rajdhani-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roundkeymedium';
    src: url('../fonts/roundkey_medium-webfont.woff2') format('woff2'),
         url('../fonts/roundkey_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roundkeyextra_light';
    src: url('../fonts/roundkey_extralight-webfont.woff2') format('woff2'),
         url('../fonts/roundkey_extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1 {
    font-family: 'roundkeymedium';
    font-size: 45px;
    color: #f18e0e;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1.5px;
    line-height: 45px;
}



h2 {
	font-family: 'roundkeymedium';
	font-size: 33px;
	color: #03041d;
	font-weight: normal;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	padding-top: 25px;
	padding-left: 30px;
}

h3 {
	font-family: 'roundkeyextra_light';
	font-size: 33px;
	color: #e9880a;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	text-align: center;
	padding-top: 25px;
}

h4 {
	font-family: 'roundkeyextra_light';
	font-size: 27px;
	color: white;
	font-weight: normal;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}


.spacer {
	width: 100%;
	height: 1px;
	line-height: 1px;
	clear: both;
}

img {
	max-width: 100%;
}

#top-bg {
	width: 100%;
	height: 329px;
	margin: 0 auto;
	background-image: url(../images/top-bg.png);
	background-size: cover;
	z-index: 9999;
	position: absolute;
}

.logo {
	float: left;
	margin-top: 10px;
}

#reservation-icon {
	float: right;
	margin-top: 50px;
}

#menu {
	float: right;
	margin-right: 5px;
}

#menu ul {
	list-style-type: none;
}

#menu ul li {
	font-family: 'rajdhanimedium';
	font-size: 17px;
	color: white;
	float: left;
	letter-spacing: 1.5px;
	padding: 60px 15px 0 0;
}

#menu ul li a {
	color: white;
}

#menu ul li a:hover {
	color: #f19e0e !important;
}

.wrapper {
	width: 100%;
	max-width: 1260px;
	height: auto;
	margin: 0 auto;
}

#banner {
	text-align: center;
}

#welcome-bg {
	width: 100%;
	height: 587px;
	margin: 0 auto;
	background-image: url(../images/welcome-bg.jpg);
	background-size: cover;
	margin-top: -3px;
	overflow: hidden;
}

#welcome {
	width: 100%;
	max-width: 650px;
	height: auto;
	margin-top: 75px;
}

#welcome p {
	font-family: 'rajdhanimedium';
	font-size: 17px;
	color: #2d2d2d;
	line-height: 26px;
	padding-top: 25px;
}

.readmore {
	float: left;
}

.readmore img {
	margin: 30px 15px 0 0;
}

#check-box {
	width: 100%;
	height: 220px;
	margin: 0 auto;
	background-image: url(../images/check-img.jpg);
	background-size: cover;
}

.amenities-lft {
	width: 100%;
	max-width: 381px;
	height: 570px;
	background-color: #e1e6ec;
	float: left;
	margin: 70px 0 0 30px;
}

.amenities-lft p {
	font-family: 'rajdhanimedium';
	font-size: 16px;
	color: black;
	line-height: 24px;
	letter-spacing: 1px;
	padding: 16px 30px
}

#viewmore {
	margin-left: 30px;
}

#rooms-bg {
	width: 100%;
	height: 680px;
	margin: 0 auto;
	background-image: url(../images/rooms-bg.jpg);
	background-size: cover;
	margin-top: 60px;
}

.rooms {
	width: 100%;
	max-width: 580px;
	height: auto;
	float: left;
	margin: 85px 0 0 40px;
}

.rooms p {
	font-family: 'rajdhanimedium';
	font-size: 17px;
	color: white;
	text-align: center;
	letter-spacing: 1px;
	line-height: 25px;
	padding-top: 20px;
}

#viewdetials {
	text-align: center;
	margin-top: 25px;
}

#gallery-scroll {
	text-align: center;
}

#info-bg {
	width: 100%;
	height: 340px;
	margin: 0 auto;
	background-color: #010a12;
	margin-top: -3px;
}

#info {
	width: 100%;
	max-width: 482px;
	height: auto;
	float: left;
	margin-top: 65px;
}

#info p {
	font-family: 'rajdhanimedium';
	font-size: 16px;
	color: #bdbbbb;
	line-height: 24px;
	padding-top: 25px;
}

#info-line {
	
}

#features {
	width: 100%;
	max-width: 435px;
	height: auto;
	float: left;
	margin-top: 65px;
	margin-left: 40px;
}

.features-lft {
	width: 100%;
	max-width: 250px;
	height: auto;
	float: left;	
	margin-top: 14px;
}

.features-lft ul {
	list-style-type: none;
}

.features-lft ul li {
	font-family: 'rajdhanimedium';
	font-size: 16px;
	color: #bdbbbb;
	line-height: 50px;
	border-bottom: 2px #252e35 solid;
	letter-spacing: 1px;
	background-image: url(../images/bullets.png);
	background-repeat: no-repeat;
	background-position: 0.1em;
	padding-left: 25px;
}

.features-rt {
	width: 100%;
	max-width: 165px;
	height: auto;
	float: left;
	margin-left: 15px;
	margin-top: 14px;
}

.features-rt ul {
	list-style-type: none;
}

.features-rt ul li {
	font-family: 'rajdhanimedium';
	font-size: 16px;
	color: #bdbbbb;
	line-height: 50px;
	border-bottom: 2px #252e35 solid;
	letter-spacing: 1px;
	background-image: url(../images/bullets.png);
	background-repeat: no-repeat;
	background-position: 0.1em;
	padding-left: 25px;
}

#contactdetial {
	width: 100%;
	max-width: 265px;
	height: auto;
	margin-top: 65px;
	float: right;
}

#contactdetial p {
	font-family: 'rajdhanimedium';
	font-size: 16px;
	color: #bdbbbb;
	line-height: 24px;
	padding-top: 25px;
}

#footer-bg {
	width: 100%;
	height: 100px;
	margin: 0 auto;
	background-color: #08406e;
}

#footer-lft {
	width: 100%;
	max-width: 600px;
	height: auto;
	float: left;
}

#footer-lft p {
	font-family: 'rajdhanimedium';
	font-size: 17px;
	color: white;
	letter-spacing: 1px;
	padding-top: 45px;
}

#footer-rt {
	width: 100%;
	max-width: 255px;
	height: auto;
	float: right;
}

#footer-rt p {
	font-family: 'rajdhanimedium';
	font-size: 17px;
	color: white;
	letter-spacing: 1px;
	padding-top: 45px;
}

#footer-rt p a {
	color: #f18e0e;
	text-decoration: none;
}

#gallery-scroll-bg {
	width: 100%;
	max-width: 1440px;
	height: auto;
	margin: 0 auto;
}

/*****************contqactus************/
    .contact_left{ width: 100%; max-width:300px; height:auto; float:left; margin-left:28px; margin-top: 25px}
    .form{ width:100%; max-width:685px; height:auto; float:left; margin-top: 20px;
          padding-left:15px; ; padding-top:15px;  background-color:#FFF; margin-bottom:40px; padding-bottom:20px}
    .contactus_rt{ width:96%; max-width:1340px; margin-left:28px}
    .contact_middle{ width:100%; max-width:730px; height:auto; float:right; margin-top:20px; margin-right: 50px;}
    .map{ width:100%;  height:auto; margin:0 auto; margin-top:20px; margin-bottom: 30px}



.amenities p{ font-family: 'roundkeymedium'; font-size:18px; color:#333333; line-height:28px; text-align:justify; padding-top:10px}
.amenities_lft{ width:100%; max-width:450px; height:auto;  float:left}
.amenities_lft p{ font-family: 'rajdhanimedium'; font-size:20px; color:#333333; line-height:28px; text-align:justify; padding-top:10px}
.amenities_rt{ float:right; margin-top:25px; margin-bottom:20px    }


form {
  width: 100%;
  max-width: 1260px;
  font-family: 'rajdhanimedium';;
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
}

label {
  display: block;
  margin-bottom: 120px;
  font-weight: bold;
  width: 100%;
  max-width: 200px;
  margin: 0px 15px 0 0;
}

input[type="date"],
select {
  display: block;
  width: 100%;
  max-width: 200px;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: black !important;
  height: 66px;
}

input[type="submit"] {
  background-color: #f18e0e;
  color: white;
  padding: 12px 20px;
  border: none;  
  font-size: 17px;
  cursor: pointer;
  width: 100%;
  max-width: 241px;
  text-transform: uppercase;
  height: 66px;
  letter-spacing: 1.5px;
  margin-left: auto;
  margin-top: 0px;
  border-radius: 3px;
}

input[type="submit"]:hover {
  background-color: #ff0000 ;
}

input[type="submit"]:active {
  background-color: #4CAF50;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}