html, body{
  /* font-family: 'Exo 2', sans-serif; */
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #381f12;
}

.home{
  width: 100%;
  height: 900px;
}

.topsection{
  width: 100%;
  height: 500px;
  background-color: #f2d4aa;
}

.logobox{
  width: 120px;
}


.nav-link{
  color: #8a3821;
}

.nav-link:hover, .nav-link:focus{
  background-color: #8a3821;
  color: #fff
}

.messagebox{
  text-align: center;
  width: 1024px;
  margin: 100px auto;
}

.maintext{
  font-family: 'Exo 2', sans-serif;
  color: #381f12;
  font-weight: 300;
}

.subtext{
  color: #8a3821;
  font-size: 20px;
  font-weight: 300;
}

.imgbox{
  width: 1100px;
  height: 500px;
  overflow: hidden;
  margin: 20px auto;
  border: 5px solid #fff;
  box-shadow: 0 0 5px #455a64;
  background-position: center;
  background-size: cover;
}

.page{
  padding: 100px 0;
}

.subtitle{
  font-family: 'Exo 2', sans-serif;
  color: #381f12;
  font-weight: 300;
}

.content{
  width: 700px;
  margin: 20px auto;
}

.btn-more{
  background-color: #e6aa55;
}

.btn-more:focus, .btn-more:hover{
  background-color: #381f12;
  color: #fff;
}

.aboutlife{
  background-color: #381f12;
}

.lifebox{
  width: 700px;
  margin: 0 auto;
}

.textbox{
  width: 600px;
  float: left;
  z-index: 9999;
  position: absolute;
  margin-top: 100px;
}

.imgbox2{
  width: 450px;
  float: left;
  margin-left: 400px;
  border: 5px solid #8a3821;
  /* box-shadow: 0 0 5px #455a64; */
}

.whitetext{
  color: #fff;
  font-size: 36px;
  text-shadow: 0 0 5px #455a64;
}

.imgbox3{
  border: 5px solid #fff;
  box-shadow: 0 0 5px #455a64;
  width: 100%;
  overflow: hidden;
}

.graybg{
  background-color: #eceff1;
}

footer{
  background-image: url('../images/footer.jpg');
  background-position: bottom;
  background-size: cover;
  padding: 100px 0 300px 0;
}

.mt30{
  margin-top: 30px;
}

.sociallink{
  float: right;
  font-size: 30px;
  padding-left: 20px;
  color: #8a3821;
}

.sociallink:hover, .sociallink:focus{
  color: #e6aa55;
}

.footlink{
  background-color: #fff !important;
}

.footlink:hover, .footlink:focus{
  color: #e6aa55;
}

.about{
  background-color: #c49b90;
}

.project{
  background-color: #eaafa1;
}

.contact{
  background-color: #9b8f88;
}

.aboutimg{
  background-image: url('../images/about.jpg');
}

.aboutboxes{
  background-image: url('../images/aboutbg.jpg');
  background-position: center;
  background-size: cover;
}

.whitebg{
  background-color: #fff;
  padding: 20px;
  height: 420px;
}

.iconbox{
  padding-bottom: 20px;
}

.projectimg{
  background-image: url('../images/city.jpg');
}

.contactimg{
  background-image: url('../images/contact.jpg');
}

.homeimg{
  background-image: url('../images/home.jpg');
}

.nirvanaimg{
  background-image: url('../images/nirvana3.jpg');
}

.suryaimg{
  background-image: url('../images/av1.jpg');
}

.sgrimg{
  background-image: url('../images/sgr3.jpg');

}

.mb20{
  margin-bottom: 20px;
}

.mb40{
  margin-bottom: 40px;
}

.imagesbox{
  border: 5px solid #fff;
  box-shadow: 0 0 5px #455a64;
}


.testcolor{
  color: #381f12;
  color: #8a3821;
  color: #d55f44;
  color: #e6aa55;
}

.nomargin{
  margin: 0;
}

.spec{
  color: #455a64;
}





.jrimg {
  background-image: url('../images/jhansi.jpg');
}
.imgbox4{
  width: 1100px;
  height: 500px;
  overflow: hidden;
  margin: 20px auto;
  border: 5px solid #fff;
  box-shadow: 0 0 5px #455a64;
  background-position: center;
  background-size: cover;
}

.mar-t-20 {
  margin-top:50px;
}
.smdisplay{
  display: none;
}

.menubtn{
  float: right;
  background-color: transparent;
  border: 0;
  margin-top: 20px;
  color: #455a64;
}

.menubtn:hover, .menubtn:focus{
  background-color: transparent;
  border: 0;
  box-shadow: 0;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
  background-color: transparent;
  border: 0;
  box-shadow: none !important;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{
  box-shadow: 0 !important;
  border: 0;
}