/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');

body{ font-family:Roboto; color:#999; font-size:14px;}
p { color:#212121;}
h3{ color:#344ebc; font-family:Raleway; font-size:30px; font-weight:300; margin-bottom:35px;}
h2{ font-family:Raleway; font-size:24px; font-weight:400;}
h5{ color:#0066CC;}
.navbar-default{ background:none; border:none;}
.navbar{ margin-bottom:0px;}
.navbar-brand{ padding:0px;}
.TopBar{ background-color:#292c2a; padding:10px 0px; position:fixed; width:100%; z-index:999;}
.Logo{ width:100%; height:auto; max-width:119px;  margin-top:-5px;}
.IndexPicArea{ padding-top:100px; background:url(../images/BG-Index.jpg) no-repeat 50% 30%; min-height:540px; text-align:center; padding:60px 20px; padding-top:170px;}
.IndexPicArea h1{ font-family:'Roboto Slab'; color:#fff; font-size:48px; font-weight:200; margin-bottom:30px; letter-spacing:-0.02em;}
.IndexPicArea h2{ font-family:'Raleway'; color:#fff; font-size:30px; font-weight:900; text-transform:uppercase; margin-bottom:40px; letter-spacing:0.25em;}
.IndexPicArea h4{ font-family:'Roboto Slab'; color:#fff; font-size:16px; font-weight:400; text-shadow:0px 0px 5px #333;}
.IndexMidNav{ background-color:#ff5252; padding:30px 0px; margin-bottom:50px;}
.IndexMidNav-Link{ font-size:14px; font-weight:500; text-transform:uppercase;}
.IndexMidNav-Link a{ color:#fff; text-decoration:none;}
.IndexMidNav-Link img{ width:32px; height:auto; margin-right:20px;}
.AboutGroup{ text-align:center; margin-bottom:50px; background:url(../images/BG-Hill.jpg) no-repeat bottom center; padding-bottom:120px;}
.AboutGroup img{ width:100%; height:auto; max-width:100px; margin-bottom:20px;}
.AboutGroup p{ color:#212121; font-size:13px; line-height:24px; text-align:left; border-left:solid 1px #acacac; padding:0px; padding-left:20px;}
.PageHeader{font-family:'Roboto Slab'; color:#ff5252; font-size:36px; font-weight:400; margin-bottom:0px; margin-bottom:30px;}
.PageSubHeader{font-family:'Roboto Slab'; color:#ff5252; font-size:24px; font-weight:700; margin-bottom:0px; margin-bottom:30px;}
.Blue-Block{ background-color:#0098df; padding:20px; padding-top:80px; margin-bottom:30px; min-height:270px; color:#fff; font-size:13px;}
.Blue-Block h1{ font-family:'Roboto Slab'; color:#fff; font-size:36px; font-weight:900; margin:0px; margin-bottom:10px;}
.Blue-Block h2{ font-family:'Roboto Slab'; color:#fff; font-size:18px; font-weight:400; margin:0px; margin-bottom:20px;}
.Blue-Block a:hover{ text-decoration:none;}.Blue-Block h1 a:hover{ text-decoration:none;} .Blue-Block h2 a:hover{ text-decoration:none;}
.Area-FullWidth{ width:100%; height:auto; max-width:780px; margin-bottom:30px; }
.Place-Block{ position:relative;  background-color:#eaeaea; border-bottom: solid 2px #d1d1d1; margin-bottom:30px;}
.Place-Block-Top{ position:absolute; bottom:00px; padding:20px;}
.Place-Block-Top h1{ font-family:'Roboto Slab'; color:#fff; font-size:36px; font-weight:900; margin:0px; margin-bottom:10px;}
.Place-Block-Top h2{ font-family:'Roboto Slab'; color:#fff; font-size:18px; font-weight:400; margin:0px;}
.Place-Block img{ width:100%; height:auto; /*max-width:380px;*/ border-bottom: solid 1px #fff;}
.Place-Block p{ color:#212121; font-size:13px; padding:20px; margin-bottom:0px; line-height:20px;}
.ServiceBlock{background:url(../images/BG-Services.jpg) no-repeat 50% 0% #f5f5f9; padding:40px 20px; border-top: solid 10px #ff7143; margin-top:20px;}
.ServiceBlock h1{font-family:'Roboto Slab'; color:#212121; font-size:30px; font-weight:400; margin-bottom:0px;}
.ServiceBlock h4{font-family:'Roboto Slab'; color:#212121; font-size:16px; font-weight:400; margin-bottom:20px;}
.ServiceSmallBlock{ margin:10px 0px 5px 0px; color:#212121; font-size:13px;}
.ServiceSmallBlock img{ margin-bottom:5px;}
.LocationBlock{ background-color:#4e4f50; padding:0px; padding-top:40px; color:#fff;}
.LocationBlock h1{font-family:'Roboto Slab'; color:#fff; font-size:30px; font-weight:400; margin-bottom:20px;}
.LocationBlock h3{font-family:'Roboto Slab'; color:#fff79b; font-size:20px; font-weight:400; margin-top:20px; margin-bottom:20px;}
.LocationBlock p{ color:#d2d2d2; font-size:12px; line-height:24px;}
.LocationBlock p strong{ color:#fff; font-weight:400;}
.Location1{ width:100%; height:auto; max-width:572px;}
.Location2{ width:100%; height:auto; max-width:480px; margin-top:30px;}
.FooterBlock{background-color:#202121; padding:30px 20px; text-align:center; color:#7c7c7c; font-size:11px;}
.FooterBlock p{color:#c5c5c5; font-size:12px;}

.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
  color: #fff;
  background-color: #212121; border-radius:4px;
}
.dropdown-menu > li > a{ font-size:13px; padding:6px 20px; color:#03446c;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #77d4ff;
    background-color: #212121;
}
.modal-content{border-radius:0px;}
.modal-header{ background-color:#0098df;}
.modal-title{font-family:'Roboto Slab'; color:#fff; font-size:18px; font-weight:500;}
.close{ color:#fff; opacity:.75; text-shadow: 0 1px 0 #0098df;}
.modal-body{ font-size:13px; color:#0098df;}
.modal-body p{ font-weight:500; color:#212121;}

.Lava{ background:url(../images/Lava-BG-Index.jpg) no-repeat 50% 50%; min-height:450px; text-align:center; padding:60px 20px; padding-top:120px;}
.Kalimpong{background:url(../images/Kalimpong-BG-Index.jpg) no-repeat 50% 50%; min-height:450px; text-align:center; padding:60px 20px; padding-top:120px;}
.Rishyap{background:url(../images/Rishyap-BG-Index.jpg) no-repeat 50% 00%; min-height:450px; text-align:center; padding:60px 20px; padding-top:120px;}
.Loleygaon{background:url(../images/Loleygaon-BG-Index.jpg) no-repeat 50% 65%; min-height:450px; text-align:center; padding:60px 20px; padding-top:120px;}
.Chhibo{background:url(../images/Chhibo-BG-Index.jpg) no-repeat 50% 35%; min-height:450px; text-align:center; padding:60px 20px; padding-top:120px;}
.Gitkolbong{background:url(../images/Gitkolbong-BG-Index.jpg) no-repeat 50% 10%; min-height:450px; text-align:center; padding:60px 20px; padding-top:120px;}
.ChangeyFalls{background:url(../images/ChangeyFalls-BG-Index.jpg) no-repeat 50% 00%; min-height:450px; text-align:center; padding:60px 20px; padding-top:120px;}


.AboutHotel{ text-align:center; padding:30px 0px; border-top:solid 5px #ecef00; }
.AboutHotel p{ color:#212121; font-size:14px; line-height:30px; text-align:center; padding:0px;}
.Hotel-Block{ position:relative;  background-color:#eaeaea; margin-bottom:30px;}
.Hotel-Block img{ width:100%; height:auto; /*max-width:380px;*/}

.Service-Tariff-Block{background:#f5f5f9; padding:40px 20px; border-top: solid 10px #ff7143; margin-top:20px; text-align:center;}
.Service-Tariff-Block h1{font-family:'Roboto Slab'; color:#ff5252; font-size:24px; font-weight:400; margin-bottom:0px;}
.Service-Tariff-Block h4{font-family:'Roboto Slab'; color:#212121; font-size:16px; font-weight:400; margin-bottom:20px;}
.Tariff-Table{ margin-top:30px; margin-bottom:30px; color:#000; font-size:18px; font-weight:300; background:#fff; padding:20px;}
.Tariff-Table p { color:#299dff; font-size:12px; font-weight:600;}

@media screen and (max-width: 992px) {
.IndexPicArea{ min-height:350px; padding-top:100px;}
.IndexPicArea h1{ font-size:30px; font-weight:300;}
.IndexPicArea h2{ font-size:22px; font-weight:700;}
.IndexPicArea h4{ font-size:14px; line-height:24px;}
.IndexMidNav-Link{ margin-bottom:20px;}
.ServiceBlock{ background:none;background:#f5f5f9; }
.Location2{ margin-bottom:20px;}
.Blue-Block{ margin-bottom:0px;}
}
@media screen and (max-width:768px){ 
.IndexMidNav{ padding:0px 0px; margin-bottom:30px; text-align:center;}
.IndexMidNav-Link{ margin-bottom:0px;}
.IndexMidNav-Link span{ display:none;}
.IndexMidNav-Link img{ width:32px; height:auto; margin-right:0px; margin:15px;}
.AboutGroup p{ border:none; padding-left:0px; padding-top:15px; text-align:center;}
}