@font-face {
	font-family: 'FaraCustom Regular';
	src: url('Fonts/FaraCustom-Regular.woff') format('woff'),
		url('FaraCustom-Regular.ttf') format('truetype'),
		url('FaraCustom-Regular.svg') format('svg');
}
@font-face {
	font-family: 'Dotlirv1 Regular';
	src: url('Fonts/Dotlirv1-Regular.woff') format('woff'),
		url('Fonts/Dotlirv1-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Dotliriv2 Regular';
	src: url('Fonts/Dotliriv2-Regular.woff') format('woff'),
		url('Dotliriv2-Regular.ttf') format('truetype');
}

body { 
	background-color: #282830 !important;
	min-height: 95vh;
}
#table1{
	height: 16vh;
	padding-bottom: 30px;
}
#table2{
	height: 64vh;
}
#table3{
	height: 14vh;
}
.Style1 {
	font-family: "Dotlirv1 Regular";
	font-size: 40px;
	color: #9a9ca5 !important;
	line-height: 100%;
}
.Style1 a{
	color: #9a9ca5 !important;
}
.Style2 {
	font-family: Calibri, "Calibri Light";
	font-size: 12px;
	color: #999;
	font-style: italic;
}
.Style3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 30px;
}
.Style4 {
	font-size: 18px;
	color: #ccc;
	line-height: 31px;
	font-family: "Dotliriv2 Regular";
}
.Style5 {
	font-family: "Dotliriv2 Regular";
	font-size: 28px;
	line-height: 30px;
	color: #ccc;
}
.Style6 {
	font-family: "Dotliriv2 Regular";
	font-size: 14px;
	color: #ccc;
}
.slideshow-container {
  max-width: 100%;
  position: center;
  margin-left: auto;
  margin-right:auto;
}
.mySlides {
	display: block;
  margin-left: auto;
  margin-right: auto;
  width: 340px;
}
img {
	vertical-align: center;
	height: 340px;
	width: 340px;
}
.dot {
  height: 5px;
  width: 5px;
  margin: 0 7px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  visibility: hidden;
}
#ppBtn {
  height: 25px;
  width: 25px;
  font-size: 0.8em;
  border: none;
  margin: 0 7px;
  background-color: #9a9ca5;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  visibility: hidden;
  
}

.active {
  background-color: #717171;
}

.fade {
  animation-name: fade;
  animation-duration: 11s;
  webkit-animation: fadeinout 11s linear forwards;
    animation: fadeinout 11s linear forwards;
    opacity: 0;
}
@-webkit-keyframes fadeinout {
	0% {
        opacity: 0;
    }
    18% {
      opacity: 1;
    }
    
    63% {
        opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
}

@keyframes fadeinout {
	0% {
        opacity: 0;
    }
    18% {
      opacity: 1;
    }
    
    63% {
        opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
}

a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
a:active {
	color: #CCCCCC;
	text-decoration: none;
}
a:link {
	color: #CCCCCC;
	text-decoration: none;
}