body {font-family: Arial, sans-serif; margin: 0}

.bg {background: url(images/bg.jpg); font-family: Arial; margin: 0px 0px 0px 0px;}

input.button {color: white; font-family: Arial, sans-serif; font-size: 30px; font-weight: normal; background-color: #0A989A; border-color: #FAAC58; border-width: 3px; border-radius: 15px; cursor: pointer;}

p.justifywhite {font-family: Arial, sans-serif; text-align: justify; margin: 0px 30px 0px 30px; color: white; font-size: 20px; font-weight: normal;}
p.black        {font-family: Arial, sans-serif; text-align: left;    margin: 0px 30px 0px 30px; color: black; font-size: 15px; font-weight: normal;}

li {font-family: Arial, sans-serif; font-size: 15px; text-align: left; margin: 0px 30px 0px 30px;}

i {font-family: Arial, sans-serif; color: black; font-size: 25px; font-weight: normal; font-style: italic;}

hr {border-top: 2px solid white;}

a.white {font-family: Arial, sans-serif; color: white; font-size: 30px; font-weight: normal; text-decoration: none; cursor: pointer;}

h1 {font-family: Arial, sans-serif; color: black; font-size: 30px; font-weight: bold; text-align: center; margin-left: auto; margin-right: auto;}
h2 {font-family: Arial, sans-serif; color: black; font-size: 20px; font-weight: bold; text-align: center; margin-left: auto; margin-right: auto;}
h3 {font-family: Arial, sans-serif; color: black; font-size: 15px; font-weight: bold; text-align: center; margin-left: auto; margin-right: auto;}

div.underline {font-family: Arial, sans-serif; color: black; font-size: 15px; font-weight: normal; text-decoration: underline; text-align: left; margin: 0px 30px 0px 30px;}
div.center    {text-align: center; margin-left: auto; margin-right: auto;}
div.lefttitle {font-family: Arial, sans-serif; color: black; font-size: 20px; font-weight: bold; text-align: left; margin: 0px 30px 0px 30px;}

img          {vertical-align: middle;}
img.home     {display: block; margin-left: auto; margin-right: auto; width: 50%;}
img.full     {width: 100%;}
img.small    {width: 40px;}
img.center   {display: block; margin-left: auto; margin-right: auto;}
img.center50 {display: block; margin-left: auto; margin-right: auto; width: 50%;}
img.center30 {display: block; margin-left: auto; margin-right: auto; width: 30%;}

table      {text-align: center; margin-left: auto; margin-right: auto; border: 0px; padding: 0px;}
table.full {text-align: center; margin-left: auto; margin-right: auto; border: 0px; padding: 0px; width: 80%; }
table.white {border: 2px solid white;}

td         {font-family: Arial, sans-serif; font-size: 30px; font-weight: normal; text-decoration: none;}
td.left    {font-family: Arial, sans-serif; font-size: 20px; font-weight: normal; text-align: left; vertical-align: top; text-decoration: none;}
td.price   {font-family: Arial, sans-serif; font-size: 20px; font-weight: bold;  text-align: right; vertical-align: top; text-decoration: none;}
td.center  {text-align: center; vertical-align: center; margin-left: auto; margin-right: auto; color: white; padding: 5px;}
td.centerblack {text-align: center; vertical-align: center; font-size: 20px; font-weight: bold; margin-left: auto; margin-right: auto; color: black; padding: 5px;}
td.vcenter {vertical-align: center; padding: 5px;}
td.centersmall {text-align: center; vertical-align: center; font-size: 15px; margin-left: auto; margin-right: auto; color: white; padding: 5px;}
td.centermed   {text-align: center; vertical-align: center; font-size: 18px; margin-left: auto; margin-right: auto; color: white; padding: 5px;}
td.footer  {text-align: center; vertical-align: center; margin-left: auto; margin-right: auto; color: white; font-size: 15px; font-weight: normal; padding: 5px;}
td.white   {font-family: Arial, sans-serif; color: white; font-size: 20px; font-weight: normal; text-decoration: none;}
td.bwhite  {font-family: Arial, sans-serif; font-size: 20px; font-weight: normal; text-align: left; vertical-align: top; text-decoration: none; border: 2px solid white;}

/*Slider*/
* {box-sizing: border-box}
.mySlides {display: none}
.slideshow-container {max-width: 1000px; position: relative; margin: auto;}
.prev,.next {cursor: pointer; position: absolute; top: 50%; padding: 16px; margin-top: -22px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none;}
.next {right: 0; border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(0, 0, 0, 0.8);}
/* Caption text */
.text {color: white; background-color: #2e2e2e; font-size: 20px; font-weight: bold; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;}
/* Number text (1/3 etc) */
.numbertext {color: black; font-size: 20px; font-weight: bold; padding: 8px 12px; position: absolute; top: 0;}
/* The bullets */
.dot {cursor: pointer; height: 25px; width: 25px; margin: 5px 5px 5px 5px; background-color: #999999; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
.active, .dot:hover {background-color: #111111;}
.fade {-webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}
@-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}}
@keyframes fade {from {opacity: .4} to {opacity: 1}}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {.prev, .next, .text {font-size: 40px}}