@font-face {
   font-display: swap;
   font-family: "Material Icons";
   src: url('../fonts/MaterialIcons-Regular.woff2') format('woff2'), url('../fonts/MaterialIcons-Regular.woff') format('woff'), url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
}
@keyframes animate-fade-in-up {
0% {
   opacity: 0;
   transform: translate(0px,100px) rotate(0deg);
}
100% {
   opacity: 1;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes animate-fade-out {
0% {
   opacity: 1;
}
100% {
   opacity: 0;
}
}
@keyframes transform-3d-flip-out-x {
0% {
   opacity: 1;
   transform: perspective(400px) rotateX(0deg);
}
100% {
   opacity: 0;
   transform: perspective(400px) rotateX(90deg);
}
}
a.appo-head {
   color: #B1BE16;
   text-decoration: none;
}
a.appo-head:visited {
   color: #B1BE16;
   text-decoration: none;
}
a.appo-head:active {
   color: #008080;
   text-decoration: none;
}
a.appo-head:hover {
   color: #008080;
   text-decoration: none;
}
a.appo-head-min {
   color: #004D40;
   text-decoration: none;
}
a.appo-head-min:visited {
   color: #004D40;
   text-decoration: none;
}
a.appo-head-min:active {
   color: #B1BE16;
   text-decoration: none;
}
a.appo-head-min:hover {
   color: #B1BE16;
   text-decoration: none;
}
h1,
.h1 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: Arial;
   font-size: 32px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h2,
.h2 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: Arial;
   font-size: 27px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h3,
.h3 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: Arial;
   font-size: 24px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h4,
.h4 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: Arial;
   font-size: 21px;
   font-style: italic;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h5,
.h5 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: Arial;
   font-size: 19px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h6,
.h6 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: Arial;
   font-size: 16px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
.CustomStyle {
   --color: #2E74B5;
   background-color: transparent;
   color: #2E74B5;
   font-family: "Courier New";
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
}
@media only screen and (min-width: 580px) and (max-width: 767px) {
}
@media only screen and (max-width: 579px) {
}