/***** 1em = 12pt =16px = 100% *******/
/***** pie.htc for round corner *******/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,
ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}
blockquote{padding-left:1.5em;border-left:0.625em solid #666;font:italic 1.2em "Times New Roman", Times, serif;margin:1.5em 1.5em 1.5em -1.5em}
blockquote:before,blockquote:after,q:before,q:after{content:""}
em,dfn{font-style:italic}
sup,sub{line-height:0}
abbr,acronym{border-bottom:0.625em dotted #666}
address{margin:0 0 1.5em}
del{color:#666}
pre,code,tt{padding-left:1.5em;border-left:0.625em dotted #666;font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;margin:1.5em 1.5em 1.5em -1.5em}
pre{white-space:pre}
code{display:block}
ol{list-style-type:decimal}
dl{margin-bottom:1.5em;padding-top:1.5em;border-top:0.625em solid #ccc}
dl dt{margin-bottom:.75em;font-size:1.2em;line-height:1.25}
dd{margin-bottom:1.5em;padding-bottom:1.5em;border-bottom:0.625em solid #ccc}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;width:100%}
table,td,th{vertical-align:top}
th,td,caption{text-align:left;font-weight:400;padding:4px 10px 4px 5px}
th,td{}
tfoot{font-size:.9em}
fieldset{border:0.625em solid #ccc;margin:0 0 1.5em;padding:1.4em 1.4em 0}
legend{font-size:1.2em;font-weight:700}
textarea{width:100%;padding:5px}
h3,caption{margin-bottom:1em;font-size:1.5em;line-height:1}
strong,dfn,th,thead th,label{font-weight:700}
a{ text-decoration:none; }
a:hover{ text-decoration:none}
img{ alignment-adjust:middle; border:none}


/****************************************Fonts**************************************************************/
@font-face{ font-family:'fontbold';src:
	url('../../fonts/opensans_semibold/OpenSans-Semibold-webfont.eot');src:local('☺'),
	url('../../fonts/opensans_semibold/OpenSans-Semibold-webfont.woff') format('woff'),
	url('../../fonts/opensans_semibold/OpenSans-Semibold-webfont.ttf') format('truetype'),
	url('../../fonts/opensans_semibold/OpenSans-Semibold-webfont.svg') format('svg');
}
@font-face{ font-family:'fontregular';src:
	url('../../fonts/opensans_regular/OpenSans-Regular-webfont.eot');src:local('☺'),
	url('../../fonts/opensans_regular/OpenSans-Regular-webfont.woff') format('woff'),
	url('../../fonts/opensans_regular/OpenSans-Regular-webfont.ttf') format('truetype'),
	url('../../fonts/opensans_regular/OpenSans-Regular-webfont.svg') format('svg');
}
@font-face{ font-family:'fontnormal';src:
	url('../../fonts/opensans_light/OpenSans-Light-webfont.eot');src:local('☺'),
	url('../../fonts/opensans_light/OpenSans-Light-webfont.woff') format('woff'),
	url('../../fonts/opensans_light/OpenSans-Light-webfont.ttf') format('truetype'),
	url('../../fonts/opensans_light/OpenSans-Light-webfont.svg') format('svg');
}
@font_8:0.5000em; /***Font Size : 8px***/
@font_10:0.625em; /***Font Size : 10px***/
@font_12:0.750em; /***Font Size : 12px***/
@font_14:0.875em; /***Font Size : 14px***/
@font_16:1.000em; /***Font Size : 16px***/
@font_20:1.25em;  /***Font Size : 20px***/
@font_32:2.000em; /***Font Size : 32px***/
@font_48:3.000em; /***Font Size : 48px***/

/****************************************Heading**************************************************************/
h1{margin-bottom:.5em; font-size: @font_48;font-weight: 700;}
h2{margin-bottom:.75em; font-size: @font_32;font-weight: 700;  }
h3{margin-bottom:.75em; font-size: @font_20;font-weight: 700;}
h4{margin-bottom:1.25em; font-size: @font_20;font-weight: 400;}
h5{ font-size: @font_16;font-weight: 400;}
h6{margin-bottom:1.5em; font-size: @font_16;font-weight: 400;}

input, textarea{padding:10px;}

/******************************************Width*************************************************************/
@w_per_1:1%;@w_per_10:10%;@w_per_20:20%;@w_per_30:30%;@w_per_40:40%;@w_per_50:50%;@w_per_60:60%;@w_per_70:70%;@w_per_80:80%;@w_per_90:90%;@w_per_100:100%;
@w_fix_1:1px;@w_fix_10:100px;@w_fix_20:200px;@w_fix_30:300px;@w_fix_40:400px;@w_fix_50:500px;@w_fix_60:600px;@w_fix_70:700px;@w_fix_80:800px;@w_fix_90:900px;@w_fix_100:1000px;

.demo_color{background:#ccc;background:green\9;*background:blue;_background:yellow;}

/*****************************************Borders Radius************************************************************************/
.border-radius (@radius: 0.325em) {behavior: url(js/ie_round_corner/PIE.htc);-webkit-border-radius: @radius; /* Safari 3-4, iOS 1-3.2, Android 1.6- */-moz-border-radius: @radius;/* Firefox 1-3.6 */-ms-border-radius: @radius;-o-border-radius: @radius;border-radius: @radius ;/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */; }

/*****************************************Colors******************************************************/
@white:white;
@black:black;
@l_gray : #F5F5F5;

.trans {
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

ul{}
li{ list-style:none}
section{padding:50px 0 }
.bg_white{ background:@white}
.bg_gray{ background:#EEEEEE}
.lh_20{ line-height:20px}
/****************************************Importants***********************************************************/
.f_left{float:left !important;   width:100%}
.p_b_20{ padding:0 0 80px 0}
.p_10{padding:10px; box-sizing:border-box}
.p_5{padding:5px; box-sizing:border-box}
.p_4{padding:5px; box-sizing:border-box}
.p_btm_0{ padding-bottom:0 !important}
.br_4{ border-radius:3px}
/***************************************Style css************************************************************/
html, body { height: 100%; font-size:16px}
body{  font-size:@font_12;background:@white; font-family:'fontregular'; margin: 0;padding: 0; color:@black }

header.nav1{ background:@white; font-size:12px  }
header.nav2{background:@l_gray;font-size:14px; padding:14px 0}
.callno{margin:0 40px 0 0; float:right}
.gallery{margin:0; padding:0; float:left; width:100%}
.photogallery{margin:0; padding:0 0 50px 0}
.name_header{ float:left; width:100%; text-align:center;color:#940E15; font-size:30px; padding:20px 0 30px 0}
.active_tab{ color:orange !important}
.facility_list{  display: table;margin:0 auto;
   
		li{ display:inline; list-style:none;  text-align:center; display: table-cell; width:120px; text-align:center};
		.fac1{ background:url(../../img/icons.png) no-repeat 0 0 ; width:110px; height:90px; }
		.fac2{ background:url(../../img/icons.png) no-repeat -122px 0; width:110px; height:90px; }
		.fac3{ background:url(../../img/icons.png) no-repeat -244px 0; width:110px; height:90px; }
		.fac4{ background:url(../../img/icons.png) no-repeat -366px 0;; width:110px; height:90px; }
		.fac5{ background:url(../../img/icons.png) no-repeat -488px 0;; width:110px; height:90px; }
		.fac6{ background:url(../../img/icons.png) no-repeat -610px 0;; width:110px; height:90px; }
		.fac7{ background:url(../../img/icons.png) no-repeat -732px 0;; width:110px; height:90px; }
		.fac8{ background:url(../../img/icons.png) no-repeat -854px 0;; width:110px; height:90px; }
		strong{ float:left; padding:100px 0 0 0; text-align:center; color:#434343; font-size:12px;}
	}

.iconlist{display: table;margin:0 auto;
a{float:left}
	    li{display:inline; list-style:none;  text-align:center; display: table-cell; width:120px;};
		strong{  text-align:center; color:#434343; font-size:12px; float:left; width:100%; min-height:40px; font-weight:normal; line-height:16px}
	
	}	
.bgorg{background:orange; color:#fff; padding:5px 10px; margin:0 5px 0 0}
.bgblk{background:black; color:#fff; padding:5px 10px;  margin:0 5px 0 0}
.clrorg{ color:orange}

.health_head{font-size:24px; }
.health_detail{
	
	h4{padding:10px 0; font-size:24px; margin:20px 0 0 0}
	span{float:left; width:100%; padding:10px 0 0px 0;}
}
.roomsthumb{
	img{padding:0 0 10px 0}
	h4{ font-size:22px;padding: 0; margin:0 0 10px 0}
	}	
	
.rooms_details{ 
	h4{ font-size:24px; margin:30px 0 20px 0}
	p{ padding:20px 0}
	label{ font-size:24px;  padding:20px 0 0 0; width:100%; margin:0px 0; float:left}
	ul{ float:left; width:100%; margin:0; padding:0;
		li{ list-style-type:disc; list-style-position:inside}
	};
	span{ width:100%; padding:20px; background:#ccc; float:left}
}
.line_divid{  border-bottom:1px solid #ccc; padding:0 20px 20px 20px}
.pages_desc{padding:30px; float:left; width:100%; text-align:justify}
.about_section{ float:left;
		h4{ border-bottom:1px solid #333; padding:10px 0; font-size:16px};
		p{ text-align:justify};
		a{ background:#A6A6A6; padding:5px 10px; float:left; margin:10px 0 0 0; color:#fff; border-radius:3px;  };
		a:hover{background:#333;color:#A6A6A6; .trans  }
	}
.thubm_icon{ padding:10px; box-sizing:border-box}
.thubm_icon img{  width:100%}

.about_detail{
	h4{ font-size:24px; color:orange}
	legend{ padding:0 0 20px 0}
	p{ padding:0 0 20px 0}
	
	
	}
.contact_details{
	h4{ font-size:24px; color:orange}
	legend{ padding:0 0 20px 0; font-weight:normal}
	p{ padding:0 0 20px 0}
	
	
	
	}
.clients{
	img{padding:10px; }
	}	
	
.right_bdr{ border-right:1px solid #333; min-height:300px}
footer{ background:#970E16; padding:30px 0; color:#BA757A; font-size:12px; float:left; width:100%;
	a{color:#BA757A }
	strong{color:@white; color:#fff}
	.icons{
	li{ list-style:none; display:inline; margin:0 10px; float:left; padding:20px 0 50px 0; 
		a{
			i{font-size:20px}	
		}
		a:hover{
			i{color:orange}	
		}
	}	
}
}

.contact_details{   font-size:12px;
	a{color:#000 }
	strong{ color:#000}
	.icons{
	li{ list-style:none; display:inline; margin:0 10px; float:left; padding:10px 0 10px 0; 
		a{
			i{font-size:20px}	
		}
	}	
}
}
.map_detail{ height:100%; width:250px; background:rgba(85,85,85,.8); position:absolute; z-index:1; color:#fff; right:15px; margin:0; padding:20px; line-height:20px}

.form_detail{
	h4{ color:orange; font-size:24px}
	.input_text{ width:100%; padding:10px; background:#F5F5F5; color:#8A8A8A; font-size:12px; margin:3px; outline:none; border:1px solid #e5e5e5; border-radius:3px}
	.input_submit{ padding:7px 15px; background:orange; color:#fff; font-size:16px; outline:none; border:none; border-radius:3px}
	.input_submit:hover{ background:#970e16; color:#fff;   .trans; }
	
	}

.footer_list{
	li{
		margin:5px 0;
		}
	}
.copyright{color:#000; font-size:12px}

#map{ height:300px; width:100%}

.smallmenu{ padding:10px;  letter-spacing:2px;
	
		li{ list-style:none; display:inline; 
			a{ color:#333; font-size:14px;margin:0 10px; font-weight:bold}
		}
	
}
.logo{ position:absolute; z-index:999999; 
img{ width:200px; margin:15px 0 0 0;}
}
.logo_small{ display:none}
.menu_padding{  width:100%; height:135px; float:left;}

.reserve_home{ position:absolute; background:orange; padding:5px 5px 5px 15px; font-size:16px; z-index:100; right:30px; color:#fff; }
.reserve_home:hover{background:white;color:orange; }

@media (max-width: 1170px) {
	
		.rooms_details{ 
	h4{ float:left}
		}	
}

@media (max-width: 991px) {
	.menu_padding{ height:168px}
	.logo{  display:none;}
.logo_small{ display:block;
		img{height:80px; padding:5px}
	}
	.navbar-right ~ .navbar-right{ margin:15px 0 0 0}
	.iconlist{
		li{ width:20%; float:left;}
		}
		.martop_30{ margin:30px 0 0 0}
	.roomsthumb h4{ font-size:18px}
		.bgblk{ margin:0 0 5px 0}
		.bgorg{ margin:0 0 5px 0}
		
		.rooms_details{ 
	h4{ float:left}
		}	
}
@media (max-width: 767px) {
	.martop_30{ margin:30px 0 0 0}
.menu_padding{ height:168px}
	.logo{  display:none;}
	.logo_small{ display:block;
		img{height:80px; padding:5px}
	}
  .smallmenu{ display:inline-table;text-align:center; width:100%;
  	li{ list-style:none; display: inline-block;
			a{ color:#333; font-size:14px;margin:0 5px;}
	}
	
	

  }
  .linebar{ display:none !important}
  .nav > li{ padding:5px 0}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
  position: absolute;
    width: 100%;
    background: #fff;
  }
  
  .iconlist{
		li{ width:33.33%; float:left;}
		}
		.form_detail{ width:450px}
		.button_set{ width:100%; float:left}
		.roomsthumb h4{ font-size:16px}
		.bgblk{ margin:0 0 5px 0}
		.bgorg{ margin:0 0 5px 0}
		
		.rooms_details{ 
	h4{ float:left}
		}
		.callno{ float:left; margin:0 30px}
  
}