body {margin:0; padding:0; background-color:white; 
}
.dv {
width:100%; position:relative;
}
#top {
position:fixed; z-index:1; width:100%;}
#tab {
z-index:1; position:absolute; margin:0; padding:0; background:linear-gradient(to bottom, black,rgba(0, 0, 0, 0.0)); left:0; top:0; width:100%; text-align:center; font-size:1.5vw; text-shadow:0.1vw 0.1vw 0.1vw black; color:white; font-weight:bold;}
    #tab tr td img {
    width:17vw; padding-top:1vw 0 1vw 0;
    }
.anc {
text-decoration:none; color:white;}
#bottom {
    line-height: 1.8em;
position:fixed; bottom:0; z-index:1; text-align:center; background:rgba(0,0,0,0.2); padding:0.5vw 0 0.5vw 0; width:100%; font-size:2vw; text-shadow:0.1vw 0.1vw 0.1vw black; color:white; font-weight:550; font-family:'Century Gothic';
}
#btn {
width:auto; position:absolute; top:45%; text-align:center; z-index:1; margin-left:41%;
}
.seat {
border:0.2vw solid white;  text-align:center;
}
#btn2 {
 border:0.1vw solid white; border-radius:0.5vw; padding:1.5vw 3vw 1.5vw 3vw; text-decoration:none; text-shadow:0.1vw 0.1vw 0.1vw black; color:white; font-size:2vw; background-color:rgba(255, 0, 0, 0.78); font-weight:bold; transition:0.5s; font-family:'Century Gothic';
}
    #btn2:hover {
        border:0.1vw solid red; border-radius:0.5vw; padding:1.5vw 3vw 1.5vw 3vw; text-shadow:0.1vw 0.1vw 0.1vw black; text-decoration:none; color:red; font-size:2vw; background-color:rgba(255, 255, 255, 0.6); font-weight:bold; transition:0.5s;
    }
#tab2 {
width:100%; text-align:center;}
.lnk {
font-size:1vw; text-decoration:none; color:white;}
.img_btn {
outline:0; width:6vw; height:6vw; border:none;}
::-webkit-scrollbar {
    width: 1.2vw;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,0.3); 
    border-radius: 1vw;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 1vw;
    -webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,0.5);  background-color:rgba(0,0,0,0.5);
}
#scrol {
width:15%; right:0; height:100%; position:fixed;  background-color:rgba(176, 179, 180, 0.46); background:url('../kasauli/img/note.png') no-repeat center center; background-size:cover; font-size:1vw; text-align:center; overflow-y:scroll; overflow:auto; padding:10vw 1vw 13vw 1vw; font-family:'Century Gothic'; top:0; z-index:-1;}
#scrol::-webkit-scrollbar {
    width: 0.5vw;
}
 
#scrol::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,0.3); 
    border-radius: 1vw;
}
 
#scrol::-webkit-scrollbar-thumb {
    border-radius: 1vw;
    -webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,0.5);  background-color:#00638f;
}
#spn {
font-weight:bold; font-size:1.2vw; color:#00638f; font-family:'Century Gothic'; position:fixed; margin-left:-7.9vw; margin-top:-6.5vw; background-color:white; padding:6vw 3.8vw 1vw 4vw; border-bottom:0.1vw solid black; box-shadow:0.1vw 0.1vw 0.5vw black;}
#fst3 {
width:85%; padding-left:15vw; height:100%; position:fixed; font-size:1vw; text-align:center; overflow-y:scroll; overflow:auto; padding:8vw 2vw 2vw 2vw; background-color:#e2e2e2; background:url('../kasauli/img/login_bg.jpg'); 
}
#fst3::-webkit-scrollbar {
    width: 0.5vw;
}
 
#fst3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,0.3); 
    border-radius: 1vw;
}
 
#fst3::-webkit-scrollbar-thumb {
    border-radius: 1vw;
    -webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,0.5);  background-color:#00638f;
}
#fst2 {
width:85%; padding-left:15vw; height:100%; position:fixed; font-size:1vw; text-align:center; overflow-y:scroll; overflow:auto; padding:9vw 2vw 2vw 2vw; background-color:#e2e2e2; 
}
#fst2::-webkit-scrollbar {
    width: 0.8vw;
}
#fst2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,0.3); 
    border-radius: 1vw;
}
#fst2::-webkit-scrollbar-thumb {
    border-radius: 1vw;
    -webkit-box-shadow: inset 0 0 0.6vw rgba(0,0,0,0.5);  background-color:#00638f;
}
#hed {
font-size:2.5vw; font-weight:bold; color:#00638f; font-family:'Century Gothic'; margin-left:14vw;}
#tbl {
width:80%; text-align:center; margin-left:8vw;}
.dv {
text-align:center;}
.dv2 {
border-bottom:0.2vw solid #00638f; width:20vw;}
.tx {
width:20vw; margin-left:-1vw; background-color:transparent; border:none; padding:1vw; font-size:1.5vw; outline:0;}
.bt {
margin:2vw; width:20vw; height:3vw; background-color:#00638f; border:none; color:white; font-size:1.2vw; border-radius:0.5vw; outline:0;}
    .bt:hover {
    background-color:rgba(0, 99, 143, 0.76);}
.spn {
color:red; font-weight:bold; font-size:1.1vw; font-family:'Century Gothic';}
#dv2 {
width:100%; text-align:center; margin-top:40vw;}
#p1 {
font-size:3vw; padding:0; margin:0;  font-family:'Century Gothic';}
#p2 {
width:10vw; border-bottom:0.2vw solid rgba(0,0,0,0.5); padding:0;}
#p3 {
color:#464646; font-size:1.3vw; line-height:2vw; font-family:'Century Gothic';}
#dv3 {
width:100%; text-align:center; padding:0; margin:0;
}
.dev {
width:24vw; text-align:center; position:relative; display:inline-block; margin:1vw; padding:0; box-shadow:0.1vw 0vw 1vw rgb(118, 118, 118); background-color:white;}
    .dev:hover {
   box-shadow:0.1vw 0vw 1vw #04345c;  }
.imag {
width:23vw; height:15vw; text-align:center; position:relative; margin-top:0.5vw; }
.pp {
font-size:1.7vw; padding:0; font-family:'Century Gothic';}
.undr {
width:4vw; border-bottom:0.2vw solid #0082c4; margin-top:-1vw; padding:0;}
.desc {
 font-size:1vw; color:black; margin:1vw; text-align:justify; font-family:'Century Gothic';}
#dv4 {
width:100%; text-align:center; margin:2vw 0 2vw 0;}
#anc2 {
text-decoration:none; margin:1vw; padding:0.5vw; font-size:1.5vw; color:white; background-color:#2c89ee; border:0.1vw solid #2c89ee; border-radius:0.5vw;  font-family:'Century Gothic';}
    #anc2:hover {
    background-color:#00638f; border:0.1vw solid #00638f; transition:0.5s;}
.p1 {
font-size:3vw; color:#636363; font-family:'Century Gothic'; font-weight:normal;}
.und {
    width:5vw; border-bottom:0.2vw solid #00638f; margin-top:-1.5vw; padding:0;
}
.soc_img {
position:relative; display:inline-block; width:6vw; height:6vw; margin:1vw; border-radius:6vw; border:0.2vw solid white; transition:0.5s;}
    .soc_img:hover {
    box-shadow:0.1vw 0vw 2vw #313131; transition:0.5s;}
#dwn {
width:7vw; height:7vw; margin-top:2vw;}
#lim {transition:1s;
}
#lim:hover {
     transition:2s; margin-top:1vw; transition:0.9s;
}
#anc {
text-decoration:none; color:#00638f; font-size:1vw; font-family:Arial; font-weight:bold;}
.wid {
width:30%;}
.validtor {
color:red; font-family:Arial; font-size:1vw; float:left;}
#hov {
font-size:1vw; color:black; font-family:'Century Gothic'; font-weight:bold; text-decoration:none; }
#hov:hover {
color:#f50e4d;}