@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
 
@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans');
@import url('https://fonts.googleapis.com/css?family=Raleway')
  
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
	fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

.white_text {
	color: #ffffff;
	text-decoration: none;
}


table {
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
}

strong {
	font-weight: 800;
}

ol {
	margin-left: 0;
	padding-left: 1em;
}

ul {
	margin-left: 0;
	padding-left: 2em;
}

.center {
	display: table;
    margin: 0 auto;
}

.center or {
	margin-left:0;
}

li {
	text-align: left;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #444;
}

h1 {
	margin-bottom: 5vh;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

/* Custom CSS
 * --------------------------------------- */
body {
	font-family: Raleway, Tahoma, Verdana, sans-serif;
	color: #000000;
	font-size: 14pt;
	line-height: 1.5em;
	
}

 /* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	body {
		font-size: 8pt;
		line-height: 1.2em;
	}	
	
	body .tagline_big {
		margin-top:5vh;
		font-size: 10pt;
		line-height: 12pt;
	}
	
	body .tagline_small {
		font-size: 7pt;
		line-height: 9pt;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	body {
		font-size: 8pt;
		line-height: 1.2em;
	}
	
	body .tagline_big {
		margin-top:5vh;
		font-size: 10pt;
		line-height: 12pt;
	}
	
	body .tagline_small {
		font-size: 8pt;
		line-height: 10pt;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	body {
		font-size: 12pt;
	}
	
	body .tagline_big {
		margin-top:5vh;
		font-size: 14pt;
		line-height: 16pt;
	}
	
	body .tagline_small {
		font-size: 12pt;
		line-height: 14pt;
	}
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	body {
		font-size: 14pt;
	}
	
	body .tagline_big {
		margin-top:5vh;
		font-size: 14pt;
		line-height: 18pt;
	}
	
	body .tagline_small {
		font-size: 12pt;
		line-height: 16pt;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	body {
		font-size: 14pt;
	}
	
	body .tagline_big {
		margin-top:5vh;
		font-size: 14pt;
		line-height: 18pt;
	}
	
	body .tagline_small {
		font-size: 12pt;
		line-height: 16pt;
	}
}

.wrap {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}

h1 {
	font-size: 3em;
	color: #354579;
}

h2 {
	font-size: 2.5em;
	color: #354579;
}

h3 {
	font-size: 2em;
	color: #354579;
}

h4 {
	font-size: 1.8em;
	color: #354579;
}


h5 {
	font-size: 1.6em;
	color: #354579;
}


ol li {
	font-size: 1em;
}

p {
	margin-top: 2px;
}

.section {
	text-align: center;
}

.section {
	text-align: center;
	overflow: hidden;
}

.highlight {
	color: #c22216;
}

#header {
	position: fixed;
	top: 0px;
	height: auto;
	display: block;
	width: 100%;
	background: #333;
	z-index: 9;
	text-align: center;
	color: #000000;
	padding: 20px 0 0 0;
}

#footer{
		position:fixed;
		bottom:0px;
		height: auto;
		display:block;
		width: 100%;
		z-index:9;
		text-align:center;
		color: #354579;
		padding: 20px 0 20px 0;
}

#logo {
	width: 200px;
	height: 120px;
	left: 0;
	top: 0;
}

.fp-tableCell {
	vertical-align: top !important;
}

video::-webkit-media-controls {
	display: none !important;
}


.navbar {
	position: absolute;
	min-height: auto !important;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 2em;
}

.navbar-nav>li>a {
	margin-top: 0px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	line-height: 3em !important;
}

.row-fluid {
    display: flex;
    align-items: flex-end;
 }
 
 .container {
 	margin-top:100px;
 }
 
 /* SLIM SCROLL */
 pre.prettyprint { padding:15px; border:1px solid #eee; border-radius:5px; background:#eee; border-bottom:3px solid; }
.examples { border-radius:20px; background:#fff; padding:15px;
  margin:0 150px 0 0; border-collapse: collapse; border:1px solid #000; }
.slimScrollDiv { border:1px solid #eee; }
#nav { position:fixed; top:0; left:0; background:#fff; padding:15px; border-radius:20px; width:200px; }
#nav ul { list-style-type:square; list-style-position:inside; margin:20px 0 0 0; padding:0; }
#nav a { text-decoration:none; color:#000; }
#nav a:hover { text-decoration: underline }