@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
#news-container{width:100%; float:left; margin: 0px auto 0px auto;}
#news-left{float:left; width:64%; overflow:auto; padding-right: 16px; height:100%; overflow-y:hidden; overflow-x:hidden;}
#news-right{float:right; width:28%; overflow:auto;  overflow-y:hidden; overflow-x:hidden; padding-left: 40px; border-left: 1px solid #E5E5E5; margin: 0 0 8px 0;}


#homenews-container{width:100%; float:left; margin: 0px auto 0px auto;}
#homenews-left{float:left; width:48%; overflow:auto; padding-right: 24px; height:100%; overflow-y:hidden; overflow-x:hidden;}
#homenews-middle{float:left; width:48%; overflow:auto;  overflow-y:hidden; overflow-x:hidden; }
#homenews-left-middle{float:left; width:66%; overflow:auto;  overflow-y:hidden; overflow-x:hidden; padding-top: 10px;}
#homenews-right{float:right; width:32%; overflow:auto;  overflow-y:hidden; overflow-x:hidden; margin: 0;}

.homenews-container{width:100%; float:left; margin: 0px auto 0px auto;}
.homenews-left{float:left; width:32%; overflow:auto; overflow-y:hidden; overflow-x:hidden; padding-right: 16px; }
.homenews-middle{float:left; width:32%; overflow:auto;  overflow-y:hidden; overflow-x:hidden; padding-right: 16px; }
.homenews-right{float:right; width:32%; overflow:auto;  overflow-y:hidden; overflow-x:hidden; }

.home-headline { background-color: #A50000; padding: 6px 24px; color:#FFFFFF; font-size: 1.05em; font-weight:normal; text-shadow: 0px 1px 0px #000000; overflow: hidden; display:inline-block; width:: 100%;}
.hr-headline { display: block; height: 1px; border: 0; border-top: solid 2px #A50000; margin: 0 0 4px 0; width: 100%;}
.home-ladakh { background-image: linear-gradient(to right, red,orange); padding: 6px 24px; color:#FFFFFF; font-size: 1.05em; text-shadow: 0px 1px 0px #000000; font-weight:normal; overflow: hidden; display:inline-block; width:: 100%; margin-left: 1px;}
.hr-ladakh { display: block; height: 1px; border: 0; border-top: solid 2px red; margin: 0 0 4px 0; width: 100%; margin-left: 1px;}

.news-col{float:left; width:50%;}
.news-col-left{float:left;  margin-right: 9%;}
.news-col-right{float:right; padding-left: 0; margin-top: 12px; }
img.news { max-width: 100%; min-width: 130px; padding: 1px; border: 1px solid #DEDEDE; margin: 0;}
.cover { object-fit: cover; min-width: 120px; width: 120px; height: 87px; padding: 1px; border: 1px solid #DEDEDE; }
.cover1 { object-fit: cover; max-width: 55px; width: 55px; height: 40px; padding: 1px; border: 1px solid #DEDEDE; }
.gallery {  object-fit: cover; min-width: 120px; width: 242px; height: 180px; padding: 1px; border: 1px solid #DEDEDE;  }

.dip {
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
	color: #fff;
    padding: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
	text-decoration: underline;
	-webkit-text-decoration-color: red; /* Safari */  
	text-decoration-color: red;
    text-shadow: none;
	text-underline-position: under;
  }
.black{
  border: ridge 2px #579F29;

}.borders{position:relative; z-index:10; padding:1px; background:#ff0000; border:1px solid #fff; }
.borders:before{content:""; display:block; position:absolute; z-index:-1; top:2px; left:2px; right:2px; 
bottom:2px; border:2px solid #36F}
body{width:100%; background-color: #fff; margin: 0 auto !important; float: none !important;font-family: "Times New Roman", Times, serif; font-size:16px;}
img { max-width: 100%; height: auto;}

h1, h2, h3, h4, h5, h6 {  margin: 0 0 0 0;}
h1 { font-size: 1.2em; color: #000; font-family: 'Times New Roman', sans-serif; padding:  12px 0 8px 4px;	letter-spacing: 0.01em;}
h2 { font-size: 1.1em; color: #000;	font-family: 'Times New Roman', sans-serif; padding:  12px 0; letter-spacing: 0.01em;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #E1E1E1; margin: 0; padding: 4px 0 8px 0; width: 100%;}
.hr-dot { display: block; height: 1px; border: 0; border-top: groove 2px #ccc; margin: 8px 0 4px 8px; width: 98%;}
.hr-news { display: block; height: 1px; border: 0; border-top: dotted 1px #ccc; margin: 8px 0 4px 8px; width: 100%;}

#wrap {width:100%; max-width: 1200px; display: block; margin: 0px auto 0px auto; margin-top: 20px;}
#top {float:left; width:100%; display: block; margin: 0px auto 0px auto; background-color: #3F791A; color: white;
	border-left: 50px solid #3F791A; position: fixed; top:0; right: 0px; left: 0px; z-index: 2000;}
#top-left {float:left; width:auto; display: block; margin: 0px auto 0px auto; width: 890px; }
#top-middle {float:left; text-align: center; width:auto; display: block; margin: 0px auto 0px auto; font-size:14px;}
#top-right {float:right; text-align:center; width:auto; display: block; margin: 0px auto 0px auto; font-size:13px; padding: 6px 8px 0 0;}
#top-links {text-align:right; padding-top:8px;}
#nav {float:left; width:100%; display: block; margin: 4px auto 10px auto; }
#bread {float:left; width:100%; display: block; margin: 0px auto 0px auto; }
#content {float:left; width:100%; display: block; margin: 0px auto 0px auto;}

#bottom {float:left; width:100%; display: block; margin: 0px auto 0px auto; padding: 0 0  12px 0; background-color: #A50000;}
#bottom-left {float:left; text-align:center; width:24%; display: block; padding: 3px 6px 0 6px; border-right:0px solid #0488BA; color:#fff; font-size:12px; height:317px;}
#bottom-middle1 {float:left; width:16%; display: block;padding: 4px 0 0 50px; border-left:0px solid #3FCAFE; border-right:0px solid #0488BA; height:315px;}
#bottom-middle2 {float:left; width:18%; display: block;padding: 4px 0 0 24px; border-left:0px solid #3FCAFE; border-right:0px solid #0488BA; height:315px;}
#bottom-middle3 {float:left; width:18%; display: block;padding: 4px 0 0 50px; border-left:0px solid #3FCAFE; border-right:0px solid #0488BA; height:315px;}
#bottom-right {float:left;width:32%; display: block; padding: 34px 28px; border-left:0px solid #3FCAFE; height:157px; text-align:center; color: white; margin: auto;}
img.map { max-width: 100%; display: block;  padding: 2px; margin-left:18px; border: 1px solid #3FCAFE; }

#footer {float:left; text-align:center; width:100%; display: block; margin: 0px auto 0px auto; padding: 8px 0; font-size:12px;}
ul.foot { padding: 2px; list-style: none; text-align: left;}
ul.foot li { padding: 2px 0; margin: 5px;}
ul.foot li a{ color: #fff; text-decoration: none; }
ul.foot li a:hover{ text-decoration: none; color:#000000; }
ul.foot li:last-child { border-bottom: 0;}


@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
b#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	padding: 0 1px;
}

b#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
	padding: 0 1px;

}

a:link { color: #A50000; text-decoration: none; }
a:visited { color: #A50000; }
a:hover { color: #012174; text-decoration: unerline; }
a:active { color: #012174; }


#slider {float:left; width:100%; height: 33vw; overflow: hidden; display: block; margin: 0px auto 0px auto; background-color: #4D8C26;
		-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border-bottom: 8px solid #4D8C26;}
#slideshow { margin: auto; position: relative;}
#slideshow > div { position: absolute; padding: 8px 8px 0 8px;}

A.locationlink { COLOR: #FFFFFF; TEXT-DECORATION: none; font-size: 1.0em; 	font-family: Arial, Helvetica, sans-serif;}
A.locationlink:hover { COLOR: #F26522; TEXT-DECORATION: none;}




.img-holder2 {position: relative;}
.img-holder2 .link1 { text-decoration: none; text-align:center; padding: 12px 0 ; width: 238px;  display: table; margin: 0; text-transform: uppercase; font-size: 15px; color: white; margin-top:50px;  background-color: #BD132F; position: absolute; top: 0px; Opacity: 1  }
.img-holder2 .link1:hover { background-color: #F46B06; 	color: #000000; text-decoration: none; }
.name-box {
    width: auto; height: 200px; Color: white;
    padding: 0;
    margin: 2px;  font-size: 14px; text-align:center; top: -80px;}

.col-container-room {
    display: table;
    width: 100%;
	background-image:url(../images/2.jpg);
	padding-top: 320px;
}
.col-container1 {
    display: table;
    width: 100%;
	background-image:url(../images/1.jpg);
	padding-top: 320px;
}
.col1 {
    display: table-cell;
    padding: 0;
	min-width: 200px;
} 
.col-container {
    display: table;
    width: 100%;
	background-image:url(../images/bg.gif)
}
.col {
    display: table-cell;
    padding: 0;
	min-width: 200px;
} 
.txt{ font-size: 14px;}
.address{ font-size: 13px;}

#top2 {display: block;  width: 100%; background-color: #E9E4DE; height: 40px; padding-top: 10px;
position: fixed;
top:50px;
right: 0px;
z-index: 2000; 
float:right;

}
#ztop-nav{display: block; margin: 0px 120px 8px auto; width: auto; float:right;}
#wrap-content {width:100%; display: block; margin: 0px auto 0px auto;  background-color:#CC3399;}



#wrap-b{width:100%; line-height: 1.1; letter-spacing: 1px;}

#footer-left{float:left; width:40%; overflow:auto; border-right: 0px solid #852001; padding: 8px 8px; height:auto; }
#footer-middle1{float:left; width:21%; border-right: 0px solid #852001;border-left: 0px solid #C73002; padding: 8px 12px; height:auto; }
#footer-middle2{float:left; width:21%; border-right: 0px solid #852001;border-left: 0px solid #C73002; padding: 8px 12px; height:auto; }
#footnote{float:left; width:100%; overflow:auto; padding: 8px 0 0 0; font: 9pt Tahoma; border-top: 1px solid #ffffff; height: 26px; color: #fff; text-align: center;}
A.footlink:link { COLOR: #ffffff; TEXT-DECORATION: none; font-size: 12px;}
A.footlink:hover { COLOR: #FFFFFF; BORDER-BOTTOM: #ffffff 1px dotted;   }
A.footlink:visited { COLOR: #ffffff; TEXT-DECORATION: none;}
A.footlink:active { COLOR: #ffffff; TEXT-DECORATION: none;}
A.footwhitelink:link { COLOR: #DFDEDE; TEXT-DECORATION: none; font-size: 14px;}
A.footwhitelink:hover { COLOR: #DFDEDE; BORDER-BOTTOM: #DFDEDE 1px dotted;   }
A.footwhitelink:visited { COLOR: #DFDEDE; TEXT-DECORATION: none;}
A.footwhitelink:active { COLOR: #DFDEDE; TEXT-DECORATION: none;}


A.whitelink { COLOR: #FFFFFF; TEXT-DECORATION: none; }
A.whitelink:hover { COLOR: #FFFFFF; TEXT-DECORATION: none; color:#fff; border-bottom: 1px dotted #ffffff;}
A.dlink { COLOR: brown; TEXT-DECORATION: none; font-size: 13px; }
A.dlink:hover { COLOR: black; TEXT-DECORATION: underline;}
A.clink { COLOR: black; TEXT-DECORATION: none; font-size: 13px; }
A.clink:hover { COLOR: #BD132F; BORDER-BOTTOM: #BD132F 1px dotted;}
A.offerlink { COLOR: #BD132F; TEXT-DECORATION: none; font-size: 14x; }
A.offerlink:hover { COLOR: black; TEXT-DECORATION: underline;}
.foothead{
	font-size: 13px;
	line-height: 28px;
	font-weight: bold;
}
.footnote{ font-size: 12px; }
.img-holder {position: relative;}
.img-holder .link1 { text-decoration: none; text-align:center; padding: 12px 12px ; width: 160px; border-radius: 5px; display: table; margin: 0 auto; text-transform: uppercase; font-size: 16px; color: #553B02;  background-color: #FFB612; position: absolute; top: 20px;   }
.img-holder .link1:hover { 	background-color: #F46B06; 	color: #000000; text-decoration: none; }
.check-box {background-color: #fff;
    width: auto; height: 108px;
    border: 1px solid #BD132F;
    padding: 16px;
    margin: 2px;}
.check-box2 {background-color: #ccc;
    width: auto; height: 128px;
    border: 1px solid black;
    padding: 16px;
    margin: 2px;}
.container {
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}

.service-details {
  /*width: 460px;*/
  width: 620px;
  height: 230px;
  /*height: 230px;*/
  overflow: hidden;
  position: relative;
  background-image: url("../images/4.jpg");
  border: 2px solid #BD132F;
}
.service-details:hover {
  border: 2px solid transparent;
}


.service-details img {
  position: absolute;
  top: 0;
  left: 0;
  height: inherit;
  width: auto;
  height: 100%;
  float: left;
  border: 2px solid #BD132F;
  transition: all 0.8s;
  -moz-transition: all 0.8s;
}

.service-details:hover img {
  /*opacity: 0.4 !important;*/
  border: 2px solid transparent;
}


.service-details .service-hover-text {
  width: 25%;
  height: 89%;
  position: absolute;
  top: 0%;
  right: 67%;
  padding: 3% 4%;
  background: #BD132F;
  color: white;
  /*display: none;*/
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.4s;
}

.service-details:hover .service-hover-text {
  display: block !important;
  color: black;
  background: rgba(255,255,255, 0.70);
  left: 0px;
  top: 0px;
}

.service-details .service-text {
  width: 60%;
  height: inherit;
  background: #000;
  float: left;
  position: absolute;
  left: 50%;
}

.service-details .service-text p {
  padding: 100px 0px 0px 20px;
  font-size: 24px;
  font-family: "Open Sans";
  font-weight: 700;
  color: #fff;
}

.service-details .service-text p span {
  font-family: "Open Sans" !important;
}

.service-details .service-text a, .service-white .service-text {
  padding: 2px 2px 2px 20px;
  font-size: 14px !important;
  color: #FF5A22 !important;
  font-family: "Open Sans" !important;
  text-decoration: none !important;
}

.service-details .service-text {
  float: right;
}

.service-white {
  width: 20% !important;
  height: inherit !important;
}

.service-white p {
  color: #000 !important;
}
.service-details .service-hover-text h3 {
  padding: 0px;
  margin: 0px;
  font-size: 25px;
  font-weight: 300;
  font-family: "Open Sans";
}

.service-details .service-hover-text h4 {
  padding: 0px;
  padding-bottom: 13px;
  margin: 0px;
  font-size: 11px;
  letter-spacing: 1px;
  width: 100%;
  font-family: "Open Sans";
  text-transform: uppercase;
  border-bottom: 2px solid #730819;
}

.service-details .service-hover-text p {
  padding-top: 10px;
  font-size: 13px;
  line-height: 18px;
  font-family: "Open Sans";
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 999px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 999px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 999px), only screen and (min-device-pixel-ratio: 2) and (max-width: 999px), only screen and (min-resolution: 192dpi) and (max-width: 999px), only screen and (min-resolution: 2dppx) and (max-width: 999px) {
#homenews-left{width:100%; padding-right: 2px; }
#homenews-middle{width:100%; }
#homenews-left-middle{width:100%; }
#homenews-right{float:left; width:100%;}

.homenews-left{width:100%;  padding-right: 8px; }
.homenews-middle{width:100%;  padding-right: 8px; }
.homenews-right{float:left; width:100%;  }

#news-container{width:100%; float:left; margin: 0px auto 0px auto;}
#news-left{float:left; width:98%; padding-right: 4px;  }
#news-right{float:right; width:98%; padding-left: 0px; border-left: 0px solid #E5E5E5;}


#wrap {margin-top: 0;}
#top {display:none;}
#top-right {display:none;}
#top-left {display: grid;
        place-items: center; padding-left:5%; width: 90%;}
#top-middle {display:none;}
#top-links {display:none;}
#bottom-left {width:98%; padding:0; border-right:0; height:auto;}
#bottom-middle1 {display:none;}
#bottom-middle2 {display:none;}
#bottom-middle3 {display:none;}
#bottom-right {width:98%; padding:0; border-right:0; height:auto;}
#footer {width:98%;}

#slider {border-bottom: 4px solid #4D8C26;}
#slideshow > div { padding: 4px 4px 0 4px;}

}

/* mobile only */
@media only screen
and (min-width : 999px) {
.mobile {display:none;}
}
/* desktop only */
@media only screen
and (max-width : 999px) {
.desktop {display:none;}
}
