@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body
{
background-color: #fff;
font-family: 'Open Sans', sans-serif;
color:#000 !important;
position: relative;
}
h1
{
  font-family: 'Open Sans', sans-serif;
}
a
{
color: #fdb813;
}
a:hover
{
color: #fba919;
}
footer
{
  border-top: 3px solid #fdb813;
  margin-top: 30px;
  padding: 10px;
}
.fa-hard-hat,.fa-life-ring
{
  color: #fdb813;
}
.box
{
margin-top: 30px;
padding: 10px;
}

ul.nav-pills {
  position: fixed;
}
.leftsid
{
  background-color: #ffeec6;
  border: solid 1px #FDB813;
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
@media (max-width: 768px) {
  .leftsid {
    visibility: hidden;
  }
    }
.box2
{
  background-color: #edab10;
  padding: 5px;
  border: 1px solid #fcc33a;

}
.logo
{
  max-width: 120px;
  margin-bottom: 15px;
}
.floating {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.navbar-dark
{
  background-color: #edab10 !important;
  color: #fff !important;
}
.nav-link
{
  color: #fff !important;
  font-size: 20px!important;
}
.navcolor
{
  color: #000 !important;
}
.nav-item:hover
{
  background-color: #c18a09 !important;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.navlink{
  background-color: #c18a09 !important;
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;

}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #FDB813 !important;
}
.carousel
{
}
.navbar-fixed-left {
  position: fixed;

}
.dropdown-item
{
  white-space:normal !important;
    word-wrap: break-word;
}


.head
{

  background-color: #FDB813;
  color: #fff;

}
@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }
}