body {
  background:url(../images/nature.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

a.navigator {
  font-size: 70px;
  color:#ff0000;
  position: fixed;
  top: 50%;
  left: 20px;
  transition: all .12s linear;
  -o-transition: all .12s linear;
  -moz-transition: all .12s linear;
  -webkit-transition: all .12s linear;
  opacity: 1.0;
  /*background-color: black;*/
}
a.navigator:hover, a.navigator:active {
  /*background-color: red;*/
  color: #ff0000;
  opacity: 1;
}
a.navigator + a.navigator {
  left: auto;
  right: 20px;
}
a.navigator.disable{
  visibility: hidden;
}

a.navigator.top{
  position: static;
  opacity: 1;
}
a.navigator.top i.fa{margin-right: 5px;}

div.wrapper > div:first-of-type {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 70px auto; 
  background-color: rgb(255, 252, 199);
}


span.page_no{
  float: right;
}
span.dvt_name{
  padding-left: 14px;
  display: inline-block;
  width: 83%;
}
b.country{
  margin-top: 20px;
  display: inline-block;
  padding-left: 5px;
}

a:not(.navigator){
  display: inline-block; 
  width: 100%;
  color: rgb(40,22,111);
  text-decoration: none;
  
}
a:visited:not(.navigator){
  color: rgb(100, 0, 0);
}
a:hover:not(.navigator){
  background: #FFe432;
  font-weight: bold;
}

div.appreciation_index{
  position: absolute;
  left: 95px;
  top: 165px;
  width: 270px;
}

div.appreciation_index > span{
  color: #c72711;
  font-size: 20px;
  border-bottom: 1px solid #acc03d;
  display: inline-block;
  padding-bottom: 5px;
}
div.appreciation_index > span:hover{
  font-weight: bold;
  font-size: 19px;
  }
div.appreciation_index > h3{
  color: #3b295b;
  margin: 20px 0 10px 0;
}
div.appreciation_index > ol{
  margin-top: 12px;
  color: #7f3012;
  font-size: 18px;
}
div.appreciation_index li{
  padding-bottom: 12px;
}
div.appreciation_index li:hover{
  font-weight: bold;
  font-size: 17px;
  }
div.appreciation_index a{
  text-decoration: none;
  display: inline;
}
div.appreciation_index a:hover{
  background: none;
  width: auto;
}


  @media (max-width:767px){
.wrapper > div{ left: 20% !important;    top: 15% !important;}
.nav>li>a{font-size: 30px;}
.nav{     margin-left: 26px;  margin-top:20px; height: 56px !important;}

}