.hr02 { 
border: 0;
border-bottom: 2px dashed #999;
background: #000;
width:30%; 
margin:2em auto 
}
	
body {
	font-size : small;
	font-family : Verdana, Helvetica, Arial, sans-serif;
	line-height : 1.8em;
	}
	
h1, h2 {
	color : #007e7e;
	}
	
h1 {
	font-size : 240%;
	}
	
h2 {
	font-size : 130%;
	}
	
td {
	text-align : center;
	vertical-align : middle;
	}
	
h2.font {
	font-size : 48px;
	font-family : 'Pacifico',Verdana, arial;
	color : #144466;              /*05495a;*/
	margin : 1em 0 1em 0;
	text-align : center;
	font-weight:100;
	}
	
/*.button span  {
	font-family:Pacifico, Arial, sans-serif;
	}*/
	
table {
	width : 100%;
	margin:0 auto;
	}
	
.col01 {
	width : 150px;
	}
	
table tbody tr td:hover {
    background-color : #f8f9ee;
	box-shadow : 0 0 6px inset;
	border:none;
	}
	
#vst {
	margin:4em 0 3em 6em; 
	font-family:georgia, serif; 
	font-size:1.4em;
	color:#000;
	letter-spacing: .6pt;
	line-height:1.5;
	}

#btn01 {
	margin-top:5em;
	}

#ban01 {
	width:98%;
	max-width:1500px;  
	margin:1em auto
	}

#ban01 .img1 {
	width:100%; 
	height:auto
	}
	
#vst cite  {
color : #c64308;
font-style:normal;
font-size:100%;
font-family : arial, non-serif;
border-bottom:1px solid ;
border-bottom-color: #c64308;
}

#vst  a:hover cite {
color: #fff;
background-color: #6e97bf;
border-bottom: 1px solid #fff;
}	

 .preloader {
  background: linear-gradient(90deg, #FF4E50 10%, #F9D423 90%);
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right:0;
  bottom:0;
  z-index: 100000;
}
 
 .prePreloader{
  height: 40px;
  width: 40px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: 50%;
  margin-top: -20px;
}
.prePreloader:before,
.prePreloader:after {
  content: "";
  height: 40px;
  width: 40px;
  border: 8px solid rgba(255,255,255,.5);
  border-radius: 10px;
  position: absolute;
  top: 0;
}
.prePreloader:before {
  animation: animate 2s infinite linear;
}
@keyframes animate {
  0% {
    transform: rotate(0) skew(0);
  }
  
  100% {
    transform: rotate(180deg) skew(360deg);
  }
}
.prePreloader:after {
  animation: animate2 2s infinite linear;
}
@keyframes animate2 {
  0% {
    transform: rotate(0) skew(0);
  }
  
  100% {
    transform: rotate(-180deg) skew(-360deg);
  }
}