body {
  margin:0;
  padding:0;
  width:100%;
  font-family: Arial, Helvetica, sans-serif;
  background: url(1.png);
}
a {
  color:blue;
  text-decoration: none;
}
.content {
  margin:auto;
  padding:auto;
  width:1100px;
  font-size:20px;
  text-align: justify;
}
.head_s {
  margin:auto;
  padding:auto;
  width:1100px;
  height:135px;
}
.head_s a {
  padding: 10px 10px;
  font-size:20px;
  text-align:center;
}
.head_s a th {
  font-size: 38px;
}

.head_l {
  overflow: hidden;
  float: left;
  width:65.1%;
}
.head_r {
  width:34.5%;
  float: left;
  text-align: right;
}
.head_r table {
  float: right;
}
.head_r td {
  padding-top: 15px;
  text-align: right;
}

@keyframes head_r-a1 {
  0% {
    color: #e87d7d;
  }
  10% {
    color: #e8bd7d;
  }
  20% {
    color: #d3e87d;
  }
  30% {
    color: #92e87d;
  }
  40% {
    color: #7de8a8;
  }
  50% {
    color: #7de8e8;
  }
  60% {
    color: #7da8e8;
  }
  70% {
    color: #927de8;
  }
  80% {
    color: #d37de8;
  }
  90% {
    color: #e87dbd;
  }
  100% {
    color: #e87d7d;
  }
}
@keyframes head_r-a {
  0% {
    color: #927de8;
  }
  60% {
    color: #e87d7d;
  }
}
.head_r-a {
  animation: head_r-a 1s infinite;
}

.split-l{
  border-left:1px solid #4CAF50;
}
.split-r{
  border-right:1px solid #4CAF50;
}

.topnav {
  height:50px;
  background-color: #000030;
}
.topnav ul {
/*  margin:auto;
  padding:auto;*/
  height:50px;
  width:1150px;
}
.topnav ul li {
  margin:auto;
  padding:auto;
  float: left;
  height:35px;
  padding-top:14px;
  padding-right:12px;
  padding-left:12px;
  display: block;
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: 900;
}

.topnav li:hover {
  background-color: #4C8850;
  color: white;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  margin-left:-15px;
  padding-top:20px;
  min-width: 160px;
  width: 200px;
  text-align:left;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  border-bottom:1px groove #4CAF50;
  display: block;
  background-color: #000030;
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

.ch{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ch-caret-down:before{content:"\f0d7"}
.dropdown-content a:hover {background-color: #4C8850;}

.dropdown:hover .dropdown-content {display: block;}
.scrollTo {
	width: 300px;
	height: 400px;
	position: fixed;
	bottom: 5%;
	right: 105px;
}
.scrollToTop {
	width: 50px;
	height: 70px;
	color: #444;
	text-decoration: none;
	position: fixed;
	bottom: 4%;
	right: 100px;
	display: none;
	z-index: 999;
	background: url(Message.gif);
	padding-left:20px;
	background-size: cover;
}
.scrollToTop:hover {
  cursor:pointer;
}
.scrollToTopMsg {
	width: 100%;
	color: #444;
	text-decoration: none;
	position: absolute;
	bottom: 8%;
	display: none;
/*	background-color: #555555;*/
}

#toggle {
	position:absolute;
	appearance:none;
	cursor:pointer;
	display: none;
	left:0%;
	bottom: 2%;
}
#toggle:checked ~ .scrollToTopMsg {
  display: inline;
}


.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #000030;
   color: white;
   text-align: center;
   padding-top:10px;
   padding-bottom:10px;
}
.footer span {
  font-size: 15px;
}
@keyframes footer-a {
  0% {
    color: white;
  }
  40% {
    color: red;
  }
  98% {
    color: yellow;
  }
}
.footer-a {
  animation: footer-a 1s infinite;
}


#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.9);
  transition: 1s 0.4s;
}
#progress{
  height:1px;
  background:#fff;
  position:absolute;
  width:0;
  top:50%;
}
#progstat{
  font-size:0.7em;
  letter-spacing: 3px;
  position:absolute;
  top:50%;
  margin-top:-40px;
  width:100%;
  text-align:center;
  color:#fff;
}

#sant_img_div {
  text-align:center;
  font-size:14px;
  width:200px;
  float: left;
  margin-top:15px;
}
#sant_img_div b {
  color:darkblue;
  font-size:18px;
}
#sant_img {
  width:150px;
  height:150px;
  box-shadow: -5px -5px 10px grey;
  border-radius: 50%;
}
#sant_gal {
  width:200px;
  height:200px;
  box-shadow: -5px -5px 10px grey;
  margin:15px;
}

#sant_img:hover {
  position: relative;
  -webkit-animation-name: santos; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  animation-name: santos;
  animation-duration: 2s;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes santos {
  0%   {left:0px; top:-8px;}
  25%  {left:0px; top:0px;}
  50%  {left:0px; top:-8px;}
  75%  {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes santos {
  0%   {left:0px; top:-8px;}
  25%  {left:0px; top:0px;}
  50%  {left:0px; top:-8px;}
  75%  {left:0px; top:0px;}
}