/*----------------------------------------------------------------------------------- */ 
/*@font-face {
    font-family: 'CONSOLA-Regular';
    src: url('http://hotelsungrace.in/fonts/CONSOLA-Regular.ttf');
    src: url('http://hotelsungrace.in/fonts/CONSOLA-Regular.ttf') format('embedded-opentype'),
         url('http://hotelsungrace.in/fonts/CONSOLA-Regular.ttf') format('woff'),
         url('http://hotelsungrace.in/fonts/CONSOLA-Regular.ttf') format('truetype'),
         url('http://hotelsungrace.in/fonts/CONSOLA-Regular.ttf') format('svg');

-webkit-font-smoothing: Regular;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;

}

@font-face {
    font-family: 'CONSOLA-RegularItalic';
    src: url('http://hotelsungrace.in/fonts/CONSOLA-Regular.ttf');
    src: url('http://hotelsungrace.in/fonts/CONSOLA-Regular.ttf') format('embedded-opentype'),
         url('http://hotelsungrace.in/fonts/CONSOLA-Regular.ttf') format('woff'),
         url('http://hotelsungrace.in/fonts/CONSOLA-Regular.ttf') format('truetype'),
         url('http://hotelsungrace.in/fonts/CONSOLA-Regular.ttf') format('svg');

-webkit-font-smoothing: Regular;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;

}

@font-face {
    font-family: 'CONSOLA-RegularBold';
    src: url('http://hotelsungrace.in/fonts/CONSOLA-Regular.ttf');
    src: url('http://hotelsungrace.in/fonts/CONSOLA-Regular.ttf') format('embedded-opentype'),
         url('http://hotelsungrace.in/fonts/CONSOLA-Regular.ttf') format('woff'),
         url('http://hotelsungrace.in/fonts/CONSOLA-Regular.ttf') format('truetype'),
         url('http://hotelsungrace.in/fonts/CONSOLA-Regular.ttf') format('svg');
  
-webkit-font-smoothing: Regular;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;

} */



body, html{height: 100%;}

body {font-family:Georgia, "Times New Roman", Times, serif; background-image:url(bg.jpg); background-repeat: repeat; font-size:100%; 
font-weight: normal; color:#0052A7; text-decoration: none;	padding: 0px;	margin: 0px; overflow-x: hidden;}

.table{width:auto; height:auto; padding:0px; margin:0px 0px 0px 4px;}
/*Global Classes*/
.bdlrght{border-right:1px solid #ccc; border-bottom:1px solid #ccc; color:#0052A7;}
.blue{color:#8CC300; text-decoration:underline; padding:0px; margin:10px 0px 5px 5px; float:left;}
/*Global Classes*/

h1 {color: #8CC300; font-size: 1em; padding:20px 0px 8px 3px; margin:0px;}
h1 b {color: #0052A6}


ul {list-style-type: none;  padding: 0px; margin: 0px;} 

img{max-width: 100%;  height: auto;  outline: none; }

#wrapper{ width:100%; height:100%; max-width: 980px; min-width: 120px; margin:0 auto; background-color:#FFF; }

#header{background-color:#ffffff; width:100%; max-width: 980px;}

.logo{text-align:center; padding:0; margin:0px 0px 10px 0px;}

#nav{ width:100%; max-width: 885px; height:52px; background-color:#ffffff; border-top:1px solid #8BC313;  border-bottom:1px solid #8BC313; padding:0.2em 0 0 6em ;}

#nav li{ float:left; color:#6B960E; font-size:0.7em; font-weight:600; padding:15px 60px 0px 0px; text-transform:uppercase;}
#nav li a{color:#6B960E;  text-decoration:none;}
#nav li a:hover{color:#0052AE;}

.slide{position: relative; margin:0.0em 0 0 0;}
.hide-slide{ display:none;}

#content{ width:100%; max-width: 980px; background-color:#FFF;}

.tariff{float: left; background-color: #f2f2f2;	width: 100%; max-width: 960px; height: auto; color:#45423D;	max-height: 100%;
	border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding:0; margin:0px 0px 0px 4px;}


.tariff-h{float: left; background-color: #ffffff; width: 100%; max-width: 980px; height: auto;	padding:10px 0px 0px 0px ; margin:0px 0px 0px 0px; }

.tariff-h p{ text-align:justify;  padding: 15px 0px 5px 0px; margin:0px; background-color:#FFF; }
.tariff-h p a{ color:#0052A7; text-decoration:none; }
.tariff-h p a:hover{ color:#777777; text-decoration:none; }

.tariff-h li{ color:#000000; list-style:circle; margin:0 0 0 1.7em;}


.hold-box{	float: left;width: 173px;  border-left:1px solid #cccccc; color:#45423D; padding: 0px;	margin: 0px;}

.box{float:left; width: 170px; padding:0 0 0 0.3em; color:#45423D;}
.box p{ font-size:0.8em; line-height:1.4em; color:#45423D; padding:0.3em 0 0 0.3em; margin:0px; }

.box-hd{float:left;  width: 165px; font-size:0.8em; padding:0.3em 0 0 0.5em; color:#0052A7;}




.row1{ float:left; background-color:#ffffff; width:100%; max-width: 977px; height:auto; max-height:100%; padding-top:0.3em; padding-left:0.3em; padding-bottom:10px; }

.row1 li{ font-size:0.7em; line-height:1.9em;  color:#0052A7; padding:0 0 0 0.5em;}
.row1 li a{color:#0052A7;  text-decoration:none;  }

.row1 p{color:#0052A7; font-size:0.8em; text-align:justify; line-height:1.5em; padding:0 0.0em 0 0.5em; }



.row3{ float:left; background-color:#ffffff; width:100%; max-width: 972px; height:auto; max-height:100%; padding:0 0 0 0.5em; }

.row3 li{ font-size:0.7em; line-height:1.9em;  color:#0052A7; padding:0 0 0 0.5em;}
.row3 li a{color:#0052A7; text-decoration:none;  }

.row3 p{ font-size:0.7em; text-align:justify; line-height:1.7em; padding:0 0.0em 0 0.2em; color:#0052A7;}
.row3 span{ font-size:0.8em; text-align:justify; line-height:1.9em; padding:0 0.0em 0 0.5em;}


.row1a{float:left; width:100%; max-width: 980px; height:auto; max-height:100%; padding:0px 0px 0px 0px; margin:0px; background-color:#FFF; }

.col0{ float:left; background-color:#8BC000; width:3.5%; max-width: 32px; height:220px; padding:0.9em 0 0 0; margin-left:0.1em; }

.col1{ float:left; width:32.1%; max-width: 321px; }
.col1 p{ text-align:justify; line-height:1.5em; padding:0 0.9em 0 0.9em; color:#0052A7; font-size:11px;}

.col2{ float:left; width:32.3%; max-width: 323px; }
.col2 p{ text-align:justify; line-height:1.5em; padding:0 0.7em 0 0.9em; color:#0052A7; font-size:11px;}

.contact{
	float: left;
	max-width: 480px;
	height: 50%;
	max-height: 500px;
	border-radius: 3px;
	margin: 0.3em 0 0 0.5em;
	border: 1px solid #8BC313; background-color:#f7f7f7;
}

.inquery{width: 400px; padding:5px; margin:0px 0px 0px 15px ;}

.inquery1{ width: 200px; padding:0px; margin:0px;}

.inquery4{ width: 330px; padding:0px; margin:0px;}

.inquery3{ float:right; width: 200px; padding:0px; margin:0px;}

.name{ width: 90px; color:#0052A7; padding:5px 0px 5px 0px; margin:0px; font-size:0.8em; }

.inquery2{ width: 180px; height:20px; padding:0px; margin:0px;}

.row2{ float:left; background-color:#CEE3FA;  max-width: 642px; height:30%;  max-height:300px; border-radius:4px; margin:0.9em 0 0 0.2em; }

.col3{ float:left; width:52%; max-width: 550px; }

.col3 p{color:#0052A7; font-size:0.7em; text-align:justify; line-height:1.2em; padding:0em 0.5em 0em 0.5em; }

.col3 li{color:#0052A7; list-style:circle; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.7em; text-align:justify; line-height:1.6em; padding:0 0.5em 0 0; margin: 0 0 0 1.9em; }

.col4{ float:left; width: 288px; padding:2.9em 0 0 0.9em;}


p{font-size:0.9em; text-align:left; color:#0052A7; padding:0 0.3em 0 0.3em;}

span{font-size:0.9em; text-align:left; color:#0052A7; padding:0 0.3em 0 0.5em;}


.col5{ float:left; width: 320px; height:100%; padding:0.9em 0.3em 0 0; margin:0 0 0 0.4em;}

.contact-right{ float: right; width: 454px; height: auto; padding:0.3em 0 0 0;}

.contact-right p {font-size:0.8em; text-align:left; color:#0052A7;  padding:0px; margin:0px; line-height:20px;}

.contact-right p a{ color:#0052A7;  text-decoration:none; }

.contact-right p a:hover{ color:#777777; text-decoration:none; }

.col6{ float:left; width: 645px; padding:0 0 0 0.2em;}
.valley-box{  float: right;width: 130px; height: auto; padding:0; margin:0 0 0 0em; }

.valley-box p{color:#0052A7; font-size:0.7em; text-align: justify; line-height:1.2em; padding:0 0.5em 0 0; margin:0px;  vertical-align: top;}

.valley{ float:left; width:100%; max-width: 274px; padding:0; margin:0;}
.valley-2{ float:left; width:100%; max-width: 325px; padding:0; margin:0;}
.valley-hd{  float:left; background-color:#8BC000; width: 35px; height:220px; padding:0.9em 0 0 0;}

.valley-txt{  float:left; width:86.55%; max-width: 280px; height:100%; padding:0; margin:0 0 0 0.4em;}
.valley-txt li{ color:#0052A7; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.7em; line-height:1.4em; list-style:circle; text-align: left; padding:0; margin:0 0 0 1.5em;  }
.valley-txt p{color:#0052A7; font-size:0.7em; text-align:justify; line-height:1.4em; padding:0em 0.5em 0em 0.5em; }

.valley-txt span{ font-size:0.7em; font-weight:bold; text-align:justify; line-height:1.2em; padding:0em 0.5em 0em 0.5em; color:#0052A7;}




#footer{ float:left; width:100%; max-width: 980px; background-color:#FFF;}

.bottom{float:left; width:100%; max-width: 980px; border-top:1px solid #8BC313; border-bottom:1px solid #8BC313; padding:0.9em 0 0.9em 0; margin-top:0.9em; margin-bottom:0.5em;}
.bottom-nav{float:left; width: 220px;}
.bottom-nav li{ font-size:0.7em; line-height:1.9em;  color:#0052A7; padding:0 0 0 0.9em;}
.bottom-nav li a{color:#0052A7;  text-decoration:none;  }
.bottom-nav li a:hover{color:#45423D;  text-decoration:none;  }

.booking{float:left; width:45%; max-width: 515px; padding:0 0 0 5.9em;}

.copyright{float:left; width:100%; max-width: 980px; }

.copyright p { font-size:12px; color:#0052A7;  padding:0 0 0.5em 0; margin:0px 0px 0px 10px ; }
.copyright p a{ color:#0052A7;  text-decoration:none; }
.copyright p a:hover{ color:#45423D; text-decoration:none; }

.rwd-line { display:inline-table; }

.mussoorie{ width: 960px; height: 25px; float:left; padding:5px 0px 0px 0px; margin:5px 0px 0px 0px; background-color: #f2f2f2; border: 1px solid #ccc;} 

.mussoorie p{ text-align: center; line-height:1.5em; font-size: 16px; padding:0px; margin:0px; color:#8BC313;  }

.mussoorie1{ width:850px; height:auto; float:left; padding:0px; margin:0px;}  

.mussoorie1 p{ color:#0052A7;  text-align: justify; line-height:1.5em; font-size: 12px; padding:0 0.9em 0 0.9em; margin:0px;} 

.mussoorie2{ width:100px; height:auto; float:left; padding:0px; margin:0px;}  

.mussoorie2 p{color:#0052A7;  text-align: left; line-height:1.5em; font-size: 12px; padding:0 0.9em 0 0.9em; margin:0px; }  
.mussoorie3{ width: 960px; height:auto; float:left; padding:10px 0px 10px 0px; margin:0px;/* background-color: #f2f2f2; border: 1px solid #8BC313;*/   border-bottom:1px solid #cccccc;} 

.mussoorie4{ width: 960px; height:auto; float:left; padding: 0px; margin:0px; border-right:1px solid #cccccc; border-left:1px solid #cccccc;} 

.bdlrght1{border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size:16px; color:#0052A7; text-align:center; }



.non-view{ float:left; width: 412px; padding:0 0 0 0.4em; margin:0px;}

.non-view1{ float:left; width: 274px; padding:0; margin:0px 3px 0px 2px;}

.muss {color: #8CC300; font-size: 0.9em; padding:0 0 0 0.0em;}


/*
@media screen and (max-width: 768px){
body{width: 100%; max-width: 768px; overflow-x: hidden; padding:0; margin:0;}

a{ outline: none;   text-decoration: none;}

img{max-width:100%; height:auto; outline:none;}

#nav{ width:74%; text-align:center;  padding:0 0 0 12em; margin:0;}

#nav li{ float:left; color:#6B960E; font-size:0.7em; font-weight:600; padding:15px 30px 0px 0px; text-transform:uppercase; margin:0;}

.booking{width: 40%; padding:0; margin:0;}

.row2{ float:left; background-color:#CEE3FA;  max-width: 755px; height:30.61%;  max-height:300px; border-radius:4px; }

.col1{ float:left; width:31.1%; max-width: 321px; }

.col3{width:59%; }

.col4{ float:left; width: 288px; padding:1.9em 0 0.6em 0.9em;}

.col5{ width: 100%; height:100%;}

.col6{width: 100%; padding:0;}

.col7{width: 100%; padding:0;}

.valley-2{ margin-left:6em;}

	
}

@media screen and (max-width: 640px){
#nav li{padding:15px 20px 0px 0px; margin:0; }
.slide{display:none;}
.hide-slide{ display:block; position: relative; margin:0.2em 0 0 0;}
.col3{width:57%; padding:0 0.4em 0 0.4em; }
.col4{ float:left; width: 35%; padding:1.9em 0 0.6em 0.9em;}
.valley{width:45%;}
.valley-2{ float:right; width:45%; padding:0; margin:0;}

.valley-hd{width: 9%; height:auto; }

.booking{ float:left; width: 40%; padding:0; margin:0.9em 0.5em 0 0.3em;}
}
	
@media screen and (max-width: 600px){
body{width: 100%; max-width: 600px; overflow-x: hidden; padding:0; margin:0;}

a{ outline: none;   text-decoration: none;}

img{max-width:100%; height:auto; outline:none;}

#nav{ width:78%; text-align:center;  padding:0 0 0 7.9em; margin:0;}

#nav li{ float:left; color:#6B960E; font-size:0.7em; font-weight:600; padding:15px 30px 0px 0px; text-transform:uppercase; margin:0;}

.booking{ float:left; width: 40%; padding:0; margin:0.9em 0.5em 0 0.5em;}

.row2{ float:left; background-color:#CEE3FA;  max-width: 594px; height:30.61%;  max-height:300px; border-radius:4px; }

.col1{ float:left; width:31.1%; max-width: 321px; }

.col3{width:57%; padding:0 0.4em 0 0.4em; }

.col4{ float:left; width: 218px; padding:1.9em 0 0.6em 0.9em;}

.col5{width: 99%; height:100%;}

.col6{width: 100%; padding:0;}

.col7{width: 100%; padding:0;}

.valley{width:45%;}
.valley-2{ float:right; width:45%; padding:0; margin:0;}

.valley-hd{width: 9%; height:auto; }

}

@media screen and (max-width: 568px){
body{width: 100%; max-width: 568px; overflow-x: hidden; padding:0; margin:0;}

a{ outline: none;   text-decoration: none;}

img{max-width:100%; height:auto; outline:none;}



.booking{ float:left; width: 40%; padding:0; margin:0.9em 0.5em 0 0.3em;}

.row2{ float:left; background-color:#CEE3FA;  max-width: 555px; height:30.61%;  max-height:300px; border-radius:4px; }

.col1{ float:left; width:31.1%; max-width: 321px; }

.col3{width:50%; padding:0 0.4em 0 0.4em; }

.col4{ float:left; width: 218px; padding:1.9em 0 0.6em 0.9em;}

.col5{width: 99%; height:100%;}


.valley{width:45%;}
.valley-2{ float:right; width:45%; padding:0; margin:0;}

.valley-hd{width: 9%; height:auto; }

.slide{display:none;}
.hide-slide{ display:block; position: relative; margin:0.2em 0 0 0;}

}


@media screen and (max-width: 480px){
body{width: 100%; max-width: 480px; overflow-x: hidden; padding:0; margin:0; }

a{ outline: none;   text-decoration: none;}

img{max-width:100%; height:auto; outline:none;}

#nav{ width:93%; text-align:center;  padding:0 0 0 1.9em; margin:0;}

#nav li{ float:left; color:#6B960E; font-size:0.7em; font-weight:600; padding:15px 30px 0px 0px; text-transform:uppercase; margin:0;}


.row2{ float:left; background-color:#CEE3FA;  max-width: 555px; height:30.61%;  max-height:300px; border-radius:4px; }

.col1{ float:left; width:31.1%; max-width: 321px; }

.col3{width:59%; padding:0 0.4em 0 0.4em; }

.col4{ width: 33%;}

.col5{width: 99%; height:100%;}

.slide{display:none;}
.hide-slide{ display:block; position: relative; margin:0.2em 0 0 0;}
	
}

@media screen and (max-width: 384px){
body{width: 100%; max-width: 384px; overflow-x: hidden; padding:0; margin:0;}

#nav{ width:100%; padding:0; margin:0;}

#nav li{ float:left; color:#6B960E; font-size:0.7em; font-weight:600; padding:15px 5px 0px 12px; text-transform:uppercase; margin:0;}

.col0{ float:left; background-color:#8BC000; width:10%; height:auto; padding:0.9em 0 0 0; }

.col1{ float:left; width:99%; }

.col2{ float:left; width:100%; }

.col3{width:96%; padding:0 0.4em 0 0.4em; }

.col4{display:none; padding:0; margin:0;}

.valley-hd{width: 9%; height:auto; }

.valley{width:99%;}
.valley-2{ float:left; width:99%; padding:0; margin:0;}

.booking{width: 70%; padding:0; margin:0;}

.slide{display:none;}
.hide-slide{ display:block; position: relative; margin:0.2em 0 0 0;}
.rwd-line { display: inline; }

}

@media screen and (max-width: 360px){
#nav li{ padding:15px 6px 0px 10px;}
.rwd-line { display: inline; }
}
	
@media screen and (max-width: 320px){
body{width: 100%; max-width: 320px; overflow-x: hidden; padding:0; margin:0;}
a{ outline: none;   text-decoration: none;}

img{max-width:100%; height:auto; outline:none;}

#nav{ width:100%; padding:0; margin:0;}

#nav li{ float:left; color:#6B960E; font-size:0.7em; font-weight:600; padding:15px 3px 0px 4px; text-transform:uppercase; margin:0;}

.col0{ float:left; background-color:#8BC000; width:8%; height:auto; padding:0.9em 0 0 0;}

.col1{ float:left; width:90%; }
.col1 p{ text-align:justify; line-height:1.5em; padding:0 0.9em 0 0.9em; color:#0052A7;}

.col2{ float:left; width:90%; }
.col2 p{ text-align:justify; line-height:1.5em; padding:0 0 0 0.9em;}

.valley{width:99%;}
.valley-2{ float:right; width:99%; padding:0; margin:0;}

.valley-hd{width: 9%; height:auto; }

.col3{width:96%; padding:0 0.4em 0 0.4em; }

.col4{display:none; padding:0; margin:0;}

.booking{width: 70%; padding:0; margin:0;}

.slide{display:none;}
.hide-slide{ display:block; position: relative; margin:0.2em 0 0 0;}
.rwd-line { display:inherit; line-height:2.4em; }

}

@media screen and (max-width: 240px){
body{width: 100%; max-width: 240px; overflow-x: hidden; padding:0; margin:0;}

ul{ list-style:none; padding:0; margin:0;}

h1 {color: #8CC300; font-size: 0.72em; padding:0 0 0 0.3em;}
h1 b {color: #0052A6;}

#nav{ width:100%; border:none; padding-bottom:10px;}
#nav li{ text-align:left; padding:15px 20px 0px 10px; margin:0; }

.col0{ float:left; background-color:#8BC000; width:10%; height:auto; padding:0.9em 0 0 0;}

.col1{ float:left; width:90%; }
.col1 p{ text-align:justify; line-height:1.5em; padding:0 0.9em 0 0.9em;}

.col3{width:95%; padding:0 0.4em 0 0.4em; }

.booking{width: 98%; padding:0; margin:0;}

.slide{display:none;}
.hide-slide{ display:block; position: relative; margin:0.2em 0 0 0;}
.rwd-line { display:inherit; line-height:2.4em; }

}

*/