@import url('https://fonts.googleapis.com/css?family=Heebo|Roboto:italic,100,100italic,300,300italic,500,500italic,700,700italic,900,900italic|Roboto+Slab&display=swap&subset=latin-ext');

/* css reset - makes the layout looking good in all browsers */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top; }
body
{
	line-height: 1; 
	font-family: 'Roboto', sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
ol, ul {
	list-style: none; }
b
{
	font-weight: bold;
}

/* Home page animation */

@keyframes fade {
  0%   { opacity: 0; }
  8.88%   { opacity: 1; }
  34.64%  { opacity: 1; }
  40.00%  { opacity: 0; }
  100% { opacity: 0; }
}

.fadein_ad_ingestor_large { position:relative; z-index:99999; height:450px; width:800px; outline: 0px solid blue; }
.fadein_ad_ingestor_large img { position:absolute; left:0; right:0; opacity:0; animation-name: fade; animation-duration: 12s; animation-iteration-count: infinite; }
.fadein_ad_ingestor_large img:nth-child(1) { animation-delay: 0s;  }
.fadein_ad_ingestor_large img:nth-child(2) { animation-delay: 3s;  }
.fadein_ad_ingestor_large img:nth-child(3) { animation-delay: 6s;  }
.fadein_ad_ingestor_large img:nth-child(4) { animation-delay: 9s;  }





/* Navbar */


/* Dropdown Button */
.dropbtn {
  font: 900 11.8pt Roboto, sans-serif;
  color: #8781bd;
  padding: 0px;
  border: none;
  background-color: #ffffff;
}

.dropbtn a {
  font: 900 11.8pt Roboto, sans-serif;
  color: #8781bd;
  padding: 0px;
  border: none;
  background-color: #ffffff;
}



/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 350px;
  box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
  z-index: 100000;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {color: #ffa12d;}